:root{color-scheme:light;--bg: #f3eee6;--ink: #221e1a;--muted: #5c534a;--line: #ddd2c4;--surface: #fffaf4;--accent: #38508d;--accent-text: #fff8f3;--accent-hover: #2c4074;--link: #38508d;--coral: #f2665a;--new: #e15a50;--new-text: #8e2f28;--learn: #38508d;--known: #1a5344;--notice: #f4e3d6;--word-hover: rgba(56, 80, 141, .14);--mark: rgba(56, 80, 141, .14);--shadow: 0 18px 40px rgba(34, 30, 26, .16);--sans: "Inter", "Segoe UI", sans-serif;--serif: "Literata", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--header: 4.25rem;--tab: 4.5rem}:root[data-theme=dark]{color-scheme:dark;--bg: #1c1916;--ink: #f4efe8;--muted: #d2c4b4;--line: #3d342c;--surface: #26211c;--accent: #4a6c9e;--accent-text: #fff8f3;--accent-hover: #446894;--link: #d5def7;--coral: #f2665a;--new: #e15a50;--new-text: #ffb4ac;--learn: #d5def7;--known: #9fd6c8;--notice: #3a2c26;--word-hover: rgba(213, 222, 247, .18);--mark: rgba(213, 222, 247, .18);--shadow: 0 18px 44px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}html,body{margin:0;min-height:100%}body{font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);font-variant-numeric:lining-nums;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}:lang(ru){font-family:var(--serif)}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus{outline:none}:focus-visible{outline:2px solid var(--link);outline-offset:2px}::selection{background:var(--mark);color:var(--ink)}::placeholder{color:var(--muted);opacity:1}a{color:var(--link)}#app{min-height:100dvh}.skip{position:absolute;left:12px;top:8px;transform:translateY(-140%);z-index:80;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{transform:none}.bar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:8px;min-height:var(--header);padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--bg);border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:4px 4px 4px 0;min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap}.logo img{display:block;width:32px;height:32px}.logo-name{font-family:var(--serif);font-style:italic;font-weight:520;font-size:1.45rem;letter-spacing:-.03em;line-height:1}nav{display:flex;align-items:stretch}nav button{border:0;background:transparent;color:var(--muted);min-height:44px;min-width:44px;padding:8px 10px;cursor:pointer;border-radius:0;white-space:nowrap}nav button[aria-current=page]{color:var(--link);box-shadow:inset 0 -2px 0 var(--link)}.theme{margin-left:auto;border:0;background:transparent;color:var(--muted);min-height:44px;padding:8px 4px;cursor:pointer;text-align:right}main{padding:28px 20px calc(var(--tab) + env(safe-area-inset-bottom) + 28px)}h1{margin:0;font-weight:650;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.stage>h1:after,.dict>h1:after,.review>h1:after,.compose>h1:after,.about>h1:after{content:"";display:block;width:2.5rem;height:2px;margin-top:.7rem;background:var(--coral)}h2{font-size:1rem;font-weight:600;margin:0}.warn{margin:0;padding:12px 16px;background:var(--notice);color:var(--ink)}.reader-wrap{width:min(65ch,100%);margin:0 auto}.stage{width:100%}.rail{display:none}.kicker{margin:0 0 .45rem;font-family:var(--sans);font-size:.8125rem;letter-spacing:.04em;color:var(--link)}.source-line,.lead,.fine,.meta,.status,.detail,.hint,.links,.remain,.grade-note,.lemma,.alts-label,.section-label,.rail-empty{font-family:var(--sans)}.source-line{margin:.45rem 0 0;color:var(--muted);font-size:.9375rem}.byline{margin:.7rem 0 0;color:var(--muted);font-family:var(--sans);font-size:.9375rem}.article-credit .byline{margin-top:.9rem}.attribution,.article-note{margin:.5rem 0 0;max-width:62ch;font-family:var(--sans);font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.attribution,.article-note{color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-family:var(--sans);font-size:.875rem;color:var(--muted)}.legend-label{color:var(--muted)}.swatch{font-family:var(--sans);text-underline-offset:.22em;text-decoration-thickness:2px}.swatch.is-new{color:var(--new-text);text-decoration:underline solid var(--new)}.swatch.is-learning{color:var(--learn);text-decoration:underline dashed}.swatch.is-known{color:var(--known);text-decoration:underline double}.article-select-wrap{margin-top:1.1rem}select,input,textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px;font-size:1rem}textarea.paste{min-height:240px;line-height:1.65;resize:vertical}.prose{margin-top:1.75rem;font-size:1.25rem;line-height:1.6}.prose p{margin:0 0 1.15em}.glue{white-space:nowrap}.word{display:inline;margin:0;padding:.12em .04em;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer;text-decoration-thickness:2px;text-underline-offset:.18em;scroll-margin-top:calc(var(--header) + 12px)}.word:hover,.word:active{background:var(--word-hover)}.word.is-new{text-decoration:underline solid var(--new)}.word.is-learning{text-decoration:underline dashed var(--learn)}.word.is-known{text-decoration:underline double var(--known)}.article-tools{margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center}.btn:hover{border-color:var(--muted)}.btn.small{padding:8px 12px;font-size:.9375rem}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-text)}.btn.primary:hover{background:var(--accent-hover);border-color:transparent}.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn.danger-quiet:hover{color:var(--ink)}.btn:disabled{opacity:.6;cursor:default}.empty{padding:12px 0 8px}.empty p{color:var(--muted);max-width:36rem}.dict,.review,.compose,.about{width:min(40rem,100%);margin:0 auto}.about h2,.credit h2{font-family:var(--sans);margin-top:0}.about>h2{margin-top:2rem}.fine+.credit{margin-top:1rem}.credit{padding:.95rem 0;border-top:1px solid var(--line)}.credit p,.credit a{margin:.35rem 0 0;overflow-wrap:anywhere}.english{margin:.35rem 0 0;color:var(--muted);font-size:.9375rem}.lead{margin:1rem 0 0;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-top:1rem}.field>span{font-size:.875rem;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:4px 2px;margin-top:.75rem}.filters button{border:0;background:transparent;color:var(--muted);min-height:44px;padding:8px 12px;cursor:pointer;border-radius:0}.filters button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--link)}.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:.85rem}.fine{margin:.75rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.45}.entry{padding:1.25rem 0 1.1rem;border-top:1px solid var(--line)}.entry-list{margin-top:1.1rem}.entry-head,.entry-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.entry-word,.review-word,.pop-word{font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}.entry-word{font-size:1.65rem;line-height:1.2}.entry-sentence,.review-sentence,.sentence{font-size:1.0625rem;line-height:1.6}.entry-sentence{margin:.85rem 0 0}.sentence-out{margin:.45rem 0 0;color:var(--muted)}.entry-foot{align-items:center;flex-wrap:wrap;margin-top:.85rem}.entry-foot select{width:auto;min-width:8.5rem}.meta{margin:0;min-width:0;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.dot{margin:0 .35rem}.review-word{margin:1.2rem 0 .4rem;font-size:clamp(2.2rem,7vw,3.5rem);line-height:1.15}.review-sentence{margin:.4rem 0 1rem}.review-gloss{margin:.2rem 0 .8rem;font-size:1.35rem}.remain,.grade-note,.lemma,.hint{color:var(--muted)}.remain{margin:1rem 0 0}.grade-note{margin:.9rem 0 0;font-size:.875rem}.grades{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:.4rem}.lemma{margin:.35rem 0 0}.compose form{margin-top:.4rem}.url-row{margin-top:.75rem}.alert{margin:.85rem 0 0;padding:12px 14px;background:var(--notice);color:var(--ink);border-radius:8px}.compose .btn.primary{margin-top:1.15rem}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.popover{position:fixed;z-index:50;width:min(22.5rem,calc(100vw - 24px));max-height:min(calc(100dvh - 24px),44rem);overflow:auto;padding:14px 16px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.popover.sheet{width:100%;max-height:min(86dvh,44rem);border-radius:16px 16px 0 0;padding:18px 20px calc(20px + env(safe-area-inset-bottom))}.popover.sheet .pop-head{margin:-18px -20px 4px;padding:22px 20px 8px;top:-18px}.popover.sheet .pop-head:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line)}.pop-head{position:sticky;top:-14px;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:-14px -16px 4px;padding:14px 16px 8px;background:var(--surface)}.pop-word{flex:1;min-width:0;margin:0;font-size:2rem;line-height:1.15}.popover .pop-word{font-size:1.75rem;line-height:1.1}.status,.detail{margin:.55rem 0 0;font-size:.875rem;line-height:1.45}.status{color:var(--muted)}.detail{color:var(--ink)}.section-label,.alts-label{margin:1rem 0 .3rem;font-size:.8125rem;color:var(--muted)}.popover .section-label,.popover .alts-label{margin-top:.35rem;margin-bottom:.15rem}.popover .links{margin-top:.45rem}.sentence{margin:0}.popover .sentence{font-size:1rem;line-height:1.35}.popover p{margin:0}.pop-head{align-items:center}.pop-head .btn.small{flex:none}.pop-head .close{flex:none;margin-right:-10px}.pop-facts{display:grid;gap:4px;margin-top:2px;font-size:.9375rem;line-height:1.4}.pop-facts .hint{color:var(--muted)}.pop-facts .lemma{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin:0;color:var(--ink)}.fact-label{min-width:5.5rem;color:var(--muted);font-size:.875rem}.fact-ru{font-size:1.0625rem;font-weight:650}.pop-gloss{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.popover .gloss-field{margin-top:0;gap:6px}.popover .gloss-field>span{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.popover .gloss-field input{font-size:1.1875rem;font-weight:500;min-height:48px}.popover .status,.popover .detail{margin-top:6px;font-size:.8125rem}.popover .english{margin-top:10px;font-size:.9375rem;line-height:1.4}.popover .english+.hint{margin-top:4px}.popover .alts-label{margin:12px 0 6px}.popover .alts .row-actions{margin-top:0}.popover>.btn.primary{width:100%;margin-top:14px;min-height:48px;font-weight:500}.pop-sentence{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.popover .section-label{margin:0 0 6px}.popover .sentence{font-size:1.0625rem;line-height:1.5}.pop-sentence .row-actions{margin-top:10px}.popover .sentence-out:not(:empty){margin-top:10px;font-size:.9375rem;line-height:1.45}.popover [data-testid=voice-note]{margin-top:12px;font-size:.8125rem;line-height:1.4}.popover .links{margin-top:12px;font-size:.875rem;color:var(--muted)}.section-label,.alts-label{font-weight:600;letter-spacing:.02em}mark{background:var(--mark);color:inherit;font-weight:650;padding:0 .08em;border-radius:3px}.links{margin:.9rem 0 0;font-size:.9375rem}.article-link{display:block;width:fit-content;max-width:100%;margin:0 0 .35rem;padding:8px 0;border:0;background:transparent;color:var(--ink);text-align:left;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.article-link[aria-current=true]{color:var(--link);box-shadow:inset 0 -2px 0 var(--link)}.rail h2{font-family:var(--sans);margin-bottom:.4rem}body.sheet-open{overflow:hidden}@media(max-width:879px){html,body{height:100%}body{overflow:hidden}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.bar{position:relative;flex:none}main{flex:1 1 auto;min-height:0;margin-bottom:calc(3.5rem + env(safe-area-inset-bottom));padding:22px 20px 28px;overflow:auto;overscroll-behavior:contain}.full{display:none}nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(3.5rem + env(safe-area-inset-bottom));align-items:center;justify-content:space-around;padding:0 6px env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line)}nav button{flex:1;padding:8px 2px;font-size:.8125rem}nav button[aria-current=page]{font-weight:600;box-shadow:inset 0 2px 0 var(--link)}.prose{font-size:1.1875rem;line-height:1.55}h1{font-size:1.75rem;line-height:1.18}.backdrop{background:#14100c66}}@media(min-width:720px){.grades{grid-template-columns:repeat(4,1fr)}}@media(min-width:880px){.short{display:none}.bar{padding-left:28px;padding-right:28px}nav{margin-left:12px;gap:2px}nav button{padding:8px 14px}main{padding:40px 32px 72px}.reader-wrap{display:grid;grid-template-columns:200px minmax(0,65ch);gap:64px;width:min(1100px,calc(100% - 48px));align-items:start;justify-content:center}.rail{display:block;position:sticky;top:calc(var(--header) + 16px)}.article-select-wrap{display:none}}@media(min-width:1180px){.reader-wrap{width:min(52rem,calc(100vw - 28rem));margin-left:0;margin-right:auto;justify-content:start}}@media(prefers-reduced-motion:no-preference){.popover.sheet{animation:sheet-in .18s ease-out}}@keyframes sheet-in{0%{transform:translateY(16px)}to{transform:translateY(0)}}