:root{--fg: #211f1a;--muted: #6f6a5d;--line: #e3dccb;--accent: #2b4c7e;--warn: #dc2626;--bg: #f7f4ee;--surface: #fffdf9;--heat-from: #e8eaee;--heat-to: #1b1f26;--surface-2: color-mix(in oklab, var(--fg) 5%, var(--surface));--disabled: color-mix(in oklab, var(--muted) 45%, var(--bg));--hanviet-fg: color-mix(in oklab, #d97706 55%, var(--fg));--hanviet-bg: color-mix(in oklab, #d97706 16%, var(--surface));--reason-fg: color-mix(in oklab, #6366f1 60%, var(--fg));--reason-bg: color-mix(in oklab, #6366f1 12%, var(--surface));--ok: #16a34a;--caution: #d97706;--overlay: rgba(15, 23, 42, .45);--seal: #c73e2e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(33, 31, 26, .06), 0 1px 3px rgba(33, 31, 26, .1);--shadow-md: 0 2px 4px rgba(33, 31, 26, .06), 0 4px 12px rgba(33, 31, 26, .12);--shadow-lg: 0 4px 8px rgba(33, 31, 26, .08), 0 12px 32px rgba(33, 31, 26, .16);--shadow-sheet: 0 -2px 8px rgba(33, 31, 26, .08), 0 -10px 32px rgba(33, 31, 26, .18);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, 0, 0, 1);--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 30px;--leading-body: 1.6;--leading-heading: 1.3;--z-dropdown: 20;--z-sheet: 30;--z-modal: 40;--z-toast: 50;--control-h: 38px;--control-h-lg: 48px;--focus-ring: 0 0 0 3px color-mix(in oklab, var(--accent) 25%, transparent);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--fg: #e8e4da;--muted: #a29c8c;--line: #37343c;--accent: #8fb0dd;--warn: #ef4444;--bg: #141317;--surface: #1e1d22;--heat-from: #374151;--heat-to: #e5e7eb;--seal: #e2705a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32), 0 1px 3px rgba(0, 0, 0, .44);--shadow-md: 0 2px 4px rgba(0, 0, 0, .36), 0 4px 12px rgba(0, 0, 0, .48);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .42), 0 12px 32px rgba(0, 0, 0, .56);--shadow-sheet: 0 -2px 8px rgba(0, 0, 0, .42), 0 -10px 32px rgba(0, 0, 0, .56);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--bg);font-size:var(--text-base);line-height:var(--leading-body)}:lang(ja){font-family:var(--font-ja)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app{max-width:960px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.app-header h1{font-size:22px;margin:0;letter-spacing:-.02em}.wordmark{display:flex;align-items:center;gap:9px}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;font-size:18px;font-weight:600;line-height:1}.header-actions{position:relative;display:flex;align-items:center;gap:12px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.content{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 760px){.content:has(.detail-panel){grid-template-columns:1fr 320px;align-items:start}}.empty,.muted{color:var(--muted);font-size:14px}.skeleton{display:grid;gap:8px;padding:2px 0}.skeleton-line{display:block;height:14px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line:nth-child(2){width:80%}.skeleton-line:nth-child(3){width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-line{animation:none}}.primary{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;margin-top:8px}.primary:disabled{background:var(--disabled)}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px}.import-label{border:1px dashed var(--line);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px}.dict-status{font-size:12px;color:var(--muted)}.url-row{display:flex;gap:6px}.url-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit;font-size:13px}.url-input:focus{border-color:var(--accent)}.url-row .primary{margin-top:0}.chk{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.export-btn{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--radius-full);padding:6px var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.export-btn:hover{border-color:var(--accent)}.export-btn:disabled{opacity:.6;cursor:default}.link.danger{color:var(--warn)}.icon-label{display:inline-flex;align-items:center;gap:var(--space-1)}.verified-badge{color:var(--ok);font-weight:700;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-1)}.furigana ruby{ruby-align:center}.furigana rt{font-size:.5em;color:var(--muted);font-weight:400;-webkit-user-select:none;user-select:none}.yk-hint{color:var(--muted);font-size:13px;margin:4px 0 0}.yk-error{color:var(--warn);font-size:13px;margin:8px 0 0}@media (pointer: coarse){.export-btn{min-height:44px}}.auth-close{position:absolute;top:10px;right:12px;border:none;background:none;color:var(--muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.auth-close:hover{color:var(--fg)}.manager-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:var(--overlay)}.manager-card{width:min(720px,96vw);max-height:90vh;max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000001f}.manager-head{display:flex;align-items:center;justify-content:space-between;position:relative}.manager-head h2{margin:0;font-size:20px}.theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:var(--overlay)}.theme-card{width:min(480px,96vw);max-height:90vh;max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000001f}.theme-section{margin-top:18px}.theme-section h3{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 759px){.app{padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.dict-status{display:none}input,select,textarea{font-size:max(16px,1em)}}.toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:60}.toast{padding:10px 16px;border-radius:10px;color:#fff;font-size:14px;box-shadow:0 6px 18px #00000026;display:flex;align-items:center;gap:12px}.toast-action{background:none;border:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;white-space:nowrap}.toast.info{background:var(--fg);color:var(--bg)}.toast.success{background:var(--ok)}.toast.warn{background:var(--warn)}.label-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.label-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--line));border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent) 12%,var(--surface));color:var(--accent);font-size:var(--text-xs);line-height:var(--leading-heading)}.label-chip-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;color:inherit;cursor:pointer}.label-chip-remove:hover{color:var(--warn)}.label-add{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.label-input{flex:1 1 12ch;min-width:12ch;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-md);color:var(--fg);background:var(--surface)}.label-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.bulk-label-actions{display:flex;gap:var(--space-3);margin:var(--space-3) 0 0}.bulk-label-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none;max-height:46vh;overflow-y:auto}.bulk-label-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.bulk-label-term{font-size:var(--text-md);font-weight:600;min-width:6ch}.bulk-label-current{border-color:var(--line);background:var(--surface);color:var(--muted)}@media (pointer: coarse){.label-chip{min-height:44px}.label-chip-remove{min-width:44px;min-height:44px}}.word-cloud .tag{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tag-popover{position:fixed;z-index:var(--z-sheet);width:260px;max-width:calc(100vw - var(--space-4));display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:tag-popover-in var(--dur-base) var(--ease-out)}@keyframes tag-popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.tag-popover{animation:none}}.tag-popover-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.tag-popover-term{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-heading)}.tag-popover-reading{color:var(--muted);font-size:var(--text-sm)}.tag-popover-gloss{margin:0;font-size:var(--text-sm);line-height:var(--leading-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-popover-meta{margin:0;font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}.tag-popover-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag-popover-actions .chip-toggle.danger{margin-left:auto}@media (pointer: coarse){.tag-popover-actions .chip-toggle{min-height:44px;padding:0 var(--space-4)}}.filter-bar{position:relative;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-bottom:16px}.filter-toggle{display:none;align-items:center;gap:6px}.filter-controls{display:contents}@media (max-width: 759px){.filter-toggle{display:inline-flex}.filter-controls{display:none}.filter-controls.open{display:grid;gap:10px;justify-items:start;position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:230px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0000001f}}.sort-select{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.sort-select select{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font:inherit;font-size:13px;color:var(--fg);background:var(--surface);cursor:pointer}.added-range{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.added-range input[type=date]{border:1px solid var(--line);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);cursor:pointer}@media (pointer: coarse){.added-range input[type=date]{min-height:44px;font-size:var(--text-md)}}.chip-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip-toggle:hover{border-color:var(--accent)}.chip-toggle.on{background:color-mix(in oklab,var(--accent) 13%,var(--surface));border-color:var(--accent);color:var(--accent)}.chip-toggle.danger{display:inline-flex;align-items:center;gap:var(--space-1);background:color-mix(in oklab,var(--warn) 12%,var(--surface));border-color:color-mix(in oklab,var(--warn) 35%,var(--line));color:color-mix(in oklab,var(--warn) 62%,var(--fg))}.chip-toggle.danger:hover{background:color-mix(in oklab,var(--warn) 20%,var(--surface));border-color:var(--warn)}.review-btn{margin-left:auto;background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px}.review-btn:disabled{background:var(--disabled);cursor:not-allowed}.listen-btn{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base)}.listen-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.listen-btn:disabled{color:var(--disabled);cursor:not-allowed}.cloud-area{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-height:220px}.cloud-area>.empty{display:grid;place-items:center;min-height:180px;text-align:center;margin:0}.word-cloud{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.cloud-groups{display:flex;flex-direction:column;gap:18px}.cloud-group-head{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cloud-group-head .link{font-size:13px}.tag{position:relative;height:38px;display:inline-flex;align-items:center;padding:0 14px;border:none;border-radius:8px;cursor:pointer;font-size:15px;line-height:1;transition:transform .05s ease}.tag:hover{transform:translateY(-1px)}.tag.relapsed{box-shadow:inset 0 0 0 2px var(--warn)}.tag.due{outline:2px solid var(--accent);outline-offset:1px}.tag.dimmed{opacity:.35}.tag .badge{position:absolute;top:-6px;right:-6px;background:var(--warn);color:#fff;width:16px;height:16px;border-radius:50%;font-size:11px;font-weight:700;display:grid;place-items:center}.badge.inline{position:static;width:auto;height:auto;padding:1px 6px;border-radius:999px}.learned-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:8px 0 4px}.learned-head h2{margin:0;font-size:20px}.review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;z-index:50}.review-card{background:var(--surface);border-radius:16px;padding:24px;width:min(520px,92vw);max-height:90vh;max-height:90dvh;display:flex;flex-direction:column}.review-progress{color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center}.leech-note{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:8px 10px;border-radius:10px;background:color-mix(in oklab,var(--caution) 10%,var(--surface))}.leech-badge{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:color-mix(in oklab,var(--caution) 16%,var(--surface));color:color-mix(in oklab,var(--caution) 62%,var(--fg))}.leech-hint{color:var(--fg);font-size:13px;line-height:1.5}.flashcard{border:1px solid var(--line);border-radius:12px;padding:28px;margin:14px 0;min-height:160px;cursor:pointer;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.flashcard .front{font-size:26px;font-weight:600;text-align:center}.flashcard .back{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;font-size:16px}.flashcard .hint{text-align:center;color:var(--muted);font-size:13px;margin-top:16px}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade{display:flex;flex-direction:column;gap:2px;border:none;border-radius:10px;padding:10px 6px;cursor:pointer;transition:filter var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.grade:hover{filter:brightness(1.08)}.grade:active{filter:brightness(.92);transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.grade{transition:none}}.grade-label{font-weight:600}.grade-key{opacity:.7;font-weight:400;font-size:11px}.grade-interval{font-size:11px;opacity:.9}.grade.again{background:var(--warn)}.grade.hard{background:var(--caution)}.grade.good{background:var(--ok)}.grade.easy{background:var(--accent)}.grade-hint{margin:6px 0 0;font-size:12px;color:var(--muted);text-align:center}.reading-attempt{display:grid;gap:6px;margin-top:16px;text-align:center}.reading-attempt label{font-size:13px;color:var(--muted)}.reading-attempt input{height:44px;padding:0 14px;font-size:16px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg)}.reading-attempt input:focus{border-color:var(--accent)}.reading-feedback{margin:0 0 12px;font-size:13px}.reading-feedback.correct{color:var(--ok)}.reading-feedback.wrong{color:var(--warn)}.review-summary{margin-top:14px;text-align:left;display:grid;gap:10px}.review-breakdown{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px}.review-breakdown li{display:inline-flex;align-items:center;gap:6px}.review-breakdown b{font-variant-numeric:tabular-nums}.grade-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.grade-dot.again{background:var(--warn)}.grade-dot.hard{background:var(--caution)}.grade-dot.good{background:var(--ok)}.grade-dot.easy{background:var(--accent)}.review-graduated,.review-forgotten p,.review-forecast{margin:0;font-size:13px;color:var(--muted)}.seal-badge{color:var(--seal);font-weight:700}.review-forgotten{display:grid;gap:6px;justify-items:start}.review-footer{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.review-footer .close{margin-left:auto}.review-footer .link[disabled]{opacity:.45;cursor:default}.review-card.done{text-align:center}.review-dict-toggle{margin-top:10px}.review-dict-status{margin:8px 0 0;font-size:13px}.review-dict{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.review-dict-label{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--muted)}.review-dict .result:first-child{border-top:none;padding-top:0}.review-dict .result+.result{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.guest-backup-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;padding:10px 14px;border:1px solid color-mix(in oklab,var(--caution) 35%,var(--line));border-radius:12px;background:color-mix(in oklab,var(--caution) 10%,var(--surface))}.guest-backup-banner .gbb-text{margin:0;flex:1 1 260px;font-size:14px;color:var(--fg)}.guest-backup-banner .gbb-actions{display:flex;gap:14px;flex-wrap:wrap}.guest-backup-banner .gbb-actions .link{font-size:14px;white-space:nowrap}@media (pointer: coarse){.tag{height:44px;padding:0 16px}}.flashcard .front.front-meaning{font-size:18px;font-weight:500}.front-meaning ol{margin:0;padding-left:1.5em;text-align:left;display:grid;gap:6px}.review-card{position:relative}.flashcard.swipeable{touch-action:none}.flashcard.swipeable.can-scroll{touch-action:pan-y}.flashcard.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;transform:translate(calc(var(--swipe-x, 0px) / 3),calc(var(--swipe-y, 0px) / 3))}.swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:grid;place-items:center}.swipe-hint-label{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:600;box-shadow:var(--shadow-md)}.swipe-hint-interval{margin-left:var(--space-2);font-size:var(--text-sm);font-weight:400;opacity:.9}.swipe-hint-label.again{background:var(--warn)}.swipe-hint-label.hard{background:var(--caution)}.swipe-hint-label.good{background:var(--ok)}.swipe-hint-label.easy{background:var(--accent)}@media (prefers-reduced-motion: reduce){.flashcard.dragging{transform:none}}.grad-seal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:grid;place-content:center;justify-items:center;gap:var(--space-2)}.grad-seal-fx{display:grid;justify-items:center;gap:var(--space-2);animation:grad-seal-stamp 1.5s var(--ease-out) both}.grad-seal-stamp{padding:var(--space-4);aspect-ratio:1;display:grid;place-items:center;border:3px solid var(--seal);border-radius:var(--radius-lg);color:var(--seal);font-size:var(--text-3xl);font-weight:700;line-height:1;background:color-mix(in oklab,var(--seal) 8%,var(--surface));transform:rotate(-8deg)}.grad-seal-term{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--fg);font-size:var(--text-sm);font-weight:600}@keyframes grad-seal-stamp{0%{opacity:0;transform:scale(1.9)}16%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.grad-seal-fx{animation:none}}.meaning-view{display:grid;gap:8px}.meaning-headword{font-size:24px;font-weight:600;line-height:1.4}.meaning-pos{display:flex;gap:4px;flex-wrap:wrap}.meaning-view .senses{margin:0}.meaning-view.collapsed .gloss{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meaning-more{align-self:start;padding:0;margin-top:2px;font-size:13px}.meaning-examples{display:grid;gap:6px;margin-top:8px}.meaning-example{margin:0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 8px 8px 0;color:var(--fg);font-size:14px;line-height:1.6;display:grid;gap:6px}.meaning-example-text{margin:0}.meaning-ai{font-size:13px}.meaning-ai>summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:600;list-style:none;-webkit-user-select:none;user-select:none}.meaning-ai>summary::-webkit-details-marker{display:none}.meaning-ai>summary:before{content:"▸ "}.meaning-ai[open]>summary:before{content:"▾ "}.meaning-ai-body{display:grid;gap:4px;margin-top:4px;padding:6px 10px;background:var(--surface);border-radius:8px;font-size:13px;line-height:1.5;color:var(--fg)}.meaning-ai-body p{margin:0}.meaning-ai-label{font-weight:600;color:var(--muted)}.listen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background:var(--overlay)}.listen-panel{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(480px,100%);max-height:92dvh;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.listen-head{display:flex;align-items:center;justify-content:space-between}.listen-progress{font-size:var(--text-sm);color:var(--muted)}.listen-close{display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:none;color:var(--muted);cursor:pointer}.listen-close:hover{background:var(--surface-2);color:var(--fg)}.listen-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:220px;padding:var(--space-5) var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--fg);font:inherit;text-align:center;cursor:pointer}.listen-term{font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-heading)}.listen-term:lang(ja){font-family:var(--font-ja);font-size:44px}.listen-reading{font-size:var(--text-md);color:var(--muted)}.listen-reading:lang(ja){font-family:var(--font-ja)}.listen-meaning{margin-top:var(--space-2);font-size:var(--text-lg);color:var(--fg);line-height:var(--leading-body);min-height:calc(var(--text-lg) * var(--leading-body))}.listen-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.listen-nav,.listen-play{display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.listen-nav{width:56px;height:56px}.listen-nav:hover{background:var(--surface-2)}.listen-play{width:80px;height:80px;border-color:transparent;background:var(--accent);color:#fff}.listen-play:hover{background:color-mix(in oklab,var(--fg) 12%,var(--accent))}.listen-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.listen-warn{margin:0;font-size:var(--text-sm);color:var(--warn);text-align:center}.listen-empty{margin:0;text-align:center;color:var(--muted);line-height:var(--leading-body)}.listen-done{align-self:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font:inherit;min-height:44px;padding:0 var(--space-5);cursor:pointer}.listen-done:hover{background:var(--surface-2)}.searchbar{position:relative;margin-bottom:12px}.search-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pair-menu-button{height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font-size:12px;cursor:pointer;white-space:nowrap}.pair-menu-button:hover{border-color:var(--accent)}.caret{display:inline-flex;align-items:center}.pair-menu-button .caret{color:var(--muted)}.pair-menu-button .scope-source{color:var(--muted);font-size:11px;border-left:1px solid var(--line);padding-left:5px}.search-input{flex:1 1 130px;min-width:0;height:46px;padding:0 14px;font-size:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg)}.search-input:focus{border-color:var(--accent)}.search-icon-btn{flex:none;height:46px;width:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);font-size:16px;cursor:pointer}.search-icon-btn:hover{border-color:var(--accent)}.search-icon-btn[disabled]{cursor:default}.btn-spinner{width:1em;height:1em;border-radius:var(--radius-full);border:2px solid color-mix(in oklab,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:btn-spin var(--dur-slow) linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn-spinner{animation:none}}@media (max-width: 419px){.pair-menu-button{padding:0 8px;gap:4px}.pair-menu-button .scope-source{padding-left:4px}}.suggestions{position:absolute;z-index:10;top:100%;left:0;right:0;margin:4px 0 0;list-style:none;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #00000014;max-height:320px;overflow:auto}.suggestions li button{display:flex;gap:8px;align-items:baseline;width:100%;background:none;border:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.suggestions li button:hover,.suggestions li.active button{background:var(--surface-2)}.sug-term{font-weight:600}.sug-reading{color:var(--muted);font-size:12px}.sug-def{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-tool.active{border-color:var(--accent);color:var(--accent);background:var(--surface-2)}.handwriting-pad{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;margin-top:8px;padding:10px;width:min(100%,26em);border:1px solid var(--line);border-radius:12px;background:var(--surface)}.handwriting-canvas-wrap{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.handwriting-canvas{display:block;width:100%;height:100%;color:var(--fg);touch-action:none;cursor:crosshair}.handwriting-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:20px;pointer-events:none}.handwriting-side{display:grid;grid-template-rows:repeat(6,1fr);gap:6px}.hw-clear,.hw-candidate{min-width:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font-size:22px;cursor:pointer}.hw-clear{font-size:16px}.hw-candidate:hover:not(:disabled),.hw-clear:hover{border-color:var(--accent)}.hw-candidate:disabled{color:var(--disabled);cursor:default}.handwriting-error{grid-column:1 / -1;margin:4px 0 0;color:var(--warn);font-size:13px}.search-tool-row{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.search-tool-row>:first-child{flex:0 1 auto;min-width:0}.instant-actions{flex:1 1 16em;min-width:0;max-height:360px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.instant-actions-title{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--muted)}.instant-actions-empty{margin:0;padding:10px 2px;color:var(--disabled);font-size:13px}.instant-actions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.instant-actions-list li button{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 8px;width:100%;text-align:left;background:none;border:none;padding:7px 8px;border-radius:8px;cursor:pointer;font:inherit}.instant-actions-list li button:hover{background:var(--surface-2)}.ia-term{grid-column:1;font-weight:600}.ia-reading{grid-column:1;grid-row:2;color:var(--muted);font-size:12px}.ia-def{grid-column:2;grid-row:1 / span 2;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 759px){.search-tool-row{flex-direction:column}.instant-actions{display:none}}.radical-picker{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.radical-picker.loading{color:var(--muted);font-size:14px}.radical-results{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start;min-height:40px;max-height:116px;overflow-y:auto;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.radical-hint{color:var(--muted);font-size:13px;padding:8px 2px}.radical-error{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.radical-retry{padding:6px 12px;font-size:13px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent)}.radical-retry:hover{border-color:var(--accent)}.radical-reset{flex:none;min-width:38px;height:38px;font-size:14px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}.radical-reset:hover{border-color:var(--accent);color:var(--accent)}.radical-kanji{min-width:38px;height:38px;font-size:22px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg)}.radical-kanji:hover{border-color:var(--accent)}.radical-grid{display:flex;flex-direction:column;gap:6px;max-height:42vh;overflow-y:auto}.radical-group{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.radical-strokes{flex:none;width:1.8em;text-align:right;color:var(--muted);font-size:12px}.radical-btn{min-width:34px;height:34px;font-size:18px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg)}.radical-btn:hover:not(:disabled){border-color:var(--accent)}.radical-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.radical-btn:disabled{color:var(--disabled);border-color:var(--line);background:var(--surface);cursor:default;opacity:.5}@media (pointer: coarse){.suggestions li button{padding:12px 10px}.radical-btn{min-width:44px;height:44px}}.search-home{display:grid;gap:var(--space-5);max-width:560px;justify-items:start}.search-home-hint{margin:0}.search-home-section{display:grid;gap:var(--space-2);justify-items:start;width:100%}.search-home-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.search-home-words{display:flex;gap:var(--space-2);flex-wrap:wrap}.search-home-word{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.search-home-word:hover{border-color:var(--accent)}.search-home-reading{color:var(--muted);font-size:var(--text-sm)}.search-home-count{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.search-home-clear{padding:0}@media (pointer: coarse){.search-home-word{min-height:44px}}.add-to-list{position:relative;margin:4px 0}.add-to-list-menu{position:absolute;z-index:10;top:100%;left:0;min-width:220px;margin-top:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #0000001f;padding:8px}.atl-new{display:flex;gap:6px;margin-bottom:6px}.atl-new input{flex:1;min-width:0;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:6px}.add-to-list-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:180px;overflow-y:auto}.add-to-list-menu li button{width:100%;text-align:left;font-size:13px;padding:4px 6px;border-radius:6px}.add-to-list-menu li button:hover{background:var(--line)}.atl-status{margin:6px 0 0;font-size:12px}.word-comments{border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-3);display:grid;gap:var(--space-3)}.word-comments .comment-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.word-comments .comment-more{justify-self:start;font-size:var(--text-xs)}.word-comments .comment{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-2)}.word-comments .comment-meta{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.word-comments .comment-author{font-weight:600;color:var(--fg)}.word-comments .comment-del{margin-left:auto;align-self:center;display:inline-flex;padding:0 var(--space-1)}.word-comments .comment-body{margin:var(--space-1) 0 0;line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.word-comments .comment-form{display:grid;gap:var(--space-2)}.word-comments .comment-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2);font:inherit}.word-comments .comment-form .primary{justify-self:start}.word-comments .comment-error{font-size:var(--text-xs);margin:0}@media (max-width: 759px){.word-comments .comment-form textarea{font-size:max(16px,1em)}}.detail-panel{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 0 0;padding:14px;max-height:75vh;max-height:75dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000029;animation:sheet-in .22s ease}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:var(--overlay);animation:backdrop-in .22s ease}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.5}}@keyframes backdrop-in{0%{opacity:0}}@media (min-width: 760px){.detail-panel{position:sticky;top:16px;bottom:auto;left:auto;right:auto;z-index:auto;align-self:start;border-radius:12px;box-shadow:none;animation:none;max-height:none;overflow:visible}.detail-panel.stuck{max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:auto}.detail-backdrop{display:none}}.detail-panel{overflow-wrap:break-word}.detail-panel header{display:flex;align-items:baseline;gap:8px}.detail-panel header h2{margin:0;font-size:18px}.detail-panel .reading{color:var(--muted);font-size:13px}.detail-panel .close{margin-left:auto}.definitions{padding-left:18px;margin:10px 0}.definitions li{margin:4px 0}.custom-def textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}.custom-def .danger{color:var(--warn);margin:0 0 4px}.srs-bar{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line)}.srs-status{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.srs-status.neutral{background:var(--surface-2);color:var(--muted)}.srs-status.learning{background:color-mix(in oklab,var(--accent) 13%,var(--surface));color:color-mix(in oklab,var(--accent) 60%,var(--fg))}.srs-status.learned{background:color-mix(in oklab,var(--ok) 14%,var(--surface));color:color-mix(in oklab,var(--ok) 60%,var(--fg))}.srs-status.relapsed{background:color-mix(in oklab,var(--warn) 14%,var(--surface));color:color-mix(in oklab,var(--warn) 60%,var(--fg))}.srs-count{font-size:12px;color:var(--muted);white-space:nowrap}.srs-count b{color:var(--fg);font-weight:600}.srs-acts{margin-left:auto;display:flex;gap:2px}.srs-act{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;padding:4px 7px;border-radius:7px;color:var(--fg);display:inline-flex;align-items:center;justify-content:center}.srs-act:hover{background:var(--surface-2)}.srs-act.danger{color:var(--warn)}.srs-act.danger:hover{background:color-mix(in oklab,var(--warn) 14%,var(--surface))}.srs-mark-known{margin-left:auto;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:13px;padding:5px 12px;border-radius:999px;white-space:nowrap}.srs-mark-known:hover{filter:brightness(1.05)}.detail-panel .results{display:grid;gap:16px;margin:10px 0;grid-template-columns:minmax(0,1fr)}.detail-panel .section-label{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.detail-panel .saved-meaning+.results{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.result{border-top:1px solid var(--line);padding-top:12px}.result:first-child{border-top:none;padding-top:0}.result-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.headword{font-size:24px;font-weight:600;line-height:1.4}.result:first-child .headword{font-size:28px}.pronounce-btn{align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);border:none;border-radius:var(--radius-xs);background:none;color:var(--muted);cursor:pointer;line-height:1;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.pronounce-btn:hover{color:var(--fg);background:var(--surface-2)}.pronounce-btn.speaking{color:var(--accent)}.dict-name{font-size:11px;color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:999px;margin-left:auto}.add-result{margin-left:auto;font-size:13px;font-weight:600;line-height:1;padding:4px 10px;align-self:center;white-space:nowrap}.add-result:disabled{color:var(--ok);opacity:1;cursor:default}.add-error{flex-basis:100%;color:var(--warn);font-size:12px}.reasons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0;font-size:12px}.reasons-base{font-weight:600}.reason-chip{background:var(--reason-bg);color:var(--reason-fg);padding:2px 8px;border-radius:999px}.reason-chip:before{content:"↞ ";color:var(--muted)}.fuzzy-divider{margin:14px 0 6px;font-size:12px;border-top:1px dashed var(--line);padding-top:10px}.detail-panel .results-secondary{display:grid;gap:2px;grid-template-columns:minmax(0,1fr)}.detail-panel .results-secondary>*{min-width:0}.result-compact{display:flex;align-items:baseline;gap:8px}.result-compact-main{display:flex;gap:8px;align-items:baseline;flex:1;min-width:0;background:none;border:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.result-compact-main:hover{background:var(--surface-2)}.result-compact-main .sug-term{font-size:16px;white-space:nowrap}.result-compact-main .sug-def{flex:1;min-width:0}.result-compact .add-compact{align-self:center;flex:none}@media (pointer: coarse){.result-compact-main{min-height:44px}}.term-tags{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.pronunciations{display:grid;gap:4px;margin:8px 0}.pron-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pron-dict{font-size:11px;color:var(--muted)}.ipa{display:inline-flex;align-items:center;gap:4px}.ipa-text{font-size:15px;color:var(--fg);font-family:Charis SIL,Doulos SIL,Gentium,serif}.ipa-tag{font-size:10px;color:var(--muted);background:var(--surface-2);padding:1px 6px;border-radius:999px}.senses{margin:8px 0 0;padding-left:20px;display:grid;gap:8px}.sense{line-height:1.5}.sense-tags{display:inline-flex;gap:4px;flex-wrap:wrap;margin-right:6px;vertical-align:baseline}.sense-body{display:inline}.gloss{margin:2px 0}.sense-examples{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.sense-examples .example{font-size:13px;line-height:1.5}.example-ja{display:block}.example-vi{display:block;color:var(--muted)}.admin-actions{display:flex;align-items:center;gap:12px}.admin-actions .danger{color:var(--warn);font-size:12px}.headword-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 2px}.jlpt-badge{font-size:11px;font-weight:600;color:#fff;background:var(--accent);padding:1px 7px;border-radius:999px}.hanviet,.kanji-badges .han-viet{font-size:var(--text-xs);color:var(--hanviet-fg);background:var(--hanviet-bg);padding:1px 8px;border-radius:999px;letter-spacing:.02em}.pitches{display:grid;gap:6px;margin:8px 0}.pitch{display:inline-flex;padding-top:6px}.pitch-mora{font-size:15px;padding:0 1px;border-top:2px solid transparent}.pitch-mora.high{border-top-color:var(--fg)}.pitch-mora.drop{border-right:2px solid var(--fg)}.word-images{display:flex;gap:6px;overflow-x:auto;margin:10px 0;padding-bottom:4px}.word-image{flex:0 0 auto}.word-image img{height:72px;width:auto;border-radius:6px;object-fit:cover;display:block;background:var(--line)}.community-comments{margin-top:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-3);display:grid;gap:var(--space-3)}.community-comments-head{font-size:var(--text-sm);font-weight:600}.community-comments ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.community-comments .comment{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;gap:var(--space-2)}.community-comments .comment-avatar{width:24px;height:24px;border-radius:50%;flex:0 0 auto}.community-comments .comment-body{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.community-comments .comment-meta{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.community-comments .comment-author{font-weight:600;color:var(--fg)}.community-comments .comment-more{justify-self:start;font-size:var(--text-xs)}.pos-tag,.term-tag{--tag-color: #8a8a91;display:inline-block;font-size:var(--text-xs);font-weight:600;line-height:1.5;color:color-mix(in oklab,var(--tag-color) 65%,var(--fg));background:color-mix(in oklab,var(--tag-color) 14%,var(--surface));padding:0 6px;border-radius:var(--radius-xs);white-space:nowrap;cursor:help}.pos-tag[data-category=partOfSpeech]{--tag-color: #565656}.pos-tag[data-category=expression],.term-tag[data-category=expression]{--tag-color: #d99b2b}.pos-tag[data-category=popular],.term-tag[data-category=popular]{--tag-color: #0275d8}.pos-tag[data-category=frequent],.term-tag[data-category=frequent]{--tag-color: #46a4bb}.pos-tag[data-category=frequency],.term-tag[data-category=frequency]{--tag-color: #5cb85c}.pos-tag[data-category=archaism],.term-tag[data-category=archaism]{--tag-color: #d9534f}.pos-tag[data-category=name],.term-tag[data-category=name]{--tag-color: #b6327a}.pos-tag[data-category=dictionary],.term-tag[data-category=dictionary]{--tag-color: #aa66cc}.freq-tags{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.freq-tag{--freq-color: #64748b;display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;padding:0 6px;border-radius:4px;color:#fff;background:var(--freq-color);white-space:nowrap;cursor:help}.freq-tag b{font-weight:600}.freq-tag[data-freq-color="0"]{--freq-color: #0e7490}.freq-tag[data-freq-color="1"]{--freq-color: #6d28d9}.freq-tag[data-freq-color="2"]{--freq-color: #b45309}.freq-tag[data-freq-color="3"]{--freq-color: #be185d}.freq-tag[data-freq-color="4"]{--freq-color: #4d7c0f}.freq-tag[data-freq-color="5"]{--freq-color: #1d4ed8}.sc-ul,.sc-ol{margin:4px 0;padding-left:18px}.sc-li{margin:2px 0}.sc-b,.sc-strong{font-weight:700}.sc-em,.sc-i{font-style:italic}.sc-table-container{overflow-x:auto;margin:6px 0;max-width:100%}.sc-table{border-collapse:collapse}.sc-td,.sc-th{border:1px solid var(--line);padding:3px 8px;font-size:13px}.sc-th{background:var(--surface-2);font-weight:600}.sc-details{margin:4px 0}.sc-summary{cursor:pointer;font-weight:600;color:var(--muted);font-size:13px}.sc-img{color:var(--muted);font-size:12px}.sc-link{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline}[data-sc-content=glosses]{padding-left:18px;margin:2px 0}[data-sc-content=preamble]{font-size:13px}[data-sc-content=example-sentence]{margin:4px 0 4px 2px;padding-left:10px;border-left:2px solid var(--line)}[data-sc-content=example-sentence-a]{color:var(--fg)}[data-sc-content=example-sentence-b],[data-sc-content=example-sentence-c]{color:var(--muted);font-size:.95em}[data-sc-content=bold-text]{font-weight:600}[data-sc-content=synonyms],[data-sc-content=synonyms-label]{font-size:13px;color:var(--muted)}[data-sc-content=backlink]{margin-top:8px;font-size:11px;color:var(--muted)}[data-sc-content=backlink] .sc-link{color:var(--muted)}.propose-btn{margin-top:4px}.kanji-breakdown{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.kanji-breakdown h4{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.kanji-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.kanji-card-main{display:flex;gap:12px;align-items:flex-start}.kanji-literal{font-size:40px;line-height:1;font-weight:600;flex:none}.kanji-info{flex:1;min-width:0}.kanji-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kanji-badges .badge{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--fg)}.kanji-badges .badge.jlpt{color:#fff;background:var(--accent);font-weight:600}.kanji-badges .badge.muted{color:var(--muted)}.kanji-meanings{margin:6px 0 4px;font-size:14px}.kanji-readings{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0 0;font-size:13px}.kanji-readings dt{color:var(--muted)}.kanji-readings dd{margin:0}.kanji-components{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.kanji-components .component{font-size:18px;padding:0 4px;border:1px solid var(--line);border-radius:6px}.kanji-toggles{margin-top:8px;display:flex;gap:14px}.kanji-toggles .link{font-size:13px;padding:0}.kanji-strokes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.kanji-strokes-skeleton{width:120px;margin-top:8px}.stroke-panel{width:56px;height:56px}.stroke-panel .sp-frame{fill:none;stroke:var(--line);stroke-width:2}.stroke-panel .sp-grid{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:5 5}.stroke-panel .sp-done,.stroke-panel .sp-current{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stroke-panel .sp-done{stroke:var(--muted);opacity:.5}.stroke-panel .sp-current{stroke:var(--fg)}.stroke-panel .sp-start{fill:var(--warn)}.stroke-panel .sp-num{fill:var(--muted);font-size:11px;dominant-baseline:hanging;-webkit-user-select:none;user-select:none}.kanji-hit{color:var(--accent);font-weight:700}.kanji-examples{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.kanji-examples li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px}.kanji-examples .example-word{font-weight:600;color:var(--fg)}.kanji-examples .reading{font-size:12px;color:var(--muted)}.kanji-examples .han-viet{font-size:var(--text-xs);color:var(--hanviet-fg)}@media (pointer: coarse){.kanji-toggles .link{padding:6px 0}.srs-act{padding:8px 10px}.pronounce-btn{min-width:44px;min-height:44px}}.share-countdown{color:var(--muted);font-variant-numeric:tabular-nums}.menu-group-label{margin:8px 6px 4px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dict-import-panel .menu-group-label:first-child{margin-top:2px}.dict-import-panel .scope-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dict-import-panel .scope-list button{width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--fg)}.dict-import-panel .scope-list button:hover{background:var(--surface-2)}.dict-import-panel .scope-list button.active{background:color-mix(in oklab,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:600}.dict-import{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dict-import-panel{position:absolute;top:100%;right:0;z-index:30;margin-top:6px;width:min(360px,90vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:12px;display:grid;gap:10px}.dict-import-panel>*{min-width:0}.local-dict-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.local-dict-list li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px;background:var(--surface-2);min-width:0}.local-dict-list .link{white-space:nowrap}.ld-title{font-weight:600;flex:1;min-width:6ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-meta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.proposal{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:8px;background:var(--surface-2)}.proposal-body{flex:1;display:grid;gap:2px;min-width:0}.proposal-head{font-weight:600}.proposal-gloss{font-size:13px}.proposal-acts{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.theme-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: reduce){.fx-layer *,.fx-layer{animation:none!important}}.fx-layer[data-speed=none] *,.fx-layer[data-speed=none]{animation:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--surface-2)}.auth-card{width:min(380px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px #0000000f}.auth-card h1{margin:0;font-size:26px;letter-spacing:-.02em}.auth-card .muted.small{font-size:12px;margin-top:16px}.auth-google-wrap{display:flex;justify-content:center;margin:22px 0 6px;min-height:44px}.auth-dev-login{display:block;width:100%;margin:6px 0 0;padding:8px;border:1px dashed var(--line);border-radius:8px;background:var(--surface);cursor:pointer;font:inherit;color:var(--muted)}.auth-dev-login:hover{border-color:var(--fg);color:var(--fg)}.auth-error{color:var(--warn);font-size:13px;margin:8px 0 0}.auth-notice{margin:12px 0 0;padding:10px 14px;font-size:13px;color:var(--fg);border:1px solid color-mix(in oklab,var(--caution) 35%,var(--line));border-radius:12px;background:color-mix(in oklab,var(--caution) 10%,var(--surface))}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:var(--overlay)}.auth-overlay .auth-card{position:relative}.auth-guest{display:block;margin-top:10px;width:100%;text-align:center}.yk-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.yk-copy{margin-top:0;white-space:nowrap}.yk-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.5}.yk-stores{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.yk-store{display:inline-flex;align-items:center;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);text-decoration:none;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out)}.yk-store:hover{border-color:var(--accent)}.yk-store-main{background:var(--accent);border-color:var(--accent);color:#fff}@media (pointer: coarse){.yk-store{min-height:44px}}.yk-steps em{font-style:normal;font-weight:600}.pm-intro{margin:var(--space-4) 0 0;font-size:var(--text-base);line-height:var(--leading-body)}.pm-benefits{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:var(--space-3)}.pm-benefits li{position:relative;padding-left:var(--space-5)}.pm-benefits li:before{content:"";position:absolute;left:0;top:calc(var(--text-md) * var(--leading-heading) / 2 - var(--space-1));width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--accent)}.pm-benefits h3{margin:0;font-size:var(--text-md);font-weight:600;line-height:var(--leading-heading)}.pm-benefits p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-body)}.premium-status{color:var(--ok);font-weight:600}.premium-code-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px}.premium-code-list li{display:flex;align-items:center;gap:8px;font-size:13px}.premium-code-list code{font-family:monospace;letter-spacing:.5px}.premium-code-list code.used{text-decoration:line-through;color:var(--muted)}:root{--app-nav-h: 56px}.app-header .searchbar{margin-bottom:0}.app-nav-item{display:grid;justify-items:center;gap:2px;padding:var(--space-1) var(--space-2);background:none;border:none;border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.app-nav-item:hover{color:var(--fg)}.app-nav-item.active{color:var(--accent)}.app-nav-icon{position:relative;display:inline-flex}.app-nav-badge{position:absolute;top:-4px;right:-10px;min-width:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--seal);color:#fff;font-size:var(--text-xs);line-height:16px;text-align:center}@media (max-width: 759px){.app-nav-brand{display:none}.app-header{flex-wrap:wrap}.app-header .searchbar{order:1;flex-basis:100%}.app-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--app-nav-h) + env(safe-area-inset-bottom));padding:var(--space-1) max(var(--space-2),env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--space-2),env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line)}.app{padding-bottom:calc(var(--app-nav-h) + var(--space-3) + env(safe-area-inset-bottom))}}@media (min-width: 760px){.app{display:grid;grid-template-columns:176px minmax(0,1fr);gap:var(--space-6);align-items:start;max-width:1160px}.app-nav{position:sticky;top:var(--space-4);display:grid;gap:var(--space-1);align-content:start}.app-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-base);text-align:left}.app-nav-item.active{background:color-mix(in oklab,var(--accent) 10%,transparent)}.app-nav-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.wordmark{display:none}.app-header{align-items:flex-start}.app-header .searchbar{flex:1}.app-header .header-actions{min-height:46px}}.app-main{min-width:0}.words-tabs{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-4)}.words-tab{padding:6px var(--space-3);border:none;border-radius:var(--radius-full);background:none;color:var(--muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.words-tab:hover{color:var(--fg)}.words-tab.active{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.words-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.today-screen{display:grid;gap:var(--space-4);justify-items:start}.today-hero{width:100%;display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.today-hero-lang{justify-self:end}.today-hero-title{margin:0;font-size:var(--text-2xl);line-height:var(--leading-heading)}.today-hero-est{color:var(--muted);font-size:var(--text-lg);font-weight:400}.today-hero-sub{margin:0;color:var(--muted)}.today-hero-cta{margin-top:0;font-size:var(--text-md);padding:10px 20px}.today-activity{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.today-streak{margin:0}.today-streak-sub{color:var(--muted);font-size:var(--text-sm)}.today-days{display:flex;gap:var(--space-2)}.today-day{display:grid;justify-items:center;gap:2px}.today-day-track{display:flex;align-items:flex-end;width:14px;height:32px;border-radius:var(--radius-xs);background:var(--surface-2);overflow:hidden}.today-day-fill{width:100%;background:var(--accent);border-radius:inherit}.today-day-label{font-size:var(--text-xs);color:var(--muted)}.today-forgotten{display:grid;gap:var(--space-2);justify-items:start}.today-section-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.today-forgotten-words{display:flex;gap:var(--space-2);flex-wrap:wrap}.today-forgotten-word{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.today-forgotten-word:hover{border-color:var(--accent)}.today-forgotten-count{color:var(--muted);font-size:var(--text-xs)}.today-asset{font-size:var(--text-md);padding:0}.me-screen{display:grid;gap:var(--space-5);max-width:560px}.me-account{padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.me-account-name{font-weight:600;font-size:var(--text-md)}.me-account-sub{color:var(--muted);font-size:var(--text-sm)}.me-section{display:grid;justify-items:stretch}.me-section-title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--muted)}.me-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--line);font-size:var(--text-base);text-align:left}.me-section .me-item:last-child{border-bottom:none}.me-item-lock{color:var(--muted);flex:none}.me-item-check{color:var(--ok);flex:none}.ob-card{display:flex;flex-direction:column;gap:var(--space-4)}.ob-title{margin:0;font-size:var(--text-lg);line-height:var(--leading-heading)}.ob-lead{margin:var(--space-3) 0 0;font-size:var(--text-base);line-height:var(--leading-body)}.ob-hint{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-body)}.ob-dicts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.ob-status{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-body)}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.ob-dots{display:flex;gap:var(--space-2)}.ob-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--line)}.ob-dot.active{background:var(--accent)}.ob-actions{display:flex;align-items:center;gap:var(--space-3)}.qa-proxy{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4);background:var(--bg);color:var(--muted);font-size:var(--text-sm);text-align:center}