:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-word:var(--font-fraunces), "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--font-zh-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-zh-word:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", "SimSun", var(--font-zh-sans);--font-ja-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Yu Gothic", "Meiryo", sans-serif;--font-ja-word:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", "Source Han Serif JP", var(--font-ja-sans);--type-hero:clamp(4.5rem, 2.4rem + 6vw, 8.5rem);--type-display:clamp(2.75rem, 1.6rem + 3.4vw, 4.75rem);--type-h1:clamp(2.125rem, 1.5rem + 1.9vw, 3.25rem);--type-h2:clamp(1.5rem, 1.25rem + .8vw, 2rem);--type-h3:1.25rem;--type-body:1rem;--type-small:.875rem;--type-caption:.75rem;--text-nano:.625rem;--text-micro:.6875rem;--text-caption:var(--type-caption);--text-footnote:.8125rem;--text-subhead:.9375rem;--text-body:var(--type-body);--text-callout:1.0625rem;--text-headline:1.125rem;--text-title-3:var(--type-h3);--text-title-2:1.5rem;--text-title-1:var(--type-h2);--text-large-title:var(--type-h1);--text-display:var(--type-display);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-none:1;--leading-tight:1.04;--leading-snug:1.22;--leading-normal:1.5;--tracking-hero:-.055em;--tracking-display:-.042em;--tracking-title:-.026em;--tracking-headline:-.012em;--tracking-body:-.006em;--tracking-caps:.09em;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-hero:36px;--radius-full:999px;--radius-xs:8px;--radius-sm:var(--radius-s);--radius-md:var(--radius-m);--radius-lg:var(--radius-l);--radius-xl:var(--radius-l);--radius-2xl:var(--radius-hero);--radius-3xl:var(--radius-hero);--target-min:44px;--control-sm:34px;--control-md:42px;--control-lg:50px;--control-xl:60px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--input-height:var(--control-lg);--input-radius:var(--radius-m);--input-bg:var(--color-surface-sunken);--input-bg-focus:var(--color-surface);--input-border:transparent;--input-border-focus:var(--color-primary);--input-ring:0 0 0 4px var(--color-primary-soft);--nav-height:64px;--tabbar-height:64px;--content-max:1240px;--reading-max:720px;--session-max:720px;--writing-size:340px;--gutter:clamp(16px, 4vw, 56px);--shell-inset:12px;--sidebar-width:0px;--rail-width:0px;--brand-blue:#409fff;--brand-cyan:#40dfff;--gradient-brand:linear-gradient(135deg, var(--brand-blue) 0%, #4cc2ff 100%);--art-sky:#a9dcff;--art-sky-deep:#5ab8ff;--art-lime:#d9f27a;--art-lime-deep:#a8d63a;--art-violet:#c3b5ff;--art-violet-deep:#8e79ff;--art-coral:#ffab98;--art-coral-deep:#ff7b62;--art-pink:#ffc2df;--art-yellow:#ffdd75;--art-yellow-deep:#ffc234;--art-cream:#fff6e3;--art-mint:#b5efd7;--art-ink:#10233f;--color-on-art:var(--art-ink);--art-limb:var(--art-ink);--art-body:#3d9dff;--art-body-light:#6cc4ff;--spectrum-sky:var(--art-sky-deep);--spectrum-blue:var(--brand-blue);--spectrum-indigo:var(--art-violet-deep);--spectrum-violet:var(--art-violet-deep);--spectrum-pink:var(--art-coral-deep);--spectrum-coral:var(--art-coral-deep);--spectrum-orange:#ff9a3d;--spectrum-amber:var(--art-yellow-deep);--spectrum-green:#22b573;--spectrum-mint:var(--art-mint);--gradient-spectrum:var(--gradient-brand);--gradient-flame:linear-gradient(160deg, var(--art-yellow-deep) 0%, #ff9a3d 55%, var(--art-coral-deep) 100%);--gradient-success:linear-gradient(135deg, #3fd394, #1fae6b);--tone-ocean:linear-gradient(150deg, #dcf1ff 0%, var(--art-sky) 100%);--tone-sunset:linear-gradient(150deg, var(--art-cream) 0%, var(--art-coral) 100%);--tone-forest:linear-gradient(150deg, #f4fbdc 0%, var(--art-lime) 100%);--tone-berry:linear-gradient(150deg, #f1ecff 0%, var(--art-violet) 100%);--tone-dusk:linear-gradient(150deg, #fff1f7 0%, var(--art-pink) 100%);--color-canvas:#f3f6fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#edf1f6;--color-surface-tint:#eaf4ff;--color-surface-inverse:#0f1b2e;--color-ink:#0c1424;--color-ink-secondary:#0c1424a3;--color-ink-tertiary:#0c142475;--color-ink-quaternary:#0c14243d;--color-ink-inverse:#fff;--color-fill:#5c6e8c17;--color-fill-hover:#5c6e8c24;--color-fill-pressed:#5c6e8c33;--color-border:#0c142412;--color-border-strong:#0c14241f;--color-separator:#0c14240f;--color-primary:#2f95ff;--color-primary-hover:#238cfb;--color-primary-pressed:#127ae6;--color-primary-soft:#2f95ff1f;--color-primary-softer:#2f95ff12;--color-primary-glow:#2f95ff6b;--color-primary-ink:#0a6fd8;--color-on-primary:#fff;--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-accent-pressed:var(--color-primary-pressed);--color-accent-soft:var(--color-primary-soft);--color-accent-ink:var(--color-primary-ink);--color-on-accent:var(--color-on-primary);--color-success:#13995c;--color-success-soft:#13995c1c;--color-warning:#d97a00;--color-warning-soft:#ffaa3c26;--color-danger:#e0393c;--color-danger-soft:#e0393c1a;--status-new:#9a8cff;--status-learning:#ffa43a;--status-reviewing:#3cb4ff;--status-mastered:#22b573;--color-correct:#11935a;--color-correct-soft:#1ab06e1a;--color-correct-edge:#1ab06e52;--color-incorrect:#c2601b;--color-incorrect-soft:#ff96461c;--color-incorrect-edge:#e0782a4d;--color-streak:#ff7a1a;--color-xp:#f0a000;--inverse-ink:#fff;--inverse-ink-secondary:#ffffffb8;--inverse-ink-tertiary:#ffffff80;--inverse-fill:#ffffff1f;--inverse-fill-hover:#ffffff2e;--inverse-border:#ffffff24;--glass-bg:#fafcffad;--glass-bg-strong:#fcfdffe0;--glass-border:#ffffffbf;--glass-edge:#0c14240f;--glass-filter:blur(24px) saturate(180%);--glass-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px var(--glass-edge), 0 12px 36px -12px #1028502e;--elev-0:none;--elev-1:0 1px 2px #1024480a, 0 2px 8px -2px #1024480a;--elev-2:0 1px 2px #1024480d, 0 10px 28px -12px #10244824;--elev-3:0 2px 4px #1024480a, 0 22px 48px -18px #1024483d;--elev-4:0 2px 6px #1024480d, 0 32px 72px -24px #10244852;--elev-primary:inset 0 1px 0 #ffffff47, inset 0 -2px 0 #003c8c29, 0 8px 20px -10px var(--color-primary-glow);--elev-primary-hover:inset 0 1px 0 #ffffff4d, inset 0 -2px 0 #003c8c29, 0 14px 30px -12px var(--color-primary-glow);--highlight-top:inset 0 1px 0 #fffc;--shadow-xs:var(--elev-1);--shadow-sm:var(--elev-1);--shadow-md:var(--elev-2);--shadow-lg:var(--elev-3);--shadow-hero:var(--elev-4);--shadow-glow-accent:var(--elev-primary);--shadow-glow-light:var(--elev-2);--shadow-glow-light-strong:var(--elev-3);--inverse-rim:inset 0 1px 0 #ffffff24, inset 0 0 0 1px var(--inverse-border);--glow-progress:none;--focus-ring-color:var(--color-primary);--focus-ring-width:2px;--focus-ring-offset:3px;--press-scale:.97;--press-scale-strong:.95;--hover-lift:-3px;--hover-scale:1.02;--parallax:1;--disabled-opacity:.4;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .034 2%, .13 4.4%, .46 11%, .72 17%, .88 22.5%, .99 28%, 1.035 33%, 1.05 38%, 1.045 43%, 1.028 51%, 1.008 61%, .998 72%, 1);--ease-spring-soft:linear(0, .05 2.5%, .2 6%, .54 14%, .78 22%, .91 30%, .975 38%, 1.005 47%, 1.012 56%, 1.004 70%, 1);--ease-spring-bouncy:linear(0, .04 1.6%, .16 3.6%, .62 10%, .95 15%, 1.13 20%, 1.17 23.5%, 1.13 28%, 1.02 36%, .97 42%, .965 47%, .99 57%, 1.008 67%, 1.002 80%, 1);--dur-fast:.12s;--dur-ui:.22s;--dur-spring:.56s;--dur-scene:.68s;--dur-celebrate:1.2s;--motion-fast:var(--dur-fast) var(--ease-out);--motion-ui:var(--dur-ui) var(--ease-standard);--motion-spring:var(--dur-spring) var(--ease-spring);--motion-scene:var(--dur-scene) var(--ease-out);--motion-celebration:var(--dur-celebrate) var(--ease-spring-bouncy);--duration-instant:90ms;--duration-fast:var(--dur-fast);--duration-base:var(--dur-ui);--duration-slow:.42s;--duration-slower:var(--dur-scene);--duration-progress:1.1s;--duration-ambient:18s;--duration-exercise:var(--dur-spring);--duration-pulse:.9s;--duration-loop:1.6s;--duration-celebrate:var(--dur-celebrate);--duration-celebrate-long:2.4s;--stagger-step:55ms;--z-base:0;--z-raised:1;--z-nav:20;--z-popover:40;--z-dialog:50;--z-toast:60;--backdrop-scrim:#0c162847;--backdrop:radial-gradient(70% 55% at 50% -12%, #409fff21, transparent 70%), radial-gradient(40% 40% at 100% 20%, #40dfff0f, transparent 70%), var(--color-canvas)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-canvas:#0a0f18;--color-surface:#131b27;--color-surface-raised:#182130;--color-surface-sunken:#0e1520;--color-surface-tint:#10233a;--color-surface-inverse:#1b2a40;--color-ink:#f1f5fb;--color-ink-secondary:#f1f5fbad;--color-ink-tertiary:#f1f5fb7a;--color-ink-quaternary:#f1f5fb3d;--color-fill:#96aac81f;--color-fill-hover:#96aac82e;--color-fill-pressed:#96aac83d;--color-border:#ffffff12;--color-border-strong:#ffffff21;--color-separator:#ffffff0f;--color-primary:#3d9eff;--color-primary-hover:#52a9ff;--color-primary-pressed:#2f8cf0;--color-primary-soft:#3d9eff2e;--color-primary-softer:#3d9eff1a;--color-primary-glow:#3d9eff80;--color-primary-ink:#7cc0ff;--color-success:#2fcf86;--color-success-soft:#2fcf8629;--color-warning:#ffb050;--color-correct:#3ddc97;--color-correct-soft:#2fcf8621;--color-correct-edge:#2fcf8657;--color-incorrect:#ffae70;--color-incorrect-soft:#ff9a551f;--color-incorrect-edge:#ff9a5557;--color-danger:#ff6b6b;--backdrop-scrim:#0000008c;--status-new:#ab9fff;--status-learning:#ffb35c;--status-reviewing:#5cc2ff;--status-mastered:#34d08a;--glass-bg:#1821309e;--glass-bg-strong:#182130e0;--glass-border:#ffffff1a;--glass-edge:#ffffff14;--glass-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px var(--glass-edge), 0 14px 40px -10px #0009;--elev-1:0 1px 2px #0000004d, 0 0 0 1px #ffffff0a;--elev-2:0 10px 28px -12px #0009, 0 0 0 1px #ffffff0d;--elev-3:0 22px 48px -18px #000000b3, 0 0 0 1px #ffffff12;--elev-4:0 32px 72px -24px #000c, 0 0 0 1px #ffffff14;--highlight-top:inset 0 1px 0 #ffffff0f;--color-on-art:#ffffffeb;--art-limb:#b9d7ff;--tone-ocean:linear-gradient(150deg, #173452 0%, #1f5a8a 100%);--tone-sunset:linear-gradient(150deg, #3a2a26 0%, #7a4034 100%);--tone-forest:linear-gradient(150deg, #28331a 0%, #4f6a1f 100%);--tone-berry:linear-gradient(150deg, #29233f 0%, #4b3d8a 100%);--tone-dusk:linear-gradient(150deg, #3a2533 0%, #7a3d63 100%);--backdrop:radial-gradient(70% 55% at 50% -12%, #409fff29, transparent 70%), var(--color-canvas)}}@media (pointer:coarse){:root{--control-sm:40px;--control-md:44px}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-ui:1ms;--dur-spring:1ms;--dur-scene:1ms;--dur-celebrate:1ms;--duration-instant:1ms;--duration-slow:1ms;--duration-progress:1ms;--duration-celebrate-long:1ms;--stagger-step:0s;--press-scale:1;--press-scale-strong:1;--hover-lift:0px;--hover-scale:1;--parallax:0}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--space-6)}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:var(--tracking-body);color:var(--color-ink);background:var(--backdrop);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:not-allowed}svg{flex-shrink:0}:lang(zh){--font-word:var(--font-zh-word);--font-sans:var(--font-inter), var(--font-zh-sans);--leading-tight:1.18;--tracking-display:0}:lang(ja){--font-word:var(--font-ja-word);--font-sans:var(--font-inter), var(--font-ja-sans);--leading-tight:1.18;--tracking-display:0}:lang(zh),:lang(ja){font-family:var(--font-sans);font-synthesis:none}:lang(zh-Latn){--font-word:var(--font-inter), system-ui, sans-serif;font-family:var(--font-inter), system-ui, sans-serif;--leading-tight:1.1}:lang(ja-Latn){--font-word:var(--font-fraunces), "Iowan Old Style", Georgia, serif;--leading-tight:1.06}::selection{background:var(--color-accent-soft)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-iteration-count:1!important}}::view-transition-old(.page-exit){animation:vt-fade-out var(--dur-fast) var(--ease-in) both}::view-transition-new(.page-enter){animation:vt-rise var(--dur-scene) var(--ease-out) both}::view-transition-old(.scene-out){animation:vt-recede var(--dur-ui) var(--ease-in) both}::view-transition-new(.scene-in){animation:vt-arrive var(--dur-scene) var(--ease-spring-soft) both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes vt-recede{to{opacity:0;filter:blur(4px);transform:scale(.97)}}@keyframes vt-arrive{0%{opacity:0;transform:translateY(28px)scale(.97)}}::view-transition-old(.card-out){animation:vt-card-away var(--dur-ui) var(--ease-in) both}::view-transition-new(.card-in){animation:vt-card-forward var(--dur-spring) var(--ease-spring-soft) both}@keyframes vt-card-away{to{opacity:0;transform:translateY(-36px)rotate(-1.5deg)scale(1.02)}}@keyframes vt-card-forward{0%{opacity:.4;transform:translateY(26px)scale(.94)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}