@font-face{font-family:'57Sans';src:url('../assets/fonts/57Sans/57Sans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'57Sans';src:url('../assets/fonts/57Sans/57Sans-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'57Sans';src:url('../assets/fonts/57Sans/57Sans-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'57Sans';src:url('../assets/fonts/57Sans/57Sans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#f8f7f2;--paper:#fffefa;--ink:#243e32;--muted:#6c7369;--green:#285b47;--green-dark:#214c3a;--soft:#eaf0e6;--line:#e1e3d8;--beige:#eeeadb;--gold:#a06e28;--radius:14px;font-family:'57Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-weight:400;font-size:14px;line-height:1.65;font-variant-numeric:tabular-nums;accent-color:var(--green);caret-color:var(--green)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none;text-underline-offset:4px}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}button:hover:not(:disabled){filter:brightness(.96)}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a27836;outline-offset:4px}::selection{background:#cedac4;color:#183827}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c6cebf;border-radius:8px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:28px;letter-spacing:-.035em;font-weight:700;line-height:1.4}h2{font-size:18px;letter-spacing:-.025em;line-height:1.5}h3{font-size:16px;letter-spacing:-.025em}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}small{font-size:12px}.muted{color:var(--muted)}.skip{position:fixed;top:-60px;left:16px;background:var(--green);color:white;padding:12px;z-index:100}.skip:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:38px 24px 22px;background:#f0f1e9;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:var(--green);font-family:'57Sans',sans-serif;font-size:34px;letter-spacing:-1.6px;font-weight:700;line-height:1}.brand:hover{text-decoration:none}.brand>.icon{width:35px;height:35px}.brand-dot{color:#a99d65}.brand-caption{font-size:11px;letter-spacing:.04em;color:#697765;margin:12px 0 40px 6px}.sidebar nav{display:grid;gap:7px}.nav-item{padding:13px 15px;display:flex;align-items:center;gap:12px;font-size:14px;color:#5a685c;min-height:49px;border-radius:9px}.nav-item:hover{text-decoration:none;background:#e5eadf}.nav-item.active{background:#dfe8d9;color:var(--green);font-weight:700}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--green)}.primary,.cream-button,.secondary,.danger{min-height:46px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-weight:600;transition:background .2s}.primary{background:var(--green);color:#fffefa}.primary:hover{background:var(--green-dark)}.cream-button{background:#f1efd9;color:var(--green-dark)}.secondary{background:#e9ece3}.danger{color:#993d2c;background:#f7e8e2}.side-write{margin-top:27px;width:100%;font-size:13px}.side-note{margin-top:auto;padding:46px 13px 25px;color:#6f7e6d}.side-note>.icon{width:27px;height:27px;color:#79936d}.side-note p{font-size:12px;line-height:1.9;margin:12px 0}.side-note a{font-size:11px;display:flex;align-items:center;gap:8px}.side-note a .icon{width:14px;height:14px}.sidebar-profile{border-top:1px solid #d9dfd2;padding:21px 2px 0;display:flex;align-items:center;gap:11px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#e4ebd9;color:#4d6945;border-radius:50%;width:36px;height:36px;font-size:13px;font-weight:600;flex-shrink:0}.avatar.ochre{background:#eee2cc;color:#8c6b3e}.sidebar-profile b{font-size:12px;display:block}.sidebar-profile small{display:block;font-size:10px;color:#71816d;margin-top:3px}.sidebar-profile>.icon{width:14px;margin-left:auto}.workspace{margin-left:246px}.topbar{height:81px;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;background:#fbfaf6}.top-title{font-size:12px;color:#64715b;margin-right:auto}.region-button{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}.region-button>.icon{width:16px;height:16px}.demo-tag{font-size:9px;color:#70766a;padding:3px 6px;background:#eeeee5;border-radius:4px}.header-avatar{display:grid;place-items:center;width:31px;height:31px;background:#e6eadc;border-radius:50%;font-size:12px}.mobile-brand,.mobile-nav{display:none}main{max-width:1280px;margin:auto;padding:39px 48px 55px;min-height:calc(100vh - 145px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:13px;margin-top:8px}.date-label{font-size:11px;color:var(--muted);white-space:nowrap}.welcome{background:#285b47;border-radius:16px;min-height:276px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;color:#fffcef;padding:33px 36px;margin-bottom:30px}.welcome>div:first-child{z-index:1}.welcome h2{font-size:32px;line-height:1.55;letter-spacing:-.035em;font-weight:600}.welcome p{font-size:12px;color:#d5e0d2;margin:13px 0 22px}.welcome .cream-button{min-height:43px;font-size:12px;padding:11px 17px}.welcome-art{width:290px;height:235px;flex-shrink:0;position:relative;align-self:flex-end;margin:-10px -6px -33px 0}.orbit{border:1px solid #547a5e;border-radius:50%;position:absolute;width:240px;height:240px;bottom:-67px;left:13px}.orbit-two{width:305px;height:305px;bottom:-103px;left:-21px;opacity:.5}.leaf-large{position:absolute;border-radius:100% 0 100% 0;width:102px;height:147px;background:#c7d69c;transform:rotate(-28deg);left:65px;bottom:72px}.leaf-two{width:81px;height:119px;background:#e6e6bc;transform:rotate(21deg);left:161px;bottom:68px}.leaf-three{width:58px;height:78px;background:#8caa75;transform:rotate(-66deg);left:49px;bottom:33px}.stem{position:absolute;background:#d6dfb0;width:3px;height:112px;left:150px;bottom:28px;transform:rotate(-9deg);transform-origin:bottom}.art-caption{position:absolute;bottom:11px;left:77px;font-family:'57Sans',sans-serif;font-style:italic;font-size:14px;letter-spacing:.02em;color:#cbd9bf}.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:26px}.paper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.calendar-panel{padding:23px 25px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading>span{font-size:10px;color:var(--muted)}.section-heading a{font-size:12px;display:inline-flex;align-items:center;gap:6px}.section-heading a .icon{width:16px;height:16px}.calendar-controls{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.calendar-controls b{font-weight:500}.icon-button{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:7px}.icon-button>.icon{width:16px;height:16px}.prev>.icon{transform:rotate(180deg)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px 6px;text-align:center}.weekday{color:#69735f;font-size:10px;padding:4px 0 11px}.weekday:first-child{color:#965743}.calendar-day{height:48px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;font-size:12px;position:relative}.calendar-day div{display:flex;height:6px;gap:3px;align-items:center}.calendar-day:hover{background:#f0f1e8}.calendar-day.today{font-weight:700;box-shadow:inset 0 0 0 1px #bfd0b4}.calendar-day.selected{background:var(--green);color:#fffef6;box-shadow:none}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#879777;flex-shrink:0}.dot.pending{background:#b99546}.dot.approved{background:#4f8056}.dot.story{background:#7e9ca1}.calendar-day.selected .dot{background:#f1d391}.calendar-legend{display:flex;justify-content:center;gap:17px;padding:17px 0 18px;font-size:9px;color:var(--muted)}.calendar-legend span{display:flex;gap:5px;align-items:center}.selected-record{border-top:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.selected-record b{display:block;font-size:11px}.selected-record span{font-size:10px;color:#66715a;display:block;margin-top:4px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--green);font-weight:600;min-height:35px}.text-link .icon{width:16px;height:16px}.date-records{width:100%}.date-records button{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 0}.date-records .status{margin-left:auto}.goals-section{padding-top:24px}.goals-section .section-heading{margin-bottom:6px}.goals-section>p{color:var(--muted);font-size:11px;margin-bottom:16px}.goal-list{display:grid;gap:0}.goal-item{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer}.goal-item input{width:18px;height:18px;flex-shrink:0;margin:0}.goal-item>.icon{margin-left:auto;width:17px;height:17px;color:#96a288}.goal-item.checked span{color:var(--green)}.goal-item.checked>.icon{color:var(--green)}.right-column{display:flex;flex-direction:column;gap:23px}.region-summary{background:#eef0e5;padding:24px;border-radius:14px}.region-summary h2{font-size:15px}.sample-label{border:1px solid #cbd3c0;padding:2px 6px;border-radius:4px;font-size:9px!important}.region-summary>.section-heading{margin-bottom:4px}.region-summary>p{font-size:11px;color:#70816a}.region-score{display:flex;align-items:center;justify-content:space-between;margin:17px 0 20px;font-size:16px}.region-score b{font-size:45px;line-height:1;font-weight:500;margin:0 7px}.region-score>.icon{width:50px;height:50px;color:#7b9265;stroke-width:1}.region-stats{display:grid;grid-template-columns:1fr 1fr;padding:0 0 18px;border-bottom:1px solid #d7decb;gap:10px}.region-stats>div+div{padding-left:17px;border-left:1px solid #d7decb}.region-stats strong{font-size:23px;font-weight:600;display:block}.region-stats strong span{font-size:11px;margin-left:4px;font-weight:400}.region-stats small{font-size:9px;color:#616e56;display:block;margin-top:3px}.region-summary .text-link{margin-top:10px;font-size:11px}.month-goal{padding:2px 2px 0}.month-goal h2{font-size:15px}.month-goal .section-heading{margin-bottom:7px}.month-goal .section-heading>.icon{color:#8f9e76}.month-goal>p{font-size:12px;color:var(--muted)}.stamp-row{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:20px 0 11px}.stamp{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #c1c8b5;color:#68735a;border-radius:50%;font-size:10px}.stamp.filled{border:1px solid var(--green);background:var(--green);color:white}.stamp .icon{width:16px;height:16px}.progress-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress-meta b{color:var(--green);font-weight:500}.month-goal .quiet{font-size:10px;line-height:1.9;margin-top:17px}.guide-link{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:12px}.guide-link>.icon:first-child{color:#879d73;width:27px;height:27px}.guide-link b{display:block;font-size:12px;font-weight:500}.guide-link small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.guide-link>.icon:last-child{margin-left:auto;width:15px}.neighbor-preview{margin-top:34px}.preview-posts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px}.post-person{display:flex;gap:10px;align-items:center;margin-bottom:19px}.post-person b{font-size:12px;font-weight:600;display:block}.post-person small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.post-time{font-size:11px;color:#65715e;margin-left:auto;flex-shrink:0;white-space:nowrap}.post>h3{margin-bottom:10px}.post>p{font-size:12px;line-height:1.9;color:#67715f;white-space:pre-wrap;overflow-wrap:anywhere}.post-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:10px}.like{display:flex;align-items:center;gap:6px;min-height:35px;padding:0;color:#626e59;font-size:10px}.like .praise-hand{flex-shrink:0}.like.liked .hand-outline{fill:var(--sage)}.like.liked{color:var(--green)}.compact{padding:20px}.compact .post-time{display:none}.compact h3{font-size:14px}.compact>p{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact .post-person{margin-bottom:14px}.footer{max-width:1280px;margin:0 auto;padding:22px 48px;border-top:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;color:#68725e;gap:15px}.community-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.community-toolbar>span{font-size:12px;color:var(--muted)}.segmented{display:inline-flex;background:#eaece2;padding:4px;border-radius:9px;gap:3px}.segmented button{font-size:12px;min-height:35px;border-radius:6px;padding:6px 16px}.segmented button.active{background:var(--paper);color:var(--green);font-weight:600}.community-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:30px}.feed{display:grid;gap:20px}.aside-message{background:#eeecdf;padding:27px;border-radius:14px}.aside-message>.icon{width:33px;height:33px;margin-bottom:23px;color:#849269}.aside-message h2{margin-bottom:12px}.aside-message p,.community-rules p{font-size:12px;line-height:1.9;color:#707563}.community-rules{padding:25px 8px}.community-rules h3{margin-bottom:18px;font-size:14px}.community-rules p{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.community-rules .text-link{margin-top:17px}.post-media{display:flex;gap:10px;overflow:auto;margin:18px 0}.post-media img,.post-media video{max-height:290px;width:100%;object-fit:cover;border-radius:8px}.status{font-size:10px;padding:3px 8px;border-radius:5px;display:inline-flex!important;white-space:nowrap;margin:0!important}.status.pending{background:#f2ead6;color:#866526}.status.story{background:#e5edef;color:#456871}.status.approved{background:#e4eedb;color:#467142}.sample-badge{font-size:11px;color:#7d6a42;background:#eeeadb;padding:7px 11px;border-radius:5px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper)}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{font-size:11px;color:#707b67;background:#f0f2e9;font-weight:500;padding:17px 20px}td{padding:22px 20px;border-top:1px solid var(--line)}td small{margin-left:4px;font-size:10px;color:#6f7c66}td b{font-weight:500}tr.my-region{background:#eaf0e3}.rank-number{font-size:18px;font-weight:500;color:#617153}.rank-1,.rank-2,.rank-3{color:#42684a}.my-label{margin-left:10px;color:#3f6a48;background:#dce7d2;font-size:9px;padding:3px 6px;border-radius:4px}.profile-header{display:flex;align-items:center;gap:20px;padding:26px 0 30px;margin-bottom:15px;border-bottom:1px solid var(--line)}.avatar.big{width:67px;height:67px;font-size:24px}.profile-stat{margin-left:auto;text-align:right}.profile-stat+.profile-stat{margin-left:20px}.profile-stat strong{display:block;font-size:29px}.profile-stat small{font-size:12px;margin-left:6px;font-weight:400}.profile-stat>span{font-size:11px;color:var(--muted)}.profile-goals{padding-top:18px}.profile-goals p{margin-top:8px}.records-section{margin-top:34px}.count{color:#60774e;font-size:14px;margin-left:5px}.record-row{width:100%;text-align:left;display:flex;align-items:center;gap:23px;padding:20px 5px;border-top:1px solid var(--line)}.record-date{font-size:14px;color:#79836f}.record-info{flex:1;min-width:0}.record-info b{display:block;font-size:14px;overflow-wrap:anywhere}.record-info small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.record-row>.icon{width:14px}.empty{text-align:center;padding:48px 20px;border:1px dashed #cdd6c3;border-radius:12px;color:#697761}.empty>.icon{width:38px;height:38px;margin-bottom:15px;color:#8fa17d}.empty p{margin:8px 0 23px;font-size:12px}.record-form{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:40px}.form-main{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px}.form-main>label,.form-two label,dialog label{font-size:12px;font-weight:600;display:block;margin-bottom:22px}.form-main input:not([type=checkbox]):not([type=file]),select,textarea,dialog select{width:100%;padding:12px 14px;margin-top:9px;border:1px solid #d7ddcf;background:#fffefa;border-radius:7px;color:var(--ink);min-height:46px;font-weight:400;font-size:13px}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:#777e71;font-size:12px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-label>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:7px}.file-zone{border:1px dashed #b9c8ac;border-radius:9px;background:#f5f7ee;text-align:center;padding:23px 18px;margin-top:10px;position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.file-zone>.icon{width:25px;height:25px;color:#74896c}.file-zone b{font-size:12px}.file-zone small{font-size:10px;color:var(--muted);font-weight:400}.file-zone input,.private-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-zone:focus-within,.private-zone:focus-within{outline:3px solid #a27836;outline-offset:3px}.private-zone{border:1px dashed #c3c4b5;background:#f3f1e6;padding:18px;margin-top:10px;display:flex;gap:12px;position:relative;border-radius:8px}.private-zone b{font-size:12px;display:block}.private-zone small{font-size:10px;color:#6e7464;display:block;margin-top:5px;font-weight:400}.field-help{font-size:11px;color:#65705a;margin:10px 0 23px;line-height:1.8}.file-previews{display:flex;flex-wrap:wrap;gap:8px}.file-previews img,.file-previews video{width:96px;height:85px;object-fit:cover;border-radius:6px}.file-chip{border-radius:5px;background:#e9eee2;padding:6px 9px;font-size:10px;display:flex;align-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere}.file-chip .icon{width:13px;height:13px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-size:11px!important;font-weight:400!important;margin-top:23px}.consent input{width:17px;height:17px;flex-shrink:0;margin:2px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-guide{padding:20px 0;position:sticky;top:25px}.form-guide>.icon{width:38px;height:38px;color:#82986c;margin-bottom:20px}.form-guide h2{font-size:25px;line-height:1.65;margin-bottom:20px}.form-guide p{font-size:12px;line-height:1.9;color:#748168;margin:15px 0}.form-guide hr{border:0;border-top:1px solid var(--line);margin:23px 0}.form-guide .text-link{margin-top:15px}#form-error{color:#a23d2b;font-size:12px}dialog{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:35px;width:min(560px,calc(100vw - 32px));max-height:88vh;overflow:auto;color:var(--ink);box-shadow:0 15px 55px #16322230}dialog::backdrop{background:#18302570}dialog>h2{font-size:23px;padding-right:27px;margin:5px 0 15px}dialog>p{font-size:13px;color:#6d7866;line-height:1.9;margin-bottom:20px}dialog .dialog-close{position:absolute;right:15px;top:15px}.detail-body{white-space:pre-wrap;overflow-wrap:anywhere}.detail-media{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.detail-media img,.detail-media video{width:100%;max-height:330px;object-fit:contain;border-radius:6px;background:#edf0e6}.detail-media a{font-size:12px;overflow-wrap:anywhere}.detail-media p{font-size:12px;color:var(--muted)}.guide-content{max-width:850px}.guide-content>h2{margin:30px 0 18px}.guide-content>p{font-size:13px;line-height:1.9;color:#68745f;margin:18px 0}.principles{background:#eef1e7;padding:20px 25px;border-radius:12px}.principles p{display:flex;gap:13px;align-items:center;font-size:12px;padding:12px 0}.principles b{min-width:42px}.principles span{color:#687760}.principles .icon{width:17px;height:17px}.notice{background:#eee9d9;padding:22px;border-radius:10px;font-size:12px;color:#746747;margin-top:30px}#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%,15px);padding:13px 22px;background:#254b3b;color:#fffdf5;border-radius:9px;box-shadow:0 7px 24px #16322225;font-size:12px;max-width:calc(100vw - 32px);width:max-content;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
.sidebar{display:none}.workspace{margin-left:0}.topbar{height:65px;padding:0 20px;gap:8px}.top-title,.header-avatar{display:none}.mobile-brand{display:flex;align-items:center;gap:4px;margin-right:auto;color:var(--green);font-size:23px;letter-spacing:-1px}.mobile-brand>.icon{width:25px;height:25px}.region-button{font-size:10px;gap:4px}.region-button>.icon{width:14px}.demo-tag{font-size:8px;padding:2px 4px}main{padding:25px 20px 35px}.page-heading{margin-bottom:22px;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;margin-top:7px}.welcome{min-height:256px;padding:25px 23px;margin-bottom:23px}.welcome h2{font-size:25px}.welcome p{font-size:10px;max-width:230px;line-height:1.9;margin:11px 0 19px}.welcome-art{position:absolute;right:0;bottom:0;transform:scale(.66);transform-origin:bottom right;opacity:.33;width:230px;margin:0 -32px 0 0}.welcome .cream-button{font-size:11px;padding:11px 14px;min-height:42px}.home-grid{gap:20px}.calendar-panel{padding:19px 17px 0}.calendar-day{height:44px}.section-heading{gap:8px}.section-heading h2{font-size:15px}.calendar-controls{font-size:11px}.calendar-grid{gap:5px}.weekday{padding-top:0}.calendar-legend{padding:16px 0}.selected-record{padding:16px 0}.selected-record .text-link{font-size:11px}.goals-section{padding-top:24px}.goal-item{padding:14px 1px;font-size:12px;min-height:49px}.right-column{grid-template-columns:1fr;gap:22px}.region-summary{padding:22px}.region-score{margin:13px 0 17px}.region-score b{font-size:40px}.region-stats strong{font-size:23px}.region-stats small{font-size:11px}.region-summary h2{font-size:16px}.region-summary>p{font-size:12px}.region-summary .text-link{font-size:12px}.month-goal{padding:5px 2px}.stamp-row{max-width:370px}.stamp{font-size:12px}.month-goal .quiet{font-size:11px}.guide-link{padding-top:20px}.neighbor-preview{margin-top:30px}.preview-posts{grid-template-columns:1fr}.post{padding:21px}.post-person small{font-size:10px}.post>p{font-size:12px}.compact>p{font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 7px calc(8px + env(safe-area-inset-bottom));background:#fbfcf6;border-top:1px solid #dce2d2}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#626f57;font-size:9px;min-height:43px;justify-content:center}.mobile-nav a.active{color:var(--green);font-weight:700}.mobile-nav a .icon{width:22px;height:22px}.footer{padding:21px 20px 98px;font-size:9px}.community-toolbar{gap:10px;flex-wrap:wrap}.community-toolbar>span{font-size:10px}.segmented button{font-size:11px;padding:7px 13px}.sample-badge{font-size:10px}.ranking-toolbar{margin-bottom:18px}.ranking-toolbar>h2{font-size:17px}.table-wrap th,.table-wrap td{padding:17px 13px}.table-wrap td{font-size:12px}.profile-header{display:grid;grid-template-columns:60px 1fr;gap:15px}.avatar.big{width:55px;height:55px;font-size:20px}.profile-stat{margin:12px 0 0;text-align:left;grid-column:1}.profile-stat+.profile-stat{grid-column:2;margin:12px 0 0;text-align:right}.profile-stat>span{font-size:10px;white-space:nowrap}.profile-header h2{font-size:20px}.record-row{gap:11px}.record-date{font-size:12px}.record-info b{font-size:12px}.record-row .status{font-size:9px;padding:3px 5px}.form-main{padding:20px 17px}.form-two{gap:12px;grid-template-columns:1fr}.form-two label{margin-bottom:18px}.form-main>label{margin-bottom:20px}.form-main input:not([type=checkbox]):not([type=file]),select,textarea{font-size:16px}.form-aside{margin-bottom:-20px}.form-guide #score-help{font-size:11px}.form-actions{justify-content:space-between}.form-actions button{font-size:12px}.file-zone{padding:24px 10px}.file-zone small{font-size:9px}.private-zone{padding:16px 12px}.private-zone b{font-size:11px}.consent{font-size:10px!important}.principles{padding:16px}.principles p{gap:10px;align-items:flex-start;font-size:11px}.principles span{flex:1}.guide-content>p{font-size:12px}dialog{padding:28px 23px}dialog>h2{font-size:21px}#toast{left:50%;bottom:88px;font-size:11px}.empty{padding:35px 18px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Mobile app surface: the same phone-width layout at every viewport. */
:root{--app-width:430px;--nav-height:76px}
html{background:#e8ebe3;scroll-padding-top:90px;scroll-padding-bottom:110px}
body{width:100%;max-width:var(--app-width);margin:0 auto;background:var(--bg);min-height:100dvh}
#app{min-height:100dvh}
.workspace{margin:0;min-height:100dvh}
.topbar{position:sticky;top:0;z-index:15;height:auto;min-height:66px;padding:calc(10px + env(safe-area-inset-top)) 20px 10px;flex-wrap:nowrap}
.mobile-brand{font-size:25px}
.region-button{font-size:11px;min-height:44px;padding:4px 0;max-width:220px;flex-wrap:wrap;justify-content:flex-end;line-height:1.4}
.demo-tag{font-size:9px}
main{padding:25px 20px 30px;min-height:calc(100dvh - 210px);max-width:none}
.page-heading h1{font-size:24px;line-height:1.5}
.page-heading p{font-size:13px;line-height:1.8}
.date-label{display:none}
.page-heading>.primary{width:100%;font-size:14px}
.welcome{min-height:224px;padding:25px 23px}
.welcome h2{font-size:25px}
.welcome p{font-size:12px;max-width:250px}
.welcome .cream-button{font-size:13px;min-height:46px}
.welcome-art{opacity:.22}
.art-caption{display:none}
.home-grid,.right-column,.preview-posts,.community-layout,.record-form{grid-template-columns:minmax(0,1fr)}
.community-aside{display:none}
.section-heading{flex-wrap:wrap}
.section-heading h2{font-size:17px}
.section-heading>span{font-size:11px}
.section-heading a,.text-link{font-size:13px;min-height:44px}
.calendar-panel{padding:19px 12px 0}
.calendar-panel>.section-heading{gap:4px;margin-bottom:14px}
.calendar-panel>.section-heading h2{font-size:16px}
.calendar-controls{gap:0;font-size:12px}
.calendar-controls b{min-width:79px;text-align:center}
.icon-button{min-width:44px;min-height:44px}
.calendar-controls .icon-button{width:44px;height:44px}
.calendar-grid{gap:4px 0}
.calendar-day{min-height:44px;border-radius:8px;font-size:13px}
.weekday{font-size:12px}
.calendar-legend{font-size:10px;gap:13px}
.selected-record{padding:14px 5px}
.selected-record b{font-size:13px}
.selected-record span{font-size:11px}
.goal-item{min-height:56px;font-size:14px;gap:13px}
.goal-item input{width:22px;height:22px}
.goals-section>p,.month-goal>p{font-size:13px}
.region-summary h2{font-size:17px}
.region-summary .text-link,.month-goal .quiet{font-size:12px}
.guide-link{min-height:72px}
.guide-link b{font-size:14px}
.guide-link small{font-size:12px}
.post h3{font-size:17px;line-height:1.6}
.post>p,.compact>p{font-size:14px;line-height:1.9}
.post-person b{font-size:14px}
.post-person small{font-size:11px}
.like{min-width:76px;min-height:44px;font-size:12px}
.post-bottom{font-size:11px}
.status{font-size:11px}
.community-toolbar{gap:14px}
.community-toolbar>span{font-size:12px}
.segmented{display:flex;width:100%}
.segmented button{flex:1;min-width:44px;min-height:44px;font-size:13px;padding:8px}
.mobile-nav{left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:var(--app-width);grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom));min-height:var(--nav-height);align-items:end}
.mobile-nav a{font-size:11px;min-height:56px;gap:5px;border-radius:9px;text-decoration:none}
.mobile-nav a .icon{width:23px;height:23px}
.mobile-nav .nav-record .icon{background:var(--green);color:#fffefa;width:37px;height:37px;padding:8px;border-radius:12px}
.mobile-nav .nav-record{gap:1px}
.mobile-nav a:active{background:#e6eddf}
.footer{padding:23px 20px calc(var(--nav-height) + 28px + env(safe-area-inset-bottom));font-size:10px;flex-direction:column;gap:5px;line-height:1.8}




.ranking-toolbar{flex-direction:column;align-items:stretch;gap:15px}
.ranking-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ranking-item{padding:22px 14px;border-bottom:1px solid var(--line)}
.ranking-item.my-region{background:#eaf0e3}
.ranking-row{display:flex;align-items:center;gap:13px}
.ranking-row .rank-number{font-size:21px;min-width:25px}
.ranking-place{flex:1;min-width:0}
.ranking-place h3{font-size:14px;text-wrap:wrap;overflow-wrap:anywhere}
.ranking-place .my-label{display:inline-block;margin:5px 0 0;font-size:10px}
.ranking-value{text-align:right;white-space:nowrap}
.ranking-value strong{font-size:22px;font-weight:600}
.ranking-value>span{font-size:11px;margin-left:3px}
.ranking-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:15px 0 0 38px;font-size:11px}
.ranking-details>div{display:flex;align-items:center;justify-content:space-between;gap:5px}
.ranking-details dt{color:#62705a}
.ranking-details dd{margin:0;font-weight:500}

.profile-header{grid-template-columns:60px 1fr}
.profile-stat strong{font-size:29px}
.profile-stat>span{font-size:12px}
.record-info b{font-size:14px}
.record-info small{font-size:11px}
.record-row .status{font-size:10px}
.form-aside{grid-row:1;margin-bottom:-18px}
.form-guide{padding:0 0 14px;position:static}
.form-guide>.icon,.form-guide h2,.form-guide hr,.form-guide p:not(#score-help),.form-guide>.text-link{display:none}
.form-guide #score-help{margin:0;padding:15px;background:#eaf0e3;border-radius:8px;font-size:12px}
.form-main{padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.form-main>label,.form-two label,.upload-label{font-size:14px}
.form-main input:not([type=checkbox]):not([type=file]),select,textarea{min-height:50px;font-size:16px}
.form-main input::placeholder,.form-main textarea::placeholder{font-size:14px}
.field-help,.file-zone small{font-size:12px}
.file-zone b,.private-zone b{font-size:14px}
.private-zone small{font-size:12px}
.consent{font-size:12px!important;gap:12px;min-height:48px}
.consent input{width:22px;height:22px}
.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.form-actions button{min-height:52px;font-size:14px}
.file-chip{min-height:44px;font-size:12px}
.guide-content>p,.principles p{font-size:14px}
.principles p{align-items:flex-start}
.guide-content .table-wrap{font-size:12px}
dialog{position:fixed;inset:auto 0 0;width:min(100%,var(--app-width));max-width:var(--app-width);max-height:90dvh;margin:0 auto;border:0;border-radius:18px 18px 0 0;padding:30px 24px calc(26px + env(safe-area-inset-bottom))}
dialog>p{font-size:14px}
dialog>.primary{width:100%;min-height:50px}
#toast{left:50%;bottom:calc(var(--nav-height) + 14px + env(safe-area-inset-bottom));max-width:390px;width:calc(100% - 32px);font-size:13px;text-align:center}
@media(min-width:431px){body{border-left:1px solid #d5dbce;border-right:1px solid #d5dbce}.mobile-nav{border-left:1px solid #d5dbce;border-right:1px solid #d5dbce}}
@media(max-width:360px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.mobile-brand{font-size:23px}.region-button{font-size:10px;max-width:176px}.calendar-panel>.section-heading{justify-content:center}.calendar-panel>.section-heading h2{width:100%;text-align:center}.ranking-item{padding-left:8px;padding-right:8px}.ranking-details{margin-left:0}.page-heading h1{font-size:22px}.welcome h2{font-size:23px}}

/* Regional overview replaces the home campaign and duplicated summary. */
html{scroll-padding-top:20px}
main{padding-top:calc(25px + env(safe-area-inset-top))}
.region-overview{display:block;min-height:0;padding:18px 22px 23px;background:#b8ccb9;color:var(--green)}
.overview-heading{display:flex;align-items:center;gap:10px}
.overview-heading h2{flex:1;min-width:0;font-size:18px}
.region-switch{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;padding:0;color:#fffcef;text-align:left;font-size:17px;font-weight:600}
.region-switch>span{overflow-wrap:anywhere}
.region-switch>.icon:first-child{width:18px;height:18px}
.region-switch>.icon:last-child{width:14px;height:14px;opacity:.8}
.overview-sample{font-size:10px;border:1px solid #72907b;border-radius:4px;padding:2px 6px;color:#e4ebd9}
.overview-ranking{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 19px;min-height:60px}
.overview-ranking:hover{text-decoration:none}
.overview-month{font-size:14px;color:#f1f0dd}
.overview-month>span{display:block;font-size:11px;color:#d5e0d2;margin-top:4px}
.overview-place{display:flex;align-items:baseline;gap:6px;font-size:18px}
.overview-place strong{font-size:48px;font-weight:500;line-height:1.1}
.overview-place>.icon{width:16px;height:16px;align-self:center;margin-left:3px}
.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0;padding-top:17px;border-top:1px solid #638573}
.overview-stats dt{font-size:12px;color:#d5e0d2}
.overview-stats dd{margin:3px 0 0;font-size:24px;font-weight:500;line-height:1.5}
.overview-stats dd>span{margin-left:5px;font-size:12px;font-weight:400}

/* Community card view and a single-line title/author list. */
.community-toolbar{display:block;margin-bottom:20px}
.community-view-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}

.view-options{display:flex;flex-shrink:0;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.view-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:7px;color:var(--muted)}
.view-toggle.active{background:var(--green);color:#fffefa}
.view-toggle:hover:not(.active){background:var(--soft)}
.view-toggle .icon{width:20px;height:20px}
.feed-list{display:block;border-top:1px solid var(--line)}
.community-row{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:9px 2px;border-bottom:1px solid var(--line);text-align:left}
.community-row:hover{background:var(--soft)}
.community-row-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500}
.community-row-author{flex:0 0 84px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:12px;color:var(--muted)}
.post-navigation{margin-bottom:22px}
.post-navigation .text-link{min-height:44px}
.back-chevron{transform:rotate(180deg)}
body[data-page=post] .post h3{font-size:20px;line-height:1.65;overflow-wrap:anywhere}
body[data-page=post] .post>p{white-space:pre-wrap}
@media(max-width:360px){.community-row{gap:10px}.community-row-author{flex-basis:72px}}

/* Profile totals stack as label/value rows. */
.profile-header{row-gap:12px}
.profile-header>.profile-stat,.profile-header>.profile-stat+.profile-stat{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;text-align:left}
.profile-header>.profile-stat{margin-top:8px}
.profile-header>.profile-stat strong{display:inline-flex;align-items:baseline;flex-shrink:0;font-size:22px;line-height:1.4}
.profile-header>.profile-stat>span{font-size:13px;white-space:normal}
/* Report review follows the existing mobile form and list styles. */
.dot.published{background:#4f835b}
.status.published{color:#285a47;background:#eaf0e3}
.status.removed{color:#8a3c30;background:#f7e8df}
.report-button{min-height:44px;min-width:44px;padding:8px 4px;color:#64715d;font-size:12px}
.report-button:hover{text-decoration:underline}
.report-list{margin-top:24px}
.report-item{padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.report-item h2{margin:14px 0 6px;font-size:17px}
.report-item p{font-size:14px;white-space:pre-wrap}
.report-item small{font-size:11px;color:#64715d}
.report-item .secondary{width:100%;margin-top:8px}
.review-note{background:#edf0e5;padding:14px;border-radius:8px}
dialog form{display:grid;gap:18px;margin-top:20px}
dialog form label{display:grid;gap:8px;font-size:14px}
dialog form select,dialog form textarea{width:100%;min-width:0}
dialog form .primary{width:100%;min-height:48px}
.form-error{color:#983f31;font-size:13px;margin:0}
.form-error:empty{display:none}
.notice{overflow-wrap:anywhere}
/* Record pickers: label, selected value and options share 57Sans at 14px. */
.select-field{margin-bottom:20px;font-family:'57Sans',sans-serif;font-size:14px}
.form-two .select-field{margin-bottom:18px}
.select-caption{display:block;font-weight:600}
.app-select{position:relative;margin-top:9px;font-size:14px}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd6c4;border-radius:9px;background:var(--paper);color:var(--ink);text-align:left;font-family:inherit;font-size:14px;font-weight:400}
.select-trigger svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.select-trigger[aria-expanded=true]{border-color:var(--green);background:#f0f3e9}
.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.select-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:6px;background:var(--paper);border:1px solid #cbd6c4;border-radius:12px;max-height:min(300px,42dvh);overflow-y:auto;overscroll-behavior:contain}
.select-menu[hidden],.select-field select[hidden]{display:none}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;text-align:left;border-radius:7px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}
.select-option[aria-selected=true]{background:#e7eee0;color:var(--green);font-weight:600}
.select-option[aria-selected=true]::after{content:'';width:7px;height:12px;margin:0 4px 4px 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0}
.select-option:hover,.select-option:focus-visible{background:#eeeadb;outline:2px solid var(--green);outline-offset:-2px;filter:none}
/* Home: align the calendar heading with the region pin and compact the checklist. */
.calendar-panel{padding:12px}
.calendar-panel>.section-heading{padding-left:10px;margin-bottom:4px}
.calendar-panel>.section-heading h2{width:auto;text-align:left}
.calendar-panel .weekday{height:44px;padding:2px 0 14px;display:flex;align-items:center;justify-content:center}
body[data-page=home] .goal-item{min-height:46px;padding-top:10px;padding-bottom:10px}
body[data-page=home] .goals-section .section-heading{margin-bottom:8px}
.popular-period{font-size:11px;color:var(--muted);margin:-8px 0 18px}
.popular-scope{font-size:13px;font-weight:600;margin:0 0 9px;color:var(--green)}
.popular-title{padding:0;text-align:left;font:inherit;line-height:inherit}
.popular-title:hover{text-decoration:underline;text-underline-offset:4px}
.popular-empty{padding:22px 16px;border:1px dashed var(--line);border-radius:12px;font-size:12px;color:var(--muted)}
/* Small checkbox with the full row retained as the touch target. */
:root{--sage:#b8ccb9}
.region-overview .region-switch,.region-overview .overview-month,.region-overview .overview-month>span,.region-overview .overview-stats dt,.region-overview .overview-sample{color:var(--green)}
.region-overview .overview-sample,.region-overview .overview-stats{border-color:#285b4740}
.goal-item input,.metric-choice input{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--sage);border-radius:3px;background:var(--sage);display:grid;place-content:center}
.goal-item input::before,.metric-choice input::before{content:"";width:9px;height:5px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:translateY(-1px) rotate(-45deg);visibility:hidden}
.goal-item input:checked::before,.metric-choice input:checked::before{visibility:visible}
.calendar-grid{--calendar-gap:5px;column-gap:var(--calendar-gap);row-gap:0}
.calendar-day,.calendar-day:hover,.calendar-day.selected,.calendar-day.today{gap:2px;background:transparent;color:var(--ink);box-shadow:none;filter:none}
.calendar-day .day-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;line-height:1;border-radius:50%;position:relative;z-index:1}
.calendar-day .day-meta{display:block;height:10px;line-height:10px;font-size:10px;position:relative;z-index:1}
.calendar-day.has-practice .day-number{background:var(--green);color:#fffcef;font-weight:600}
.calendar-day.selected:not(.today) .day-number{outline:1px solid var(--green);outline-offset:2px}
.calendar-day.today:not(.has-practice) .day-number{box-shadow:inset 0 0 0 2px var(--sage)}
.calendar-day.streak-previous::before,.calendar-day.streak-next::before{content:"";position:absolute;top:2px;height:28px;left:50%;right:50%;background:var(--green);pointer-events:none}
.calendar-day.streak-previous::before{left:calc(var(--calendar-gap) / -2)}
.calendar-day.streak-next::before{right:calc(var(--calendar-gap) / -2)}
.calendar-day .day-points{color:var(--green);font-weight:500}
/* Compact home cards; preserve the reaction controls' touch targets. */
#daily-popular .post.compact{padding-block:16px}
#daily-popular .compact .post-person{margin-bottom:12px}
#daily-popular .compact .post-bottom{margin-top:8px}
.home-guide{margin-top:16px;padding-block:4px;min-height:56px;border-top:0}
.calendar-section>.section-heading{margin-bottom:12px}
.calendar-panel>.calendar-controls{justify-content:flex-start;margin-bottom:4px}
/* User's sage card: one metric at a time, with native horizontal swiping. */
.region-carousel{background:var(--sage);color:var(--green);border-radius:var(--radius);padding:18px 22px 6px;margin-bottom:24px;position:relative}
.region-carousel-heading{display:flex;align-items:center;gap:10px}
.region-carousel-heading h2{flex:1;min-width:0}
.region-carousel .region-switch{color:var(--green)}
.region-carousel-sample{font-size:10px;border:1px solid #285b4740;border-radius:4px;padding:2px 6px}
.region-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:8px}
.region-carousel-track::-webkit-scrollbar{display:none}
.region-carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.region-carousel-metric{min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-top:14px;gap:16px;color:inherit}
.region-carousel-metric h3{font-size:18px;font-weight:500;line-height:1.4;margin-top:12px;max-width:140px;word-break:keep-all;overflow-wrap:anywhere}
.region-carousel-value{display:flex;align-items:baseline;gap:8px;padding-top:6px;white-space:nowrap}
.region-carousel-value strong{font-size:48px;font-weight:500;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.region-carousel-value>span{font-size:20px;transform:translateY(-2px)}
.region-carousel-dots{display:flex;justify-content:center;gap:0}
.region-carousel-dots button{width:26px;height:44px;display:grid;place-items:center;border-radius:50%}
.region-carousel-dots button>span{width:10px;height:10px;border-radius:50%;background:#fffcef}
.region-carousel-dots button[aria-pressed=true]>span{background:var(--green)}
.region-carousel-dots button:hover>span{outline:1px solid var(--green);outline-offset:3px}
.region-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:360px){.region-carousel{padding-inline:18px}.region-carousel-metric{gap:8px}.region-carousel-value strong{font-size:42px}}

/* Let bottom-sheet menus expand within the visible dialog. */
dialog .select-menu{position:static;margin-top:6px}
.select-trigger:disabled{opacity:.6;cursor:not-allowed}


/* Shared promises and profile reading order. */
.profile-header>.avatar,.profile-header>div:not(.profile-stat){align-self:start}
.profile-header h2{margin:0;line-height:1.35}
.goals-section .section-heading{min-height:44px;margin-bottom:8px;flex-wrap:nowrap}
.goal-edit{flex-shrink:0;color:var(--green)}
.goal-edit>.icon{width:19px;height:19px}
.goal-item{min-height:46px;padding-top:10px;padding-bottom:10px}
.goal-item>span{min-width:0;overflow-wrap:anywhere}
.goal-item>.icon{flex-shrink:0}
.profile-content>.records-section{margin-top:24px}
.profile-content>.goals-section{padding-top:24px}
.goal-editor-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:16px}
.goal-editor-row label{flex:1;min-width:0;margin:0;font-size:14px}
.goal-editor-row input{margin-top:8px;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd6c4;border-radius:9px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:400}
.goal-editor-row .icon-button{flex-shrink:0;margin-bottom:3px;color:var(--green)}
.goal-editor-row button:disabled,.goal-add:disabled{opacity:.45;cursor:not-allowed}
.goal-add{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px}
.goal-editor-actions{display:flex;gap:10px;margin-top:20px}
.goal-editor-actions button{flex:1;min-height:50px}

/* Align profile text with the avatar and promise icons with each other. */
.profile-identity{height:55px;position:relative;min-width:0}
.profile-region{position:absolute;left:0;bottom:0;min-height:44px;padding:0;align-items:flex-end;justify-content:flex-start;text-align:left;line-height:20px;white-space:nowrap}
.profile-region .icon{flex-shrink:0;margin-bottom:2px}
.goal-edit{justify-content:flex-end;padding:0}

/* Settings extend the existing phone shell. */
.profile-settings{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--green)}
.profile-settings>.icon{width:22px;height:22px}
.profile-identity h2{max-width:calc(100% - 48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-region{max-width:calc(100% - 48px)}
.profile-region>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.settings-heading{display:flex;align-items:center;gap:8px;margin-bottom:28px}
.settings-heading h1{font-size:23px;font-weight:700;line-height:1.4;margin:0}
.settings-heading .icon-button{margin-left:-10px;color:var(--green)}
.settings-group{margin-top:26px}
.settings-group h2{font-size:17px;line-height:1.5;margin:0 0 8px}
.settings-row{display:flex;width:100%;align-items:center;gap:12px;min-height:58px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;text-decoration:none}
.settings-row>span{flex:1;min-width:0}
.settings-row b{font-size:15px;font-weight:500;display:block;overflow-wrap:anywhere}
.settings-row small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.settings-row .settings-status{margin:0;white-space:nowrap}
.settings-row>.icon{width:16px;height:16px;flex-shrink:0;color:var(--green)}
.profile-form>label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.profile-form input[name=name]{display:block;width:100%;min-height:50px;margin-top:9px;padding:12px 14px;border:1px solid #cbd6c4;border-radius:9px;background:var(--paper);color:var(--ink);font-size:16px;font-weight:400}
.profile-photo-editor{text-align:center;padding:4px 0 28px}
.profile-photo-editor .avatar.big{width:88px;height:88px;font-size:30px;margin:0 auto 12px}
.photo-choose{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:var(--green);font-size:14px;font-weight:600;cursor:pointer}
.photo-choose input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.photo-choose:focus-within{outline:3px solid #a27836;outline-offset:2px;border-radius:7px}
.photo-remove{display:flex;margin:0 auto;font-size:12px}
.photo-remove[hidden]{display:none}
.profile-photo-editor .field-help{margin-top:4px;font-size:12px}
.profile-form>.field-help{margin-top:8px}
.profile-form-actions{display:flex;gap:10px;margin-top:28px}
.profile-form-actions .secondary{flex:1;text-decoration:none;color:var(--ink)}
.profile-form-actions .primary{flex:2}
.profile-form .primary:disabled{opacity:.6;cursor:wait}
.settings-info h2{font-size:20px;line-height:1.5;margin:0 0 12px}
.settings-info h3{font-size:17px;line-height:1.5;margin:28px 0 10px}
.settings-info p{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:var(--ink);margin:0 0 16px}
.settings-info .text-link{margin-top:8px}
.post-bottom{gap:10px;flex-wrap:wrap;justify-content:flex-start}
.post-bottom>.report-button,.post-bottom>.status{margin-left:auto}
.comment-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0;color:#626e59;font-size:12px}
.like .praise-hand,.comment-button .icon{width:19px;height:19px;stroke-width:1.65}
.comments-section{margin-top:28px}
.comments-section .section-heading{margin-bottom:10px}
.comments-section h2 span{color:var(--green);margin-left:5px}
.comment-item{padding:16px 0;border-bottom:1px solid var(--line)}
.comment-heading{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}
.comment-heading b{display:flex;align-items:center;gap:6px}
.comment-own{font-size:10px;padding:1px 5px;border-radius:4px;background:#e4eadb;color:var(--green)}
.comment-heading time{font-size:11px;color:var(--muted)}
.comment-delete{margin-left:auto;min-height:44px;padding:0 4px;color:var(--muted);font-size:12px}
.comment-item>p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}
.comments-empty{padding:12px 0 20px;color:var(--muted);font-size:13px}
#comment-form{margin-top:20px}
#comment-form>label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}
#comment-body{min-height:96px;font-size:16px;padding:12px;line-height:1.6}
.comment-compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:12px}
#comment-length{font-size:12px;color:var(--muted)}
.comment-compose-bottom .primary{min-height:44px;font-size:13px}
.comment-feedback{font-size:13px;color:var(--green);margin-top:10px}
.comment-feedback:empty{display:none}
.comment-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:12px}
.comment-confirm>span{margin-right:auto}
.comment-confirm>button{min-height:44px;color:var(--green)}
.comment-confirm>[data-confirm-delete]{color:#983f31}

/* Tighter community cards, keeping reaction controls at 44px. */
.feed-card{gap:16px}
.feed-card .post{padding-block:16px}
.feed-card .post-person{margin-bottom:14px}
.feed-card .post-bottom{margin-top:12px}
/* Home metric preferences and compact community controls. */
.region-card-settings{width:44px;height:44px;flex-shrink:0;margin-right:-10px;color:var(--green)}
.region-card-settings>.icon{width:19px;height:19px}
.region-carousel-value.metric-unavailable strong{font-size:26px;line-height:1.9}
.metric-choices{border:0;padding:0;margin:0 0 12px;min-width:0}
.metric-choice{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);margin:0;min-height:52px;font-weight:500;font-size:14px;cursor:pointer}
dialog .metric-choice{display:flex;margin:0;font-size:14px}
.metric-choice input{flex-shrink:0;margin:0}
.metric-choice small{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:4px}
#home-metrics-error{color:#993d2c;font-size:12px;margin-top:12px}
.community-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.community-scope{display:flex;gap:2px;padding:3px;background:#eaece2;border-radius:9px}
.scope-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:7px 10px;border-radius:6px;font-size:12px;white-space:nowrap}
.scope-toggle>.icon{width:17px;height:17px}
.scope-toggle.active{background:var(--paper);color:var(--green);font-weight:600}
.community-toolbar>.view-options{margin-left:auto;flex-shrink:0}

.metric-choices .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.metric-choice-text{flex:1;min-width:0}
.metric-order{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;margin-left:auto;border:1px solid var(--line);border-radius:50%;color:var(--green);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}

.neighborhood-status{padding:8px 0 24px;border-bottom:1px solid var(--line)}
.neighborhood-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--soft);color:var(--green);margin-bottom:16px}
.neighborhood-status h2{font-size:20px;line-height:1.5;margin:0 0 8px;word-break:keep-all;overflow-wrap:anywhere}
.neighborhood-status p{font-size:13px;color:var(--muted);margin:0}
.neighborhood-help{margin:24px 0}
.neighborhood-help h2{font-size:16px;margin:0 0 12px}
.neighborhood-help p{font-size:14px;line-height:1.8;margin:0 0 12px}
.neighborhood-help .field-help{font-size:12px}
.neighborhood-verify{width:100%;min-height:50px}
.neighborhood-permissions{display:flex;margin:16px auto 0;min-height:44px;font-size:13px}
.neighborhood-permissions[hidden]{display:none}
#neighborhood-progress{font-size:13px;line-height:1.6;color:var(--green)}

.ranking-ad-banner{height:92px;background:#eeedde;border-radius:var(--radius);margin-bottom:20px}
.ranking-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
.ranking-title-row h2{font-size:17px;line-height:1.5;margin:0;word-break:keep-all}
.ranking-title-row .ranking-info{width:44px;height:44px;flex-shrink:0;margin-right:-10px;color:var(--green)}
.ranking-info>.icon{width:18px;height:18px}
.ranking-toolbar{gap:8px}
.ranking-sort{width:fit-content;max-width:100%;align-self:flex-start;padding:4px;gap:3px}
.ranking-sort button{position:relative;flex:0 1 auto;min-width:44px;min-height:36px;padding:6px 14px;font-size:13px;white-space:nowrap}
.ranking-sort button::after{content:"";position:absolute;inset:-4px 0}
.ranking-help{font-size:14px;line-height:1.8;color:var(--ink)}
.ranking-help p{margin:0 0 16px}
.ranking-help p:last-child{margin-bottom:0}

/* First-launch welcome and email account screens share the app's existing identity. */
body:is([data-page="start"],[data-page="login"],[data-page="signup"]){padding-bottom:0}
.welcome-workspace{min-height:100svh}
main.welcome-main{padding:24px 28px max(24px,env(safe-area-inset-bottom));min-height:100svh}
.welcome-screen{min-height:calc(100svh - 48px);display:flex;flex-direction:column;gap:40px}
.welcome-identity{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 0 20px}
.welcome-logo{width:112px;height:112px;margin-bottom:24px}
.welcome-identity h1{font-size:40px;line-height:1.25;letter-spacing:-.03em;margin:0 0 32px;color:var(--green)}
.welcome-identity h2{font-size:23px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:0 0 14px}
.welcome-identity p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.welcome-actions{display:grid;gap:12px;padding-bottom:8px}
.welcome-actions>.primary,.welcome-signup{min-height:52px;width:100%;font-size:15px;text-align:center;text-decoration:none}
.welcome-signup{display:flex;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:8px;color:var(--green);font-weight:600}
.welcome-signup:hover{background:var(--soft)}
.welcome-guest{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.auth-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.auth-heading>.icon-button{margin-left:-10px}
.credentials-screen h1{font-size:26px;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px}
.auth-subtitle{font-size:14px;color:var(--muted);margin:0 0 30px}
.auth-field{display:block;font-size:14px;font-weight:500;margin-bottom:20px}
.auth-field input{display:block;width:100%;margin:8px 0 0;min-height:52px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:16px;font-weight:400;color:var(--ink)}
.auth-field input[aria-invalid="true"]{border-color:#993d2c}
.auth-password{position:relative;display:block}
.auth-password input{padding-right:76px}
.auth-reveal{position:absolute;right:4px;top:4px;min-width:60px;min-height:44px;padding:0 8px;color:var(--green);font-size:12px}
.auth-connection-note{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 16px}
.auth-submit{width:100%;min-height:52px;font-size:15px}
.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin:20px 0}
.auth-switch a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:360px){main.welcome-main{padding-left:22px;padding-right:22px}.welcome-identity{padding-top:24px}.welcome-identity h2{font-size:21px}.credentials-screen h1{font-size:24px}}