:root{--color-ink-50:#f3f5f8;--color-ink-100:#e3e8ef;--color-ink-200:#c6cfdd;--color-ink-300:#9aa9c1;--color-ink-400:#6b7f9e;--color-ink-500:#4a5f80;--color-ink-600:#364a68;--color-ink-700:#263650;--color-ink-800:#1a2739;--color-ink-900:#111b28;--color-accent-50:#fff2ef;--color-accent-100:#ffddd6;--color-accent-300:#ff9c86;--color-accent-500:#e2482a;--color-accent-600:#c33a1f;--color-accent-700:#9c2c15;--color-success:#16855c;--color-warning:#a35f00;--color-danger:#c0392b;--color-info:#2563a8;--srs-new:#9aa9c1;--srs-learning:#a85f10;--srs-review:#2563a8;--srs-mastered:#16855c;--topic-greeting:#0f766e;--topic-phone:#2563a8;--topic-email:#4338ca;--topic-meeting:#6d28d9;--topic-horenso:#a35f00;--topic-negotiation:#be185d;--topic-keigo:#a16207;--topic-numbers:#0e7490;--topic-hr:#137a54;--topic-trouble:#475569;--level-j5:#8d97a5;--level-j4:#7a8fa8;--level-j3:#2563a8;--level-j2:#16855c;--level-j1:#b8860b;--level-j1p:#e2482a;--bg-base:#ffffff;--bg-subtle:#f7f9fb;--bg-elevated:#ffffff;--text-primary:var(--color-ink-900);--text-secondary:var(--color-ink-500);--text-muted:var(--color-ink-400);--border-default:var(--color-ink-200);--font-vi:"Be Vietnam Pro","Inter",system-ui,-apple-system,sans-serif;--font-jp:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(17,27,40,0.06);--shadow-md:0 4px 12px rgba(17,27,40,0.08);--shadow-lg:0 12px 32px rgba(17,27,40,0.12)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base:#0e1620;--bg-subtle:#141f2c;--bg-elevated:#1a2739;--text-primary:#eef2f7;--text-secondary:#9aa9c1;--text-muted:#6b7f9e;--border-default:#263650;--color-accent-500:#ff6a4d;--color-accent-600:#e2482a;--color-success:#3fc08a;--color-warning:#e0a33a;--color-danger:#f07567;--color-info:#6aa9e8;--srs-learning:#e9a04a;--srs-review:#6aa9e8;--srs-mastered:#3fc08a;--topic-greeting:#4fd1c5;--topic-phone:#6aa9e8;--topic-email:#9aa5f5;--topic-meeting:#c4a6f7;--topic-horenso:#e0a33a;--topic-negotiation:#f489b4;--topic-keigo:#dcb45a;--topic-numbers:#4fc3d9;--topic-hr:#3fc08a;--topic-trouble:#a8b4c4;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5)}}:root[data-theme=dark]{--bg-base:#0e1620;--bg-subtle:#141f2c;--bg-elevated:#1a2739;--text-primary:#eef2f7;--text-secondary:#9aa9c1;--text-muted:#6b7f9e;--border-default:#263650;--color-accent-500:#ff6a4d;--color-accent-600:#e2482a;--color-success:#3fc08a;--color-warning:#e0a33a;--color-danger:#f07567;--color-info:#6aa9e8;--srs-learning:#e9a04a;--srs-review:#6aa9e8;--srs-mastered:#3fc08a;--topic-greeting:#4fd1c5;--topic-phone:#6aa9e8;--topic-email:#9aa5f5;--topic-meeting:#c4a6f7;--topic-horenso:#e0a33a;--topic-negotiation:#f489b4;--topic-keigo:#dcb45a;--topic-numbers:#4fc3d9;--topic-hr:#3fc08a;--topic-trouble:#a8b4c4;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5)}:root[data-accent=indigo]{--color-accent-500:#4f46e5;--color-accent-600:#4338ca}:root[data-accent=moss]{--color-accent-500:#4d7c3f;--color-accent-600:#3d6332}:root[data-accent=plum]{--color-accent-500:#7c3f6b;--color-accent-600:#653256}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-vi);font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased}.jp,[lang=ja]{font-family:var(--font-jp);font-feature-settings:"palt" 1}ruby>rt{font-size:.5em;color:var(--text-secondary)}[data-furigana=off] ruby>rt{display:none}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flip-scene{perspective:1400px}.flip-card{display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.45,.05,.25,1);will-change:transform}.flip-card[data-flipped=true]{transform:rotateY(180deg)}.flip-card.is-flipping{animation:flip-lift .8s cubic-bezier(.45,.05,.25,1)}@keyframes flip-lift{0%,to{scale:1}50%{scale:.94}}.flip-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity 0s linear .4s}.flip-scene.h-full .flip-card,.flip-scene.h-full .flip-face{height:100%;min-height:0}.flip-scene.h-full .flip-card{grid-template-rows:minmax(0,1fr)}.flip-scene.h-full .flip-face{overflow:hidden}@media (max-width:1023.98px){.flip-card{grid-template-rows:minmax(0,1fr)}.flip-card,.flip-face{height:100%;min-height:0}.flip-face{overflow:hidden}}.flip-face-back{transform:rotateY(180deg)}.flip-card[data-flipped=false] .flip-face-back,.flip-card[data-flipped=true] .flip-face-front{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.flip-card{transform:none!important;animation:none!important}.flip-face{transition:opacity .12s linear}}.stack-behind{position:absolute;inset:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}