:root{--bg-base:#f7f3ef;--bg-surface:#ffffff;--bg-elevated:#f0ece7;--bg-ds-elevated:#f0ece7;--bg-hover:#e8e4de;--bg-active:#ddd8d1;--bg-glass:rgba(255,255,255,0.55);--bg-glass-hover:rgba(255,255,255,0.70);--bg-glass-active:rgba(255,255,255,0.80);--bg-glass-strong:rgba(255,255,255,0.45);--bg-glass-panel:rgba(255,255,255,0.72);--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--text-primary:#1a1815;--text-secondary:#5c5650;--text-muted:#9e9790;--text-inverse:#f5f0eb;--ds-border:rgba(0,0,0,0.07);--ds-border-hover:rgba(0,0,0,0.13);--ds-border-focus:rgba(181,53,32,0.5);--ds-border-subtle:rgba(0,0,0,0.04);--ds-primary:#b53520;--ds-primary-hover:#9e2e1b;--ds-primary-light:#d05a45;--ds-primary-muted:rgba(181,53,32,0.08);--ds-primary-glow:rgba(181,53,32,0.15);--ds-accent:#4a6fa5;--ds-accent-hover:#3d5f8f;--ds-accent-light:#6b8fc0;--ds-accent-muted:rgba(74,111,165,0.08);--ds-accent-glow:rgba(74,111,165,0.12);--ds-success:#5b9a6e;--ds-success-muted:rgba(91,154,110,0.10);--ds-warning:#c4983a;--ds-warning-muted:rgba(196,152,58,0.10);--ds-error:#c44b4b;--ds-error-muted:rgba(196,75,75,0.10);--ds-info:#5b8ec4;--ds-info-muted:rgba(91,142,196,0.10);--ds-matcha:#7b9e6a;--ds-matcha-muted:rgba(123,158,106,0.10);--ds-gold:#c4a24e;--ds-gold-muted:rgba(196,162,78,0.12);--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 2px 6px rgba(0,0,0,0.06);--shadow-md:0 4px 14px rgba(0,0,0,0.08);--shadow-lg:0 8px 28px rgba(0,0,0,0.10);--shadow-xl:0 16px 48px rgba(0,0,0,0.14);--shadow-glow:0 0 24px var(--ds-primary-glow);--shadow-glow-accent:0 0 24px var(--ds-accent-glow);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--sp-0:0;--sp-px:1px;--sp-0-5:2px;--sp-1:4px;--sp-1-5:6px;--sp-2:8px;--sp-2-5:10px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--font-sans:"Inter","Noto Sans JP",system-ui,-apple-system,sans-serif;--font-jp:"Noto Sans JP","Hiragino Sans","Meiryo",sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--text-2xs:0.75rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:120ms var(--ease-out);--t-normal:200ms var(--ease-out);--t-slow:350ms var(--ease-out);--sidebar-w:240px;--sidebar-collapsed:60px;--topbar-h:56px;--bottom-nav-h:56px;--japanese-red-primary:#C4704A;--japanese-charcoal-dark:#2D3142;--japanese-brown-warm:#8B6F47;--japanese-beige-light:#F4F0E8;--japanese-blue-gray-cool:#7A8B99;--japanese-sage-green:#9CAF88;--grammar-noun:var(--japanese-charcoal-dark);--grammar-verb:var(--japanese-red-primary);--grammar-adjective:var(--japanese-brown-warm);--grammar-particle:var(--japanese-brown-warm);--grammar-adverb:var(--japanese-blue-gray-cool);--grammar-auxiliary:var(--japanese-red-primary);--grammar-other:var(--japanese-blue-gray-cool);--grammar-background:var(--japanese-beige-light);--primary-50:#f3f0ff;--primary-100:#e8def8;--primary-200:#d2c4df;--primary-300:#b69df8;--primary-400:#9777ff;--primary-500:var(--japanese-charcoal-dark);--primary-600:#5d4e8b;--primary-700:#4f3e73;--primary-800:#423459;--primary-900:#362a41}.dark,[data-theme=dark]{--bg-base:#0c0c0e;--bg-surface:#151518;--bg-elevated:#1e1e22;--bg-ds-elevated:#1e1e22;--bg-hover:#26262b;--bg-active:#2e2e34;--bg-glass:rgba(255,255,255,0.04);--bg-glass-hover:rgba(255,255,255,0.07);--bg-glass-active:rgba(255,255,255,0.10);--bg-glass-strong:rgba(255,255,255,0.06);--bg-glass-panel:rgba(21,21,24,0.75);--text-primary:#f5f0eb;--text-secondary:#a39e97;--text-muted:#6b6660;--text-inverse:#0c0c0e;--ds-border:rgba(245,240,235,0.07);--ds-border-hover:rgba(245,240,235,0.13);--ds-border-focus:rgba(200,60,40,0.5);--ds-border-subtle:rgba(245,240,235,0.04);--ds-primary:#c83c28;--ds-primary-hover:#b5321f;--ds-primary-light:#e0654e;--ds-primary-muted:rgba(200,60,40,0.12);--ds-primary-glow:rgba(200,60,40,0.20);--ds-accent:#4a6fa5;--ds-accent-hover:#3d5f8f;--ds-accent-light:#6b8fc0;--ds-accent-muted:rgba(74,111,165,0.12);--ds-accent-glow:rgba(74,111,165,0.18);--ds-success:#5b9a6e;--ds-success-muted:rgba(91,154,110,0.12);--ds-warning:#c4983a;--ds-warning-muted:rgba(196,152,58,0.12);--ds-error:#c44b4b;--ds-error-muted:rgba(196,75,75,0.12);--ds-info:#5b8ec4;--ds-info-muted:rgba(91,142,196,0.12);--ds-matcha:#7b9e6a;--ds-matcha-muted:rgba(123,158,106,0.12);--ds-gold:#c4a24e;--ds-gold-muted:rgba(196,162,78,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,0.30);--shadow-sm:0 2px 8px rgba(0,0,0,0.30);--shadow-md:0 4px 16px rgba(0,0,0,0.35);--shadow-lg:0 8px 32px rgba(0,0,0,0.40);--shadow-xl:0 16px 48px rgba(0,0,0,0.50);--japanese-red-primary:#F4C2A1;--japanese-charcoal-dark:#F0F4F8;--japanese-brown-warm:#C5A572;--japanese-beige-light:#0D1117;--japanese-blue-gray-cool:#9BB5C7;--japanese-sage-green:#9FD6A8;--grammar-noun:#E9D5CA;--grammar-verb:#9FD6A8;--grammar-adjective:#A8C8E1;--grammar-particle:#F4C2A1;--grammar-adverb:#C5A572;--grammar-auxiliary:#D8A8D1;--grammar-other:#9BB5C7;--grammar-background:#161B22;--primary-50:#1a1d29;--primary-100:#252936;--primary-200:#313544;--primary-300:#3e4252;--primary-400:#4c4f61;--primary-500:var(--japanese-charcoal-dark);--primary-600:#7a7d8f;--primary-700:#9a9daf;--primary-800:#babdcf;--primary-900:#dadef0}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.3}.dark body:before,[data-theme=dark] body:before{opacity:.5}.h1,h1{font-size:var(--text-3xl);line-height:1.2;letter-spacing:-.02em}.h1,.h2,h1,h2{font-weight:700}.h2,h2{font-size:var(--text-2xl);line-height:1.25;letter-spacing:-.015em}.h3,h3{font-size:var(--text-xl);line-height:1.3}.h3,.h4,h3,h4{font-weight:600}.h4,h4{font-size:var(--text-lg);line-height:1.35}.h5,h5{font-size:var(--text-md);line-height:1.4}.h5,.h6,h5,h6{font-weight:600}.h6,h6{font-size:var(--text-base);line-height:1.5}.text-fg{color:var(--text-primary)}.text-fg-secondary{color:var(--text-secondary)}.text-fg-muted{color:var(--text-muted)}.text-fg-inverse{color:var(--text-inverse)}.text-vermillion{color:var(--ds-primary)}.text-indigo{color:var(--ds-accent)}.bg-base{background-color:var(--bg-base)}.bg-ds-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-ds-hover{background-color:var(--bg-hover)}.bg-glass{background:var(--bg-glass)}.bg-glass,.bg-glass-strong{backdrop-filter:blur(var(--blur-md)) saturate(1.2);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.2)}.bg-glass-strong{background:var(--bg-glass-strong)}.bg-glass-panel{background:var(--bg-glass-panel);backdrop-filter:blur(var(--blur-xl)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(1.4)}.glass-surface{background:var(--bg-glass);backdrop-filter:blur(var(--blur-md)) saturate(1.2);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.2)}.glass-elevated,.glass-surface{border:1px solid var(--ds-border)}.glass-elevated{background:var(--bg-glass-panel);backdrop-filter:blur(var(--blur-xl)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(1.4);box-shadow:var(--shadow-lg)}.border-ds{border-color:var(--ds-border)}.border-ds-hover{border-color:var(--ds-border-hover)}.border-ds-focus{border-color:var(--ds-border-focus)}.shadow-ds-xs{box-shadow:var(--shadow-xs)}.shadow-ds-sm{box-shadow:var(--shadow-sm)}.shadow-ds-md{box-shadow:var(--shadow-md)}.shadow-ds-lg{box-shadow:var(--shadow-lg)}.shadow-ds-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.rounded-ds-xs{border-radius:var(--radius-xs)}.rounded-ds-sm{border-radius:var(--radius-sm)}.rounded-ds-md{border-radius:var(--radius-md)}.rounded-ds-lg{border-radius:var(--radius-lg)}.rounded-ds-xl{border-radius:var(--radius-xl)}.rounded-ds-2xl{border-radius:var(--radius-2xl)}.rounded-ds-full{border-radius:var(--radius-full)}.ds-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ds-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.ds-jp{font-family:var(--font-jp)}.hover-lift{transition:transform var(--t-normal),box-shadow var(--t-normal)}.hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.ds-fade-in{animation:ds-fade-in .2s var(--ease-out)}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ds-slide-up{animation:ds-slide-up .28s var(--ease-out)}@keyframes ds-slide-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ds-slide-right{animation:ds-slide-right .28s var(--ease-out)}@keyframes ds-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ds-scale-in{animation:ds-scale-in .2s var(--ease-out)}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ds-shimmer{background:linear-gradient(90deg,var(--bg-glass) 25%,var(--bg-glass-hover) 50%,var(--bg-glass) 75%);background-size:200% 100%;animation:ds-shimmer 1.5s ease-in-out infinite}.ds-stagger>*{animation:ds-slide-up .35s var(--ease-out) both}.ds-stagger>:first-child{animation-delay:0s}.ds-stagger>:nth-child(2){animation-delay:50ms}.ds-stagger>:nth-child(3){animation-delay:.1s}.ds-stagger>:nth-child(4){animation-delay:.15s}.ds-stagger>:nth-child(5){animation-delay:.2s}.ds-stagger>:nth-child(6){animation-delay:.25s}.ds-stagger>:nth-child(7){animation-delay:.3s}.ds-stagger>:nth-child(8){animation-delay:.35s}@keyframes ds-hover-sweep{0%{left:-100%}to{left:100%}}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-spinner{width:32px;height:32px;border:3px solid var(--ds-border);border-top-color:var(--ds-primary);border-radius:50%;animation:ds-spin .8s linear infinite}@media (prefers-reduced-motion:reduce){.ds-fade-in,.ds-scale-in,.ds-slide-right,.ds-slide-up,.ds-stagger>*,.hover-lift{animation:none!important;transition:none!important}.ds-shimmer{animation:none!important;background:var(--bg-glass-strong)}.ds-spinner{animation:none}}