:root{--font-jp: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-jp-display: "Shippori Mincho", "Noto Serif JP", serif;--font-main: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display: "Sora", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-px: 1px;--space-0\.5: .125rem;--space-1: .25rem;--space-1\.5: .375rem;--space-2: .5rem;--space-2\.5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .12), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--bg-ambient: none;--bg-fiber: none;--bg-fiber-opacity: 0;--bg-noise-opacity: .015;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080;--z-maximum: 9999}[data-theme=dark]{--bg-primary: #0a0c10;--bg-secondary: #12141a;--bg-tertiary: #1a1d24;--bg-elevated: #22252e;--bg-overlay: rgba(10, 12, 16, .92);--surface-1: #181b22;--surface-2: #1f2229;--surface-3: #272a33;--surface-4: #2f3239;--surface-hover: #33363f;--surface-active: #3a3d47;--text-primary: #f5f7fa;--text-secondary: #a8adb8;--text-tertiary: #747985;--text-muted: #555861;--text-placeholder: #3e4149;--accent-primary: #ef5466;--accent-primary-hover: #f26878;--accent-primary-light: rgba(239, 84, 102, .12);--accent-secondary: #2fbd75;--accent-secondary-hover: #3dd189;--accent-secondary-light: rgba(47, 189, 117, .12);--accent-tertiary: #8b6ce7;--accent-tertiary-hover: #9d7ef0;--accent-tertiary-light: rgba(139, 108, 231, .12);--accent-indigo: #4f5fd9;--accent-coral: #ff8a80;--accent-cyan: #4dd0e1;--gradient-sakura: linear-gradient(135deg, #ef5466 0%, #ff9aa2 45%, #ffd3d8 100%);--gradient-sunset: linear-gradient(135deg, #ef5466 0%, #ff9068 50%, #feca57 100%);--gradient-forest: linear-gradient(135deg, #2fbd75 0%, #2eb872 50%, #54d47b 100%);--gradient-aurora: linear-gradient(135deg, #8b6ce7 0%, #667eea 50%, #4f5fd9 100%);--accent-gold: #daa520;--accent-gold-light: #f0d794;--accent-gold-glow: rgba(218, 165, 32, .35);--success: #10b981;--success-hover: #34d399;--success-bg: rgba(16, 185, 129, .12);--success-border: rgba(16, 185, 129, .25);--error: #ef4444;--error-hover: #f87171;--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .25);--warning: #f59e0b;--warning-hover: #fbbf24;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .25);--info: #3b82f6;--info-hover: #60a5fa;--info-bg: rgba(59, 130, 246, .12);--info-border: rgba(59, 130, 246, .25);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-emphasis: rgba(255, 255, 255, .18);--glow-primary: 0 0 24px rgba(239, 84, 102, .45);--glow-secondary: 0 0 24px rgba(47, 189, 117, .45);--glow-tertiary: 0 0 24px rgba(139, 108, 231, .45);--glow-success: 0 0 20px rgba(16, 185, 129, .4);--glow-gold: 0 0 28px rgba(218, 165, 32, .5);--bg-ambient: radial-gradient(ellipse at 18% 25%, rgba(139, 108, 231, .08), transparent 28%), radial-gradient(ellipse at 85% 15%, rgba(47, 189, 117, .06), transparent 32%), radial-gradient(ellipse at 70% 75%, rgba(239, 84, 102, .07), transparent 30%), radial-gradient(ellipse at 45% 50%, rgba(79, 95, 217, .04), transparent 35%);--bg-fiber: radial-gradient(1px 1px at 22% 28%, rgba(255, 255, 255, .025), transparent 0), radial-gradient(1px 1px at 78% 62%, rgba(255, 255, 255, .02), transparent 0), radial-gradient(1px 1px at 45% 88%, rgba(255, 255, 255, .018), transparent 0);--bg-fiber-opacity: .12;--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");--glass-bg: rgba(24, 27, 34, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 16px;--glass-highlight: rgba(255, 255, 255, .03);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .4);--shadow-colored: 0 10px 30px -10px rgba(239, 84, 102, .3)}[data-theme=light]{--bg-primary: #fafbfc;--bg-secondary: #f4f5f8;--bg-tertiary: #eceef3;--bg-elevated: #ffffff;--bg-overlay: rgba(250, 251, 252, .95);--surface-1: #ffffff;--surface-2: #f8f9fb;--surface-3: #f1f3f6;--surface-4: #e8eaef;--surface-hover: #e3e6ec;--surface-active: #dce0e7;--text-primary: #1a1b26;--text-secondary: #2e3039;--text-tertiary: #474952;--text-muted: #73747e;--text-placeholder: #9c9da6;--accent-primary: #d64760;--accent-primary-hover: #e25875;--accent-primary-light: rgba(214, 71, 96, .1);--accent-secondary: #2fa06d;--accent-secondary-hover: #3cb87f;--accent-secondary-light: rgba(47, 160, 109, .1);--accent-tertiary: #5d4fba;--accent-tertiary-hover: #7263cd;--accent-tertiary-light: rgba(93, 79, 186, .1);--accent-indigo: #3e4eb8;--accent-coral: #ff6f61;--accent-cyan: #00acc1;--gradient-sakura: linear-gradient(135deg, #d64760 0%, #e88598 45%, #f5d0d8 100%);--gradient-sunset: linear-gradient(135deg, #d64760 0%, #ff8658 50%, #ffd56a 100%);--gradient-forest: linear-gradient(135deg, #2fa06d 0%, #3cb87f 50%, #5dd494 100%);--gradient-aurora: linear-gradient(135deg, #5d4fba 0%, #7263cd 50%, #8877e0 100%);--accent-gold: #c9941a;--accent-gold-light: #f0d56e;--accent-gold-glow: rgba(201, 148, 26, .25);--success: #059669;--success-hover: #10b981;--success-bg: rgba(5, 150, 105, .08);--success-border: rgba(5, 150, 105, .2);--error: #dc2626;--error-hover: #ef4444;--error-bg: rgba(220, 38, 38, .08);--error-border: rgba(220, 38, 38, .2);--warning: #d97706;--warning-hover: #f59e0b;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .2);--info: #2563eb;--info-hover: #3b82f6;--info-bg: rgba(37, 99, 235, .08);--info-border: rgba(37, 99, 235, .2);--border-subtle: rgba(26, 27, 38, .04);--border-default: rgba(26, 27, 38, .08);--border-strong: rgba(26, 27, 38, .14);--border-emphasis: rgba(26, 27, 38, .2);--glow-primary: 0 0 24px rgba(214, 71, 96, .3);--glow-secondary: 0 0 24px rgba(47, 160, 109, .3);--glow-tertiary: 0 0 24px rgba(93, 79, 186, .3);--glow-success: 0 0 20px rgba(5, 150, 105, .25);--glow-gold: 0 0 28px rgba(201, 148, 26, .35);--bg-ambient: radial-gradient(ellipse at 20% 22%, rgba(93, 79, 186, .05), transparent 30%), radial-gradient(ellipse at 82% 18%, rgba(47, 160, 109, .04), transparent 34%), radial-gradient(ellipse at 68% 78%, rgba(214, 71, 96, .045), transparent 32%), radial-gradient(ellipse at 48% 52%, rgba(62, 78, 184, .03), transparent 38%);--bg-fiber: radial-gradient(1px 1px at 24% 30%, rgba(26, 27, 38, .04), transparent 0), radial-gradient(1px 1px at 76% 64%, rgba(26, 27, 38, .035), transparent 0), radial-gradient(1.5px 1.5px at 48% 82%, rgba(214, 71, 96, .025), transparent 0);--bg-fiber-opacity: .15;--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");--glass-bg: rgba(255, 255, 255, .88);--glass-border: rgba(26, 27, 38, .05);--glass-blur: 20px;--glass-highlight: rgba(255, 255, 255, .6);--shadow-sm: 0 1px 2px rgba(26, 27, 38, .04), 0 1px 1px rgba(26, 27, 38, .02);--shadow-md: 0 4px 6px -1px rgba(26, 27, 38, .08), 0 2px 4px -1px rgba(26, 27, 38, .04);--shadow-lg: 0 10px 15px -3px rgba(26, 27, 38, .1), 0 4px 6px -2px rgba(26, 27, 38, .05);--shadow-xl: 0 20px 25px -5px rgba(26, 27, 38, .12), 0 10px 10px -5px rgba(26, 27, 38, .06);--shadow-2xl: 0 25px 50px -12px rgba(26, 27, 38, .18);--shadow-colored: 0 8px 24px -8px rgba(214, 71, 96, .25);--shadow-inner: inset 0 2px 4px 0 rgba(26, 27, 38, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background-color:var(--bg-primary);background-image:var(--bg-ambient);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative;transition:background-color var(--transition-base),color var(--transition-base)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--bg-fiber);opacity:var(--bg-fiber-opacity);mix-blend-mode:multiply;z-index:-1}.jp{font-family:var(--font-jp)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--glass-border);position:relative}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--glass-highlight);opacity:.4;border-radius:inherit;pointer-events:none}.gradient-text{background:var(--gradient-sakura);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sakuraFall{0%{transform:translateY(-10%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-primary);opacity:1}50%{box-shadow:0 0 30px var(--accent-primary),0 0 40px var(--accent-primary);opacity:.8}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-slide-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-right{animation:slideInRight var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-rotate-in{animation:rotateIn .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}@keyframes correctAnswer{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.98)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes wrongAnswer{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes successPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes errorPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 3px var(--accent-primary))}50%{filter:drop-shadow(0 0 15px var(--accent-primary))}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes cursorBlink{0%,50%{border-color:var(--accent-primary)}51%,to{border-color:transparent}}@keyframes celebrationBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-10px) scale(1.05)}}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rippleExpand{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes swingIn{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flipIn{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes zoomInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-correct{animation:correctAnswer .5s ease}.animate-wrong{animation:wrongAnswer .5s ease}.animate-success-pulse{animation:successPulse .8s ease}.animate-error-pulse{animation:errorPulse .8s ease}.animate-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-bottom{animation:slideFromBottom .4s ease-out}.animate-glow-pulse{animation:glowPulse 1.5s ease-in-out infinite}.animate-celebration{animation:celebrationBounce .8s ease}.animate-heartbeat{animation:heartbeat .8s ease}.animate-swing-in{animation:swingIn .5s ease-out}.animate-flip-in{animation:flipIn .5s ease-out}.animate-zoom-bounce{animation:zoomInBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes trophyShine{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes levitate{0%,to{transform:translateY(0) rotate(0);box-shadow:0 5px 20px #0003}50%{transform:translateY(-8px) rotate(1deg);box-shadow:0 15px 30px #00000026}}@keyframes elasticIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rippleOut{0%{box-shadow:0 0 #e84a5f66}to{box-shadow:0 0 0 20px #e84a5f00}}@keyframes cardLift{0%{transform:translateY(0) scale(1);box-shadow:var(--shadow-md)}to{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl)}}@keyframes listItemIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-trophy-shine{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:trophyShine 2s ease-in-out infinite}.animate-levitate{animation:levitate 3s ease-in-out infinite}.animate-elastic-in{animation:elasticIn .6s cubic-bezier(.34,1.56,.64,1)}.animate-ripple-out{animation:rippleOut .6s ease-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-list-item{animation:listItemIn .4s ease-out backwards}.stagger-list>*:nth-child(1){animation-delay:.05s}.stagger-list>*:nth-child(2){animation-delay:.1s}.stagger-list>*:nth-child(3){animation-delay:.15s}.stagger-list>*:nth-child(4){animation-delay:.2s}.stagger-list>*:nth-child(5){animation-delay:.25s}.stagger-list>*:nth-child(6){animation-delay:.3s}.stagger-list>*:nth-child(7){animation-delay:.35s}.stagger-list>*:nth-child(8){animation-delay:.4s}.stagger-list>*:nth-child(9){animation-delay:.45s}.stagger-list>*:nth-child(10){animation-delay:.5s}@keyframes revealFromBottom{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealFromLeft{0%{opacity:0;transform:translate(-50px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes revealFromRight{0%{opacity:0;transform:translate(50px);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes revealBlurIn{0%{opacity:0;filter:blur(10px);transform:scale(.95)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) rotateX(10deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes brushStroke{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes drawCircle{0%{stroke-dashoffset:628}to{stroke-dashoffset:0}}@keyframes numberReveal{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes parallaxFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(4px)}50%{transform:translateY(-5px) translate(-2px)}75%{transform:translateY(-12px) translate(2px)}}@keyframes magneticPull{0%{transform:translate(0)}to{transform:translate(var(--mouse-x, 0),var(--mouse-y, 0))}}@keyframes shimmerText{0%{background-position:-200% center}to{background-position:200% center}}@keyframes inkDrop{0%{transform:scale(0);opacity:.8;border-radius:50%}50%{opacity:.4;border-radius:45%}to{transform:scale(1);opacity:0;border-radius:40%}}@keyframes elegantEntrance{0%{opacity:0;transform:translateY(30px) rotate(-2deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes waveMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes spotlightSweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes softGlowPulse{0%,to{filter:drop-shadow(0 0 8px var(--accent-primary)) brightness(1)}50%{filter:drop-shadow(0 0 20px var(--accent-primary)) brightness(1.1)}}@keyframes cascadeFade{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-reveal-bottom{animation:revealFromBottom .7s cubic-bezier(.16,1,.3,1) both}.animate-reveal-left{animation:revealFromLeft .8s cubic-bezier(.16,1,.3,1) both}.animate-reveal-right{animation:revealFromRight .8s cubic-bezier(.16,1,.3,1) both}.animate-reveal-blur{animation:revealBlurIn .6s cubic-bezier(.16,1,.3,1) both}.animate-card-reveal{animation:cardReveal .8s cubic-bezier(.16,1,.3,1) both}.animate-brush-stroke{animation:brushStroke 1.2s cubic-bezier(.16,1,.3,1) both}.animate-number-reveal{animation:numberReveal .5s cubic-bezier(.34,1.56,.64,1) both}.animate-elegant-entrance{animation:elegantEntrance .9s cubic-bezier(.16,1,.3,1) both}.animate-ink-drop{animation:inkDrop .8s cubic-bezier(.16,1,.3,1) both}.animate-parallax-float{animation:parallaxFloat 6s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 8s ease infinite}.animate-wave-morph{animation:waveMorph 8s ease-in-out infinite}.animate-soft-glow{animation:softGlowPulse 3s ease-in-out infinite}.animate-cascade{animation:cascadeFade .6s cubic-bezier(.16,1,.3,1) both}.cascade-children>*{opacity:0;animation:cascadeFade .6s cubic-bezier(.16,1,.3,1) both}.cascade-children>*:nth-child(1){animation-delay:0s}.cascade-children>*:nth-child(2){animation-delay:.08s}.cascade-children>*:nth-child(3){animation-delay:.16s}.cascade-children>*:nth-child(4){animation-delay:.24s}.cascade-children>*:nth-child(5){animation-delay:.32s}.cascade-children>*:nth-child(6){animation-delay:.4s}.cascade-children>*:nth-child(7){animation-delay:.48s}.cascade-children>*:nth-child(8){animation-delay:.56s}.cascade-children>*:nth-child(9){animation-delay:.64s}.cascade-children>*:nth-child(10){animation-delay:.72s}.cascade-children>*:nth-child(11){animation-delay:.8s}.cascade-children>*:nth-child(12){animation-delay:.88s}[data-reveal]{opacity:0}[data-reveal=true]{animation:revealFromBottom .7s cubic-bezier(.16,1,.3,1) both}.page-transition-enter{animation:pageSlideIn .4s cubic-bezier(.16,1,.3,1) both}.page-transition-fade{animation:pageFadeIn .3s ease-out both}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #e84a5f4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-primary);color:#fff}.pattern-seigaiha{background-image:radial-gradient(circle at 100% 150%,var(--surface-2) 24%,var(--surface-1) 24%,var(--surface-1) 28%,transparent 28%,transparent),radial-gradient(circle at 0% 150%,var(--surface-2) 24%,var(--surface-1) 24%,var(--surface-1) 28%,transparent 28%,transparent),radial-gradient(circle at 50% 100%,var(--surface-1) 10%,var(--surface-2) 11%,var(--surface-2) 23%,var(--surface-1) 24%,var(--surface-1) 27%,transparent 27%,transparent),radial-gradient(circle at 100% 50%,var(--surface-1) 5%,var(--surface-2) 6%,var(--surface-2) 15%,var(--surface-1) 16%,var(--surface-1) 20%,transparent 20%,transparent),radial-gradient(circle at 0% 50%,var(--surface-1) 5%,var(--surface-2) 6%,var(--surface-2) 15%,var(--surface-1) 16%,var(--surface-1) 20%,transparent 20%,transparent);background-size:40px 20px}.pattern-asanoha{background-color:var(--surface-1);background-image:linear-gradient(30deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(150deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(30deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(150deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(60deg,var(--border-default) 25%,transparent 25.5%,transparent 75%,var(--border-default) 75%,var(--border-default)),linear-gradient(60deg,var(--border-default) 25%,transparent 25.5%,transparent 75%,var(--border-default) 75%,var(--border-default));background-size:20px 35px;background-position:0 0,0 0,10px 18px,10px 18px,0 0,10px 18px}.pattern-kikkou{background-color:var(--surface-1);background-image:linear-gradient(30deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(150deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(30deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle)),linear-gradient(150deg,var(--border-subtle) 12%,transparent 12.5%,transparent 87%,var(--border-subtle) 87.5%,var(--border-subtle));background-size:42px 24px;background-position:0 0,21px 12px,0 0,21px 12px}.brush-underline{position:relative}.brush-underline:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:6px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 10%,var(--accent-primary) 50%,var(--accent-secondary) 80%,transparent 100%);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 Q 10 2, 25 6 T 50 5 T 75 7 T 100 4' stroke='black' stroke-width='4' fill='none'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 Q 10 2, 25 6 T 50 5 T 75 7 T 100 4' stroke='black' stroke-width='4' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;opacity:.8}.ink-splash{position:relative}.ink-splash:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(ellipse at center,var(--accent-primary) 0%,transparent 70%);opacity:.1;border-radius:50%;transform:scaleY(.6) rotate(-15deg);pointer-events:none;z-index:-1}.hanko-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:3px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);font-weight:700;font-family:var(--font-jp);transform:rotate(-3deg);position:relative}.hanko-badge:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid var(--accent-primary);border-radius:6px;opacity:.5}.torii-divider{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) 0;color:var(--text-muted)}.torii-divider:before,.torii-divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--border-default) 20%,var(--border-default) 80%,transparent)}.torii-icon{font-size:1.25rem;color:var(--accent-primary)}@keyframes sakuraDrift{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translate(100px) rotate(720deg);opacity:0}}.sakura-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.sakura-petal{position:absolute;width:12px;height:12px;background:radial-gradient(ellipse at 30% 30%,pink,#ffb7c5,#ff9eb5);border-radius:150% 0;animation:sakuraDrift linear forwards;opacity:0}.quote-jp{position:relative;padding:var(--space-xl);background:var(--surface-1);border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.quote-jp:before{content:"「";position:absolute;top:var(--space-sm);left:var(--space-md);font-size:2rem;color:var(--accent-primary);opacity:.3;font-family:var(--font-jp)}.quote-jp:after{content:"」";position:absolute;bottom:var(--space-sm);right:var(--space-md);font-size:2rem;color:var(--accent-primary);opacity:.3;font-family:var(--font-jp)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-weight:700;font-size:.875rem;border-radius:var(--radius-md);text-transform:uppercase}.rank-badge.n5{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rank-badge.n4{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.rank-badge.n3{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.rank-badge.n2{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rank-badge.n1{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.kanji-highlight{display:inline-block;padding:2px 6px;background:linear-gradient(135deg,#e84a5f1a,#e84a5f0d);border-radius:var(--radius-sm);border-bottom:2px solid var(--accent-primary);font-family:var(--font-jp)}.reading-annotated{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.reading-annotated .furigana{font-size:.5em;color:var(--text-tertiary);margin-bottom:2px}.reading-annotated .kanji{font-family:var(--font-jp)}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);stroke-linecap:round}.corner-accent{position:relative}.corner-accent:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,var(--accent-primary) 50%);opacity:.1;border-radius:0 var(--radius-lg) 0 0}.enso-decoration{position:relative}.enso-decoration:after{content:"";position:absolute;width:60px;height:60px;border:4px solid var(--accent-primary);border-radius:50%;opacity:.1;clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%)}.focus-zen:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary),0 4px 12px #e84a5f33}.number-display{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.number-display.large{font-size:3rem;line-height:1;background:var(--gradient-sakura);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link-animated{position:relative;text-decoration:none;color:var(--accent-primary)}.link-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.link-animated:hover:after{width:100%}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle)}.tag-pill.accent{background:#e84a5f1a;color:var(--accent-primary);border-color:#e84a5f33}.tag-pill.success{background:var(--success-bg);color:var(--success);border-color:#10b98133}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-hover) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:skeletonWave 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeletonWave{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background:var(--surface-3);color:var(--text-primary);font-size:.8125rem;border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:var(--shadow-lg);z-index:1000}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.font-display{font-family:var(--font-display)}.font-main{font-family:var(--font-main)}.font-jp{font-family:var(--font-jp)}.font-jp-display{font-family:var(--font-jp-display)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.bg-surface-1{background-color:var(--surface-1)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-accent{background-color:var(--accent-primary)}.bg-accent-light{background-color:var(--accent-primary-light)}.bg-gradient-sakura{background:var(--gradient-sakura)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-forest{background:var(--gradient-forest)}.bg-gradient-aurora{background:var(--gradient-aurora)}.border{border:1px solid var(--border-default)}.border-subtle{border:1px solid var(--border-subtle)}.border-strong{border:1px solid var(--border-strong)}.border-accent{border:1px solid var(--accent-primary)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-colored{box-shadow:var(--shadow-colored)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-spring{transition:all var(--transition-spring)}.interactive{cursor:pointer;transition:all var(--transition-base)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0)}.card-elevated{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.card-bordered{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-24) 0}.container-sm{max-width:640px;margin:0 auto;padding:0 var(--space-4)}.container-md{max-width:768px;margin:0 auto;padding:0 var(--space-4)}.container-lg{max-width:1024px;margin:0 auto;padding:0 var(--space-4)}.container-xl{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.z-maximum{z-index:var(--z-maximum)}@media (max-width: 640px){.hidden-mobile{display:none!important}}@media (min-width: 641px){.show-mobile{display:none!important}}@media (min-width: 768px){.hidden-tablet{display:none!important}}@media (max-width: 767px){.show-tablet{display:none!important}}@media (min-width: 1024px){.hidden-desktop{display:none!important}}@media (max-width: 1023px){.show-desktop{display:none!important}}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-portrait{aspect-ratio:3 / 4}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.no-print{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}}.vinyl-container.svelte-1faqusy{--vinyl-size:var(--size, 160px);width:var(--vinyl-size);height:var(--vinyl-size);position:relative;display:flex;align-items:center;justify-content:center}.vinyl.svelte-1faqusy{width:100%;height:100%;position:relative;transition:transform var(--transition-base)}.vinyl.spinning.svelte-1faqusy{animation:svelte-1faqusy-vinylSpin 10s linear infinite}@keyframes svelte-1faqusy-vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.vinyl.spinning.svelte-1faqusy{animation:none}}.vinyl-disc.svelte-1faqusy{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#282a32,#191b21 40%,#0f1116);box-shadow:0 4px 12px #0006,inset 0 1px 2px #ffffff0d,inset 0 -2px 4px #0000004d;position:relative;overflow:hidden}.groove.svelte-1faqusy{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.02);pointer-events:none}.groove-1.svelte-1faqusy{top:12%;left:12%;right:12%;bottom:12%}.groove-2.svelte-1faqusy{top:18%;left:18%;right:18%;bottom:18%}.groove-3.svelte-1faqusy{top:24%;left:24%;right:24%;bottom:24%}.vinyl-label.svelte-1faqusy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--station-color, var(--accent-primary)) 0%,color-mix(in srgb,var(--station-color, var(--accent-primary)) 80%,black) 100%);box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.vinyl-label.pulsing.svelte-1faqusy{animation:svelte-1faqusy-labelPulse 1.5s ease-in-out infinite}@keyframes svelte-1faqusy-labelPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.98)}}@media (prefers-reduced-motion: reduce){.vinyl-label.pulsing.svelte-1faqusy{animation:none}}.label-inner.svelte-1faqusy{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.label-text.svelte-1faqusy{position:absolute;width:80%;text-align:center;pointer-events:none}.label-title.svelte-1faqusy{display:block;font-size:calc(var(--vinyl-size) * .08);font-weight:700;color:#fffffff2;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2}.center-hole.svelte-1faqusy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#14161c,#0a0c10);box-shadow:0 0 0 1px #ffffff14,inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d}@media (max-width: 640px){.label-title.svelte-1faqusy{font-size:calc(var(--vinyl-size) * .07)}}.player-popover.svelte-1w7lju0.svelte-1w7lju0{position:fixed;width:min(340px,calc(100vw - 16px));max-height:min(80vh,calc(100svh - 16px));overflow-y:auto;border-radius:var(--radius-xl);padding:var(--space-6);z-index:var(--z-popover);animation:svelte-1w7lju0-popoverIn .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-2xl)}@keyframes svelte-1w7lju0-popoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vinyl-section.svelte-1w7lju0.svelte-1w7lju0{display:flex;justify-content:center;margin-bottom:var(--space-6)}.station-info.svelte-1w7lju0.svelte-1w7lju0{text-align:center;margin-bottom:var(--space-6)}.station-name.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.station-artist.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.error-banner.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.controls.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.control-btn.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);border:none;background:var(--accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.control-btn.svelte-1w7lju0.svelte-1w7lju0:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05);box-shadow:var(--glow-primary)}.control-btn.svelte-1w7lju0.svelte-1w7lju0:active:not(:disabled){transform:scale(.95)}.control-btn.svelte-1w7lju0.svelte-1w7lju0:disabled{opacity:.5;cursor:not-allowed}.control-btn-small.svelte-1w7lju0.svelte-1w7lju0{width:44px;height:44px;background:var(--surface-hover);color:var(--text-primary)}.control-btn-small.svelte-1w7lju0.svelte-1w7lju0:hover:not(:disabled){background:var(--surface-active);box-shadow:var(--shadow-md)}.spinner.svelte-1w7lju0.svelte-1w7lju0{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1w7lju0-spin .8s linear infinite}@keyframes svelte-1w7lju0-spin{to{transform:rotate(360deg)}}.volume-control.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.volume-btn.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.volume-btn.svelte-1w7lju0.svelte-1w7lju0:hover{background:var(--surface-hover);color:var(--text-primary)}.volume-slider.svelte-1w7lju0.svelte-1w7lju0{flex:1;height:4px;border-radius:var(--radius-full);background:var(--surface-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider.svelte-1w7lju0.svelte-1w7lju0::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast)}.volume-slider.svelte-1w7lju0.svelte-1w7lju0::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px var(--accent-primary)}.volume-slider.svelte-1w7lju0.svelte-1w7lju0::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast)}.volume-slider.svelte-1w7lju0.svelte-1w7lju0::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px var(--accent-primary)}.volume-value.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);min-width:32px;text-align:right}.station-list.svelte-1w7lju0.svelte-1w7lju0{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-bottom:var(--space-4)}.station-list-title.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.station-items.svelte-1w7lju0.svelte-1w7lju0{display:flex;flex-direction:column;gap:var(--space-1)}.station-item.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.station-item.svelte-1w7lju0.svelte-1w7lju0:hover:not(:disabled){background:var(--surface-hover)}.station-item.active.svelte-1w7lju0.svelte-1w7lju0{background:var(--accent-primary-light)}.station-item.svelte-1w7lju0.svelte-1w7lju0:disabled{opacity:.6;cursor:not-allowed}.station-color.svelte-1w7lju0.svelte-1w7lju0{width:8px;height:8px;border-radius:50%;flex-shrink:0}.station-item-info.svelte-1w7lju0.svelte-1w7lju0{flex:1;min-width:0}.station-item-name.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-item-artist.svelte-1w7lju0.svelte-1w7lju0{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing-indicator.svelte-1w7lju0.svelte-1w7lju0{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.equalizer.svelte-1w7lju0.svelte-1w7lju0{display:flex;align-items:flex-end;gap:2px;height:12px}.equalizer.svelte-1w7lju0 span.svelte-1w7lju0{width:2px;background:var(--accent-primary);border-radius:1px;animation:svelte-1w7lju0-equalizerBounce .8s ease-in-out infinite}.equalizer.svelte-1w7lju0 span.svelte-1w7lju0:nth-child(1){animation-delay:0s}.equalizer.svelte-1w7lju0 span.svelte-1w7lju0:nth-child(2){animation-delay:.2s}.equalizer.svelte-1w7lju0 span.svelte-1w7lju0:nth-child(3){animation-delay:.4s}@keyframes svelte-1w7lju0-equalizerBounce{0%,to{height:4px}50%{height:12px}}@media (prefers-reduced-motion: reduce){.equalizer.svelte-1w7lju0 span.svelte-1w7lju0{animation:none;height:8px}}.attribution.svelte-1w7lju0.svelte-1w7lju0{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}@media (max-width: 480px){.player-popover.svelte-1w7lju0.svelte-1w7lju0{padding:var(--space-5)}.controls.svelte-1w7lju0.svelte-1w7lju0{gap:var(--space-3)}.control-btn.svelte-1w7lju0.svelte-1w7lju0{width:52px;height:52px}.control-btn-small.svelte-1w7lju0.svelte-1w7lju0{width:40px;height:40px}.volume-control.svelte-1w7lju0.svelte-1w7lju0{gap:var(--space-2)}}.player-popover.svelte-1w7lju0.svelte-1w7lju0::-webkit-scrollbar{width:6px}.player-popover.svelte-1w7lju0.svelte-1w7lju0::-webkit-scrollbar-track{background:transparent}.player-popover.svelte-1w7lju0.svelte-1w7lju0::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.sheet-backdrop.svelte-11d7wsu.svelte-11d7wsu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:svelte-11d7wsu-backdropFadeIn .25s ease-out}@keyframes svelte-11d7wsu-backdropFadeIn{0%{opacity:0}to{opacity:1}}.player-sheet.svelte-11d7wsu.svelte-11d7wsu{position:fixed;bottom:0;left:0;right:0;max-height:90vh;max-height:90svh;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-bottom:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:var(--z-modal);animation:svelte-11d7wsu-sheetSlideUp .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;box-shadow:0 -4px 24px #0000004d}@keyframes svelte-11d7wsu-sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle.svelte-11d7wsu.svelte-11d7wsu{display:flex;justify-content:center;padding:var(--space-3) 0}.handle-bar.svelte-11d7wsu.svelte-11d7wsu{width:40px;height:4px;background:var(--border-strong);border-radius:var(--radius-full)}.sheet-content.svelte-11d7wsu.svelte-11d7wsu{padding:0 var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom)) var(--space-6)}.vinyl-section.svelte-11d7wsu.svelte-11d7wsu{display:flex;justify-content:center;margin-bottom:var(--space-6)}.station-info.svelte-11d7wsu.svelte-11d7wsu{text-align:center;margin-bottom:var(--space-6)}.station-name.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.station-artist.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.error-banner.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.controls.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-8)}.control-btn.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);border:none;background:var(--accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.control-btn.svelte-11d7wsu.svelte-11d7wsu:active:not(:disabled){transform:scale(.95)}.control-btn.svelte-11d7wsu.svelte-11d7wsu:disabled{opacity:.5}.control-btn-small.svelte-11d7wsu.svelte-11d7wsu{width:52px;height:52px;background:var(--surface-hover);color:var(--text-primary)}.spinner.svelte-11d7wsu.svelte-11d7wsu{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-11d7wsu-spin .8s linear infinite}@keyframes svelte-11d7wsu-spin{to{transform:rotate(360deg)}}.volume-control.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.volume-btn.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.volume-btn.svelte-11d7wsu.svelte-11d7wsu:active{background:var(--surface-hover);color:var(--text-primary)}.volume-slider.svelte-11d7wsu.svelte-11d7wsu{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider.svelte-11d7wsu.svelte-11d7wsu::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.volume-slider.svelte-11d7wsu.svelte-11d7wsu::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--accent-primary);cursor:pointer}.volume-value.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.station-list.svelte-11d7wsu.svelte-11d7wsu{border-top:1px solid var(--border-subtle);padding-top:var(--space-5);margin-bottom:var(--space-5)}.station-list-title.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4) 0}.station-items.svelte-11d7wsu.svelte-11d7wsu{display:flex;flex-direction:column;gap:var(--space-2)}.station-item.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;touch-action:manipulation}.station-item.svelte-11d7wsu.svelte-11d7wsu:active:not(:disabled){background:var(--surface-hover)}.station-item.active.svelte-11d7wsu.svelte-11d7wsu{background:var(--accent-primary-light)}.station-item.svelte-11d7wsu.svelte-11d7wsu:disabled{opacity:.6}.station-color.svelte-11d7wsu.svelte-11d7wsu{width:10px;height:10px;border-radius:50%;flex-shrink:0}.station-item-info.svelte-11d7wsu.svelte-11d7wsu{flex:1;min-width:0}.station-item-name.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-base);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-item-artist.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing-indicator.svelte-11d7wsu.svelte-11d7wsu{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.equalizer.svelte-11d7wsu.svelte-11d7wsu{display:flex;align-items:flex-end;gap:3px;height:16px}.equalizer.svelte-11d7wsu span.svelte-11d7wsu{width:3px;background:var(--accent-primary);border-radius:2px;animation:svelte-11d7wsu-equalizerBounce .8s ease-in-out infinite}.equalizer.svelte-11d7wsu span.svelte-11d7wsu:nth-child(1){animation-delay:0s}.equalizer.svelte-11d7wsu span.svelte-11d7wsu:nth-child(2){animation-delay:.2s}.equalizer.svelte-11d7wsu span.svelte-11d7wsu:nth-child(3){animation-delay:.4s}@keyframes svelte-11d7wsu-equalizerBounce{0%,to{height:5px}50%{height:16px}}@media (prefers-reduced-motion: reduce){.equalizer.svelte-11d7wsu span.svelte-11d7wsu{animation:none;height:10px}}.attribution.svelte-11d7wsu.svelte-11d7wsu{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}@media (max-width: 480px){.sheet-content.svelte-11d7wsu.svelte-11d7wsu{padding:0 var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom)) var(--space-4)}.vinyl-section.svelte-11d7wsu.svelte-11d7wsu{margin-bottom:var(--space-5)}.station-name.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-lg)}.station-artist.svelte-11d7wsu.svelte-11d7wsu{font-size:var(--text-sm)}.controls.svelte-11d7wsu.svelte-11d7wsu{gap:var(--space-4);margin-bottom:var(--space-6)}.control-btn.svelte-11d7wsu.svelte-11d7wsu{width:56px;height:56px}.control-btn-small.svelte-11d7wsu.svelte-11d7wsu{width:44px;height:44px}.volume-control.svelte-11d7wsu.svelte-11d7wsu{gap:var(--space-3);margin-bottom:var(--space-6)}.volume-btn.svelte-11d7wsu.svelte-11d7wsu{width:40px;height:40px}.volume-value.svelte-11d7wsu.svelte-11d7wsu{min-width:32px;font-size:var(--text-sm)}.station-item.svelte-11d7wsu.svelte-11d7wsu{padding:var(--space-3);gap:var(--space-3)}}@media (max-width: 420px){.volume-control.svelte-11d7wsu.svelte-11d7wsu{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--space-2) var(--space-3)}.volume-slider.svelte-11d7wsu.svelte-11d7wsu{grid-column:1 / -1;grid-row:2}.volume-value.svelte-11d7wsu.svelte-11d7wsu{justify-self:end}}.player-sheet.svelte-11d7wsu.svelte-11d7wsu::-webkit-scrollbar{width:6px}.player-sheet.svelte-11d7wsu.svelte-11d7wsu::-webkit-scrollbar-track{background:transparent}.player-sheet.svelte-11d7wsu.svelte-11d7wsu::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.icon-btn.svelte-xspnte.svelte-xspnte{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.icon-btn.svelte-xspnte.svelte-xspnte:hover{background:var(--surface-hover);color:var(--text-primary)}.player-btn.svelte-xspnte.svelte-xspnte{position:relative}.player-icon.svelte-xspnte.svelte-xspnte{transition:all var(--transition-fast);color:inherit}.player-btn.svelte-xspnte:hover .player-icon.svelte-xspnte{transform:scale(1.1)}.player-btn.playing.svelte-xspnte .player-icon.svelte-xspnte{color:var(--accent-primary)}.player-btn.playing.svelte-xspnte:hover .player-icon.svelte-xspnte{color:var(--accent-primary-hover)}.playing-indicator.svelte-xspnte.svelte-xspnte{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:2px solid var(--accent-primary);border-radius:50%;opacity:.5;animation:svelte-xspnte-playingPulse 2s ease-in-out infinite;pointer-events:none}@keyframes svelte-xspnte-playingPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.2}}@media (prefers-reduced-motion: reduce){.playing-indicator.svelte-xspnte.svelte-xspnte{animation:none;opacity:.3}}.header.svelte-1ndivjf.svelte-1ndivjf{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-subtle)}.header-content.svelte-1ndivjf.svelte-1ndivjf{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-lg)}.logo.svelte-1ndivjf.svelte-1ndivjf{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;transition:transform var(--transition-fast)}.logo.svelte-1ndivjf.svelte-1ndivjf:hover{transform:scale(1.02)}.logo-jp.svelte-1ndivjf.svelte-1ndivjf{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.logo-text.svelte-1ndivjf.svelte-1ndivjf{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.nav-desktop.svelte-1ndivjf.svelte-1ndivjf{display:flex;gap:var(--space-md)}.nav-link.svelte-1ndivjf.svelte-1ndivjf{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-decoration:none;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link.svelte-1ndivjf.svelte-1ndivjf:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-link.active.svelte-1ndivjf.svelte-1ndivjf{color:var(--accent-primary)}.nav-link.active.svelte-1ndivjf.svelte-1ndivjf:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent-primary);border-radius:var(--radius-full)}.header-actions.svelte-1ndivjf.svelte-1ndivjf{display:flex;align-items:center;gap:var(--space-sm)}.icon-btn.svelte-1ndivjf.svelte-1ndivjf{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.icon-btn.svelte-1ndivjf.svelte-1ndivjf:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-primary.svelte-1ndivjf.svelte-1ndivjf,.btn-secondary.svelte-1ndivjf.svelte-1ndivjf{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;font-size:.875rem}.btn-primary.svelte-1ndivjf.svelte-1ndivjf{background:var(--accent-primary);color:#fff}.btn-primary.svelte-1ndivjf.svelte-1ndivjf:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--glow-primary)}.btn-secondary.svelte-1ndivjf.svelte-1ndivjf{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary.svelte-1ndivjf.svelte-1ndivjf:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-logout.svelte-1ndivjf.svelte-1ndivjf{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast);font-size:.875rem}.btn-logout.svelte-1ndivjf.svelte-1ndivjf:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.mobile-menu-btn.svelte-1ndivjf.svelte-1ndivjf{display:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;position:relative}.hamburger.svelte-1ndivjf.svelte-1ndivjf{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}.hamburger.svelte-1ndivjf.svelte-1ndivjf:before,.hamburger.svelte-1ndivjf.svelte-1ndivjf:after{content:"";position:absolute;width:20px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}.hamburger.svelte-1ndivjf.svelte-1ndivjf:before{top:-6px}.hamburger.svelte-1ndivjf.svelte-1ndivjf:after{top:6px}.hamburger.open.svelte-1ndivjf.svelte-1ndivjf{background:transparent}.hamburger.open.svelte-1ndivjf.svelte-1ndivjf:before{top:0;transform:rotate(45deg)}.hamburger.open.svelte-1ndivjf.svelte-1ndivjf:after{top:0;transform:rotate(-45deg)}.mobile-menu.svelte-1ndivjf.svelte-1ndivjf{display:none;flex-direction:column;padding:var(--space-md);border-top:1px solid var(--border-subtle);animation:fadeIn .2s ease-out}.mobile-menu.svelte-1ndivjf a.svelte-1ndivjf,.mobile-menu.svelte-1ndivjf button.svelte-1ndivjf{padding:var(--space-md);color:var(--text-secondary);text-decoration:none;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:1rem}.mobile-menu.svelte-1ndivjf a.svelte-1ndivjf:hover,.mobile-menu.svelte-1ndivjf button.svelte-1ndivjf:hover{background:var(--surface-hover);color:var(--text-primary)}@media (max-width: 768px){.nav-desktop.svelte-1ndivjf.svelte-1ndivjf,.header-actions.svelte-1ndivjf .btn-primary.svelte-1ndivjf,.header-actions.svelte-1ndivjf .btn-secondary.svelte-1ndivjf,.header-actions.svelte-1ndivjf .btn-logout.svelte-1ndivjf,.header-actions.svelte-1ndivjf a[aria-label=Settings].svelte-1ndivjf{display:none}.mobile-menu-btn.svelte-1ndivjf.svelte-1ndivjf,.mobile-menu.svelte-1ndivjf.svelte-1ndivjf{display:flex}}.app-container.svelte-1pnt1gy{min-height:100vh;display:flex;flex-direction:column}.main-content.svelte-1pnt1gy{flex:1;display:flex;flex-direction:column}