:root{--bg: #e3e2de;--surface: #e3e2de;--surface-2: #dbdad5;--fg: #141414;--fg-muted: #7a7a7a;--fg-secondary: #444343;--border: #c7c7c7;--border-strong: #141414;--primary: #ff5e75;--primary-hover: #e63e57;--primary-fg: #ffffff;--ring: #1351aa;--brand: #ff5e75;--accent-blue: #1351aa;--type-hiragana: #ffb6c1;--type-katakana: #87ceeb;--type-kanji: #e0c341;--type-vocabulary: #6bbf85;--type-grammar: #4bb8c4;--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-mono: "DM Mono", ui-monospace, monospace;--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;--tabbar-h: 64px;--content-max: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}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)}.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}}.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:#fff;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: #2563eb}.tag-pos[data-pos=verb1],.tag-pos[data-pos=verb2],.tag-pos[data-pos=verb3]{--pos-color: #dc2626}.tag-pos[data-pos=adj_i],.tag-pos[data-pos=adj_na]{--pos-color: #15803d}.tag-pos[data-pos=adverb]{--pos-color: #c2650a}.tag-pos[data-pos=particle],.tag-pos[data-pos=conjunction]{--pos-color: #7c3aed}.tag-pos[data-pos=pronoun],.tag-pos[data-pos=interjection],.tag-pos[data-pos=expression]{--pos-color: #0e7490}.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)}.shell.svelte-12qhfyh{display:flex;min-height:100dvh;position:relative;background:var(--bg)}.sidebar.svelte-12qhfyh{position:sticky;top:0;align-self:flex-start;height:100dvh;width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:.4rem;padding:1.2rem .9rem;background:var(--bg);border-right:1px solid var(--border);z-index:5;transition:width .3s linear}.sidebar.collapsed.svelte-12qhfyh{width:var(--sidebar-w-collapsed)}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem 1.1rem;min-width:0}.brand-icon.svelte-12qhfyh{width:30px;height:30px;flex-shrink:0}.brand-name.svelte-12qhfyh{font-family:var(--font-display);font-weight:900;font-size:1.25rem;letter-spacing:-.03em;white-space:nowrap}.edge-toggle.svelte-12qhfyh{position:fixed;top:50%;transform:translateY(-50%);left:calc(var(--sidebar-w) - 14px);width:28px;height:56px;z-index:15;border:none;background:none;padding:0;cursor:ew-resize;display:flex;align-items:center;justify-content:center;transition:left .3s linear}.edge-toggle.collapsed.svelte-12qhfyh{left:calc(var(--sidebar-w-collapsed) - 14px)}.edge-grip.svelte-12qhfyh{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:46px;border-radius:0;background:var(--surface);border:1px solid var(--border-strong);color:var(--fg);transition:background .3s linear,color .3s linear}.edge-toggle.svelte-12qhfyh:hover .edge-grip:where(.svelte-12qhfyh),.edge-toggle.svelte-12qhfyh:focus-visible .edge-grip:where(.svelte-12qhfyh){background:var(--fg);color:var(--bg)}.edge-grip.svelte-12qhfyh svg{width:16px;height:16px;transition:transform .3s linear}.edge-toggle.collapsed.svelte-12qhfyh .edge-grip:where(.svelte-12qhfyh) svg{transform:rotate(180deg)}.sidebar.collapsed.svelte-12qhfyh .brand-name:where(.svelte-12qhfyh),.sidebar.collapsed.svelte-12qhfyh .nav-label:where(.svelte-12qhfyh){display:none}.sidebar.collapsed.svelte-12qhfyh .nav-item:where(.svelte-12qhfyh),.sidebar.collapsed.svelte-12qhfyh .sub-item:where(.svelte-12qhfyh){gap:0}.nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:.35rem}.foot.svelte-12qhfyh{margin-top:auto;display:flex;flex-direction:column;gap:.35rem;padding-top:.9rem}.nav-item.svelte-12qhfyh{position:relative;display:flex;align-items:center;gap:.75rem;width:100%;height:46px;padding:0 .85rem;border:none;border-radius:0;background:none;color:var(--fg-muted);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:background .3s linear,color .3s linear}.nav-item.svelte-12qhfyh:hover{color:var(--fg);background:var(--surface-2)}.nav-item.active.svelte-12qhfyh{color:var(--bg);background:var(--fg)}.nav-item.disabled.svelte-12qhfyh{opacity:.45;cursor:default}.nav-item.disabled.svelte-12qhfyh:hover{color:var(--fg-muted);background:none}.soon.svelte-12qhfyh{margin-left:auto;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .35rem;border:1px solid var(--border-strong);white-space:nowrap}.sidebar.collapsed.svelte-12qhfyh .soon:where(.svelte-12qhfyh){display:none}.submenu.svelte-12qhfyh{display:flex;flex-direction:column;gap:.15rem;margin:.15rem 0 .25rem;position:relative}.submenu.collapsed.svelte-12qhfyh{max-height:0;margin:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .2s ease,opacity .2s ease,margin .2s ease}.nav-group.svelte-12qhfyh:hover .submenu.collapsed:where(.svelte-12qhfyh),.nav-group.svelte-12qhfyh:focus-within .submenu.collapsed:where(.svelte-12qhfyh){max-height:200px;margin:.15rem 0 .25rem;opacity:1;pointer-events:auto;overflow:visible}.submenu.svelte-12qhfyh:before{content:"";position:absolute;top:4px;bottom:4px;left:calc(.85rem + 11px);width:1px;background:var(--border)}.sub-item.svelte-12qhfyh{position:relative;display:flex;align-items:center;gap:.75rem;height:40px;padding:0 .85rem;border-radius:0;color:var(--fg-muted);font-size:.85rem;font-weight:700;transition:background .3s linear,color .3s linear}.sub-item.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh) svg{width:17px;height:17px}.sub-item.svelte-12qhfyh:hover{color:var(--fg);background:var(--surface-2)}.sub-item.active.svelte-12qhfyh{color:var(--primary)}.sub-item.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh){background:var(--bg);border-radius:0}.sidebar.collapsed.svelte-12qhfyh .nav-item[data-tooltip]:where(.svelte-12qhfyh):after,.sidebar.collapsed.svelte-12qhfyh .sub-item[data-tooltip]:where(.svelte-12qhfyh):after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.4rem .7rem;background:var(--fg);color:var(--bg);font-size:.8rem;font-weight:700;white-space:nowrap;border-radius:0;opacity:0;pointer-events:none;z-index:30;transition:opacity .12s linear}.sidebar.collapsed.svelte-12qhfyh .nav-item:where(.svelte-12qhfyh):hover:after,.sidebar.collapsed.svelte-12qhfyh .sub-item:where(.svelte-12qhfyh):hover:after{opacity:1}.nav-icon.svelte-12qhfyh,.avatar.svelte-12qhfyh{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0}.nav-icon.svelte-12qhfyh svg{width:20px;height:20px}.account.svelte-12qhfyh{cursor:pointer}.avatar.svelte-12qhfyh{border-radius:0;background:var(--primary);color:var(--primary-fg);font-size:.8rem;font-weight:800}.logout.svelte-12qhfyh:hover{color:var(--primary)}.content-wrap.svelte-12qhfyh{flex:1;min-width:0;background:var(--bg)}.content.svelte-12qhfyh{max-width:var(--content-max);margin:0 auto;padding:2.5rem 2.25rem 4rem}.content.full.svelte-12qhfyh{display:grid;place-items:center;min-height:100dvh}.mobile-top.svelte-12qhfyh{display:none;align-items:center;justify-content:space-between;height:56px;padding:0 1rem;background:var(--bg);border-bottom:1px solid var(--border-strong)}.mobile-top.svelte-12qhfyh .brand:where(.svelte-12qhfyh){padding:0}.burger.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);cursor:pointer}.burger.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:22px;height:22px}@media(max-width:720px){.shell.svelte-12qhfyh{flex-direction:column}.mobile-top.svelte-12qhfyh{display:flex;position:sticky;top:0;z-index:25}.edge-toggle.svelte-12qhfyh{display:none}.sidebar.svelte-12qhfyh{position:fixed;top:56px;left:0;right:0;width:100%;height:calc(100dvh - 56px);padding:.75rem 1rem 1.5rem;border-right:none;border-bottom:1px solid var(--border-strong);overflow-y:auto;transform:translateY(-100%);transition:transform .2s ease;z-index:24}.sidebar.open.svelte-12qhfyh{transform:translateY(0)}.sidebar.svelte-12qhfyh .brand:where(.svelte-12qhfyh){display:none}.submenu.collapsed.svelte-12qhfyh{max-height:none;margin:.15rem 0 .25rem;opacity:1;pointer-events:auto;overflow:visible}.content.svelte-12qhfyh{padding:1.5rem 1.1rem 3rem}}