:root{--bg:#f3f6f3;--surface:#fff;--ink:#183b35;--muted:#64766f;--line:#dce5de;--accent:#226c55;--accent-ink:#fff;--soft:#e7f1e8;--good:#217657;--warn:#a56825;--bad:#b64444;--ru:Georgia,'Times New Roman',serif}
body{background:radial-gradient(ellipse at 90% 0%,#dcebdc 0,transparent 45%),var(--bg);background-attachment:fixed}
.shell{max-width:1020px;padding:0 28px 130px}.brand{align-items:center;padding:32px 0 28px;border-bottom:1px solid var(--line);margin-bottom:28px}.brand b{font-size:29px;letter-spacing:-1px}.brand b:before{content:'р';display:inline-grid;place-items:center;width:40px;height:40px;background:var(--ink);color:#dff0bf;border-radius:14px;margin-right:12px;font-style:italic}.brand span{font-size:13px}.brand:after{content:'一点一点，读懂世界';margin-left:auto;font-size:12px;color:var(--muted)}
.tabs{left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 12px 45px #193b351a;padding:7px 7px calc(7px + env(safe-area-inset-bottom))}.tabs button{border:0;border-radius:17px;padding:10px 3px;font-size:12px;display:grid;gap:4px;justify-items:center}.tabs button[aria-current=page]{background:var(--soft)}.nav-icon{font-size:19px;line-height:24px}
.panel{border-radius:24px;padding:24px;box-shadow:0 4px 15px #193b3503}h2{font-size:14px;letter-spacing:.03em;margin-top:30px}.btn{border-radius:15px;font-size:15px;padding:14px 22px;transition:transform .18s,box-shadow .18s,background .18s}.btn:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 7px 16px #193b3515}.btn:active{transform:scale(.98)}.btn.sm{min-height:36px;padding:7px 12px}.chip{font-size:13px;padding:10px 15px}.chip[aria-pressed=true]{box-shadow:0 4px 12px #226c5520}
.greeting{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px}.greeting h1{font-size:clamp(25px,4vw,36px);letter-spacing:-1px;line-height:1.35;margin:5px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--muted)}.streak-pill{padding:9px 15px;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:13px;white-space:nowrap}.home-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;border:0}.hero .eyebrow{color:#bccfc0}.hero h2{color:#fff;font-size:30px;margin:12px 0}.hero p{font-size:14px;color:#c6d7cf;max-width:80%;position:relative}.hero:after{content:'Я';font-family:var(--ru);position:absolute;right:15px;bottom:-55px;font-size:250px;color:#ffffff09;pointer-events:none;line-height:1}.hero .btn{background:#d8efb1;color:#173c32;align-self:flex-start;z-index:1}.daily-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:flex;flex-direction:column;justify-content:center}.metric b{font-family:var(--ru);font-size:34px;font-weight:400;line-height:1.3}.metric span{font-size:12px;color:var(--muted)}.metric.accent{background:#e4eddb}.progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-head strong{font-size:26px;font-family:var(--ru)}.bar{height:8px}.bar>i{border-radius:9px;background:linear-gradient(90deg,#86af72,var(--accent));transition:width .4s}.home-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.home-foot p{margin:0}.wl{padding:18px 20px;margin:10px 0;border:1px solid var(--line);background:var(--surface);border-radius:19px}.wl .r{font-size:24px}.wl .a{margin-top:12px}.wl .m{font-size:11px;line-height:1.8}.wl .z{font-size:14px}.kv div{padding:20px;border-radius:22px}.kv b{font-size:34px}.fc div{background:linear-gradient(var(--accent),#8db095);border-radius:7px 7px 0 0}
.study{max-width:860px;padding:12px 24px env(safe-area-inset-bottom)}.stage{margin:14px 0 22px;padding:35px 25px;background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:0 12px 50px #193b3506;min-height:320px}.qa{animation:appear .24s ease-out}.kind{letter-spacing:.04em;background:var(--soft);padding:5px 12px;border-radius:20px;margin-bottom:24px}.ru{font-size:clamp(40px,9vw,76px)}.rate{border-radius:18px;min-height:72px;transition:transform .15s}.rate:hover{transform:translateY(-3px)}.rate.g1{background:color-mix(in srgb,var(--bad) 5%,var(--surface))}.rate.g3{background:var(--soft)}.spk{min-height:38px}.src{white-space:pre-wrap;font-size:14px;line-height:1.8}.edit-trigger{font-size:12px;padding:8px 12px}.page-title{font-size:27px;margin:0 0 22px;letter-spacing:-.5px}
.word-editor{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:26px;padding:28px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #102b3340}.word-editor::backdrop{background:#132f2b66;backdrop-filter:blur(6px)}.word-editor h2{font-size:24px;color:var(--ink);margin:0 0 6px}.word-editor .editor-top{display:flex;justify-content:space-between;align-items:center}.editor-help{font-size:13px;color:var(--muted);line-height:1.7}.editor-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.editor-error{color:var(--bad);font-size:13px;min-height:20px}.word-editor input,.word-editor textarea{font-size:16px}.toast{border-radius:14px}.tag{font-size:11px}
@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){.shell{padding:0 18px 125px}.brand{padding:22px 0 20px;margin-bottom:23px}.brand:after{display:none}.brand span{margin-left:auto}.home-grid{grid-template-columns:1fr}.hero{min-height:235px;padding:25px}.daily-metrics{grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:14px 6px;text-align:center;border-radius:17px}.metric b{font-size:27px}.metric span{font-size:11px}.greeting h1{font-size:27px}.streak-pill{font-size:11px;padding:7px 10px}.panel{padding:20px}.home-foot{align-items:flex-start;flex-direction:column}.study{padding:0 12px env(safe-area-inset-bottom)}.stage{padding:25px 15px;margin-top:5px}.sbar{gap:5px}.sbar select{max-width:130px}.sbar .btn{padding:8px;font-size:12px}.sbar .prog{font-size:12px}.dock{gap:7px}.rate{font-size:14px}.wl{padding:16px 14px}.word-editor{padding:22px}.tabs{bottom:10px}.zh{font-size:clamp(26px,7vw,42px)}}
@media(prefers-color-scheme:dark){:root{--bg:#111e1b;--surface:#1a2b26;--ink:#e2ece3;--muted:#a0b4a8;--line:#33473d;--accent:#abd2a6;--accent-ink:#183b35;--soft:#2c4436;--good:#90c7a2;--warn:#dfb47c;--bad:#e39393}body{background:radial-gradient(ellipse at 90% 0%,#213d2b 0,transparent 45%),var(--bg)}.hero{background:#284b3a}.metric.accent{background:#2c4436}.brand b:before{background:#d8efb1;color:#183b35}.bar>i{background:#a6cb8e}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.greeting h1,.hero h2{text-wrap:balance}.greeting>div{min-width:0}.greeting{gap:12px}