@font-face{font-family:SaniTerra Sans;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-latin-wght-normal-BYSzYMf3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:SaniTerra Sans;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-vietnamese-wght-normal-DLTJy58D.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:SaniTerra Sans;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-african-wght-normal-CYLnV9z4.woff2)format("woff2-variations");unicode-range:U+100-17F,U+186,U+189-18A,U+18E-190,U+192,U+194,U+196,U+1B2,U+1CD-1DD,U+254,U+256-257,U+25B,U+263,U+269,U+28B,U+300-36F,U+1E00-1E9F}:root{--brand-water:#147cb5;--brand-nature:#219a68;--brand-forest:#173e35;--brand-surface:#f4f8f6;--green-950:#0f2a24;--green-900:#173e35;--green-800:#1a4a3e;--green-700:#1d5c49;--green-600:#219a68;--green-200:#c9e4d6;--green-100:#e6f2ec;--blue-800:#0f5584;--blue-700:#11679a;--blue-500:#147cb5;--blue-100:#e5f0f7;--sand-50:#f4f8f6;--sand-100:#edf3ef;--sand-200:#e0e9e3;--sand-300:#cddbd2;--clay-100:#f5efe4;--clay-300:#e3d5bd;--ink-900:#18211d;--ink-800:#27312c;--ink-700:#3a4540;--ink-600:#4f5b55;--ink-500:#66726b;--amber-800:#6e4700;--amber-700:#855700;--amber-100:#fbf1dc;--red-800:#82201a;--red-700:#a3261f;--red-100:#f9e6e3;--violet-800:#47306f;--violet-700:#5a3e8c;--violet-100:#f0eaf8;--bg:#f4f7f6;--surface:#fff;--surface-2:#eff4f1;--surface-warm:var(--clay-100);--border:#d6e0da;--border-soft:#e4ebe7;--border-strong:#a7b7ae;--text:#15231e;--text-muted:#53625b;--heading:var(--brand-forest);--primary:#167a55;--primary-strong:#0f6143;--primary-contrast:#fff;--primary-soft:#e1f2e9;--accent:#167a55;--water:#0f6b9f;--water-soft:#e2eff8;--d-water:#0f6b9f;--d-water-soft:#e2eff8;--d-sanit:#0b7473;--d-sanit-soft:#dcf1ef;--d-waste:#8f5a00;--d-waste-soft:#fbefd6;--d-env:#23784a;--d-env-soft:#e2f2e6;--d-commu:#5545b8;--d-commu-soft:#ece9fa;--d-hazard:#a8303f;--d-hazard-soft:#fbe7ea;--d-learn:#8a3f9c;--d-learn-soft:#f5e8f8;--hero-bg:#e5f3ec;--hero-border:#d2e9dd;--hero-text:#34473f;--warning:var(--amber-700);--warning-soft:var(--amber-100);--danger:var(--red-700);--danger-soft:var(--red-100);--sim:var(--violet-700);--sim-soft:var(--violet-100);--focus:#0b63c5;--nav-bg:#fff;--nav-text:#3b4a44;--nav-text-strong:#10241d;--nav-hover:#f0f5f2;--nav-active:#e1f2e9;--nav-active-text:#0d5b3f;--radius-s:10px;--radius:18px;--radius-l:28px;--shadow-1:0 1px 2px #1032280a, 0 1px 1px #10322808;--shadow-2:0 10px 28px #10322814, 0 2px 6px #1032280a;--shadow-3:0 24px 56px #10322829;--gutter:16px;--nav-h:70px;--touch:48px;--side-w:272px;--font:"SaniTerra Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-fast:.14s;--t-med:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101714;--surface:#17201c;--surface-2:#1d2823;--surface-warm:#211f1a;--border:#2c3a33;--border-soft:#24302a;--border-strong:#46564d;--text:#edf3ef;--text-muted:#b0bdb5;--primary:#5cc29a;--primary-strong:#7fd4b2;--primary-contrast:#0c1f17;--primary-soft:#1a3a2e;--accent:#5cc29a;--water:#7cbbe8;--water-soft:#16324a;--warning:#efc46a;--warning-soft:#362a12;--danger:#ff9389;--danger-soft:#3d1a17;--sim:#c6abf2;--sim-soft:#2b2140;--focus:#7fb8ff;--nav-bg:#131c18;--nav-hover:#1a2621;--nav-active:#1d3a2f;--heading:#e7f1ec;--nav-text:#c9d6cf;--nav-text-strong:#fff;--nav-active-text:#9fe0c3;--d-water:#8cc4ec;--d-water-soft:#15314a;--d-sanit:#7fd3cf;--d-sanit-soft:#11312f;--d-waste:#f0c46e;--d-waste-soft:#352812;--d-env:#8fd6a6;--d-env-soft:#15301f;--d-commu:#b9adf5;--d-commu-soft:#262043;--d-hazard:#ff9aa7;--d-hazard-soft:#3a1a1f;--d-learn:#e0a8ef;--d-learn-soft:#33203a;--hero-bg:#142b23;--hero-border:#21423a;--hero-text:#c4d6cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#101714;--surface:#17201c;--surface-2:#1d2823;--surface-warm:#211f1a;--border:#2c3a33;--border-soft:#24302a;--border-strong:#46564d;--text:#edf3ef;--text-muted:#b0bdb5;--primary:#5cc29a;--primary-strong:#7fd4b2;--primary-contrast:#0c1f17;--primary-soft:#1a3a2e;--accent:#5cc29a;--water:#7cbbe8;--water-soft:#16324a;--warning:#efc46a;--warning-soft:#362a12;--danger:#ff9389;--danger-soft:#3d1a17;--sim:#c6abf2;--sim-soft:#2b2140;--focus:#7fb8ff;--nav-bg:#131c18;--nav-hover:#1a2621;--nav-active:#1d3a2f;--heading:#e7f1ec;--nav-text:#c9d6cf;--nav-text-strong:#fff;--nav-active-text:#9fe0c3;--d-water:#8cc4ec;--d-water-soft:#15314a;--d-sanit:#7fd3cf;--d-sanit-soft:#11312f;--d-waste:#f0c46e;--d-waste-soft:#352812;--d-env:#8fd6a6;--d-env-soft:#15301f;--d-commu:#b9adf5;--d-commu-soft:#262043;--d-hazard:#ff9aa7;--d-hazard-soft:#3a1a1f;--d-learn:#e0a8ef;--d-learn-soft:#33203a;--hero-bg:#142b23;--hero-border:#21423a;--hero-text:#c4d6cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-reading=large]{font-size:118.75%}:root[data-reading=audio]{--audio-first:1}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1;min-height:100dvh;margin:0;font-size:1rem;line-height:1.6}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--water);text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.018em;color:var(--heading,var(--text));margin:0 0 .5em;line-height:1.16}h1{letter-spacing:-.03em;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.6rem);font-weight:820}h2{letter-spacing:-.02em;font-size:clamp(1.2rem,1.05rem + .75vw,1.5rem);font-weight:780}h3{font-size:1.06rem;font-weight:720}p{margin:0 0 .85em}small,.muted{color:var(--text-muted)}.lead{color:var(--text-muted);font-size:1.12rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.skip-link{z-index:1000;background:var(--surface);color:var(--text);border-radius:var(--radius-s);box-shadow:none;padding:10px 14px;position:absolute;top:-120px;left:8px}.skip-link:focus{box-shadow:var(--shadow-2);top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before{transition:none!important;animation:none!important}.app{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.app>*{min-width:0}.env-banner{background:var(--warning-soft);color:var(--warning);text-align:center;padding:5px var(--gutter);border-bottom:1px solid var(--border-soft);font-size:.8rem;font-weight:650}.env-banner.demo{background:var(--sim-soft);color:var(--sim)}.topbar{z-index:30;padding:10px var(--gutter);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;min-height:64px;display:flex;position:sticky;top:0}.top-brand{white-space:nowrap;color:var(--text);letter-spacing:-.02em;flex:none;align-items:center;gap:10px;font-size:1.06rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{flex:none;width:34px;height:34px;display:block}.brand-logo{flex:none;align-items:center;display:inline-flex}.brand-logo img{width:auto;height:100%;display:block}.brand-logo-dark{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo-light{display:none!important}:root:not([data-theme=light]) .brand-logo-dark{display:block!important}}:root[data-theme=dark] .brand-logo-light{display:none!important}:root[data-theme=dark] .brand-logo-dark{display:block!important}.topbar-spacer{flex:1}.topbar .sync-pill span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;overflow:hidden}@media (max-width:419.98px){.topbar .sync-pill{justify-content:center;width:40px;padding:0}.topbar .sync-pill span:last-child{display:none}}.icon-btn.has-count{position:relative}.count-dot{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:800;display:grid;position:absolute;top:4px;right:4px}.avatar{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.86rem;font-weight:800;display:grid}.avatar-btn{border-radius:50%;text-decoration:none;display:inline-flex}.main{width:100%;max-width:1180px;padding:22px var(--gutter) calc(var(--nav-h) + 34px);margin:0 auto}.main.narrow{max-width:760px}.page-foot{border-top:1px solid var(--border-soft);margin-top:36px;padding-top:14px}.copyright{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.45}.copyright a{color:inherit;font-weight:700;text-decoration:none}.bottom-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;height:var(--nav-h);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-2);border-radius:22px;grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:fixed}.bottom-nav a{min-height:var(--touch);color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex;position:relative}.bottom-nav .bn-icon{width:52px;height:30px;transition:background var(--t-fast);border-radius:15px;place-items:center;display:grid}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--primary)}.bottom-nav a[aria-current=page] .bn-icon{background:var(--primary-soft)}.bottom-nav .badge-dot{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;display:grid;position:absolute;top:2px;left:calc(50% + 8px)}.side-nav{display:none}@media (min-width:960px){.app{grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-rows:auto auto 1fr}.env-banner{grid-area:1/2}.topbar{grid-column:2;padding:10px 32px}.side-nav{background:var(--nav-bg);height:100dvh;color:var(--nav-text);border-right:1px solid var(--border-soft);flex-direction:column;grid-area:1/1/span 3;gap:2px;padding:22px 16px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{padding:4px 10px 24px;display:block}.side-group{flex-direction:column;gap:3px;display:flex}.side-link{min-height:46px;color:var(--nav-text);transition:background var(--t-fast), color var(--t-fast);border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-weight:650;text-decoration:none;display:flex;position:relative}.side-link.small{min-height:40px;font-size:.94rem;font-weight:600}.side-link svg{width:21px;height:21px;color:var(--text-muted);transition:color var(--t-fast);flex:none}.side-link:hover{background:var(--nav-hover);color:var(--nav-text-strong)}.side-link:hover svg{color:var(--primary)}.side-link[aria-current=page]{background:var(--nav-active);color:var(--nav-active-text);font-weight:750}.side-link[aria-current=page] svg{color:var(--primary)}.side-link[aria-current=page]:before{content:"";background:var(--brand-nature);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:-16px}.side-count{background:var(--danger);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:.74rem;font-weight:800;display:grid}.side-section{color:var(--text-muted);letter-spacing:.01em;margin:22px 12px 8px;font-size:.78rem;font-weight:750}.side-foot{border-top:1px solid var(--border-soft);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.side-user{color:var(--nav-text-strong);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:16px;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.side-user:hover{background:var(--nav-active);border-color:#0000}.side-user .avatar{background:var(--primary);color:#fff}.side-user-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.side-user-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.side-user-text span{color:var(--text-muted);font-size:.78rem}.side-about{color:var(--text-muted);padding:0 10px;font-size:.82rem;font-weight:650;text-decoration:none}.side-about:hover{color:var(--primary);text-decoration:underline}.side-nav .copyright{color:var(--text-muted);padding:0 10px;font-size:.74rem}.side-nav .copyright a{color:var(--heading)}.main{grid-column:2;padding:30px 32px 56px}.bottom-nav{display:none}.hide-desktop{display:none!important}}@media (max-width:959.98px){.hide-mobile{display:none!important}}.rot90{transform:rotate(90deg)}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.stack{gap:var(--gap,14px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,10px);flex-wrap:wrap;display:flex}.row.between{justify-content:space-between}.grid{gap:var(--gap,14px);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min,260px)), 1fr));display:grid}.split{gap:22px;display:grid}@media (min-width:900px){.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.card,.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px}.panel{border-radius:var(--radius-l);padding:22px}.panel.warm{background:var(--surface-warm);border-color:var(--clay-300)}.about-hero{align-items:flex-start}.card.flat{box-shadow:none}.card.soft{background:var(--surface-2);box-shadow:none}.card.accent{border-left:4px solid var(--brand-nature)}.card.water{border-left:4px solid var(--brand-water)}.card.link.row{display:flex}.card.link{color:inherit;transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);text-decoration:none;display:block}.card.link:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong)}.card h3{margin-bottom:4px}.section-title{justify-content:space-between;align-items:baseline;gap:10px;margin:36px 0 16px;display:flex}.section-title h2{margin:0}.eyebrow{color:var(--accent);font-size:.84rem;font-weight:700}.btn{min-height:var(--touch);min-width:var(--touch);cursor:pointer;transition:background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);-webkit-tap-highlight-color:transparent;text-align:center;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;line-height:1.15;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:20px;height:20px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 26%, transparent)}.btn-primary:hover{background:var(--primary-strong);box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 32%, transparent)}.btn-water{background:var(--water);color:#fff}.btn-secondary{background:var(--surface);color:var(--heading);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--primary-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-sim{background:var(--sim);color:#fff}.btn-block{width:100%}.btn-lg{border-radius:14px;min-height:56px;padding:0 22px;font-size:1.05rem}.btn-sm{min-height:40px;padding:0 12px;font-size:.92rem}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.icon-btn{width:var(--touch);height:var(--touch);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:12px;place-items:center;display:inline-grid}.icon-btn svg{width:22px;height:22px}.chip{background:var(--surface);border:1px solid var(--border);min-height:36px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.86rem;font-weight:650;text-decoration:none;display:inline-flex}.chip svg{width:16px;height:16px}button.chip{cursor:pointer}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.status{background:var(--surface);white-space:nowrap;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 7px;font-size:.82rem;font-weight:700;display:inline-flex}.status svg{width:15px;height:15px}.status.ok{color:var(--primary);background:var(--primary-soft)}.status.info{color:var(--water);background:var(--water-soft)}.status.warn{color:var(--warning);background:var(--warning-soft);border-style:dashed}.status.bad{color:var(--danger);background:var(--danger-soft);border-style:double;border-width:3px;padding:1px 9px 1px 6px}.status.neutral{color:var(--text-muted)}.status.sim{color:var(--sim);background:var(--sim-soft);border-style:dotted}.banner{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;padding:12px 14px;font-size:.95rem;display:flex}.banner svg{flex:none;width:22px;height:22px;margin-top:1px}.banner .banner-body{flex:1;min-width:0}.banner .banner-body>:last-child{margin-bottom:0}.banner.info{background:var(--water-soft);border-color:color-mix(in srgb, var(--water) 35%, transparent);color:var(--text)}.banner.info svg{color:var(--water)}.banner.warn{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 40%, transparent)}.banner.warn svg{color:var(--warning)}.banner.danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.banner.danger svg{color:var(--danger)}.banner.ok{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 35%, transparent)}.banner.ok svg{color:var(--primary)}.banner.sim{background:var(--sim-soft);border:2px dashed var(--sim)}.banner.sim svg{color:var(--sim)}.sim-ribbon{z-index:25;padding:8px var(--gutter);background:var(--sim-soft);color:var(--sim);border-bottom:2px dashed var(--sim);margin:-18px calc(-1 * var(--gutter)) 16px;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:750;display:flex;position:sticky;top:60px}.sim-ribbon svg{width:18px;height:18px}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field>.label{font-size:.95rem;font-weight:700}.field .hint{color:var(--text-muted);font-size:.86rem}.field .error{color:var(--danger);align-items:center;gap:6px;font-size:.88rem;font-weight:650;display:flex}.input,.select,.textarea{width:100%;min-height:var(--touch);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px}.textarea{resize:vertical;min-height:110px}.input:focus,.select:focus,.textarea:focus{outline:3px solid color-mix(in srgb, var(--focus) 45%, transparent);border-color:var(--focus)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:8px;padding:0;font-weight:700}.option-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;display:grid}.option{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-height:64px;padding:14px;display:flex;position:relative}.option svg.option-icon{width:34px;height:34px;color:var(--primary)}.option input{opacity:0;pointer-events:none;position:absolute}.option[aria-pressed=true],.option[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1.5px var(--primary)}.option:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1.5px var(--primary)}.option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.option .option-check{border:2px solid var(--border-strong);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.option .option-check svg{opacity:0;transition:opacity .12s}.option[aria-checked=true] .option-check svg{opacity:1}.option:has(input:checked) .option-check svg{opacity:1}.option[aria-checked=true] .option-check{background:var(--primary);border-color:var(--primary);color:#fff}.option:has(input:checked) .option-check{background:var(--primary);border-color:var(--primary);color:#fff}.option-title{font-weight:700;line-height:1.25}.option-desc{color:var(--text-muted);font-size:.86rem}.toggle{min-height:var(--touch);justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{flex:none;width:52px;height:32px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{background:var(--sand-300);transition:background var(--t-fast);border-radius:16px;position:absolute;inset:0}.switch span:after{content:"";width:24px;height:24px;box-shadow:var(--shadow-1);transition:transform var(--t-fast);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list>li{border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:none}.list-item{min-height:62px;color:inherit;border-radius:12px;align-items:center;gap:14px;padding:12px 10px;text-decoration:none;display:flex}a.list-item:hover{background:var(--surface-2)}.list-item .li-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.list-item .li-icon.water{background:var(--d-water-soft);color:var(--d-water)}.list-item .li-icon.sanit{background:var(--d-sanit-soft);color:var(--d-sanit)}.list-item .li-icon.waste{background:var(--d-waste-soft);color:var(--d-waste)}.list-item .li-icon.env{background:var(--d-env-soft);color:var(--d-env)}.list-item .li-icon.commu{background:var(--d-commu-soft);color:var(--d-commu)}.list-item .li-icon.hazard{background:var(--d-hazard-soft);color:var(--d-hazard)}.list-item .li-icon svg{width:24px;height:24px}.list-item .li-body{flex:1;min-width:0}.li-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.list-item .li-title{font-weight:700;line-height:1.3;display:block}.list-item .li-meta{color:var(--text-muted);margin-top:2px;font-size:.86rem;line-height:1.4;display:block}.state{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-soft);flex-direction:column;align-items:center;gap:10px;padding:40px 18px;display:flex}.state svg.state-icon{width:48px;height:48px;color:var(--accent);box-sizing:content-box;background:var(--primary-soft);border-radius:18px;padding:10px}.state h2,.state h3{margin:0}.state p{max-width:46ch;color:var(--text-muted);margin:0}.skeleton{background:var(--surface-2);border-radius:10px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.spinner{border:3px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.timeline{margin:0;padding:0 0 0 4px;list-style:none;position:relative}.timeline>li{padding:0 0 18px 34px;position:relative}.timeline>li:before{content:"";background:var(--border);width:2px;position:absolute;top:26px;bottom:0;left:11px}.timeline>li:last-child:before{display:none}.timeline .tl-dot{background:var(--surface);border:2px solid var(--border-strong);width:24px;height:24px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:0}.timeline .tl-dot svg{width:14px;height:14px}.timeline li.done .tl-dot{background:var(--primary);border-color:var(--primary);color:#fff}.timeline li.current .tl-dot{border-color:var(--water);color:var(--water);box-shadow:0 0 0 4px var(--water-soft)}.timeline li.alert .tl-dot{border-color:var(--danger);color:var(--danger)}.timeline .tl-title{font-weight:700}.timeline .tl-meta{color:var(--text-muted);font-size:.84rem}.progress{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;height:10px;overflow:hidden}.progress>span{background:var(--brand-nature);border-radius:inherit;height:100%;transition:width var(--t-med);display:block}.steps{gap:6px;display:flex}.steps>span{background:var(--sand-300);border-radius:3px;flex:1;height:6px}.steps>span.on{background:var(--primary)}.hero{border-radius:var(--radius-l);background:var(--hero-bg);border:1px solid var(--hero-border);min-height:300px;color:var(--text);gap:18px;padding:26px 22px 0;display:grid;position:relative;overflow:hidden}.hero-content{z-index:1;align-self:center;max-width:600px;position:relative}.hero h1{color:var(--heading);letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(2rem,1.35rem + 2.7vw,3.35rem);font-weight:860;line-height:1.04}.hero p{color:var(--hero-text);max-width:46ch;margin-bottom:20px;font-size:clamp(1.02rem,.95rem + .35vw,1.2rem)}.hero .chip{background:var(--surface);color:var(--heading);border-color:var(--hero-border)}.hero-art{pointer-events:none;border-radius:var(--radius) var(--radius) 0 0;height:170px;margin:0 -4px;position:relative;overflow:hidden}.hero-art svg{width:100%;height:100%}@media (min-width:720px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;min-height:360px;padding:40px 0 40px 44px}.hero-art{border-radius:var(--radius-l) 0 0 var(--radius-l);height:auto;box-shadow:var(--shadow-2);align-self:stretch;margin:0}}@media (max-width:719.98px){.hero .row .btn-lg{flex:100%}.hero-stats{gap:6px 14px;font-size:.84rem}}.hero-stats{color:var(--hero-text);flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:.9rem;display:flex}.hero-stats span{align-items:center;gap:6px;font-weight:650;display:inline-flex}.hero-stats svg{width:18px;height:18px;color:var(--primary)}.tile{--tile-c:var(--primary);--tile-soft:var(--primary-soft);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-soft);color:inherit;min-height:148px;box-shadow:var(--shadow-1);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);flex-direction:column;gap:10px;padding:20px 18px 18px;text-decoration:none;display:flex;position:relative}.tile:hover{border-color:color-mix(in srgb, var(--tile-c) 45%, transparent);box-shadow:var(--shadow-2);transform:translateY(-2px)}.tile .tile-icon{background:var(--tile-soft);width:50px;height:50px;color:var(--tile-c);border-radius:16px;place-items:center;display:grid}.tile.d-water{--tile-c:var(--d-water);--tile-soft:var(--d-water-soft)}.tile:has(.tile-icon.water){--tile-c:var(--d-water);--tile-soft:var(--d-water-soft)}.tile.d-sanit{--tile-c:var(--d-sanit);--tile-soft:var(--d-sanit-soft)}.tile.d-waste{--tile-c:var(--d-waste);--tile-soft:var(--d-waste-soft)}.tile:has(.tile-icon.warn){--tile-c:var(--d-waste);--tile-soft:var(--d-waste-soft)}.tile.d-env{--tile-c:var(--d-env);--tile-soft:var(--d-env-soft)}.tile.d-commu{--tile-c:var(--d-commu);--tile-soft:var(--d-commu-soft)}.tile:has(.tile-icon.sim){--tile-c:var(--d-commu);--tile-soft:var(--d-commu-soft)}.tile.d-learn{--tile-c:var(--d-learn);--tile-soft:var(--d-learn-soft)}.tile.d-hazard{--tile-c:var(--d-hazard);--tile-soft:var(--d-hazard-soft)}.tile .tile-icon svg{width:26px;height:26px}.tile-title{color:var(--heading);font-size:1.04rem;font-weight:780;line-height:1.25}.tile .tile-icon.clay{background:var(--surface-warm);color:var(--amber-800)}.tile-desc{color:var(--text-muted);font-size:.88rem}.lesson-scene{border-radius:var(--radius-l);background:var(--water-soft);border:1px solid var(--border);aspect-ratio:16/9;overflow:hidden}.lesson-scene svg{width:100%;height:100%}.prose{max-width:68ch}.prose h3{margin-top:1.2em}.prose ul{padding-left:1.2em}.prose li{margin-bottom:.35em}.keypoints{gap:8px;margin:0;padding:0;list-style:none;display:grid}.keypoints li{background:var(--primary-soft);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.keypoints li svg{width:20px;height:20px;color:var(--primary);flex:none;margin-top:2px}.choice-list{gap:10px;display:grid}.choice{text-align:left;border-radius:var(--radius);border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;align-items:flex-start;gap:12px;width:100%;min-height:56px;padding:14px;display:flex}.choice:hover:not([disabled]){border-color:var(--primary)}.choice .choice-key{background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.choice.correct{border-color:var(--primary);background:var(--primary-soft)}.choice.correct .choice-key{background:var(--primary);color:#fff;border-color:var(--primary)}.choice.wrong{border-color:var(--danger);background:var(--danger-soft);border-style:dashed}.choice.wrong .choice-key{background:var(--danger);color:#fff;border-color:var(--danger)}.choice[disabled]{cursor:default}.feedback{border-radius:var(--radius);background:var(--surface-2);border-left:5px solid;padding:14px}.feedback.good{border-color:var(--primary)}.feedback.retry{border-color:var(--warning)}.audio-player{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:12px;padding:10px 12px;display:flex}.audio-player input[type=range]{accent-color:var(--primary);flex:1;min-height:32px}.kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.82em}.tag{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.tag.draft{color:var(--warning);background:var(--warning-soft);border-style:dashed;border-color:var(--warning)}.tag.assisted{color:var(--info,var(--primary));background:var(--info-soft,var(--primary-soft));border-color:#0000}.divider{background:var(--border);border:0;height:1px;margin:18px 0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.94rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}table.data th{color:var(--text-muted);background:var(--surface-2);font-size:.84rem;font-weight:700;position:sticky;top:0}table.data tr:last-child td{border-bottom:none}@media (max-width:640px){table.data.responsive thead{display:none}table.data.responsive tr{border-bottom:1px solid var(--border);padding:10px 12px;display:block}table.data.responsive td{border:none;justify-content:space-between;gap:12px;padding:4px 0;display:flex}table.data.responsive td:before{content:attr(data-label);color:var(--text-muted);font-size:.82rem;font-weight:700}}.sheet-backdrop{z-index:80;background:#0d141073;align-items:end;display:grid;position:fixed;inset:0}@media (min-width:720px){.sheet-backdrop{place-items:center}}.sheet{background:var(--surface);border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;max-height:92dvh;padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-3);overflow:auto}@media (min-width:720px){.sheet{border-radius:var(--radius-l);max-width:560px}}.sheet-handle{background:var(--sand-300);border-radius:3px;width:44px;height:5px;margin:-6px auto 12px}.toast-region{z-index:90;left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;width:min(94vw,460px);display:flex;position:fixed;transform:translate(-50%)}@media (min-width:960px){.toast-region{bottom:24px}}.toast{background:var(--ink-900);color:#fff;box-shadow:var(--shadow-3);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.toast svg{flex:none;width:20px;height:20px}.sync-pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.sync-pill svg{width:16px;height:16px}.sync-pill.offline{color:var(--warning);border-style:dashed;border-color:var(--warning)}.sync-pill.pending{color:var(--water);border-color:var(--water)}.map-box{border-radius:var(--radius);border:1px solid var(--border);background:var(--water-soft);height:min(62dvh,520px);position:relative;overflow:hidden}.map-fallback{position:absolute;inset:0}.map-attrib{color:#222;background:#ffffffd9;border-radius:4px;padding:2px 6px;font-size:.72rem;position:absolute;bottom:6px;right:6px}.print-only{display:none}@media print{.bottom-nav,.side-nav,.topbar,.env-banner,.no-print,.toast-region{display:none!important}.print-only{display:block}body{color:#000;background:#fff;font-size:11pt}.main{max-width:none;padding:0}.card{box-shadow:none;break-inside:avoid;border:1px solid #999}a{color:#000;text-decoration:none}}.plain-list{margin:0;padding:0;list-style:none}[tabindex="-1"]:focus:not(:focus-visible),h1[data-autofocus]:focus{outline:none}.kv{grid-template-columns:minmax(120px,34%) 1fr;gap:8px 14px;margin:0;display:grid}.kv dt{color:var(--text-muted);font-weight:650}.kv dd{margin:0}@media (max-width:520px){.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}}.swatch{border:1px solid var(--border-strong);vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}.bar{background:var(--surface-2,#7f7f7f2e);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.bar.water>span{background:var(--water)}.metric{flex-direction:column;gap:2px;display:flex}.metric-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:750;line-height:1.1}.metric-label{color:var(--text-muted);font-size:.86rem}.prov{border:1px solid var(--border,#7f7f7f59);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.78rem;display:inline-flex}a:not(.btn):not(.chip):not(.list-item):not(.tile):not(.side-link):not(.card)>svg{vertical-align:-2px;display:inline-block}.top-context{align-items:center;gap:8px;min-width:0;display:flex}.top-context .chip{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.onboarding-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.onboarding-shell .onb-art{display:none}@media (min-width:960px){.onboarding-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.onboarding-shell .env-banner{grid-area:1/1/auto/-1}.onboarding-shell .onb-art{background:var(--hero-bg);height:100dvh;color:var(--text);border-right:1px solid var(--hero-border);flex-direction:column;grid-area:2/1;justify-content:center;gap:36px;padding:40px 44px;display:flex;position:sticky;top:0;overflow:hidden}.onboarding-shell .onb-art-scene{border-radius:var(--radius-l);flex:none;line-height:0;overflow:hidden}.onboarding-shell .onb-art-scene svg{width:100%;height:auto;max-height:58dvh;display:block}.onboarding-shell .onb-art-points{color:var(--hero-text);gap:14px;max-width:52ch;font-size:1rem;font-weight:550;line-height:1.45;display:grid}.onboarding-shell .onb-art-points li{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.onboarding-shell .onb-art-points svg{width:36px;height:36px;color:var(--primary);box-shadow:var(--shadow-1);background:#fff;border-radius:12px;padding:8px}.onboarding-shell .onb-main{grid-area:2/2;align-self:center;width:100%;padding:48px 56px}.onboarding-shell .onb-art-scene{box-shadow:var(--shadow-3);border:6px solid #fff}}.section-head-inline{align-items:flex-start;gap:12px;display:flex}.section-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:14px;flex:none;place-items:center;display:grid}.section-icon svg{width:22px;height:22px}.pw-meter{color:var(--text-muted);align-items:center;gap:10px;margin-top:-6px;font-size:.86rem;font-weight:700;display:flex}.pw-bars{gap:4px;display:inline-flex}.pw-bars i{background:var(--border);border-radius:3px;width:34px;height:6px}.pw-meter[data-score="1"] .pw-bars i:first-child{background:var(--d-waste)}.pw-meter[data-score="2"] .pw-bars i:nth-child(-n+2){background:var(--d-water)}.pw-meter[data-score="3"] .pw-bars i{background:var(--primary)}.pw-meter[data-score="0"]{color:var(--danger)}.check-row{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-weight:600;display:inline-flex}.check-row input{width:20px;height:20px;accent-color:var(--primary)}.field-error{color:var(--danger);margin:-4px 0 0;font-size:.88rem;font-weight:650}.course-card{--c:var(--primary);--soft:var(--primary-soft)}.d-water{--c:var(--d-water);--soft:var(--d-water-soft)}.d-sanit{--c:var(--d-sanit);--soft:var(--d-sanit-soft)}.d-waste{--c:var(--d-waste);--soft:var(--d-waste-soft)}.d-env{--c:var(--d-env);--soft:var(--d-env-soft)}.d-commu{--c:var(--d-commu);--soft:var(--d-commu-soft)}.d-learn{--c:var(--d-learn);--soft:var(--d-learn-soft)}.d-hazard{--c:var(--d-hazard);--soft:var(--d-hazard-soft)}.course-card{padding:12px 12px 18px}.course-card>:not(.course-top){margin-left:6px;margin-right:6px}.course-top{background:var(--soft);color:var(--c);border-radius:14px;justify-content:space-between;align-items:flex-end;min-height:84px;padding:14px 16px;display:flex}.course-letter{letter-spacing:-.04em;font-size:2.6rem;font-weight:880;line-height:.9}.course-icon svg{opacity:.9;width:34px;height:34px}.course-card .progress>span{background:var(--c)}.course-card:hover{border-color:color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(-2px)}.page-header h1{margin-bottom:6px}.page-header .lead,.page-header p{max-width:62ch}