:root{color:#1d2624;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--ink:#1d2624;--muted:#687370;--line:#dfe4e1;--surface:#fff;--green:#176b62;--green-soft:#e7f1ef;--coral:#d85d4d;--gold:#c68a17;background:#f6f7f5;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f6f7f5;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}.app-frame{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#162d2a;flex-direction:column;width:232px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand>div{gap:2px;display:grid}.brand strong{white-space:nowrap;font-size:18px;line-height:1.25}.brand>div>span{color:#abc0bc;font-size:12px}.brand-mark{background:#f0c75d;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.brand-mark>span{background:#d85d4d;border-radius:50%;width:13px;height:13px;box-shadow:8px -7px 0 -3px #fff}.app-nav{gap:6px;margin-top:42px;display:grid}.nav-item{appearance:none;color:#bbcbc8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;display:flex}.nav-item:hover{color:#fff;background:#213d39}.nav-item[aria-current=page]{color:#155f57;background:#eef6f4;font-weight:700}.nav-item:focus-visible,.primary-action:focus-visible{outline-offset:2px;outline:3px solid #f0c75d}.privacy-note{color:#a9bcb8;border-top:1px solid #2b4541;align-items:flex-start;gap:9px;margin-top:auto;padding:12px;font-size:12px;line-height:1.5;display:flex}.mobile-header,.mobile-nav{display:none}.main-content{min-height:100vh;margin-left:232px}.page{width:min(100%,1120px);margin:0 auto;padding:50px 48px 80px}.page-heading{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:34px;display:flex}.page-heading.compact{margin-bottom:30px}.eyebrow,.section-label{color:var(--green);margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{letter-spacing:0}h1{max-width:740px;color:var(--ink);margin:0;font-size:36px;font-weight:760;line-height:1.22}h2{margin:0;font-size:20px;line-height:1.35}.page-intro{max-width:690px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.8}.date-chip,.security-mark{border:1px solid var(--line);background:var(--surface);color:#58635f;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;display:flex}.security-mark{color:var(--green)}.today-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch;gap:22px;display:grid}.focus-panel,.week-panel,.topic-group,.progress-item,.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:8px}.focus-panel{flex-direction:column;align-items:flex-start;min-height:330px;padding:36px;display:flex;position:relative;overflow:hidden}.focus-panel:after{content:"";opacity:.65;border:28px solid #e8d393;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-65px;right:-58px}.focus-icon{color:#815b0c;background:#f7e8b8;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:30px;display:grid}.focus-panel h2{max-width:430px;font-size:27px}.focus-panel>p:not(.section-label){max-width:520px;color:var(--muted);margin:14px 0 24px;line-height:1.75}.primary-action{z-index:1;background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex;position:relative}.primary-action:hover{background:#12594f}.week-panel{padding:28px}.panel-heading{color:var(--green);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h2{color:var(--ink)}.coverage-list{gap:2px;margin-top:28px;display:grid}.coverage-row{border-bottom:1px solid #edf0ee;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;min-height:51px;font-size:14px;display:grid}.coverage-row strong{color:var(--muted);font-size:13px}.domain-dot{background:var(--green);border-radius:50%;width:9px;height:9px;display:inline-block}.domain-dot.coral{background:var(--coral)}.domain-dot.gold{background:var(--gold)}.domain-dot.teal{background:var(--green)}.quiet-note{color:var(--muted);margin:22px 0 0;font-size:13px;line-height:1.6}.count-mark{background:var(--green-soft);width:70px;height:70px;color:var(--green);text-align:center;border:1px solid #cfe0dc;border-radius:50%;flex:none;place-content:center;display:grid}.count-mark strong{font-size:23px;line-height:1}.count-mark span{margin-top:4px;font-size:11px}.topic-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.topic-group{overflow:hidden}.topic-group-heading{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:0 18px;display:grid}.topic-group-heading h2{font-size:16px}.topic-group-heading>span:last-child{color:var(--muted);font-size:12px}.topic-list{margin:0;padding:7px 18px 12px;list-style:none}.topic-list li{color:#394340;border-bottom:1px solid #edf0ee;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:47px;font-size:13px;display:grid}.topic-list li:last-child{border-bottom:0}.topic-order{color:#8b9692;font-variant-numeric:tabular-nums}.topic-state{color:#7b8581;background:#f0f2f1;border-radius:5px;padding:3px 6px;font-size:11px}.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.progress-item{padding:24px}.progress-topline{align-items:center;gap:10px;display:flex}.progress-topline h2{font-size:16px}.progress-value{align-items:baseline;gap:5px;margin-top:24px;display:flex}.progress-value strong{font-size:34px}.progress-value span,.progress-item>p{color:var(--muted);font-size:12px}.progress-track{background:#edf0ee;border-radius:4px;height:7px;margin-top:15px;overflow:hidden}.progress-track span{background:var(--green);width:0;height:100%;display:block}.progress-item>p{margin:14px 0 0}.empty-band{min-height:66px;color:var(--green);background:#eef4f2;border:1px solid #d8e3e0;border-radius:8px;align-items:center;gap:13px;margin-top:18px;padding:14px 18px;display:flex}.empty-band div{gap:3px;display:grid}.empty-band strong{font-size:13px}.empty-band span{color:#61716d;font-size:12px}.family-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-section{padding:25px}.capability-row{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;min-height:50px;font-size:13px;display:flex}.capability-row:first-of-type{margin-top:18px}.capability-row:last-child{border-bottom:0}.capability-ok,.capability-warn{align-items:center;gap:5px;font-size:12px;display:inline-flex}.capability-ok{color:var(--green)}.capability-warn{color:#9b5b19}.version-list{margin:18px 0 0}.version-list>div{border-bottom:1px solid #edf0ee;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;min-height:50px;display:grid}.version-list>div:last-child{border-bottom:0}.version-list dt{color:var(--muted);font-size:12px}.version-list dd{overflow-wrap:anywhere;margin:0;font-size:13px}@media (max-width:960px){.sidebar{width:204px}.main-content{margin-left:204px}.page{padding:40px 32px 72px}.today-layout,.family-layout{grid-template-columns:1fr}.focus-panel{min-height:280px}.topic-groups,.progress-grid{grid-template-columns:1fr 1fr}}@media (max-width:1100px){.page{padding-left:32px;padding-right:32px}.topic-groups,.progress-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.sidebar{display:none}.mobile-header{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-header .brand strong{font-size:16px}.mobile-header .brand-mark{width:30px;height:30px}.mobile-status{color:var(--green);font-size:11px;font-weight:700}.main-content{margin-left:0}.page{padding:28px 18px calc(106px + env(safe-area-inset-bottom))}.page-heading{gap:18px;margin-bottom:25px}h1{font-size:28px}.page-intro{font-size:14px;line-height:1.7}.date-chip{display:none}.focus-panel,.week-panel{padding:24px}.focus-panel h2{font-size:23px}.topic-groups,.progress-grid,.family-layout{grid-template-columns:1fr}.mobile-nav{z-index:30;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #152a2612}.mobile-nav .app-nav{grid-template-columns:repeat(4,1fr);gap:0;height:68px;margin:0;display:grid}.mobile-nav .nav-item{color:#65706d;border-radius:0;flex-direction:column;justify-content:center;gap:4px;height:68px;min-height:68px;padding:7px 2px 6px;font-size:11px}.mobile-nav .nav-item[aria-current=page]{color:var(--green);background:#f0f7f5}}@media (max-width:480px){.page-heading{flex-direction:column}.count-mark,.security-mark{align-self:flex-start}.focus-panel{min-height:0}.version-list>div{grid-template-columns:88px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.loading-state,.fatal-state{min-height:100vh;color:var(--green);background:#f6f7f5;place-content:center;justify-items:center;gap:12px;display:grid}.fatal-state{color:#8c3f2c}.fatal-state span{max-width:460px;color:var(--muted);text-align:center}.onboarding{width:min(680px,100% - 36px);min-height:100vh;margin:0 auto;padding:48px 0 64px}.onboarding-mark{color:var(--green);align-items:center;gap:10px;margin-bottom:64px;font-size:15px;font-weight:750;display:flex}.onboarding h1{max-width:560px;margin:8px 0 14px}.step-indicator{gap:10px;margin:30px 0 28px;display:flex}.step-indicator span{background:#dce4e1;border-radius:3px;width:32px;height:6px;font-size:0}.step-indicator span.active{background:var(--green)}.onboarding-form{border:1px solid var(--line);background:#fff;border-radius:10px;gap:22px;padding:28px;display:grid;box-shadow:0 12px 40px #213f390f}.onboarding-form label,.dialog>label{color:#35413d;gap:8px;font-size:13px;font-weight:650;display:grid}.field-hint{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.onboarding-form input,.onboarding-form select,.dialog input,.dialog select,.dialog textarea{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd8d4;border-radius:6px;padding:10px 12px}.dialog textarea{resize:vertical;min-height:82px}.onboarding-form input:focus,.onboarding-form select:focus,.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:var(--green);outline:3px solid #176b622e}.onboarding-form fieldset,.dialog fieldset{border:0;margin:0;padding:0}.onboarding-form legend,.dialog legend{color:#35413d;margin-bottom:10px;font-size:13px;font-weight:650}.choice-grid{flex-wrap:wrap;gap:8px;display:flex}.choice,.result-option{color:#43504c;cursor:pointer;font:inherit;background:#fff;border:1px solid #d4dfdc;border-radius:6px}.choice{min-height:44px;padding:10px 14px}.choice.selected,.result-option.selected{border-color:var(--green);color:var(--green);background:#eaf4f1}.checkbox-line{grid-template-columns:auto 1fr;align-items:flex-start;line-height:1.6;gap:8px!important;font-weight:500!important;display:flex!important}.checkbox-line input{width:17px;min-height:17px;accent-color:var(--green);margin-top:2px}.wide{justify-content:center;width:100%}.form-error{color:#a3482d;margin:0;font-size:13px}.form-message{color:var(--green);background:#edf6f3;border-radius:6px;margin:14px 0 0;padding:10px 12px;font-size:13px}.observation-intro{color:var(--green);background:#eef4f2;border:1px solid #d8e3e0;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.observation-intro div{gap:4px;display:grid}.observation-intro span{color:#61716d;font-size:12px}.activity-list{gap:12px;display:grid}.compact-list{padding:14px 18px 18px}.activity-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:18px;display:grid}.activity-card.done{background:#f4faf8;border-color:#b6d5cd}.activity-card.muted{color:var(--muted)}.activity-card h3{margin:0;font-size:17px}.activity-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.activity-card-top{align-items:center;gap:8px;min-height:18px;display:flex}.activity-date,.activity-kind{color:var(--muted);font-size:11px}.activity-kind{margin-left:auto}.activity-list-heading{justify-content:space-between;align-items:center;margin:34px 0 14px;display:flex}.activity-list-heading h2{margin:0;font-size:20px}.text-button{min-height:44px;color:var(--green);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:6px 4px;font-size:13px;display:inline-flex}.topic-state-list{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:22px;display:grid;overflow:hidden}.topic-state-row{border-bottom:1px solid #edf0ee;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:0 18px;display:grid}.topic-state-row:last-child{border-bottom:0}.topic-state-row div{gap:3px;display:grid}.topic-state-row div span{color:var(--muted);font-size:11px}.topic-state-row em{font-size:12px;font-style:normal}.state-stable{color:var(--green)}.state-review_due{color:#a3482d}.state-observed{color:#8c6a15}.state-exploring{color:#9b5b19}.state-unseen{color:var(--muted)}.family-actions{gap:10px;margin-top:20px;display:grid}.secondary-action,.danger-action{min-height:44px;color:var(--green);cursor:pointer;font:inherit;background:#fff;border:1px solid #c8d8d3;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:inline-flex}.secondary-action:hover{background:#eef6f3}.danger-action{color:#9b4934;border-color:#e2c9c0}.upload-action{position:relative;overflow:hidden}.upload-action input{opacity:0;cursor:pointer;position:absolute;inset:0}.icon-button{width:44px;height:44px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #c8d8d3;border-radius:6px;place-items:center;display:inline-grid}.dialog-backdrop{z-index:50;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:#12231f6b;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(620px,100%);max-height:min(760px,100vh - 32px);background:#fff;border-radius:10px;gap:18px;max-height:min(760px,100dvh - 32px);padding:28px;display:grid;position:relative;overflow:auto;box-shadow:0 22px 70px #0c251f42}.dialog h2{margin:0;font-size:25px}.dialog-prompt{color:var(--green);margin:0;font-size:15px;line-height:1.7}.close-button{color:var(--muted);font-size:23px;line-height:1;position:absolute;top:18px;right:18px}.step-list{color:#47524f;gap:9px;margin:0;padding-left:22px;font-size:13px;line-height:1.55;display:grid}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.result-option{text-align:left;align-content:center;gap:5px;min-height:72px;padding:9px;display:grid}.result-option strong{font-size:12px}.result-option span{color:var(--muted);font-size:11px;line-height:1.35}@media (max-width:620px){.onboarding{padding-top:28px}.onboarding-mark{margin-bottom:46px}.onboarding-form,.dialog{padding:22px}.result-grid{grid-template-columns:1fr 1fr}.topic-state-row{padding:0 13px}.activity-card{padding:16px}}