@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light;--brand:#b8372b;--brand-strong:#942c22;--brand-bright:#d4443a;--brand-soft:#e06b5a;--cobalt-deep:#2a1520;--cobalt-mid:#5c2030;--cobalt-vivid:#b8372b;--cobalt-pale:#d4847a;--cobalt-wash:rgba(184,55,43,0.08);--cobalt-ink:#1a0a10;--bg-primary:#f7f0e4;--bg-surface:rgba(255,250,238,0.8);--bg-card:rgba(255,251,242,0.86);--bg-card-hover:rgba(255,252,246,0.96);--bg-glass:rgba(253,248,236,0.76);--bg-solid:#fbf5e8;--bg-warm:rgba(250,244,230,0.6);--sun-wash:rgba(220,160,80,0.07);--hearth-glow:rgba(200,120,60,0.055);--border-subtle:rgba(42,21,32,0.1);--border-default:rgba(42,21,32,0.16);--border-accent:var(--brand);--border-glow:rgba(184,55,43,0.3);--glass-blur:28px;--glass-blur-strong:44px;--glass-saturate:180%;--glass-highlight:rgba(255,245,230,0.92);--glass-shadow:0 4px 24px rgba(42,21,32,0.08),0 1px 3px rgba(42,21,32,0.05);--glass-edge:inset 0 1px 0 rgba(255,245,230,0.9),inset 0 0 0 1px rgba(184,55,43,0.12);--glass-sheen:linear-gradient(135deg,rgba(255,245,230,0.42),rgba(255,220,200,0.14) 38%,rgba(255,255,255,0) 62%);--accent:var(--brand);--accent-hover:var(--brand-strong);--accent-dim:rgba(184,55,43,0.09);--accent-glow:rgba(184,55,43,0.2);--accent-companion:#1a5c6a;--accent-gradient:linear-gradient(135deg,#b8372b,#942c22);--on-accent:#ffffff;--shadow-glow-accent:0 2px 20px rgba(184,55,43,0.28);--text-primary:#1a1018;--text-secondary:#4a3a40;--text-tertiary:#807078;--text-accent-strong:#b8372b;--correct:#2a7a50;--correct-bg:rgba(42,122,80,0.1);--wrong:#c43030;--wrong-bg:rgba(196,48,48,0.09);--locked:#a09898;--subject-physics:#3a5ab0;--subject-chemistry:#2a7a50;--subject-economics:#b86a1a;--subject-biology:#a83060;--subject-cs:#0e7480;--subject-history:#8a5030;--subject-general:#4a6090;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--text-xs:11px;--text-sm:13px;--text-base:16px;--text-lg:19px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:52px;--text-hero:72px;--space-xs:6px;--space-sm:10px;--space-md:18px;--space-base:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--space-3xl:140px;--space-4xl:200px;--leading-tight:1.25;--leading-snug:1.45;--leading-normal:1.65;--leading-relaxed:1.85;--leading-loose:2.05;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--shadow-sm:0 1px 3px rgba(42,21,32,0.06),0 1px 2px rgba(42,21,32,0.04);--shadow-md:0 4px 14px rgba(42,21,32,0.08),0 2px 4px rgba(42,21,32,0.05);--shadow-lg:0 12px 34px rgba(42,21,32,0.12),0 4px 8px rgba(42,21,32,0.06);--shadow-glow-correct:0 0 24px rgba(42,122,80,0.16);--ease-reveal:cubic-bezier(0.22,0.61,0.36,1);--ease-color:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--dur-fast:160ms;--dur-base:260ms;--dur-slow:420ms;--blur-sm:6px;--blur-md:16px;--scrim:rgba(18,18,26,0.24);--focus-ring:0 0 0 3px var(--accent-glow);--focus-ring-simple:0 0 0 2px var(--accent);--aurora-1:rgba(184,55,43,0.11);--aurora-2:rgba(210,130,60,0.09);--aurora-3:rgba(148,44,34,0.07)}html[data-theme=dark]{color-scheme:dark;--brand:#d4847a;--brand-strong:#e8a89c;--brand-bright:#f0c4b8;--brand-soft:#c06050;--cobalt-deep:#0a0810;--cobalt-mid:#1a1030;--cobalt-vivid:#d4847a;--cobalt-pale:#e8c0b8;--cobalt-wash:rgba(212,132,122,0.1);--cobalt-ink:#060408;--sun-wash:rgba(220,150,80,0.035);--hearth-glow:rgba(230,140,70,0.028);--bg-primary:#0a0810;--bg-surface:rgba(22,16,30,0.78);--bg-card:rgba(26,18,36,0.85);--bg-card-hover:rgba(36,26,48,0.95);--bg-glass:rgba(16,10,24,0.78);--bg-solid:#100c18;--border-subtle:rgba(212,132,122,0.1);--border-default:rgba(212,132,122,0.18);--border-accent:var(--brand);--border-glow:rgba(212,132,122,0.35);--glass-blur:28px;--glass-blur-strong:44px;--glass-saturate:165%;--glass-highlight:rgba(232,180,168,0.14);--glass-shadow:0 4px 24px rgba(0,0,0,0.45),0 1px 4px rgba(0,0,0,0.28);--glass-edge:inset 0 1px 0 rgba(212,132,122,0.12),inset 0 0 0 1px rgba(212,132,122,0.06);--glass-sheen:linear-gradient(135deg,rgba(212,132,122,0.12),rgba(212,132,122,0.04) 38%,rgba(255,255,255,0) 62%);--accent:var(--brand);--accent-hover:var(--brand-strong);--accent-dim:rgba(212,132,122,0.12);--accent-glow:rgba(212,132,122,0.28);--accent-companion:#5aadaa;--accent-gradient:linear-gradient(135deg,#d4847a,#c06050);--on-accent:#060408;--shadow-glow-accent:0 2px 20px rgba(212,132,122,0.3);--text-primary:#f0e8e4;--text-secondary:#b8a8b0;--text-tertiary:#6a5868;--text-accent-strong:#e8c0b8;--correct:#5cb880;--correct-bg:rgba(92,184,128,0.12);--wrong:#e87068;--wrong-bg:rgba(232,112,104,0.12);--locked:#403038;--subject-physics:#d4847a;--subject-chemistry:#5cb880;--subject-economics:#d89a58;--subject-biology:#d87088;--subject-cs:#58b8c8;--subject-history:#c08860;--subject-general:#6898c8;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 14px rgba(0,0,0,0.38),0 2px 4px rgba(0,0,0,0.28);--shadow-lg:0 12px 34px rgba(0,0,0,0.48),0 4px 8px rgba(0,0,0,0.32);--aurora-1:rgba(212,132,122,0.1);--aurora-2:rgba(220,140,60,0.075);--aurora-3:rgba(92,184,128,0.05)}html[data-theme=twilight]{color-scheme:dark;--sun-wash:rgba(230,150,70,0.05);--hearth-glow:rgba(220,130,80,0.04);--scrim:rgba(12,6,24,0.52);--bg-primary:#0c0820;--bg-surface:rgba(40,28,72,0.5);--bg-card:rgba(44,30,80,0.55);--bg-card-hover:rgba(56,40,96,0.68);--bg-glass:rgba(24,14,48,0.58);--bg-solid:#181040;--cobalt-deep:#100830;--cobalt-mid:#201060;--cobalt-vivid:#8a60d0;--cobalt-pale:#b898e8;--cobalt-wash:rgba(138,96,208,0.1);--cobalt-ink:#080420;--border-subtle:rgba(184,152,232,0.14);--border-default:rgba(184,152,232,0.22);--border-accent:#8a60d0;--border-glow:#8a60d0;--glass-blur:24px;--glass-blur-strong:38px;--glass-saturate:160%;--glass-highlight:rgba(184,152,232,0.22);--glass-shadow:0 8px 32px rgba(8,4,20,0.55),0 1px 4px rgba(8,4,20,0.4);--glass-edge:inset 0 1px 0 rgba(184,152,232,0.18),inset 0 0 0 1px rgba(138,96,208,0.08);--glass-sheen:linear-gradient(135deg,rgba(184,152,232,0.14),rgba(138,96,208,0.04) 32%,rgba(255,255,255,0) 58%);--brand:#8a60d0;--brand-strong:#a880e8;--brand-bright:#c0a0f0;--brand-soft:#7050c0;--accent:#8a60d0;--accent-hover:#a880e8;--accent-dim:rgba(138,96,208,0.13);--accent-glow:rgba(138,96,208,0.24);--accent-companion:#d8908a;--accent-gradient:linear-gradient(135deg,#a880e8,#7050c0);--on-accent:#100830;--shadow-glow-accent:0 2px 16px rgba(138,96,208,0.22);--text-primary:#f0e8ff;--text-secondary:#c0b0d8;--text-tertiary:#7a68a0;--text-accent-strong:#c0a0f0;--correct:#60c890;--correct-bg:rgba(96,200,144,0.14);--wrong:#e8908a;--wrong-bg:rgba(232,144,138,0.14);--locked:#403068;--subject-physics:#8a60d0;--subject-chemistry:#60c890;--subject-economics:#d8a058;--subject-biology:#d888a0;--subject-cs:#70c0d8;--subject-history:#c89068;--subject-general:#9888d0;--shadow-sm:0 2px 8px rgba(8,4,20,0.5),inset 0 1px 0 rgba(184,152,232,0.1);--shadow-md:0 6px 20px rgba(8,4,20,0.55),inset 0 1px 0 rgba(184,152,232,0.1);--shadow-lg:0 14px 40px rgba(8,4,20,0.65),inset 0 1px 0 rgba(184,152,232,0.12);--aurora-1:rgba(138,96,208,0.2);--aurora-2:rgba(112,80,192,0.14);--aurora-3:rgba(216,144,120,0.12);--crayon-sky-top:#1a0840;--crayon-sky-bottom:#2d1868;--crayon-sun:#e8a050;--crayon-sun-glow:#d06830;--crayon-cloud:#382068;--crayon-hill-far:#281850;--crayon-hill-mid:#201045;--crayon-hill-near:#1a0c38;--crayon-grass:#140c30;--crayon-ground:#1c1040;--crayon-grass-stroke:#281448;--crayon-trunk:#482818;--crayon-tree-dark:#281438;--crayon-tree-light:#382058;--crayon-bush:#2c1448;--crayon-river:#382078;--crayon-river-light:#503898;--crayon-river-edge:#281468;--crayon-river-sparkle:#a070d8;--crayon-house-wall:#382050;--crayon-house-roof:#681848;--crayon-house-chimney:#381830;--crayon-house-door:#281030;--crayon-house-doorknob:#a870c8;--crayon-house-window:#281860;--crayon-house-outline:#281438;--crayon-window-glow:#b870e0;--crayon-smoke:#483068;--crayon-library-wall:#301848;--crayon-library-roof:#481850;--crayon-library-column:#382050;--crayon-library-door:#1c0830;--crayon-library-window:#281860;--crayon-library-outline:#1c0830;--crayon-library-sign:#281438;--crayon-library-sign-text:#a880c8;--crayon-book-1:#881848;--crayon-book-2:#3828a0;--crayon-book-3:#a07828;--crayon-path:#382048;--crayon-fence:#382040;--crayon-flower-1:#a02878;--crayon-flower-2:#b05818;--crayon-flower-3:#5828a0;--crayon-bird:#382060;--crayon-school-wall:#402858;--crayon-school-roof:#682048;--crayon-school-door:#281030;--crayon-school-outline:#281438;--crayon-school-flag:#b84868;--crayon-school-sign:#2c1a60;--crayon-school-sign-text:#d0b8e8;--crayon-school-bell:#a87028;--crayon-bridge:#482860;--crayon-bridge-dark:#381848;--crayon-brand-board:#6848a8;--crayon-brand-text:#f0e0ff}html{transition:background .2s var(--ease-color);scrollbar-color:var(--border-default) var(--bg-primary)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text-primary);font-family:var(--font-inter),system-ui,sans-serif}html{background:var(--bg-primary)}body{background:transparent;overflow-x:hidden}.aurora-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:layout style paint}.aurora-blob{position:absolute;width:72vmax;height:72vmax;border-radius:50%;will-change:transform}.aurora-blob.aurora-a{top:-28vmax;left:-18vmax;background:radial-gradient(circle at center,var(--aurora-1) 0,transparent 68%);animation:auroraDriftA 90s ease-in-out infinite}.aurora-blob.aurora-b{bottom:-30vmax;right:-20vmax;background:radial-gradient(circle at center,var(--aurora-2) 0,transparent 68%);animation:auroraDriftB 72s ease-in-out infinite}.aurora-blob.aurora-c{top:20%;left:30%;width:54vmax;height:54vmax;background:radial-gradient(circle at center,var(--aurora-3) 0,transparent 68%);animation:auroraDriftA 110s ease-in-out -35s infinite reverse}@keyframes auroraDriftA{0%,to{transform:translate3d(-4%,-3%,0) scale(1)}50%{transform:translate3d(5%,4%,0) scale(1.12)}}@keyframes auroraDriftB{0%,to{transform:translate3d(3%,4%,0) scale(1.08)}50%{transform:translate3d(-5%,-3%,0) scale(.96)}}html:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;contain:layout style paint;background:radial-gradient(ellipse at 82% -8%,var(--sun-wash,rgba(220,160,80,.07)) 0,transparent 55%),radial-gradient(ellipse at 0 0,rgba(184,55,43,.07) 0,transparent 50%),radial-gradient(ellipse at 30% 104%,var(--hearth-glow,rgba(200,120,60,.055)) 0,transparent 52%);opacity:.95}.glass,.glass-card,.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);position:relative}.glass,.glass-card,.glass-panel,.glass-strong{box-shadow:var(--glass-shadow),var(--glass-edge)}.glass-strong{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--border-subtle)}.liquid-sheen:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-sheen);pointer-events:none;z-index:0;mix-blend-mode:screen}.liquid-sheen>*{position:relative;z-index:1}.glass-card,.glass-panel{transition:box-shadow .32s var(--ease-color),transform .32s var(--ease-reveal),border-color .32s var(--ease-color),background .32s var(--ease-color)}.glass-card:hover,.glass-panel:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg),var(--glass-edge);transform:translateY(-2px)}.crayon-bg{position:fixed;inset:0;height:100dvh;z-index:-1;pointer-events:none;opacity:.28;background-image:url(/crayon-bg-mobile.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:saturate(.85) brightness(1.02);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.75));mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.75))}@media (min-width:769px){.crayon-bg{background-image:url(/crayon-bg.svg)}}html[data-theme=dark] .crayon-bg,html[data-theme=twilight] .crayon-bg{opacity:.22;filter:saturate(.5) brightness(.35);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 30%,rgba(0,0,0,.7));mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 30%,rgba(0,0,0,.7))}html[data-perf=high] .crayon-bg{filter:saturate(.8) brightness(1) blur(.5px)}html[data-theme=dark][data-perf=high] .crayon-bg,html[data-theme=twilight][data-perf=high] .crayon-bg{filter:saturate(.45) brightness(.3) blur(.5px)}body:after{opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.004 0.09' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23w)' opacity='0.32'/%3E%3C/svg%3E");background-size:180px 180px,420px 420px}body:after,body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;contain:layout style paint}body:before{opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23m)' opacity='0.6'/%3E%3C/svg%3E");background-size:720px 720px}.texture-noise:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");background-size:100px 100px}.texture-noise>*{z-index:1}.pattern-seigaiha,.texture-noise>*{position:relative}.pattern-seigaiha:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M28 28c0-4.4-3.6-8-8-8-2.2 0-4.2.9-5.6 2.4C13.4 20.6 12 22.6 12 25c0 4.4 3.6 8 8 8 2.2 0 4.2-.9 5.6-2.4C27.4 29.4 28 27.4 28 25zM20 36c-4.4 0-8-3.6-8-8 0-2.2.9-4.2 2.4-5.6C13.4 20.6 15.4 19 18 19c4.4 0 8 3.6 8 8 0 2.2-.9 4.2-2.4 5.6C22.6 34.6 20.6 36 20 36zM36 20c-2.2 0-4.2.9-5.6 2.4C29.4 23.4 28 25.4 28 28c0 4.4 3.6 8 8 8 2.2 0 4.2-.9 5.6-2.4C42.6 32.6 44 30.6 44 28c0-4.4-3.6-8-8-8z' fill='%23b8372b' fill-opacity='0.3'/%3E%3C/svg%3E");background-size:56px 56px;mix-blend-mode:multiply}.pattern-seigaiha>*{position:relative;z-index:1}.pattern-asanoha{position:relative}.pattern-asanoha:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='none' stroke='%23b8372b' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M30 10l20 20-20 20-20-20z' fill='none' stroke='%23b8372b' stroke-opacity='0.2' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px;mix-blend-mode:multiply}.pattern-asanoha>*{position:relative;z-index:1}.pattern-shippo{position:relative}.pattern-shippo:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='12' r='10' fill='none' stroke='%23b8372b' stroke-opacity='0.3' stroke-width='0.5'/%3E%3Ccircle cx='36' cy='30' r='10' fill='none' stroke='%23b8372b' stroke-opacity='0.3' stroke-width='0.5'/%3E%3Ccircle cx='12' cy='30' r='10' fill='none' stroke='%23b8372b' stroke-opacity='0.3' stroke-width='0.5'/%3E%3C/svg%3E");background-size:48px 48px;mix-blend-mode:multiply}.pattern-shippo>*{position:relative;z-index:1}.pattern-ichimatsu{position:relative}.pattern-ichimatsu:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='12' height='12' fill='none' stroke='%23b8372b' stroke-opacity='0.35' stroke-width='0.5'/%3E%3Crect x='12' y='12' width='12' height='12' fill='none' stroke='%23b8372b' stroke-opacity='0.35' stroke-width='0.5'/%3E%3C/svg%3E");background-size:24px 24px;mix-blend-mode:multiply}.pattern-ichimatsu>*{position:relative;z-index:1}.pattern-kikko{position:relative}.pattern-kikko:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='32' viewBox='0 0 36 32'%3E%3Cpath d='M18 0l18 10v12L18 32 0 22V10z' fill='none' stroke='%23b8372b' stroke-opacity='0.3' stroke-width='0.5'/%3E%3Cpath d='M18 10l9 5v6l-9 5-9-5v-6z' fill='none' stroke='%23b8372b' stroke-opacity='0.2' stroke-width='0.5'/%3E%3C/svg%3E");background-size:36px 32px;mix-blend-mode:multiply}.pattern-kikko>*{z-index:1}.pattern-kikko>*,.shoji-screen{position:relative}.shoji-screen:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.025;background-image:repeating-linear-gradient(0deg,var(--border-default) 0,var(--border-default) .5px,transparent .5px,transparent 40px),repeating-linear-gradient(90deg,var(--border-default) 0,var(--border-default) .5px,transparent .5px,transparent 40px);mix-blend-mode:multiply}.shoji-screen>*{position:relative;z-index:1}.ma-breath{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.ma-breath--sm{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.ma-breath--lg{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.wa-divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:var(--space-lg) 0}.wa-divider:after,.wa-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.wa-divider__bead{width:10px;height:10px;border-radius:2px;background:var(--brand);opacity:.35;transform:rotate(45deg)}.seasonal-spring{--seasonal-accent:#e8a0b0;--seasonal-wash:rgba(232,160,176,0.08)}.seasonal-summer{--seasonal-accent:#2a8a6a;--seasonal-wash:rgba(42,138,106,0.08)}.seasonal-autumn{--seasonal-accent:#c86830;--seasonal-wash:rgba(200,104,48,0.08)}.seasonal-winter{--seasonal-accent:#6090c0;--seasonal-wash:rgba(96,144,192,0.08)}html[data-season=spring] body{background-image:radial-gradient(ellipse at 20% 10%,rgba(232,160,176,.04) 0,transparent 50%)}html[data-season=summer] body{background-image:radial-gradient(ellipse at 80% 10%,rgba(42,138,106,.04) 0,transparent 50%)}html[data-season=autumn] body{background-image:radial-gradient(ellipse at 20% 90%,rgba(200,104,48,.04) 0,transparent 50%)}html[data-season=winter] body{background-image:radial-gradient(ellipse at 80% 90%,rgba(96,144,192,.04) 0,transparent 50%)}.identity-texture{position:relative}.identity-texture:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.5;background-image:repeating-linear-gradient(45deg,var(--border-glow) 0,var(--border-glow) .5px,transparent .5px,transparent 6px),repeating-linear-gradient(-45deg,var(--border-glow) 0,var(--border-glow) .5px,transparent .5px,transparent 6px);-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 0,transparent 72%);mask-image:radial-gradient(ellipse at 50% 0,#000 0,transparent 72%);mix-blend-mode:soft-light}.identity-texture>*{position:relative;z-index:1}.ink-wash{position:relative}.ink-wash:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.03;background:radial-gradient(ellipse at 20% 20%,var(--cobalt-vivid,var(--brand)) 0,transparent 60%),radial-gradient(ellipse at 80% 80%,var(--cobalt-deep,var(--brand-strong)) 0,transparent 60%);mix-blend-mode:multiply}.ink-wash>*{position:relative;z-index:1}h1,h2,h3,h4{text-shadow:0 .5px 0 rgba(42,21,32,.08),0 1px 2px rgba(42,21,32,.04)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4{text-shadow:0 .5px 0 rgba(212,132,122,.15),0 1px 3px rgba(0,0,0,.3)}html[data-theme=twilight] h1,html[data-theme=twilight] h2,html[data-theme=twilight] h3,html[data-theme=twilight] h4{text-shadow:0 .5px 0 rgba(138,96,208,.18),0 1px 3px rgba(0,0,0,.35)}.cobalt-texture{position:relative}.cobalt-texture:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.6;background-image:repeating-linear-gradient(0deg,var(--cobalt-wash) 0,var(--cobalt-wash) .5px,transparent .5px,transparent 4px),repeating-linear-gradient(90deg,var(--cobalt-wash) 0,var(--cobalt-wash) .5px,transparent .5px,transparent 4px);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 80%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 80%);mix-blend-mode:multiply}.cobalt-texture>*{position:relative;z-index:1}.ink-border{border:1.5px solid var(--border-default)!important;box-shadow:var(--glass-shadow),inset 0 0 0 1px var(--border-glow),inset 0 0 0 2.5px transparent,inset 0 1px 0 rgba(255,255,255,.3);transition:box-shadow .32s var(--ease-color),border-color .32s var(--ease-color)}.ink-border:hover{border-color:var(--border-accent)!important;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--accent-glow),inset 0 0 0 2.5px var(--accent-dim),inset 0 1px 0 rgba(255,255,255,.4)}.cobalt-rule{border-left:4px solid var(--brand)!important;padding-left:var(--space-md);position:relative}.cobalt-rule:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:var(--accent-gradient);border-radius:2px}.editorial-dropcap:first-letter{float:left;font-family:var(--font-display),Georgia,serif;font-size:3.2em;line-height:.8;padding-right:8px;padding-top:4px;color:var(--brand);font-weight:800;text-shadow:1px 1px 0 var(--accent-dim)}.ink-stain{position:relative;overflow:hidden}.ink-stain:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;border-radius:50%;background:radial-gradient(circle,var(--cobalt-wash) 0,transparent 60%);opacity:0;transition:opacity .4s var(--ease-color);pointer-events:none;z-index:0}.ink-stain:hover:after{opacity:1}.ink-stain>*{position:relative;z-index:1}.cobalt-shimmer{background:linear-gradient(110deg,var(--bg-card) 0,var(--bg-card) 30%,var(--cobalt-wash) 50%,var(--bg-card) 70%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 3s linear infinite}.engraved{border:1px solid var(--border-default)!important;box-shadow:var(--glass-shadow),inset 0 0 0 1px var(--border-glow),inset 0 1px 0 rgba(255,255,255,.4)}.identity-corner:before{content:"";position:absolute;top:0;right:0;width:26px;height:26px;border-radius:0 var(--radius-xl) 0 var(--radius-xl);background:linear-gradient(135deg,transparent 50%,var(--accent-dim) 50%) 100% 0 /26px 26px no-repeat;pointer-events:none;z-index:1}.rule-accent{display:flex;align-items:center;gap:12px;color:var(--border-default)}.rule-accent:after,.rule-accent:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.glass-card.engraved:hover,.glass-panel.engraved:hover{box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--accent-glow),inset 0 0 0 2.5px var(--cobalt-wash),inset 0 1px 0 rgba(255,255,255,.5)}h1,h2,h3,h4{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.02em}code,pre{font-family:var(--font-mono),monospace}::selection{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{-webkit-touch-callout:none}*,[role=button],[tabindex]:not([tabindex="-1"]),a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}[role=button]:active,a:active,button:active{transition:transform .12s var(--ease-color),box-shadow .12s var(--ease-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--brand);border-radius:999px;box-shadow:0 0 4px var(--cobalt-wash)}::-webkit-scrollbar-track{background:transparent}.accent-pulse-dot{animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFromBottom{0%{transform:translateY(100%) scale(.95)}to{transform:translateY(0) scale(1)}}@keyframes accentFlash{0%{background:transparent;box-shadow:0 0 0 transparent}50%{background:var(--accent-dim);box-shadow:0 0 60px var(--accent-glow)}to{background:transparent;box-shadow:0 0 0 transparent}}@keyframes unlockPop{0%{transform:scale(.7)}50%{transform:scale(1.08);box-shadow:0 0 40px var(--accent-glow)}to{transform:scale(1)}}@keyframes crayonReveal{0%{opacity:0;transform:translateZ(0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg) scale(1);opacity:1}to{transform:translateY(110vh) rotate(2turn) scale(.5);opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px var(--accent-glow),0 0 24px var(--cobalt-wash)}50%{box-shadow:0 0 24px var(--accent-glow),0 0 48px var(--cobalt-wash)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes heartFloat{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0deg)}12%{opacity:1}to{opacity:0;transform:translateY(-55vh) scale(1.25) rotate(14deg)}}@keyframes gentleWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(12deg)}75%{transform:rotate(-8deg)}}.animate-gentle-wave{display:inline-block;animation:gentleWave 1.6s ease-in-out;transform-origin:70% 70%}.hero-greeting{animation:fadeUp .8s var(--ease-reveal) both}.hero-greeting-icon{display:inline-block;animation:gentleWave 1.8s ease-in-out,iconFloat 4s ease-in-out 1.8s infinite;transform-origin:70% 70%}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(4deg)}}.animate-fade-up{animation:fadeUp .6s var(--ease-reveal) both}.animate-slide-bottom{animation:slideFromBottom .5s var(--ease-reveal) both}.animate-accent-flash{animation:accentFlash 1s var(--ease-reveal) both}.animate-unlock-pop{animation:unlockPop .6s var(--ease-spring) both}.animate-shake{animation:shake .5s var(--ease-reveal) both}.animate-correct-pulse{animation:correctPulse .5s var(--ease-spring) both}.animate-bounce-in{animation:bounceIn .7s var(--ease-spring) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.animate-slide-in{animation:slideIn .5s var(--ease-reveal) both}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 4s ease infinite}.animate-shimmer{background-image:linear-gradient(90deg,var(--bg-surface),var(--bg-card),var(--bg-surface));background-size:200% 100%;animation:shimmer 3s linear infinite}.animate-spin{animation:spin 1.5s linear infinite}.interactive-lift{transition:transform .42s var(--ease-spring),box-shadow .42s var(--ease-spring),border-color .32s var(--ease-color)}.interactive-lift:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--cobalt-wash),0 0 24px var(--accent-glow);border-color:var(--border-accent)}.interactive-press:active{transform:scale(.97)!important;transition:transform .12s var(--ease-color)!important}.glow-accent{transition:box-shadow .4s var(--ease-spring),border-color .4s var(--ease-color),background .4s var(--ease-color)}.glow-accent:hover{box-shadow:var(--shadow-lg),var(--glass-edge),0 0 24px var(--accent-glow),0 0 48px var(--cobalt-wash);border-color:var(--border-accent);background:var(--bg-card-hover)}.ripple-container{position:relative;overflow:hidden}.texture-dots:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.025;background-image:radial-gradient(circle,var(--text-tertiary) .5px,transparent .5px);background-size:12px 12px}.texture-dots>*{position:relative;z-index:1}.texture-lines:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.02;background-image:repeating-linear-gradient(0deg,var(--border-subtle) 0,var(--border-subtle) 1px,transparent 1px,transparent 24px)}.texture-lines>*{position:relative;z-index:1}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}25%{transform:scale(1.06) rotate(1deg);filter:brightness(1.1)}50%{transform:scale(.97) rotate(-1deg);filter:brightness(.95)}75%{transform:scale(1.03) rotate(.5deg);filter:brightness(1.05)}}.flame-flicker{animation:flameFlicker 2s ease-in-out infinite;transform-origin:50% 80%}@keyframes xpPopIn{0%{opacity:0;transform:translateY(12px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1.06)}40%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-22px)}}.animate-xp-pop{animation:xpPopIn 2s var(--ease-reveal) both}@keyframes badgePop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}60%{opacity:1;transform:scale(1.12) rotate(2deg)}80%{transform:scale(.97) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.animate-badge-pop{animation:badgePop .8s var(--ease-spring) both}@keyframes levelBurst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-level-burst{animation:levelBurst .7s var(--ease-spring) both}@keyframes ringSweep{0%{opacity:.2;transform:scale(.7)}60%{opacity:.6}to{opacity:0;transform:scale(2.4)}}.animate-ring-sweep{animation:ringSweep 1s var(--ease-reveal) both}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.animate-overlay-fade{animation:overlayFade .3s var(--ease-color) both}@keyframes sheen{0%{transform:translateX(-120%)}to{transform:translateX(220%)}}.animate-sheen:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-120%);animation:sheen 2s var(--ease-reveal) .3s both;pointer-events:none}.markdown-content h2{margin:var(--space-lg) 0 var(--space-base);font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--text-primary);letter-spacing:var(--tracking-tight);border-bottom:2px solid var(--border-glow);padding-bottom:10px}.markdown-content h3{margin:var(--space-lg) 0 var(--space-sm);font-weight:700;font-size:17px;color:var(--brand);letter-spacing:var(--tracking-normal)}.markdown-content p{margin-bottom:var(--space-lg);font-family:var(--font-lora);font-size:16px;line-height:var(--leading-loose);color:var(--text-secondary);letter-spacing:.005em;max-width:65ch}.markdown-content strong{color:var(--text-primary);font-weight:700;text-shadow:0 .5px 0 var(--cobalt-wash)}.markdown-content em{color:var(--brand);font-style:italic}.markdown-content code{font-family:var(--font-mono),monospace;font-size:var(--text-sm);background:var(--accent-dim);color:var(--accent);padding:3px 8px;border-radius:var(--radius-md);font-weight:500}.markdown-content blockquote{margin:var(--space-lg) 0;border-left:4px solid var(--brand);background:var(--cobalt-wash);padding:var(--space-base) var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic;font-family:var(--font-lora);box-shadow:inset 2px 0 8px var(--cobalt-wash)}.markdown-content ol,.markdown-content ul{margin-left:24px;line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.markdown-content li{margin-bottom:var(--space-xs)}.markdown-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .2s var(--ease-color)}.markdown-content a:hover{border-bottom-color:var(--accent)}.app-shell{min-height:100vh;min-height:100dvh}.app-main{margin-left:280px;min-width:0;transition:margin-left .4s var(--ease-reveal)}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:80;display:flex;flex-direction:column;background:var(--bg-glass);border-right:1px solid var(--border-subtle);transition:transform .4s var(--ease-reveal);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));box-shadow:var(--glass-edge)}.app-sidebar-backdrop,.app-sidebar-close,.app-sidebar-toggle{display:none}@media (max-width:900px){.app-sidebar-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1}.app-main{margin-left:0}.app-sidebar{transform:translateX(-100%);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .4s var(--ease-reveal),visibility 0s linear .4s}.app-sidebar.open{transform:translateX(0);visibility:visible;transition:transform .4s var(--ease-reveal)}.app-sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:70;background:var(--scrim);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}.app-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:65;width:42px;height:42px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-primary);cursor:pointer;font-size:20px;box-shadow:var(--glass-shadow),var(--glass-edge)}}@media (max-width:640px){.markdown-content{font-size:var(--text-sm)}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:15px}}.content-optimize{content-visibility:auto;contain-intrinsic-size:auto 600px}.progress-rail{content-visibility:auto;contain-intrinsic-size:auto 80px}.part-card{content-visibility:auto;contain-intrinsic-size:auto 800px}.part-card,.quiz-sheet{contain:layout style paint}.quiz-question{contain:layout style}.app-sidebar{content-visibility:auto;contain-intrinsic-size:auto 100%}.app-footer{content-visibility:auto;contain-intrinsic-size:auto 180px}.progress-achievements,.progress-activity{content-visibility:auto;contain-intrinsic-size:auto 500px}.settings-section{content-visibility:auto;contain-intrinsic-size:auto 300px}.part-locked-content{filter:blur(12px);opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .4s ease,opacity .4s ease}.part-locked-content.is-unlocked{filter:none;opacity:1;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}html[data-perf=low] *,html[data-perf=low] :after,html[data-perf=low] :before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-perf=low] .aurora-bg,html[data-perf=low] .crayon-bg{display:none}html[data-perf=low] body:after,html[data-perf=low] body:before{content:none}html[data-perf=mid] .aurora-blob{animation:none!important}html[data-perf=mid] body:after,html[data-perf=mid] body:before{content:none}html[data-perf=low] .accent-pulse-dot,html[data-perf=low] .animate-float,html[data-perf=low] .animate-glow-pulse,html[data-perf=low] .flame-flicker{animation:none!important}html[data-perf=low] .part-locked-content{filter:none;opacity:.12}html[data-browser=firefox] *,html[data-browser=firefox] :after,html[data-browser=firefox] :before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-browser=firefox] .crayon-bg{filter:none;will-change:auto;transform:none;-webkit-backface-visibility:visible;backface-visibility:visible}html[data-browser=firefox] .aurora-blob{will-change:auto}html[data-browser=firefox] body:after,html[data-browser=firefox] body:before{mix-blend-mode:normal;opacity:.035}html[data-perf=high] .crayon-bg{opacity:.22}html[data-theme=dark][data-perf=high] .crayon-bg,html[data-theme=twilight][data-perf=high] .crayon-bg{opacity:.15}html[data-perf=high]{--shadow-md:0 6px 20px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-lg:0 16px 40px rgba(0,0,0,0.1),0 6px 12px rgba(0,0,0,0.06)}::selection{background:var(--brand);color:var(--on-accent);text-shadow:none}.app-sidebar ::-webkit-scrollbar{width:6px}.app-sidebar ::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}.app-sidebar ::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}.app-sidebar ::-webkit-scrollbar-track{background:transparent}html[data-perf=high]{--shadow-md:0 6px 18px rgba(0,0,0,0.12),0 2px 5px rgba(0,0,0,0.07);--shadow-lg:0 14px 38px rgba(0,0,0,0.14),0 5px 10px rgba(0,0,0,0.07)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{position:relative}h1:after,h2:after{content:"";display:block;width:40px;height:3px;background:var(--accent-gradient);border-radius:2px;margin-top:10px;opacity:.7}h1:after{width:56px;margin-top:12px;opacity:.85}h3:after{display:none}h1,h2{letter-spacing:var(--tracking-tight)}h3{letter-spacing:var(--tracking-normal)}h1{line-height:var(--leading-tight)}h2{line-height:var(--leading-snug)}h3{line-height:var(--leading-normal)}h1{margin-bottom:var(--space-lg)}h2{margin-bottom:var(--space-md)}h3{margin-bottom:var(--space-sm)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal)}p{line-height:var(--leading-loose);margin-bottom:var(--space-lg);max-width:65ch}.badge-tile{display:block;width:100%;border-radius:var(--radius-lg);padding:10px 8px;text-align:center;cursor:pointer;font-family:inherit;color:inherit;transition:transform .32s var(--ease-spring),box-shadow .32s var(--ease-color),border-color .32s var(--ease-color)}.badge-tile,.badge-tile__inner{position:relative}.badge-tile--open,.badge-tile:focus-visible,.badge-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 0 3px var(--cobalt-wash);z-index:5}.badge-tile--earned.badge-tile--open,.badge-tile--earned:hover{box-shadow:var(--shadow-md),0 0 18px var(--accent-glow)}.badge-popover{position:fixed;width:min(260px,calc(100vw - 16px));max-width:260px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card-hover);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-lg),var(--glass-edge);text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;transform:translateY(6px) scale(.97);transition:opacity .18s var(--ease-reveal),transform .22s var(--ease-spring)}.badge-popover__arrow{content:"";position:absolute;transform:translateX(-50%);border:7px solid transparent;width:0;height:0}.badge-popover__header{display:flex;align-items:center;gap:7px;margin-bottom:6px}.badge-popover__title{font-size:13px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;flex:1 1;min-width:0}.badge-popover__tier{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:2px 7px;flex-shrink:0}.badge-popover__how{margin:0;font-family:var(--font-lora),Georgia,serif;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.badge-popover__status{margin:8px 0 0;font-size:11px;font-weight:700}.badge-popover__status--earned{color:var(--correct)}.badge-popover__progress{display:flex;align-items:center;gap:8px;margin-top:9px}.badge-popover__progress>span{font-size:10.5px;font-weight:700;color:var(--text-tertiary);white-space:nowrap}.badge-popover__bar{flex:1 1;height:4px;border-radius:4px;background:var(--border-subtle);overflow:hidden}.badge-popover__bar>div{height:100%;border-radius:inherit;background:var(--accent-gradient);transition:width .5s var(--ease-reveal)}.washi-fold{position:relative}.washi-fold:after{content:"";position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,transparent 50%,var(--border-subtle) 50%);border-radius:0 0 var(--radius-xl) 0;pointer-events:none;z-index:1;opacity:.6}.brush-underline{position:relative;text-decoration:none}.brush-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--accent-gradient);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-spring)}.brush-underline:hover:after{transform:scaleX(1)}.hanko-stamp{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--brand);color:var(--brand);font-weight:800;text-align:center;box-shadow:inset 0 0 0 1px var(--accent-dim);position:relative}.hanko-stamp:before{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid var(--brand);opacity:.4}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-lg);padding:13px 26px;min-height:52px;font-family:var(--font-display),system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--on-accent);background:var(--accent-gradient);cursor:pointer;box-shadow:var(--shadow-glow-accent);overflow:hidden;transition:transform .42s var(--ease-spring),box-shadow .42s var(--ease-spring),filter .32s var(--ease-color);isolation:isolate}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.28) 50%,transparent 64%);transform:translateX(-130%);transition:transform .7s var(--ease-reveal);pointer-events:none;z-index:1}.btn-primary>*{position:relative;z-index:2}.btn-primary:focus-visible,.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),var(--glass-edge),0 0 28px var(--accent-glow);filter:brightness(1.06)}.btn-primary:focus-visible:after,.btn-primary:hover:after{transform:translateX(130%)}.btn-primary:active{transform:translateY(0) scale(.97);transition:transform .12s var(--ease-color)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--border-subtle);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn-primary:disabled:after{display:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);padding:11px 20px;min-height:48px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--glass-edge);transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),background .32s var(--ease-color),box-shadow .32s var(--ease-color),color .32s var(--ease-color)}.btn-ghost:focus-visible,.btn-ghost:hover{border-color:var(--border-accent);background:var(--bg-card-hover);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glass-edge),0 0 18px var(--accent-glow)}.btn-ghost:active{transform:translateY(0) scale(.97);transition:transform .12s var(--ease-color)}.btn-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),color .32s var(--ease-color),background .32s var(--ease-color),box-shadow .32s var(--ease-color)}.btn-icon:focus-visible,.btn-icon:hover{transform:scale(1.1);border-color:var(--border-accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 16px var(--accent-glow)}.btn-icon:active{transform:scale(.92);transition:transform .12s var(--ease-color)}.btn-icon--danger:focus-visible,.btn-icon--danger:hover{border-color:var(--wrong);color:var(--wrong);background:var(--wrong-bg);box-shadow:0 0 16px var(--wrong-bg)}.nav-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;min-height:40px;border-radius:999px;font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;background:transparent;border:1px solid transparent;transition:color .3s var(--ease-color),background .3s var(--ease-color),border-color .3s var(--ease-color),transform .3s var(--ease-spring)}.nav-link:focus-visible,.nav-link:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--border-glow);transform:translateY(-1px)}.nav-link:active{transform:translateY(0) scale(.97)}.nav-link--active{color:var(--accent);background:var(--accent-dim);border-color:var(--border-glow)}.nav-link--active:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-50%);opacity:.8}.nav-link--active{padding-left:20px}.chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 18px;border-radius:999px;border:1px dashed var(--border-default);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .32s var(--ease-color),background .32s var(--ease-color),color .32s var(--ease-color),transform .32s var(--ease-spring),box-shadow .32s var(--ease-color)}.chip:focus-visible,.chip:hover{border-style:solid;border-color:var(--border-accent);background:var(--accent-dim);color:var(--accent);transform:translateY(-2px);box-shadow:0 0 18px var(--accent-glow)}.chip:active{transform:translateY(0) scale(.97)}.chip__label{color:var(--text-tertiary)}.chip:focus-visible .chip__label,.chip:hover .chip__label{color:var(--accent)}.chip__value{font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.section-overline{display:inline-block;font-size:12px;letter-spacing:.22em;opacity:.75;margin-bottom:2px}.section-header__kanji,.section-overline{font-family:var(--font-display),serif;font-weight:700;color:var(--accent);text-transform:uppercase}.section-header__kanji{font-size:13px;letter-spacing:.18em;opacity:.7}.section-header__title{position:relative;margin:0;font-family:var(--font-display),system-ui,sans-serif;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-primary);padding-left:14px}.section-header__title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--accent-gradient)}.section-header__subtitle{margin:0;padding-left:14px;font-size:14px;color:var(--text-tertiary);font-weight:500}.rl-card{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-edge);transition:transform .38s var(--ease-spring),box-shadow .38s var(--ease-color),border-color .32s var(--ease-color),background .32s var(--ease-color)}.rl-card:focus-within,.rl-card:hover{transform:translateY(-3px);border-color:var(--border-default);box-shadow:var(--shadow-lg),var(--glass-edge)}.stat-tile{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);padding:16px 12px;text-align:center;transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),box-shadow .32s var(--ease-color)}.stat-tile:hover{transform:translateY(-2px);border-color:var(--border-glow);box-shadow:var(--shadow-sm)}.stat-tile__value{font-family:var(--font-display),system-ui,sans-serif;font-size:26px;font-weight:800;line-height:1.1;color:var(--text-primary);letter-spacing:-.02em}.stat-tile__value--accent{color:var(--accent)}.stat-tile__label{margin-top:4px;font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em}.scroll-top{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:55;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-glow);background:var(--accent-gradient);color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow-accent);opacity:0;visibility:hidden;transform:translateY(16px) scale(.8);transition:opacity .32s var(--ease-color),visibility 0s linear .32s,transform .42s var(--ease-spring),box-shadow .32s var(--ease-color)}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .32s var(--ease-color),transform .42s var(--ease-spring),box-shadow .32s var(--ease-color)}.scroll-top:focus-visible,.scroll-top:hover{transform:translateY(-3px) scale(1.08);box-shadow:var(--shadow-lg),0 0 32px var(--accent-glow)}.scroll-top:active{transform:translateY(0) scale(.94);transition:transform .12s var(--ease-color)}.kusari{display:flex;align-items:center;justify-content:center;gap:14px;padding:var(--space-lg) 0;color:var(--border-default);border:none;margin:0;background:transparent}.kusari:after,.kusari:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border-default) 40%,transparent)}.kusari__bead{width:8px;height:8px;border-radius:2px;background:var(--accent-gradient);transform:rotate(45deg);opacity:.55;box-shadow:0 0 8px var(--accent-glow)}.btn-ghost:focus-visible,.btn-icon:focus-visible,.btn-primary:focus-visible,.chip:focus-visible,.nav-link:focus-visible,.scroll-top:focus-visible{outline:none;box-shadow:var(--shadow-md),0 0 0 3px var(--accent-glow),0 0 0 5px var(--accent)}.progress-hub{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:999px;padding:6px 14px 6px 8px;cursor:pointer;min-height:36px;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-edge);transition:transform .4s var(--ease-spring),border-color .3s var(--ease-color),box-shadow .4s var(--ease-spring)}.progress-hub:hover{transform:translateY(-1px);border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glass-edge)}.progress-hub:active{transform:translateY(0) scale(.98)}.progress-hub:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--glass-edge),0 0 0 3px var(--accent-glow)}.part-cta{width:100%;min-height:52px;border:none;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring)}.part-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge)}.part-cta:active{transform:translateY(0) scale(.99)}.part-cta:focus-visible{outline:none;box-shadow:var(--shadow-lg),0 0 0 3px var(--accent-glow),0 0 0 5px var(--accent)}.part-done-bar{width:100%;min-height:48px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--correct) 30%,transparent);background:var(--correct-bg);color:var(--correct);display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;font-weight:600;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}.part-done-bar:hover{transform:scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge)}.part-done-bar:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--correct) 40%,transparent)}.btn-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);padding:12px 18px;cursor:pointer;min-height:48px;transition:transform .3s var(--ease-spring),border-color .25s var(--ease-color),color .25s var(--ease-color)}.btn-toggle:hover{border-color:var(--border-accent);color:var(--accent);transform:scale(1.02)}.btn-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.part-card{transition:transform .5s var(--ease-spring),border-color .4s var(--ease-color),box-shadow .5s var(--ease-spring)}.part-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--border-accent)!important;box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--accent-glow)!important}.part-card:focus-within{border-color:var(--border-accent)!important;box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--accent-glow)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.btn-ghost,.btn-icon,.btn-primary,.btn-primary:after,.chip,.nav-link,.rl-card,.scroll-top,.stat-tile{transition-duration:.01ms!important}.btn-ghost:hover,.btn-icon:hover,.btn-primary:hover,.chip:hover,.nav-link:hover,.rl-card:hover,.scroll-top:hover{transform:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}