:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#17382c;background:#f6faf7;font-synthesis:none;text-rendering:optimizeLegibility;--green-50: #f0f8f2;--green-100: #dff1e3;--green-200: #c8e9cf;--green-300: #a9d9b4;--green-400: #7fc18e;--green-500: #61ad74;--green-600: #438d5a;--green-700: #2f7047;--green-800: #245a3b;--green-900: #174c36;--ink: #17382c;--muted: #6e7f76;--line: #dfe9e2;--white: #fff;--shadow: 0 22px 55px rgba(23, 76, 54, .1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:#f6faf7}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--green-700);font-weight:700;text-underline-offset:3px}:focus-visible{outline:3px solid rgba(97,173,116,.32);outline-offset:2px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(560px,1.14fr)}.auth-story{position:relative;isolation:isolate;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:clamp(2rem,4.6vw,4.5rem);color:#fff;background:radial-gradient(circle at 15% 10%,rgba(140,210,155,.17),transparent 25%),linear-gradient(148deg,#225f42,#174c36 52%,#103b2a)}.auth-story:after{position:absolute;z-index:-1;right:-10rem;bottom:-14rem;width:34rem;height:34rem;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 4rem #ffffff06,0 0 0 8rem #ffffff05;content:""}.brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.78rem;width:fit-content}.brand__mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.9rem;color:var(--green-500);background:#fff;box-shadow:0 10px 24px #082d1e26}.brand__mark svg{width:1.75rem;height:1.75rem}.brand__name{display:flex;flex-direction:column;line-height:1.08}.brand__name strong{font-family:Georgia,Times New Roman,serif;font-size:1.23rem;letter-spacing:-.02em}.brand__name small{margin-top:.26rem;font-size:.66rem;font-weight:750;letter-spacing:.18em;opacity:.72;text-transform:uppercase}.brand--compact .brand__mark{width:2.45rem;height:2.45rem;border:1px solid var(--green-100);color:var(--green-600);box-shadow:none}.brand--compact .brand__name strong{color:var(--green-900)}.auth-story__content{position:relative;z-index:1;max-width:34rem;margin:auto 0;padding:4rem 0}.eyebrow{margin:0 0 .7rem;color:var(--green-600);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow--light{color:var(--green-200)}.auth-story__content h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.15rem,6vw,5.75rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.auth-story__content>p:last-of-type{max-width:31rem;margin:1.65rem 0 0;color:#ffffffb8;font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.75}.auth-story__proof{position:relative;z-index:1;display:flex;align-items:center;gap:.85rem;max-width:30rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proof-icon{display:grid;flex:0 0 auto;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;color:var(--green-900);font-size:.85rem;font-weight:900;background:var(--green-200)}.auth-story__proof div{display:flex;flex-direction:column;gap:.22rem}.auth-story__proof strong{font-size:.87rem}.auth-story__proof div span{color:#fff9;font-size:.76rem;line-height:1.45}.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.orb--one{top:23%;right:-2rem;width:10rem;height:10rem;background:#71be8217}.orb--two{top:39%;right:13%;width:2.3rem;height:2.3rem;background:#ffffff0d}.auth-panel{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem clamp(2rem,7vw,8rem) 1.5rem;background:radial-gradient(circle at 88% 5%,rgba(169,217,180,.13),transparent 23%),#fbfdfb}.auth-panel__mobile-brand{display:none}.auth-card{width:min(100%,37rem);padding:clamp(2.2rem,4.2vw,3.6rem);border:1px solid rgba(206,225,211,.8);border-radius:1.7rem;background:#ffffffeb;box-shadow:var(--shadow)}.auth-card h2{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;line-height:1.12;letter-spacing:-.04em}.auth-card__intro{margin:.7rem 0 2rem;color:var(--muted);font-size:.94rem;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-form--compact{gap:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.field{display:flex;min-width:0;flex-direction:column;gap:.48rem;color:#314d40;font-size:.79rem;font-weight:760}.field input,.field select{width:100%;height:3.2rem;padding:0 1rem;border:1px solid #d8e4dc;border-radius:.78rem;outline:none;color:var(--ink);font-size:.91rem;font-weight:500;background:#fcfefc;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field select{padding:0 2.3rem 0 1rem;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#718077 50%),linear-gradient(135deg,#718077 50%,transparent 50%);background-position:calc(100% - 1.05rem) 1.35rem,calc(100% - .72rem) 1.35rem;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem}.field input::placeholder{color:#a7b3ac}.field input:hover,.field select:hover{border-color:#bdd3c4}.field input:focus,.field select:focus{border-color:var(--green-500);background:#fff;box-shadow:0 0 0 4px #61ad741f}.field select:disabled{color:#98a49d;background-color:#f4f7f5;cursor:not-allowed}.input-wrap{position:relative;display:block}.input-wrap input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.65rem;display:grid;width:2rem;height:2rem;padding:0;transform:translateY(-50%);place-items:center;border:0;border-radius:.5rem;color:#839188;background:transparent;cursor:pointer}.password-toggle:hover{color:var(--green-700);background:var(--green-50)}.password-toggle svg{width:1.15rem;height:1.15rem}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.3rem;border:0;border-radius:.8rem;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button--primary{margin-top:.25rem;color:#fff;background:var(--green-600);box-shadow:0 11px 22px #2f70472e}.button--primary:hover:not(:disabled){transform:translateY(-1px);background:var(--green-700);box-shadow:0 13px 28px #2f704738}.button--secondary{margin-top:.25rem;border:1px solid #b9d7c1;color:var(--green-800);background:#fff}.button--secondary:hover:not(:disabled){transform:translateY(-1px);border-color:var(--green-500);background:var(--green-50)}.button:disabled{opacity:.68;cursor:wait}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.spinner--green{border-color:var(--green-200);border-top-color:var(--green-700)}@keyframes spin{to{transform:rotate(360deg)}}.auth-card__switch{margin:1.7rem 0 0;color:var(--muted);font-size:.84rem;text-align:center}.notice{margin:-.7rem 0 1.2rem;padding:.78rem .95rem;border:1px solid;border-radius:.7rem;font-size:.8rem;font-weight:650;line-height:1.45}.notice--success{border-color:#bde2c6;color:#23613b;background:#eff9f1}.notice--error{border-color:#f0c9c2;color:#8b3328;background:#fff4f2}.auth-footer{margin:1.5rem 0 0;color:#9ba8a0;font-size:.66rem}.app-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:.8rem;color:var(--green-700);font-size:.85rem;font-weight:700}.loading-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.8rem;color:#fff;font-family:Georgia,serif;font-size:1.2rem;background:var(--green-700)}.dashboard{min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(169,217,180,.18),transparent 23rem),#f7faf8}.topbar{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(216,229,220,.9);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar__inner{display:grid;width:min(100% - 3rem,78rem);min-height:4.7rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin:0 auto}.topbar nav{display:flex;align-self:stretch;gap:1.5rem}.nav-link{position:relative;display:flex;height:100%;align-items:center;padding:0 .3rem;color:#718077;font-size:.8rem;text-decoration:none}.nav-link--active{color:var(--green-800)}.nav-link--active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--green-600);content:""}.profile{position:relative;justify-self:end}.profile__button{display:flex;align-items:center;gap:.7rem;max-width:18rem;padding:.42rem .55rem;border:0;border-radius:.8rem;background:transparent;cursor:pointer}.profile__button:hover{background:var(--green-50)}.avatar{display:grid;flex:0 0 auto;width:2.3rem;height:2.3rem;place-items:center;border-radius:50%;color:var(--green-800);font-size:.68rem;font-weight:850;background:var(--green-100)}.profile__identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.12rem}.profile__identity strong,.profile__identity small{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__identity strong{color:var(--ink);font-size:.77rem}.profile__identity small{color:#8a978f;font-size:.65rem}.profile__chevron{color:#8a978f}.profile__menu{position:absolute;top:calc(100% + .45rem);right:0;width:9.5rem;padding:.38rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;box-shadow:0 15px 30px #17382c1f}.profile__menu button{width:100%;padding:.65rem .75rem;border:0;border-radius:.5rem;color:#6b2f28;font-size:.78rem;font-weight:700;text-align:left;background:transparent;cursor:pointer}.profile__menu button:hover{background:#fff3f1}.dashboard__main{width:min(100% - 3rem,78rem);margin:0 auto;padding:3.4rem 0 2rem}.leaderboard-view-tabs{display:inline-flex;gap:.25rem;margin-bottom:1.25rem;padding:.28rem;border:1px solid var(--line);border-radius:.8rem;background:#ffffffd1}.leaderboard-view-tabs button{min-width:7rem;padding:.6rem 1rem;border:0;border-radius:.58rem;color:#75837a;font-size:.76rem;font-weight:800;background:transparent;cursor:pointer}.leaderboard-view-tabs button:hover{color:var(--green-700);background:var(--green-50)}.leaderboard-view-tabs button.active{color:var(--green-900);background:var(--green-100);box-shadow:inset 0 0 0 1px #61ad7429}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.dashboard-heading h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,4.3vw,3.6rem);font-weight:500;line-height:1.06;letter-spacing:-.045em}.dashboard-heading>div>p:last-child{max-width:43rem;margin:.8rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.dashboard-filters{display:flex;flex:0 0 auto;align-items:flex-end;gap:.75rem}.household-picker{display:flex;flex-direction:column;gap:.35rem;color:#68786e;font-size:.63rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.household-picker select{min-width:12.5rem;height:2.8rem;padding:0 2.2rem 0 .85rem;border:1px solid var(--line);border-radius:.7rem;outline:none;color:var(--ink);font-size:.73rem;font-weight:700;letter-spacing:normal;background:#fff;text-transform:none;cursor:pointer}.household-picker select:focus{border-color:var(--green-500);box-shadow:0 0 0 4px #61ad741f}.household-picker select:disabled{color:#95a098;cursor:wait}.period-tabs{display:flex;flex:0 0 auto;gap:.2rem;padding:.3rem;border:1px solid var(--line);border-radius:.78rem;background:#fff;box-shadow:0 7px 17px #1c4d380d}.period-tabs button{padding:.62rem .9rem;border:0;border-radius:.55rem;color:#75837a;font-size:.73rem;font-weight:750;background:transparent;cursor:pointer}.period-tabs button:hover{color:var(--green-700);background:var(--green-50)}.period-tabs button.active{color:#fff;background:var(--green-700);box-shadow:0 5px 12px #2f704729}.summary-grid{display:grid;grid-template-columns:1fr 1fr .92fr;gap:1rem;margin-bottom:1.2rem}.summary-card,.privacy-card{display:flex;min-height:7.5rem;align-items:center;gap:1rem;padding:1.2rem 1.35rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 9px 26px #174c360b}.summary-card--hero{border-color:#b8ddc1;background:linear-gradient(135deg,#f0faf2,#e3f4e7)}.summary-card__icon{display:grid;flex:0 0 auto;width:2.9rem;height:2.9rem;place-items:center;border-radius:.85rem;color:#fff;font-size:1.05rem;background:var(--green-600);box-shadow:0 8px 17px #2f70472b}.summary-card__icon--pale{color:var(--green-700);background:var(--green-100);box-shadow:none}.summary-card>div,.privacy-card>div{display:flex;min-width:0;flex-direction:column;gap:.25rem}.summary-card span,.privacy-card span{color:#78867d;font-size:.69rem;font-weight:650}.summary-card strong,.privacy-card strong{overflow:hidden;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.summary-card strong em{color:#77867d;font-family:inherit;font-size:.68rem;font-style:normal;font-weight:500}.summary-card small{color:#87958d;font-size:.65rem}.privacy-card{border-color:#d6e7da;background:#f8fcf9}.privacy-card strong{font-family:inherit;font-size:.84rem;font-weight:800}.privacy-card span:last-child{line-height:1.45}.lock-icon{position:relative;display:grid;flex:0 0 auto;width:2.45rem;height:2.45rem;place-items:center;border-radius:50%;color:var(--green-600)!important;font-size:.45rem!important;background:var(--green-100)}.lock-icon:before{position:absolute;top:.57rem;width:.72rem;height:.62rem;border:2px solid var(--green-600);border-bottom:0;border-radius:.6rem .6rem 0 0;content:""}.leaderboard-card{overflow:hidden;border:1px solid var(--line);border-radius:1.1rem;background:#fff;box-shadow:0 14px 34px #174c360e}.leaderboard-card__heading{display:flex;min-height:5.4rem;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--line)}.leaderboard-card__heading h2{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:600}.leaderboard-card__heading p{margin:.3rem 0 0;color:#839087;font-size:.68rem}.updated-at{flex:0 0 auto;color:#8a978f;font-size:.65rem}.table-scroll{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:1rem 1.35rem;text-align:left}th{color:#839188;font-size:.65rem;font-weight:800;letter-spacing:.055em;background:#fbfdfb;text-transform:uppercase}th:first-child,td:first-child{width:6.5rem;padding-left:1.6rem;text-align:center}tbody tr{border-top:1px solid #edf2ee;transition:background .14s ease}tbody tr:hover{background:#f8fcf9}tbody tr.rank-1{background:linear-gradient(90deg,rgba(223,241,227,.55),transparent 45%)}td{color:#53655b;font-size:.79rem}.rank-badge{display:inline-grid;width:2rem;height:2rem;place-items:center;border:1px solid;border-radius:50%;font-size:.72rem;font-weight:850}.rank-badge--1{border-color:#d5b75c;color:#735d17;background:#fff6d6;box-shadow:0 4px 9px #9677181f}.rank-badge--2{border-color:#bdc8c2;color:#5f7067;background:#f0f4f2}.rank-badge--3{border-color:#d7aa84;color:#80502f;background:#fff0e4}.rank-number{color:#87958d;font-weight:750}.entity-name{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:.94rem;font-weight:600}.usage-value{color:var(--green-700);font-size:.91rem}.unit{color:#98a49d;font-size:.65rem}.table-loading,.empty-state{display:flex;min-height:18rem;align-items:center;justify-content:center;gap:.7rem;color:#77867d;font-size:.8rem;font-weight:650}.empty-state{flex-direction:column;text-align:center}.empty-state>span{color:var(--green-500);font-size:2rem}.empty-state h3{margin:0;color:var(--ink);font-family:Georgia,serif;font-size:1.2rem}.empty-state p{margin:0;color:#87958d;font-size:.75rem;font-weight:500}.table-notice{margin:1rem 1.6rem}.dashboard-footnote{margin:1rem 0 0;color:#8b9890;font-size:.65rem;text-align:center}.spaces-main{padding-bottom:5rem}.spaces-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2rem}.spaces-heading h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4.4vw,3.8rem);font-weight:500;line-height:1.05;letter-spacing:-.045em}.spaces-heading>div:first-child>p:last-child{max-width:43rem;margin:.8rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.membership-steps{display:flex;flex:0 0 auto;flex-direction:column;gap:.55rem;padding:1rem 1.15rem;border:1px solid #d5e6d9;border-radius:.95rem;background:#ffffffc7}.membership-steps span{display:flex;align-items:center;gap:.55rem;color:#68786e;font-size:.69rem;font-weight:700}.membership-steps strong{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;color:var(--green-800);font-size:.59rem;background:var(--green-100)}.spaces-notice{margin:0 0 1.2rem}.action-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-bottom:3.2rem}.action-card{position:relative;overflow:hidden;padding:1.8rem;border:1px solid #bedec6;border-radius:1.15rem;background:linear-gradient(135deg,#eef9f1,#fff 70%);box-shadow:0 12px 30px #174c360e}.action-card--soft{border-color:var(--line);background:#fff}.action-card__number{position:absolute;top:1.3rem;right:1.5rem;color:#2f704726;font-family:Georgia,serif;font-size:2.4rem;font-weight:700}.action-card h2,.section-heading h2,.compact-action-card h3,.room-card h3,.household-list h3{color:var(--ink)}.action-card h2{margin:0;font-family:Georgia,serif;font-size:1.5rem}.action-card>p{max-width:28rem;margin:.55rem 0 1.35rem;color:var(--muted);font-size:.76rem;line-height:1.55}.space-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,.42fr) auto;align-items:end;gap:.8rem}.action-card--soft .space-form{grid-template-columns:minmax(0,1fr) auto}.space-form .button{min-height:3.2rem;margin-top:0;white-space:nowrap}.spaces-section{margin-top:3.2rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.section-heading .eyebrow{margin-bottom:.35rem}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:1.85rem;font-weight:600}.section-heading>span{padding:.35rem .65rem;border-radius:2rem;color:var(--green-700);font-size:.67rem;font-weight:800;background:var(--green-100)}.room-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.room-card{min-width:0;padding:1.35rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 9px 25px #174c360b}.room-card__topline{display:flex;align-items:center;justify-content:space-between}.room-icon{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:.75rem;color:var(--green-800);font-size:1.1rem;background:var(--green-100)}.role-pill{padding:.3rem .55rem;border-radius:2rem;color:#718077;font-size:.59rem;font-weight:850;letter-spacing:.045em;background:#f0f3f1;text-transform:uppercase}.role-pill--owner{color:var(--green-800);background:var(--green-100)}.room-card h3{margin:1rem 0 .9rem;font-family:Georgia,serif;font-size:1.25rem}.room-facts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0}.room-facts div:last-child{grid-column:1 / -1}.room-facts dt{color:#8a978f;font-size:.6rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.room-facts dd{margin:.2rem 0 0;overflow:hidden;color:#40564a;font-size:.78rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.join-code{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding:.72rem .8rem;border:1px dashed #bad6c1;border-radius:.72rem;background:#f6fbf7}.join-code>div{display:flex;min-width:0;flex-direction:column;gap:.22rem}.join-code span{color:#819087;font-size:.58rem;font-weight:750;text-transform:uppercase}.join-code code{overflow:hidden;color:var(--green-800);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis}.join-code button{flex:0 0 auto;padding:.42rem .62rem;border:0;border-radius:.5rem;color:var(--green-800);font-size:.65rem;font-weight:800;background:var(--green-100);cursor:pointer}.join-code button:hover{background:var(--green-200)}.room-card__hint{margin:.8rem 0 0;color:#7f8c84;font-size:.66rem;line-height:1.45}.spaces-loading{display:flex;min-height:10rem;align-items:center;justify-content:center;gap:.7rem;color:#77867d;font-size:.78rem;font-weight:700}.spaces-empty{min-height:13rem;border:1px dashed #cdded2;border-radius:1rem;background:#fff9}.household-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.compact-action-card{padding:1.25rem;border:1px solid #c7e0cd;border-radius:1rem;background:#f4fbf6}.compact-action-card--soft{border-color:var(--line);background:#fff}.compact-action-card h3{margin:0;font-family:Georgia,serif;font-size:1.05rem}.compact-action-card>p{margin:.35rem 0 1rem;color:var(--muted);font-size:.68rem}.space-form--horizontal{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) auto}.household-list{display:grid;gap:.7rem}.household-list>article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:.9rem;background:#fff}.household-list>article>div:first-child{display:flex;min-width:0;align-items:center;gap:.8rem}.household-mark{display:grid;flex:0 0 auto;width:2.45rem;height:2.45rem;place-items:center;border-radius:50%;color:#fff;font-family:Georgia,serif;background:var(--green-700)}.household-list h3{margin:0;font-family:Georgia,serif;font-size:.98rem}.household-list p{margin:.2rem 0 0;color:#87958d;font-size:.65rem}.join-code--inline{min-width:15.5rem;margin-top:0}.quiet-empty{margin:0;padding:1.2rem;border:1px dashed #cdded2;border-radius:.9rem;color:#829087;font-size:.72rem;text-align:center;background:#ffffff8c}@media(max-width:1050px){.auth-layout{grid-template-columns:minmax(330px,.78fr) minmax(500px,1.22fr)}.auth-story{padding:2.5rem}.form-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.privacy-card{grid-column:1 / -1;min-height:auto}.room-card-grid{grid-template-columns:1fr 1fr}.action-grid,.household-action-grid{grid-template-columns:1fr}}@media(max-width:820px){.auth-layout{display:block}.auth-story{display:none}.auth-panel{justify-content:flex-start;padding:1.6rem 1.2rem;background:radial-gradient(circle at 90% 0,rgba(169,217,180,.24),transparent 18rem),#f5faf6}.auth-panel__mobile-brand{display:block;width:min(100%,37rem);margin-bottom:2rem}.auth-panel__mobile-brand .brand__name strong{color:var(--green-900)}.auth-panel__mobile-brand .brand__name small{color:var(--green-700)}.auth-card{margin:auto 0}.topbar__inner{grid-template-columns:1fr auto}.topbar nav{display:none}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-filters{width:100%;align-items:stretch;flex-direction:column}.household-picker select,.period-tabs{width:100%}.period-tabs button{flex:1}.spaces-heading{align-items:flex-start;flex-direction:column;gap:1.2rem}.membership-steps{width:100%}.space-form,.action-card--soft .space-form,.space-form--horizontal{grid-template-columns:1fr}}@media(max-width:620px){.auth-card{padding:2rem 1.3rem;border-radius:1.25rem}.form-grid{gap:1rem}.topbar__inner,.dashboard__main{width:min(100% - 1.5rem,78rem)}.brand--compact .brand__name,.profile__identity{display:none}.dashboard__main{padding-top:2.2rem}.leaderboard-view-tabs{display:flex;width:100%}.leaderboard-view-tabs button{min-width:0;flex:1}.dashboard-heading{margin-bottom:1.5rem}.dashboard-heading h1{font-size:2.35rem}.summary-grid{grid-template-columns:1fr}.privacy-card{grid-column:auto}.summary-card,.privacy-card{min-height:6.7rem}.leaderboard-card__heading{align-items:flex-start;flex-direction:column;padding:1.2rem}.updated-at{align-self:flex-start}.spaces-heading h1{font-size:2.4rem}.action-card,.compact-action-card{padding:1.2rem}.room-card-grid{grid-template-columns:1fr}.household-list>article{align-items:stretch;flex-direction:column}.join-code--inline{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.topbar__actions{display:flex;align-items:center;gap:.35rem;justify-self:end}.notif{position:relative}.notif__button{position:relative;display:grid;width:2.6rem;height:2.6rem;place-items:center;border:0;border-radius:.7rem;color:#5d6f65;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.notif__button:hover{color:var(--green-700);background:var(--green-50)}.notif__badge{position:absolute;top:.3rem;right:.28rem;display:grid;min-width:1.05rem;height:1.05rem;padding:0 .28rem;place-items:center;border-radius:999px;color:#fff;font-size:.62rem;font-weight:800;line-height:1;background:var(--green-600);box-shadow:0 0 0 2px #ffffffeb}.notif__panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:40;width:min(22rem,calc(100vw - 2rem));padding:.5rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:var(--shadow)}.notif__head{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem .55rem}.notif__head strong{color:var(--ink);font-size:.85rem}.notif__head button{padding:.32rem .55rem;border:0;border-radius:.5rem;color:var(--green-700);font-size:.72rem;font-weight:750;background:var(--green-50);cursor:pointer}.notif__head button:hover:not(:disabled){background:var(--green-100)}.notif__head button:disabled{opacity:.6;cursor:wait}.notif__error{margin:.2rem .5rem .5rem;color:#8b3328;font-size:.76rem}.notif__empty{margin:.35rem .5rem .8rem;color:var(--muted);font-size:.78rem;line-height:1.5}.notif__list{display:flex;max-height:22rem;flex-direction:column;gap:.35rem;margin:0;padding:0;overflow-y:auto;list-style:none}.notif__list li{display:flex;flex-direction:column;gap:.22rem;padding:.6rem .65rem;border-radius:.65rem;background:var(--green-50)}.notif__title{color:var(--green-800);font-size:.72rem;font-weight:800}.notif__body{color:#3a4a42;font-size:.8rem;line-height:1.45}.notif__time{color:#98a49d;font-size:.66rem}.you-pill{display:inline-block;margin-left:.5rem;padding:.12rem .5rem;border-radius:999px;color:var(--green-800);font-size:.6rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;background:var(--green-100)}.ping-cell-muted{color:#b7c2bb}.button--ping{min-height:2.4rem;margin-top:0;gap:.35rem;padding:.45rem .85rem;border:1px solid var(--green-300);border-radius:.6rem;color:var(--green-800);font-size:.76rem;font-weight:750;background:var(--green-50)}.button--ping:hover:not(:disabled){transform:translateY(-1px);border-color:var(--green-500);background:var(--green-100)}.button--ping:disabled{cursor:not-allowed}.modal-overlay{position:fixed;inset:0;z-index:60;display:grid;padding:1.5rem;place-items:center;background:#17382c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .14s ease}.modal{width:min(28rem,100%);padding:1.6rem;border-radius:1rem;background:#fff;box-shadow:var(--shadow);animation:modal-pop .16s ease}.modal__icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.8rem;color:var(--green-700);font-size:1.4rem;background:var(--green-100)}.modal h3{margin:.9rem 0 .5rem;color:var(--ink);font-size:1.12rem}.modal p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.modal__actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.4rem}.modal__actions .button{min-height:2.9rem;margin-top:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}