:root{--bg: #e3e2de;--surface: #e3e2de;--surface-2: #dbdad5;--fg: #141414;--fg-muted: #5c5b58;--fg-secondary: #444343;--border: #c7c7c7;--border-strong: #141414;--primary: #ff5d73;--primary-hover: #de5063;--primary-fg: #ffffff;--ring: #358891;--brand: #ff5d73;--accent-blue: #358891;--danger: #9e3745;--success: #7dff95;--on-accent: #ffffff;--ink: #000000;--paper: #ffffff;--tint-primary: color-mix(in srgb, var(--primary) 16%, transparent);--tint-primary-soft: color-mix(in srgb, var(--primary) 10%, transparent);--tint-success: color-mix(in srgb, var(--success) 22%, transparent);--text-amber: #a08414;--overlay: rgb(20 20 20 / .5);--shadow-pop: 0 6px 20px rgb(0 0 0 / .12);--pos-noun: #2563eb;--pos-verb: #dc2626;--pos-adj: #15803d;--pos-adverb: #c2650a;--pos-particle: #7c3aed;--pos-other: #0e7490;--mock-video-bg: #000000;--mock-video-chrome: #3a3f44;--mock-video-base: #444343;--mock-video-caption: rgb(20 20 20 / .82);--mock-video-panel: hsl(228 6% 17%);--mock-video-line: rgb(255 255 255 / .15);--mock-video-fg: #ffffff;--mock-sub-accent: #ff8fa0;--ext-level-n5: #a3e635;--ext-level-n4: #4ade80;--ext-level-n3: #facc15;--ext-level-n2: #fb923c;--ext-level-n1: #f87171;--type-hiragana: #ffb6c1;--type-katakana: #87ceeb;--type-kanji: #e0c341;--type-vocabulary: #6bbf85;--type-grammar: #4bb8c4;--type-dokkai: #e0915c;--type-choukai: #9b80d4;--level-n5: #d5b02c;--level-n4: #7fbf50;--level-n3: #4bb8c4;--level-n2: #875ca7;--level-n1: #f2727d;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;--font-jp-serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-mono: "DM Mono", ui-monospace, monospace;--quiz-text-family: var(--font-jp);--quiz-text-size: 1.2rem;--quiz-text-weight: 500;--radius: 0px;--radius-lg: 0px;--radius-sm: 0px;--radius-xs: 0px;--shadow-sm: none;--shadow: none;--shadow-lg: none;--shadow-inset-sm: none;--shadow-inset: none;--shadow-inset-deep: none;--shadow-inset-color: none;--sidebar-w: 240px;--sidebar-w-collapsed: 84px;--content-max: 1100px;--deck-roadmap: var(--primary);--deck-own: var(--type-grammar);--shell-gutter: 2.25rem;color-scheme:light}:root[data-theme=dark]{--bg: #22262b;--surface: #22262b;--surface-2: #2d3238;--fg: #eceff2;--fg-muted: #a0a7af;--fg-secondary: #c9ced4;--border: #3d434a;--border-strong: #6b737c;--primary-hover: #de5063;--ring: #4bb8c4;--accent-blue: #4bb8c4;--danger: #ff8080;--text-amber: #ffbc5e;--overlay: rgb(0 0 0 / .65);--shadow-pop: 0 6px 20px rgb(0 0 0 / .5);--pos-noun: #6b9fe8;--pos-verb: #f07070;--pos-adj: #5cc489;--pos-adverb: #eb9a4e;--pos-particle: #a98bf0;--pos-other: #4bb8c4;color-scheme:dark}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease-in-out}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:.95;letter-spacing:-.03em}h1{font-weight:900;letter-spacing:-.04em}a{color:inherit;text-decoration:none}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.jp{font-family:var(--font-jp)}.jp-read{--quiz-text-family: var(--font-jp-serif)}.jp-read .jp,.jp.jp-read{font-family:var(--font-jp-serif)}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--fg-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lucide-icon{flex-shrink:0;vertical-align:-.15em}.wrap{max-width:var(--content-max);margin:0 auto;padding:0 1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.4rem;min-height:44px;border:1px solid var(--border-strong);border-radius:0;background:var(--surface);color:var(--fg);font:inherit;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:background .3s linear,color .3s linear,border-color .3s linear}.btn:hover{background:var(--fg);color:var(--bg)}.btn:active{background:var(--fg-secondary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-fg)}.btn-primary:active{background:var(--primary-hover)}.tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.2rem .5rem;border-radius:0;background:transparent;border:1px solid var(--border);color:var(--fg-muted);text-transform:uppercase}.tag-type{color:var(--fg);border-color:var(--border);border-left:3px solid var(--type-vocabulary)}.tag-type.hiragana{border-left-color:var(--type-hiragana)}.tag-type.katakana{border-left-color:var(--type-katakana)}.tag-type.kanji{border-left-color:var(--type-kanji)}.tag-type.vocabulary{border-left-color:var(--type-vocabulary)}.tag-type.grammar{border-left-color:var(--type-grammar)}.tag-level{color:var(--on-accent);border:none;background:var(--level-n5)}.tag-level.n5{background:var(--level-n5)}.tag-level.n4{background:var(--level-n4)}.tag-level.n3{background:var(--level-n3)}.tag-level.n2{background:var(--level-n2)}.tag-level.n1{background:var(--level-n1)}.tag-pos{background:transparent;border:1px solid var(--pos-color, var(--border));color:var(--pos-color, var(--fg-muted));font-weight:700}.tag-pos[data-pos=noun],.tag-pos[data-pos=noun_affix]{--pos-color: var(--pos-noun)}.tag-pos[data-pos=verb1],.tag-pos[data-pos=verb2],.tag-pos[data-pos=verb3]{--pos-color: var(--pos-verb)}.tag-pos[data-pos=adj_i],.tag-pos[data-pos=adj_na]{--pos-color: var(--pos-adj)}.tag-pos[data-pos=adverb]{--pos-color: var(--pos-adverb)}.tag-pos[data-pos=particle],.tag-pos[data-pos=conjunction]{--pos-color: var(--pos-particle)}.tag-pos[data-pos=pronoun],.tag-pos[data-pos=interjection],.tag-pos[data-pos=expression]{--pos-color: var(--pos-other)}.card{background:var(--surface);border:1px solid var(--border);border-radius:0;transition:border-color .3s linear}.field{width:100%;padding:.7rem .9rem;min-height:44px;background:var(--surface);border:1px solid var(--border);border-radius:0;color:var(--fg);font:inherit;transition:border-color .3s linear}.field::placeholder{color:var(--fg-muted)}.field:focus{outline:none;border-color:var(--fg)}@media(max-width:900px){:root{--shell-gutter: 1rem}}.kanji.svelte-d7idrx{display:flex;gap:1.25rem;align-items:flex-start}.glyph.svelte-d7idrx{font-size:4.5rem;line-height:1;padding:.5rem .75rem;border:1px solid var(--border-strong)}.kanji.svelte-d7idrx p:where(.svelte-d7idrx){margin:0 0 .35rem}.meaning.svelte-d7idrx{font-weight:700;font-size:1.1rem}.r.svelte-d7idrx{display:inline-block;min-width:2.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted)}.meta.svelte-d7idrx,.muted.svelte-d7idrx{color:var(--fg-muted)}.examples.svelte-d7idrx{margin:1rem 0 0;padding-left:1.1rem;line-height:1.8}.full-link.svelte-d7idrx{display:inline-block;margin-top:1rem}.topbar.svelte-12qhfyh{position:sticky;top:0;z-index:25;height:60px;background:var(--bg);border-bottom:1px solid var(--border)}.nav-progress.svelte-12qhfyh{position:absolute;left:0;bottom:-1px;height:2px;background:var(--primary);animation:svelte-12qhfyh-nav-progress 8s cubic-bezier(.1,.8,.2,1) forwards}@keyframes svelte-12qhfyh-nav-progress{0%{width:0}to{width:90%}}.topbar-inner.svelte-12qhfyh,.content.svelte-12qhfyh{max-width:var(--content-max);margin:0 auto;padding-left:var(--shell-gutter);padding-right:var(--shell-gutter)}.topbar-inner.svelte-12qhfyh{height:100%;display:flex;align-items:center;gap:1.5rem}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.brand-icon.svelte-12qhfyh{width:28px;height:28px}.brand-name.svelte-12qhfyh{font-family:var(--font-display);font-weight:900;font-size:1.15rem;letter-spacing:-.03em;white-space:nowrap}.top-nav.svelte-12qhfyh{display:flex;align-items:stretch;height:100%}.top-link.svelte-12qhfyh{display:inline-flex;align-items:center;gap:.4rem;padding:0 .7rem;height:100%;border:none;background:none;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:var(--fg-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .3s linear}.top-link.svelte-12qhfyh:hover{color:var(--fg)}.top-link.active.svelte-12qhfyh{color:var(--fg);border-bottom-color:var(--fg)}.drop-toggle.svelte-12qhfyh .chev{transition:transform .2s linear}.drop.open.svelte-12qhfyh .drop-toggle:where(.svelte-12qhfyh) .chev{transform:rotate(180deg)}.drop.svelte-12qhfyh{position:relative;display:flex;align-items:stretch}.drop-menu.svelte-12qhfyh{position:absolute;top:100%;left:0;min-width:200px;background:var(--surface);border:1px solid var(--border-strong);display:none;flex-direction:column;z-index:30}.account.svelte-12qhfyh .drop-menu:where(.svelte-12qhfyh){left:auto;right:0;top:calc(100% + 10px)}.drop.open.svelte-12qhfyh .drop-menu:where(.svelte-12qhfyh){display:flex}.drop-name.svelte-12qhfyh{padding:.7rem .9rem;font-size:.8rem;color:var(--fg-muted);border-bottom:1px solid var(--border)}.drop-item.svelte-12qhfyh{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem .9rem;border:none;background:none;font:inherit;font-size:.9rem;font-weight:700;text-align:left;color:var(--fg-secondary);cursor:pointer;transition:background .3s linear,color .3s linear}.drop-item.svelte-12qhfyh:hover{background:var(--fg);color:var(--bg)}.drop-menu.svelte-12qhfyh>:where(.svelte-12qhfyh)+:where(.svelte-12qhfyh){border-top:1px solid var(--border)}.logout.svelte-12qhfyh:hover{color:var(--primary)}.top-right.svelte-12qhfyh{margin-left:auto;display:flex;align-items:center;gap:.5rem}.avatar-block.svelte-12qhfyh{display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer}.avatar.svelte-12qhfyh{display:grid;place-items:center;width:30px;height:30px;background:var(--primary);color:var(--primary-fg);font-size:.85rem;font-weight:800}.content.svelte-12qhfyh{padding-top:2.5rem;padding-bottom:4rem;min-height:calc(100dvh - 60px)}.content.full.svelte-12qhfyh{max-width:none;display:grid;place-items:center;min-height:100dvh}.burger.svelte-12qhfyh{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);cursor:pointer}.drawer.svelte-12qhfyh{display:none;position:fixed;top:60px;left:0;right:0;height:calc(100dvh - 60px);padding:.25rem var(--shell-gutter) 1.5rem;background:var(--bg);overflow-y:auto;flex-direction:column;transform:translateY(-110%);transition:transform .2s ease;z-index:24}.drawer.open.svelte-12qhfyh{transform:translateY(0)}.drawer-section.svelte-12qhfyh{display:flex;flex-direction:column;padding:.75rem 0}.drawer-section.svelte-12qhfyh+.drawer-section:where(.svelte-12qhfyh){border-top:1px solid var(--border)}.drawer-label.svelte-12qhfyh{padding:.25rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.drawer.svelte-12qhfyh .top-link:where(.svelte-12qhfyh){height:44px;width:100%;border-bottom:none;border-left:2px solid transparent}.drawer.svelte-12qhfyh .top-link.active:where(.svelte-12qhfyh){border-left-color:var(--fg)}@media(max-width:900px){.top-nav.svelte-12qhfyh,.account.svelte-12qhfyh{display:none}.burger.svelte-12qhfyh{display:inline-flex}.drawer.svelte-12qhfyh{display:flex}.content.svelte-12qhfyh{padding-top:1.5rem;padding-bottom:3rem}}