:root{color:#223b35;font-synthesis:none;--bg:#f5f5ef;--surface:#fff;--text:#223b35;--muted:#6a7770;--line:#dce3da;--accent:#216553;--accent-soft:#e5eee4;--hero:#183f34;--code:#142620;--error:#9c3434;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5ef;font-family:Inter,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#101d19;--surface:#182922;--text:#e1ebe2;--muted:#a2b7a9;--line:#31473a;--accent:#9ac9a7;--accent-soft:#254535;--hero:#214636;--code:#0a1511;--error:#ffb0a4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:3px}button,.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:10px 17px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #d6a63e}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.1px;overflow-wrap:anywhere;margin-bottom:17px;font-size:clamp(27px,4vw,40px);font-weight:650;line-height:1.15}h2{letter-spacing:-.3px;font-size:21px;font-weight:650}h3{font-size:18px;font-weight:620}p{line-height:1.6}small,.muted{color:var(--muted)}.shell,.app-shell{max-width:960px;margin:auto}.app-shell{min-height:var(--tg-height,100dvh)}.app-header{padding:calc(20px + max(env(safe-area-inset-top),var(--tg-safe-top,0px))) 32px 20px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{color:var(--text);letter-spacing:-.5px;align-items:center;gap:11px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-icon{background:var(--hero);color:#ddedd9;border-radius:12px;place-items:center;width:41px;height:41px;font-size:27px;font-weight:700;display:grid}.brand-sub{color:var(--muted);letter-spacing:.1px;margin-top:3px;font-size:11px;font-weight:500;display:block}.theme-toggle{background:0 0;padding:8px 12px;font-size:22px}.dev-banner{letter-spacing:.3px;background:var(--accent-soft);text-align:center;color:var(--accent);padding:7px 12px;font-size:11px}.main-content{padding:32px 32px 130px}.page-header{max-width:660px;margin-bottom:25px}.page-header p:last-child{color:var(--muted);max-width:540px}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:700}.hero{background:var(--hero);color:#eaf2e7;border-radius:18px;justify-content:space-between;gap:30px;padding:30px;display:flex;overflow:hidden}.hero h2{margin-top:20px;font-size:27px;line-height:1.2}.hero p{color:#c0d5c4;max-width:400px}.hero .tag{color:#d1e2ca;background:#ffffff14;border-color:#ffffff24}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.hero .primary{color:#1c392b;background:#dbeaac;border-color:#dbeaac}.hero-symbol{letter-spacing:-10px;color:#caddc2;align-self:center;min-width:165px;font-family:Georgia,serif;font-size:110px;transform:rotate(-7deg)}.hero-symbol span{letter-spacing:1px;margin-top:6px;font:9px monospace;display:block;transform:rotate(7deg)}.metrics{grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0;display:grid}.metric{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:13px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.metric strong{font-size:31px;font-weight:650;line-height:1}.metric span{color:var(--muted);font-size:12px;line-height:1.4}.panel{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-bottom:22px;padding:22px}.panel .muted{margin:12px 0 0;font-size:12px}.meter-label{justify-content:space-between;gap:20px;margin-bottom:9px;font-size:13px;line-height:1.4;display:flex}.meter-group+.meter-group{margin-top:20px}progress{background:var(--accent-soft);width:100%;height:7px;accent-color:var(--accent);border:none;border-radius:10px;display:block}progress::-webkit-progress-bar{background:var(--accent-soft);border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin:28px 0 15px;display:flex}.section-title h2{margin:0}.section-title>a,.section-title>span{font-size:12px}.directions{grid-template-columns:1fr 1fr;gap:13px;display:grid}.directions>a{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:24px;text-decoration:none}.directions span{letter-spacing:1.1px;color:var(--muted);font:10px monospace}.directions h3{margin:17px 0 8px}.directions p{color:var(--muted);margin:0;font-size:13px}.quick-links{grid-template-columns:1fr 1fr;gap:13px;margin-top:22px;display:grid}.quick-links a{background:var(--accent-soft);border-radius:10px;justify-content:space-between;gap:12px;padding:18px;font-size:13px;text-decoration:none;display:flex}.bottom-nav{z-index:3;width:min(100%,960px);padding:11px 10px calc(10px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom,0px)));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 30px #00000006}.bottom-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:3px;min-height:44px;font-size:11px;text-decoration:none;display:flex}.bottom-nav a>span{font-size:23px;line-height:1.2}.bottom-nav a.active{color:var(--accent);font-weight:700}.filters{background:var(--surface);border:1px solid var(--line);border-radius:13px;margin:20px 0;padding:20px}label{font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:9px;min-height:44px;margin-top:7px;padding:12px}input[type=search]{font-size:15px}.filter-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:15px;display:grid}.content-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.content-row{color:var(--text);border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:22px 4px;text-decoration:none;display:flex}.content-row:hover h3{text-decoration:underline}.content-row h3{margin:12px 0 7px;line-height:1.4}.content-row p{color:var(--muted);margin:0;font-size:12px}.content-row>span{color:var(--accent);padding-top:6px}.row-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag,.status{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.status.known{color:var(--accent);background:var(--accent-soft)}.status.weak{color:var(--error)}.state{text-align:center;color:var(--muted);padding:45px 25px}.state strong,.state h2{color:var(--text)}.state p{max-width:470px;margin:14px auto}.empty>span{margin-bottom:14px;font-size:37px;display:block}.error{color:var(--error)}.spinner{border:2px solid var(--line);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:17px;height:17px;margin-right:10px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pagination{justify-content:space-between;align-items:center;gap:10px;margin:25px 0;display:flex}.pagination span{font-size:11px}.topic-browser{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}summary{cursor:pointer;min-height:32px;font-size:14px;line-height:1.5}summary span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.section-tree{margin-top:13px;padding-left:18px;list-style:none}.section-tree li{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.section-tree a{text-decoration:none;display:block}.section-tree a>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.section-tree details>a{margin:12px 0}.card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.favorite{background:0 0;padding:8px 11px;font-size:12px}.favorite.selected{color:var(--accent);background:var(--accent-soft)}.card-detail h1{font-size:30px;line-height:1.3}.card-detail>.row-meta{margin-bottom:24px}.markdown{overflow-wrap:anywhere;font-size:15px;line-height:1.75}.markdown h2{margin-top:28px;font-size:22px}.markdown h3,.markdown h4{margin-top:25px;font-size:17px}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding:5px 18px}.markdown li{margin:6px 0}.markdown code{background:var(--accent-soft);border-radius:4px;padding:2px 5px;font-family:Consolas,Liberation Mono,monospace;font-size:13px}.code-wrap{background:var(--code);color:#d8e8d9;border-radius:12px;margin:22px 0;position:relative}.code-wrap pre{tab-size:4;padding:52px 20px 22px;font:13px/1.65 Consolas,Liberation Mono,monospace;overflow-x:auto}.code-wrap code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.copy{color:#cbdccc;background:#ffffff10;border-color:#ffffff20;min-height:30px;padding:4px 10px;font-size:10px;position:absolute;top:8px;right:10px}.table-wrap{margin:20px 0;overflow-x:auto}table{border-collapse:collapse;font-size:13px}td,th{border:1px solid var(--line);text-align:left;padding:10px}th{background:var(--accent-soft)}.own-answer{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:22px}.own-answer label{font-size:15px}.own-answer p{color:var(--muted);margin:8px 0;font-size:12px}.own-answer textarea{resize:vertical;min-height:145px;line-height:1.6}.code-input{tab-size:4;font-family:Consolas,monospace;font-size:13px}.wide{width:100%}.answer-panel{background:var(--accent-soft);border-radius:13px;margin:25px 0;padding:22px}.assessment{text-align:center;margin:30px 0}.assessment h2{margin-bottom:5px}.assessment>p{color:var(--muted);font-size:12px}.assessment-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.assessment-buttons button{min-height:49px}.assessment-buttons button:first-child{background:var(--accent);color:var(--surface)}.text-button{color:var(--muted);background:0 0;border:0;margin:10px auto;font-size:12px;display:flex}.source-note{border-top:1px solid var(--line);margin-top:32px;padding-top:17px;font-size:11px}.source-note p{color:var(--muted);margin-top:9px}.saved{background:var(--accent-soft);border-radius:12px;margin:20px 0;padding:22px}.saved p{margin-top:9px;font-size:13px}.settings{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.settings label{flex:1;min-width:160px}.settings p{width:100%;margin:0;font-size:12px}.history details{border-bottom:1px solid var(--line);padding:20px 0}.history summary{gap:12px;display:flex}.history strong{font-size:14px}.history p{margin-top:13px;font-size:12px}.private-answer{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px;font-size:13px}.revision-note{color:var(--error)}.activity{grid-template-columns:repeat(15,1fr);gap:5px;margin-top:20px;display:grid}.activity>div{aspect-ratio:1.5;background:var(--accent-soft);border-radius:4px}.activity>.active{background:var(--accent)}.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}.training-progress{justify-content:space-between;margin-bottom:25px;font-size:12px;display:flex}.login{max-width:520px;margin:10vh auto;padding:32px}.login h1{font-size:36px}.login>p:not(.eyebrow){color:var(--muted)}.login small{margin-top:24px;line-height:1.6;display:block}.login .dev-banner{border-radius:5px;margin:20px 0 10px}.modal-backdrop{z-index:10;background:#0009;position:fixed;inset:0;overflow-y:auto}.login-modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:520px;max-width:calc(100% - 30px);margin:15vh auto}@media (width<=600px){.app-header{padding-left:20px;padding-right:20px}.main-content{padding:26px 20px 120px}.hero{padding:25px}.hero h2{font-size:25px}.hero-symbol{display:none}.metric{padding:16px 12px}.metric strong{font-size:27px}.metric span{font-size:10px}.directions>a{padding:20px 15px}.directions h3{font-size:17px}.directions p{font-size:12px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid label:first-child{grid-column:1/-1}.assessment-buttons{gap:7px}.assessment-buttons button{padding:12px 6px;font-size:12px}.card-detail h1{font-size:27px}.answer-panel,.own-answer{padding:18px}.quick-links{grid-template-columns:1fr}.panel{padding:18px}.login{padding:25px}.login h1{font-size:31px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}