:root{--paper: #f6f2e9;--paper-2: #ede8d5;--paper-warm: #fffdf7;--ink: #2b2b2b;--ink-soft: #4a4744;--ink-mute: #8a8278;--rule: rgba(43, 43, 43, .14);--rule-soft: rgba(43, 43, 43, .07);--accent: #2f4f7a;--accent-deep: #243d5e;--accent-soft: rgba(47, 79, 122, .1);--indigo: #2f4f7a;--celadon: #4f7a6a;--cinnabar: #a8392c;--ochre: #b07d2a;--plum: #6e4a73;--lang-ar: #2f4f7a;--lang-en: #4f7a6a;--lang-ja: #6e4a73;--lang-id: #b07d2a;--lang-zh: #a8392c;--pos-noun: #2f4f7a;--pos-verb: #3f7a5a;--pos-adj: #b07d2a;--pos-adv: #a8392c;--pos-pron: #3f6f8a;--pos-part: #6e4a73;--pos-conj: #c0562f;--pos-det: #5c6f3a;--card-bg: rgba(255, 255, 255, .62);--card-border: rgba(43, 43, 43, .09);--panel: rgba(255, 255, 255, .68);--nav-bg: rgba(246, 242, 233, .92);--field-bg: rgba(255, 255, 255, .55);--bubble: rgba(246, 242, 233, .8);--hl-en: rgba(79, 122, 106, .3);--hl-ar: rgba(47, 79, 122, .22);--hl-th: rgba(176, 125, 42, .24);--active-line: rgba(47, 79, 122, .07);--shadow-soft: 0 2px 12px rgba(43, 43, 43, .08), 0 1px 3px rgba(43, 43, 43, .05);--shadow-card: 0 4px 24px rgba(43, 43, 43, .1), 0 1px 4px rgba(43, 43, 43, .06);--radius-sm: 5px;--radius-md: 9px;--radius-lg: 16px;--serif: "Newsreader", Georgia, serif;--sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--arabic: "Noto Naskh Arabic", "Amiri", "Scheherazade New", serif;--thai: "Noto Sans Thai", "Sukhumvit Set", system-ui, sans-serif;--jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--sc: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}body[data-theme=sky]{--paper:#f4f6fa;--paper-2:#e8edf4;--paper-warm:#fff;--ink:#0c1426;--ink-soft:#3a4355;--ink-mute:#7a8395;--rule:rgba(12,20,38,.14);--rule-soft:rgba(12,20,38,.07);--accent:#0d62d6;--accent-deep:#084aa8;--accent-soft:rgba(13,98,214,.1);--nav-bg:rgba(244,246,250,.92)}body[data-theme=sage]{--paper:#f5f7f3;--paper-2:#e8ede5;--paper-warm:#fff;--ink:#0e1612;--ink-soft:#3a463f;--ink-mute:#79857c;--rule:rgba(14,22,18,.14);--rule-soft:rgba(14,22,18,.07);--accent:#1d8a5b;--accent-deep:#136942;--accent-soft:rgba(29,138,91,.1);--nav-bg:rgba(245,247,243,.92)}body[data-theme=ochre]{--paper:#fbf6ec;--paper-2:#f3ead4;--paper-warm:#fff;--ink:#1a1408;--ink-soft:#4a4030;--ink-mute:#8a7d62;--rule:rgba(26,20,8,.14);--rule-soft:rgba(26,20,8,.07);--accent:#c2410c;--accent-deep:#8a2c08;--accent-soft:rgba(194,65,12,.1);--nav-bg:rgba(251,246,236,.92)}body[data-theme=plum]{--paper:#f6f1f4;--paper-2:#ede2e8;--paper-warm:#fff;--ink:#1a0e1a;--ink-soft:#473a45;--ink-mute:#897d86;--rule:rgba(26,14,26,.14);--rule-soft:rgba(26,14,26,.07);--accent:#9333ea;--accent-deep:#6b21a8;--accent-soft:rgba(147,51,234,.1);--nav-bg:rgba(246,241,244,.92)}body[data-theme=midnight]{--paper:#0a0c12;--paper-2:#13161e;--paper-warm:#0f1219;--ink:#e8eaf0;--ink-soft:#a8acb8;--ink-mute:#6b7080;--rule:rgba(255,255,255,.12);--rule-soft:rgba(255,255,255,.06);--accent:#5b8aff;--accent-deep:#3a6cf0;--accent-soft:rgba(91,138,255,.16);--card-bg:rgba(255,255,255,.04);--card-border:rgba(255,255,255,.08);--panel:rgba(255,255,255,.05);--nav-bg:rgba(10,12,18,.9);--field-bg:rgba(255,255,255,.06);--bubble:rgba(255,255,255,.05);--hl-en:rgba(91,138,255,.22);--hl-ar:rgba(91,138,255,.2);--hl-th:rgba(176,125,42,.26);--shadow-soft:0 2px 12px rgba(0,0,0,.4);--shadow-card:0 4px 24px rgba(0,0,0,.5);--pos-noun:#7fb0ff;--pos-verb:#7fdfb0;--pos-adj:#ecc06a;--pos-adv:#f0907f;--pos-pron:#8fc7e6;--pos-part:#c79de0;--pos-conj:#f0a87a;--pos-det:#bcd07a}body[data-theme=charcoal]{--paper:#0d0d10;--paper-2:#16161a;--paper-warm:#111114;--ink:#ededee;--ink-soft:#a8a8ac;--ink-mute:#6a6a70;--rule:rgba(255,255,255,.12);--rule-soft:rgba(255,255,255,.06);--accent:#f4501e;--accent-deep:#c93a10;--accent-soft:rgba(244,80,30,.16);--card-bg:rgba(255,255,255,.04);--card-border:rgba(255,255,255,.08);--panel:rgba(255,255,255,.05);--nav-bg:rgba(13,13,16,.9);--field-bg:rgba(255,255,255,.06);--bubble:rgba(255,255,255,.05);--hl-en:rgba(244,80,30,.22);--hl-ar:rgba(244,80,30,.2);--hl-th:rgba(176,125,42,.26);--shadow-soft:0 2px 12px rgba(0,0,0,.4);--shadow-card:0 4px 24px rgba(0,0,0,.5);--pos-noun:#7fb0ff;--pos-verb:#7fdfb0;--pos-adj:#ecc06a;--pos-adv:#f0907f;--pos-pron:#8fc7e6;--pos-part:#c79de0;--pos-conj:#f0a87a;--pos-det:#bcd07a}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 40% at 8% 12%,rgba(47,79,122,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 92% 82%,rgba(79,122,106,.06) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 72% 14%,rgba(176,125,42,.05) 0%,transparent 50%),radial-gradient(ellipse 44% 60% at 18% 78%,rgba(110,74,115,.05) 0%,transparent 50%)}::selection{background:var(--hl-en);color:var(--ink)}.serif{font-family:var(--serif)}.sans{font-family:var(--sans)}.mono{font-family:var(--mono)}.ar{font-family:var(--arabic);direction:rtl;unicode-bidi:isolate}.th{font-family:var(--thai)}.eyebrow{font:500 11px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}body,.pill,.btn{transition:background-color .2s,color .2s,border-color .2s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--rule);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}#root,.app{min-height:100vh}.app{display:flex;flex-direction:column;position:relative;z-index:1}.topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));height:54px;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);font-size:13px}.brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:9px;cursor:pointer;min-width:0}.brand-logo{width:30px;height:30px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-name{font:600 18px/1 var(--serif);letter-spacing:.02em;color:var(--ink)}.brand-tag{font:400 9.5px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.nav-tabs{display:flex;gap:3px;padding:3px;background:var(--rule-soft);border-radius:20px}.nav-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 14px;cursor:pointer;border-radius:16px;font:500 13px var(--sans);color:var(--ink-mute);white-space:nowrap}.nav-tabs button:hover{color:var(--ink)}.nav-tabs button.on{color:var(--ink);background:var(--paper-warm);box-shadow:0 1px 4px #2b2b2b1f}.nav-right{display:flex;align-items:center;gap:8px}.nav-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;height:30px;padding:0 10px;border-radius:var(--radius-sm);color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:500 12px var(--sans)}.nav-icon:hover{border-color:var(--ink-mute);color:var(--ink)}.avatar{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent);color:#eef3f9;display:grid;place-items:center;font:600 12px var(--sans);letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;transition:filter .2s}.avatar:hover{filter:brightness(1.08)}.user-menu{position:relative}.user-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--paper-warm);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:10px 12px;z-index:120;display:flex;flex-direction:column;gap:4px}.user-pop-name{font-size:13px;font-weight:500}.user-pop-email{font-size:11px;color:var(--ink-mute);padding-bottom:6px;border-bottom:1px solid var(--rule-soft);margin-bottom:4px}.user-pop-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:7px 4px;border-radius:var(--radius-sm);font:500 12.5px var(--sans);color:var(--ink);cursor:pointer}.user-pop-item:hover{background:var(--paper-2)}.signin-btn{height:32px;padding:0 14px}.screen{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 18px 96px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.dot{color:var(--ink-mute);margin:0 .35em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--paper-warm);padding:0 16px;height:38px;border-radius:var(--radius-sm);font:500 13px var(--sans);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--ink-mute)}.btn.solid{background:var(--accent);color:#eef3f9;border-color:var(--accent)}.btn.solid:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn.ghost{background:transparent}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;padding:6px 14px;min-height:32px;border-radius:20px;font:400 13px var(--sans);color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill:hover{border-color:var(--ink-mute);color:var(--ink)}.pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lib-head{display:flex;flex-direction:column;gap:10px;padding:8px 0 16px}.lib-title{font:300 clamp(30px,7vw,48px)/1.12 var(--serif);letter-spacing:-.01em;color:var(--ink);margin:4px 0 0}.lib-title em{font-style:normal;color:var(--accent)}.lib-sub{font:300 15px/1.6 var(--sans);color:var(--ink-soft);max-width:56ch;margin:0}.lib-filters{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.lib-grid{display:grid;grid-template-columns:1fr;gap:14px}.lesson-card{display:block;width:100%;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:18px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.lesson-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.card-title{font:400 20px/1.3 var(--serif);margin:0;color:var(--ink)}.card-titles{display:flex;gap:6px;font:italic 400 13px var(--serif);color:var(--ink-mute)}.card-foot{font:400 11.5px var(--mono);color:var(--ink-mute);display:flex;align-items:center;gap:6px;letter-spacing:.03em}.onb{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--paper)}.onb-shell{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 26px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.onb-mark{font:600 20px var(--serif);color:var(--accent);letter-spacing:.04em}.onb-step{display:flex;flex-direction:column;gap:10px}.onb-h{font:300 26px/1.18 var(--serif);letter-spacing:-.01em;margin:4px 0 0}.onb-p{color:var(--ink-soft);font-size:14px;line-height:1.6;max-width:52ch;margin:0}.onb-cta{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.tweaks-fab{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--paper-warm);color:var(--ink);width:44px;height:44px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-card);display:grid;place-items:center}.tweaks-fab:hover{border-color:var(--ink-mute)}.tweaks-panel{position:fixed;right:16px;left:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:90;max-width:300px;margin-left:auto;max-height:70vh;overflow:auto;background:var(--paper-warm);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;font-family:var(--sans)}.tweaks-section{font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:4px}.tweaks-row{display:flex;flex-direction:column;gap:6px}.tweaks-row>.label{font-size:12px;color:var(--ink-soft)}.tweaks-options{display:flex;flex-wrap:wrap;gap:5px}.tweaks-options button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;padding:5px 10px;border-radius:14px;font:500 11.5px var(--sans);color:var(--ink-soft);cursor:pointer;text-transform:capitalize}.tweaks-options button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tweaks-slider{display:flex;flex-direction:column;gap:6px}.tweaks-slider input{width:100%;accent-color:var(--accent)}@media (min-width: 600px){.screen{padding:32px 28px 96px}.brand-tag{font-size:10px}.lib-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.topnav{height:60px;padding-left:32px;padding-right:32px}.screen{padding:40px 32px 110px}.lib-grid{grid-template-columns:repeat(3,1fr)}.brand-logo{width:32px;height:32px}}@media (max-width: 380px){.brand-tag{display:none}.nav-tabs button{padding:5px 11px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01s!important;transition:none!important;scroll-behavior:auto!important}}.nav-progress.svelte-degj0i{position:fixed;inset:0 0 auto 0;height:3px;z-index:100;background:transparent;overflow:hidden;pointer-events:none}.nav-progress-bar.svelte-degj0i{height:100%;width:40%;background:var(--accent, #2f4f7a);border-radius:0 2px 2px 0;animation:svelte-degj0i-nav-slide 1.1s ease-in-out infinite}@keyframes svelte-degj0i-nav-slide{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(260%);width:40%}}@media (prefers-reduced-motion: reduce){.nav-progress-bar.svelte-degj0i{animation:none;width:100%;opacity:.5}}