:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--page:#e9e7df;--surface:#f4f1e8;--surface-raised:#fcfaf4;--surface-soft:#e8eee6;--surface-strong:#dce7de;--text:#21342b;--text-soft:#65746c;--text-faint:#86928b;--line:#d7ddd5;--green-100:#dfe9e0;--green-300:#a9bea9;--green-500:#6f947a;--green-700:#3f6653;--green-800:#2f5141;--green-900:#243f34;--danger:#a34b43;--danger-soft:#f5e2de;--shadow:0 18px 45px #364d401a;--radius-card:24px;--radius-control:16px;--bottom-nav-height:78px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%}body{background:var(--page);min-width:320px;min-height:100dvh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #3f665352}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{background:radial-gradient(circle at 100% 0%, #a9bea938, transparent 28%), var(--surface);width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;overflow:clip;box-shadow:0 0 60px #233f3414}.app-header{min-height:84px;padding:calc(15px + env(safe-area-inset-top)) 20px 14px;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--green-700);color:#f8f6ef;cursor:pointer;border:0;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 22px #3f665333}.app-kicker{color:var(--text-soft);letter-spacing:.08em;margin-bottom:3px;font-size:11px;font-weight:700}.app-title{letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:760}.app-content{padding:8px 18px calc(var(--bottom-nav-height) + 34px + env(safe-area-inset-bottom))}.bottom-nav{z-index:20;width:min(100%,480px);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);background:#fcfaf4f0;border-top:1px solid #3f66531a;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 34px #34483d17}.nav-item{min-width:0;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:650;transition:color .18s,transform .18s;display:flex}.nav-icon-wrap{border-radius:12px;place-items:center;min-width:38px;height:30px;display:grid}.nav-item.is-active{color:var(--green-700)}.nav-item.is-active .nav-icon-wrap{background:var(--green-100)}.nav-item--primary .nav-icon-wrap{border:5px solid var(--surface-raised);background:var(--green-700);color:#f8f6ef;border-radius:17px;width:48px;height:48px;margin-top:-24px;box-shadow:0 10px 24px #3f66533d}.nav-item--primary.is-active .nav-icon-wrap{background:var(--green-800)}.screen-stack{gap:22px;display:grid}.section-heading{gap:6px;margin-bottom:13px;display:grid}.section-heading--inline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2{letter-spacing:-.018em;white-space:nowrap;font-size:clamp(17px,5vw,19px);line-height:1.35}.section-heading p,.section-heading>span{color:var(--text-soft);font-size:13px;line-height:1.65}.button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:750;line-height:1;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.button--primary{background:var(--green-700);color:#f8f6ef;box-shadow:0 10px 24px #3f66532e}.button--primary:hover:not(:disabled){background:var(--green-800)}.button--secondary{border:1px solid var(--line);background:var(--surface-raised);color:var(--green-800)}.status-badge{background:var(--green-100);color:var(--green-800);border-radius:10px;flex:none;padding:6px 9px;font-size:11px;font-weight:720}.welcome-panel{border-radius:var(--radius-card);background:var(--green-900);color:#f6f4ec;box-shadow:var(--shadow);gap:19px;padding:22px;display:grid}.welcome-panel>h2{letter-spacing:-.035em;white-space:nowrap;font-size:clamp(19px,5.3vw,24px);line-height:1.3}.welcome-action{width:100%;color:var(--green-900);box-shadow:none;background:#f2efe5}.welcome-action:hover:not(:disabled){background:#e7ecdf}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid #3f665314;align-content:space-between;min-height:126px;padding:16px;display:grid}.metric-card--points{background:var(--surface-strong)}.metric-icon{width:35px;height:35px;color:var(--green-700);background:#3f665317;border-radius:12px;place-items:center;display:grid}.metric-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:31px;line-height:1;display:block}.metric-card>span:last-child,.metric-card div span{color:var(--text-soft);margin-top:6px;font-size:12px;display:block}.metric-card--wide{grid-column:1/-1;align-items:center;gap:14px;min-height:92px;display:flex}.metric-card--wide div{flex:1}.metric-card--wide strong{font-size:27px}.metric-unit{font-weight:750;color:var(--green-700)!important;font-size:13px!important}.quick-actions,.activity-list,.station-list{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid #3f665314;display:grid;overflow:hidden}.quick-actions button,.station-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;min-width:0;min-height:76px;padding:13px 15px;display:flex}.quick-actions button:last-child,.station-list button:last-child{border-bottom:0}.quick-actions button>span:nth-child(2),.station-list button>span:nth-child(2){flex:1;min-width:0}.quick-actions strong{font-size:14px;display:block}.station-list strong{margin-bottom:4px;font-size:14px;display:block}.station-list small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.quick-icon{background:var(--surface-soft);width:42px;height:42px;color:var(--green-700);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.nearby-panel{border-radius:var(--radius-card);background:var(--surface-soft);padding:18px}.nearby-topline,.nearby-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nearby-topline h2{font-size:18px}.nearby-panel>p{color:var(--text-soft);margin:12px 0 15px;font-size:13px;line-height:1.6}.nearby-footer{color:var(--text-soft);border-top:1px solid #3f66531f;align-items:center;padding-top:13px;font-size:12px}.nearby-footer button,.text-button,.demo-entry{color:var(--green-700);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-weight:750;display:inline-flex}.activity-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:14px 15px;display:flex}.activity-item:last-child{border-bottom:0}.activity-icon{background:var(--surface-soft);width:38px;height:38px;color:var(--green-700);border-radius:13px;flex:0 0 38px;place-items:center;display:grid}.activity-item>div{flex:1;min-width:0}.activity-item strong,.activity-item small{display:block}.activity-item strong{margin-bottom:4px;font-size:13px}.activity-item small{color:var(--text-soft);font-size:11px}.activity-points{color:var(--green-700);font-size:14px;font-weight:780}.empty-panel,.page-state{border:1px dashed var(--line);border-radius:var(--radius-card);min-height:180px;color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:11px;padding:26px;display:grid}.empty-panel p,.page-state p{max-width:290px;font-size:13px;line-height:1.7}.knowledge-hero{border-radius:var(--radius-card);background:var(--surface-soft);padding:19px}.knowledge-hero h2{letter-spacing:-.025em;white-space:nowrap;font-size:clamp(16px,4.35vw,19px);line-height:1.38}.compact-status-row{justify-content:flex-end;margin-bottom:10px;display:flex}.map-canvas-wrap,.map-fallback{border-radius:var(--radius-card);background:var(--surface-soft);border:1px solid #3f665314;height:330px;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%}.map-fallback{text-align:center;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.map-fallback>span{background:var(--green-100);width:56px;height:56px;color:var(--green-700);border-radius:18px;place-items:center;display:grid}.map-fallback p{max-width:260px;color:var(--text-soft);font-size:12px;line-height:1.65}.map-overlay{color:var(--text-soft);background:#f4f1e8db;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.map-overlay--error{color:var(--danger);text-align:center;padding:30px}.map-marker{border:4px solid #fcfaf4f5;border-radius:50%;width:28px;height:28px;display:block;box-shadow:0 7px 18px #243f343d}.map-marker--low,.legend-swatch--low{background:var(--green-300)}.map-marker--medium,.legend-swatch--medium{background:var(--green-500)}.map-marker--high,.legend-swatch--high{background:var(--green-800)}.map-marker.is-selected{border-color:var(--surface-raised);box-shadow:0 0 0 4px #3f665340,0 8px 20px #243f3442}.map-legend{color:var(--text-soft);flex-wrap:wrap;gap:7px 13px;margin-top:10px;font-size:11px;display:flex}.map-legend span{align-items:center;gap:5px;display:inline-flex}.legend-swatch{border-radius:4px;width:10px;height:10px}.selected-station,.station-confirmation,.streak-panel,.recycle-guide{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid #3f665314;gap:16px;padding:18px;display:grid}.station-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.station-heading>div{min-width:0}.station-heading h2{margin-bottom:5px;font-size:17px}.station-heading p,.station-heading span{color:var(--text-soft);font-size:12px;line-height:1.55}.station-pin{color:#f8f6ef;border-radius:14px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.station-pin--low{background:var(--green-300);color:var(--green-900)}.station-pin--medium{background:var(--green-500)}.station-pin--high{background:var(--green-800)}.station-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.station-facts span{background:var(--surface-soft);color:var(--text-soft);border-radius:15px;gap:4px;padding:12px;font-size:11px;display:grid}.station-facts strong{color:var(--text);font-size:14px}.selected-station .button,.station-confirmation .button,.scan-panel .button,.checkin-hero .button,.success-panel .button{width:100%}.station-list button.is-selected{background:var(--surface-soft)}.flow-strip{color:var(--text-faint);justify-content:space-between;align-items:center;gap:4px;padding:12px 5px;display:flex}.flow-strip span{text-align:center;justify-items:center;gap:5px;min-width:0;font-size:10px;font-weight:680;display:grid}.flow-strip span.is-current,.flow-strip span.is-done{color:var(--green-700)}.scan-panel{border-radius:var(--radius-card);background:var(--surface-raised);text-align:center;border:1px solid #3f665314;gap:18px;padding:22px;display:grid}.scan-icon{background:var(--surface-soft);width:54px;height:54px;color:var(--green-700);border-radius:18px;place-items:center;margin:0 auto 12px;display:grid}.scan-panel h2{white-space:nowrap;margin-bottom:6px;font-size:19px}.scan-panel p{color:var(--text-soft);font-size:12px}.manual-entry{text-align:left;gap:8px;display:grid}.manual-entry label{color:var(--text-soft);font-size:12px;font-weight:650}.manual-entry>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.manual-entry input{border:1px solid var(--line);background:var(--surface);min-width:0;height:46px;color:var(--text);text-transform:uppercase;border-radius:14px;padding:0 13px}.manual-entry input::placeholder{color:var(--text-faint);opacity:1}.manual-entry button{background:var(--green-100);min-width:68px;color:var(--green-800);cursor:pointer;border:0;border-radius:14px;font-weight:750}.demo-entry{margin:-4px auto 0;font-size:12px}.station-meta{flex-wrap:wrap;gap:7px;display:flex}.station-meta span{background:var(--surface-soft);color:var(--green-800);border-radius:10px;padding:6px 9px;font-size:11px;font-weight:680}.integration-notice{color:#6d573a;background:#f2eadc;border-radius:16px;align-items:flex-start;gap:10px;padding:14px;display:flex}.integration-notice svg{flex:none}.integration-notice strong{margin-bottom:4px;font-size:13px;display:block}.integration-notice p{font-size:11px;line-height:1.6}.mock-notice{background:var(--green-100);color:var(--green-800);border-radius:14px;padding:12px;font-size:11px;line-height:1.6}.opened-panel{background:var(--surface-soft);text-align:center;border-radius:18px;gap:13px;padding:15px;display:grid}.opened-panel>span{color:var(--green-700)}.opened-panel h3{white-space:nowrap;margin-bottom:5px;font-size:16px}.opened-panel p{color:var(--text-soft);font-size:12px;line-height:1.6}.text-button{justify-self:center;font-size:12px}.success-panel{border-radius:var(--radius-card);background:var(--surface-strong);text-align:center;justify-items:center;gap:12px;padding:28px 20px;display:grid}.success-panel>span{color:var(--green-700)}.success-panel>p{color:var(--green-700);font-size:12px;font-weight:750}.success-panel h2{max-width:320px;font-size:20px;line-height:1.5}.success-panel>div{background:#fcfaf4a6;border-radius:17px;gap:3px;padding:13px 24px;display:grid}.success-panel>div strong{font-size:27px}.success-panel>div span{color:var(--text-soft);font-size:11px}.inline-error,.inline-success{border-radius:15px;align-items:flex-start;gap:9px;padding:13px 14px;font-size:12px;line-height:1.55;display:flex}.inline-error{background:var(--danger-soft);color:var(--danger)}.inline-success{background:var(--green-100);color:var(--green-800)}.inline-error svg,.inline-success svg{flex:none}.scanner-backdrop{z-index:40;background:#182720b8;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.scanner-sheet{width:min(100%,444px);padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));background:var(--surface-raised);border-radius:26px;gap:15px;display:grid;box-shadow:0 24px 60px #0e1b1552}.scanner-loading{border-radius:var(--radius-card);background:var(--surface-raised);width:min(100%,444px);color:var(--text-soft);text-align:center;padding:28px;font-size:13px}.scanner-header{justify-content:space-between;align-items:flex-start;display:flex}.scanner-header h2{white-space:nowrap;font-size:19px}.scanner-header button{background:var(--surface-soft);cursor:pointer;border:0;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.scanner-viewport{aspect-ratio:1;background:var(--green-900);border-radius:21px;position:relative;overflow:hidden}.scanner-viewport video{object-fit:cover;width:100%;height:100%}.scanner-guide{position:absolute;inset:18%}.scanner-guide i{border-style:solid;border-color:#d9ead8;width:34px;height:34px;position:absolute}.scanner-guide i:first-child{border-width:3px 0 0 3px;border-radius:10px 0 0;inset:0 auto auto 0}.scanner-guide i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 10px 0 0;inset:0 0 auto auto}.scanner-guide i:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 10px;inset:auto auto 0 0}.scanner-guide i:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 10px;inset:auto 0 0 auto}.scanner-error{color:#f5eee8;text-align:center;align-content:center;place-items:center;gap:10px;padding:26px;display:grid;position:absolute;inset:0}.scanner-error p{max-width:280px;font-size:12px;line-height:1.7}.checkin-hero{border-radius:var(--radius-card);background:var(--green-900);color:#f6f4ec;text-align:center;box-shadow:var(--shadow);justify-items:center;gap:12px;padding:28px 20px 22px;display:grid}.checkin-hero.is-complete{background:var(--green-800)}.checkin-symbol{color:#b8d0b9}.checkin-hero h2{white-space:nowrap;max-width:330px;font-size:clamp(19px,5.7vw,22px);line-height:1.45}.checkin-reward{color:#dbe7dc;background:#ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.checkin-hero .button{color:var(--green-900);box-shadow:none;background:#f2efe5;margin-top:4px}.streak-panel .section-heading{margin-bottom:0}.streak-panel .section-heading>strong{color:var(--green-700);font-size:18px}.streak-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.streak-days span{aspect-ratio:1;background:var(--surface-soft);color:var(--text-faint);border-radius:12px;place-items:center;font-size:11px;font-weight:700;display:grid}.streak-days span.is-active{background:var(--green-700);color:#f8f6ef}.knowledge-fact{border-radius:var(--radius-card);background:var(--surface-soft);align-items:flex-start;gap:13px;padding:18px;display:flex}.knowledge-fact>span{color:var(--green-700);flex:none}.knowledge-fact h2{margin-bottom:0;font-size:16px;line-height:1.45}.impact-path{gap:7px;display:grid}.impact-path>div{justify-items:center;gap:7px;display:grid}.impact-path article{background:var(--surface-raised);border:1px solid #3f665314;border-radius:18px;align-items:flex-start;gap:13px;width:100%;padding:15px;display:flex}.impact-path article>span{background:var(--surface-soft);width:42px;height:42px;color:var(--green-700);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.impact-path h3,.guide-grid h3{white-space:nowrap;margin-bottom:5px;font-size:14px}.impact-path p,.guide-grid p{color:var(--text-soft);font-size:12px;line-height:1.6}.impact-path>div>svg{color:var(--green-300)}.recycle-guide .section-heading{margin-bottom:0}.recycle-guide .section-heading>svg{color:var(--green-700)}.guide-grid{gap:9px;display:grid}.guide-grid article{background:var(--surface-soft);border-radius:16px;grid-template-columns:auto minmax(0,1fr);column-gap:10px;padding:13px;display:grid}.guide-grid article>svg{color:var(--green-700);grid-row:1/3}.knowledge-fact{background:var(--green-900);color:#f6f4ec}.knowledge-fact>span{color:#b8d0b9;background:#ffffff1a;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.knowledge-fact h2{margin-bottom:0;font-size:17px}.account-entry{min-width:48px;min-height:48px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:15px;place-items:center;gap:1px;margin-left:auto;font-size:10px;font-weight:720;display:grid}.account-entry.is-active,.account-entry:hover{background:var(--green-100);color:var(--green-700)}.auth-state-frame{place-items:center;min-height:100dvh;padding:28px 18px;display:grid}.auth-state-frame>*{width:100%}.auth-page{width:min(100%,480px);min-height:100dvh;padding:calc(34px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(circle at 90% 7%, #a9bea952, transparent 27%), linear-gradient(180deg, var(--surface-soft) 0, var(--surface) 42%);margin:0 auto;box-shadow:0 0 60px #233f3414}.auth-brand{justify-items:start;padding:4px 8px 28px;display:grid}.auth-brand-mark{background:var(--green-700);color:#f8f6ef;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:20px;display:grid;box-shadow:0 12px 28px #3f66533d}.auth-brand>p{color:var(--green-700);letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:760}.auth-brand h1{letter-spacing:-.045em;white-space:nowrap;max-width:none;margin-bottom:0;font-size:clamp(21px,6vw,28px);line-height:1.22}.auth-card{background:var(--surface-raised);box-shadow:var(--shadow);border:1px solid #3f665314;border-radius:28px;padding:22px}.auth-tabs{background:var(--surface-soft);border-radius:16px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:4px;display:grid}.auth-tabs button{min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;font-weight:730}.auth-tabs button.is-active{background:var(--surface-raised);color:var(--green-700);box-shadow:0 5px 15px #29423517}.auth-heading{margin-bottom:21px}.auth-heading h2{white-space:nowrap;margin-bottom:0;font-size:clamp(20px,5.8vw,22px)}.auth-form,.account-form{gap:16px;display:grid}.form-field{color:var(--text-soft);gap:7px;font-size:12px;font-weight:700;display:grid}.input-shell{border:1px solid var(--line);background:var(--surface);min-height:50px;color:var(--green-700);border-radius:15px;align-items:center;gap:10px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.input-shell:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #6f947a1f}.input-shell input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.input-shell input::placeholder{color:var(--text-faint)}.input-action{width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.input-action:hover{background:var(--surface-soft)}.auth-submit{width:100%;margin-top:3px}.auth-error{background:var(--danger-soft);color:var(--danger);border-radius:13px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.auth-error svg{flex:none;margin-top:1px}.account-hero{background:var(--green-900);color:#f6f4ec;border-radius:25px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:20px;display:grid;box-shadow:0 16px 32px #243f342e}.account-avatar{color:#dceadd;background:#ffffff1f;border:1px solid #ffffff29;border-radius:20px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:780;display:grid}.account-hero h2{margin-bottom:5px;font-size:21px}.account-hero div>span{color:#cbd8cf;align-items:center;gap:5px;font-size:12px;display:inline-flex}.account-since{color:#aebfb4;border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:12px;font-size:11px}.account-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.account-metrics article{background:var(--surface-raised);min-width:0;color:var(--green-700);border:1px solid #3f665314;border-radius:18px;justify-items:center;gap:4px;padding:14px 8px;display:grid}.account-metrics strong{color:var(--text);font-size:22px}.account-metrics span{color:var(--text-soft);font-size:10px}.account-section{background:var(--surface-raised);border:1px solid #3f665314;border-radius:22px;padding:18px}.account-section .button{width:100%}.account-activity-list{max-height:460px;overflow-y:auto}.password-panel summary{cursor:pointer;gap:5px;list-style:none;display:grid}.password-panel summary::-webkit-details-marker{display:none}.password-panel summary>span{align-items:center;gap:8px;font-size:14px;font-weight:750;display:flex}.password-panel summary>span svg{color:var(--green-700)}.password-panel summary small{color:var(--text-soft);font-size:11px}.password-panel[open] summary{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px}.logout-button{background:var(--danger-soft);width:100%;min-height:50px;color:var(--danger);cursor:pointer;border:1px solid #a34b4338;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-weight:730;display:flex}.page-state--error{background:var(--surface-raised);border-style:solid}.page-state--error h2{white-space:nowrap;font-size:18px}.state-icon{background:var(--danger-soft);width:52px;height:52px;color:var(--danger);border-radius:17px;place-items:center;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-soft), var(--surface-raised), var(--surface-soft));background-size:220% 100%;border-radius:16px;width:100%}.skeleton--title{justify-self:start;width:44%;height:22px}.skeleton--hero{height:190px}.skeleton-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.skeleton--tile{height:120px}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.5s ease-in-out infinite skeleton-shift}@keyframes skeleton-shift{0%{background-position:120% 0}to{background-position:-120% 0}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--page:#15221c;--surface:#1b2922;--surface-raised:#22342a;--surface-soft:#283b31;--surface-strong:#30483a;--text:#edf1eb;--text-soft:#b6c2ba;--text-faint:#8fa097;--line:#3a4c42;--green-100:#30483a;--green-300:#72917a;--green-500:#82a38a;--green-700:#9ab9a0;--green-800:#b3cbb7;--green-900:#253b30;--danger:#e4a199;--danger-soft:#4b302d;--shadow:0 18px 45px #050c0838}.bottom-nav{background:#22342af0}.brand-mark,.auth-brand-mark,.button--primary,.nav-item--primary .nav-icon-wrap,.streak-days span.is-active{color:#f0f4ee;background:#466b56}.welcome-panel,.checkin-hero,.knowledge-fact{background:#21372c}.welcome-action,.checkin-hero .button{color:#20342a;background:#e7ece5}.integration-notice{color:#e8d3b5;background:#473b2d}.map-overlay{background:#1b2922e0}.scanner-backdrop{background:#070f0bc7}}@media (width<=359px){.app-content{padding-inline:13px}.app-header{padding-inline:15px}.welcome-panel,.scan-panel,.checkin-hero{padding-inline:17px}.welcome-panel>h2{font-size:17px}.flow-strip span{font-size:9px}.nav-item{font-size:10px}.auth-page{padding-inline:13px}.auth-card{padding:18px}.account-section{padding:15px}}