@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg-primary:#0d0d12;--color-bg-secondary:#151519;--color-bg-tertiary:#1c1c23;--color-bg-elevated:#1c1c23;--color-bg-code:#111116;--color-text-primary:#ececf0;--color-text-secondary:#9898a3;--color-text-tertiary:#5c5c66;--color-text-inverse:#0d0d12;--color-border-default:#2a2a33;--color-border-subtle:#1f1f28;--color-border-accent:#60a5fa;--color-accent-primary:#60a5fa;--color-accent-primary-hover:#93c5fd;--color-accent-primary-active:#3b82f6;--color-accent-primary-subtle:#111827;--color-accent-neon:#22d3ee;--color-accent-neon-subtle:#0c1f24;--color-accent-electric:#a78bfa;--color-accent-electric-subtle:#1a1528;--color-brand:#ed131f;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--font-sans:"Inter Variable", "Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "Fira Code", ui-monospace, monospace;--text-display:700 1.75rem / 1.2 var(--font-sans);--text-heading-lg:700 1.375rem / 1.3 var(--font-sans);--text-heading-md:600 1.125rem / 1.35 var(--font-sans);--text-heading-sm:600 1rem / 1.4 var(--font-sans);--text-body-lg:400 1rem / 1.6 var(--font-sans);--text-body-md:400 .875rem / 1.5 var(--font-sans);--text-body-sm:400 .75rem / 1.5 var(--font-sans);--text-label:600 .8125rem / 1.3 var(--font-sans);--text-data:500 .875rem / 1.4 var(--font-mono);--text-congestion-level:800 2.5rem / 1 var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-circle:50%;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 4px 16px #0009;--shadow-xl:0 8px 32px #000000b3;--shadow-neon-cyan:0 0 12px #22d3ee40;--shadow-neon-blue:0 0 12px #60a5fa40;--shadow-neon-active:0 0 20px #22d3ee59, 0 0 4px #22d3ee80;--duration-instant:80ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--easing-default:cubic-bezier(.16, 1, .3, 1);--easing-decelerate:cubic-bezier(0, 0, .2, 1);--easing-accelerate:cubic-bezier(.4, 0, 1, 1);--easing-sharp:cubic-bezier(.4, 0, .6, 1);--bp-sm:375px;--bp-md:640px;--bp-lg:768px;--bp-xl:1024px;--bp-2xl:1280px;--content-max-width:480px;--content-max-width-lg:960px;--content-max-width-xl:1200px;--glass-bg:#0d0d12bf;--glass-backdrop:blur(12px) saturate(150%);--glass-border:1px solid #ffffff14}[data-theme=light]{--color-bg-primary:#f4f4f7;--color-bg-secondary:#fff;--color-bg-tertiary:#eaeaef;--color-bg-elevated:#fff;--color-bg-code:#f0f0f5;--color-text-primary:#18181b;--color-text-secondary:#5c5c66;--color-text-tertiary:#8c8c96;--color-text-inverse:#fff;--color-border-default:#dddde3;--color-border-subtle:#eaeaef;--color-border-accent:#3b82f6;--color-accent-primary:#2563eb;--color-accent-primary-hover:#1d4ed8;--color-accent-primary-active:#1e40af;--color-accent-primary-subtle:#eff6ff;--color-accent-neon:#06b6d4;--color-accent-neon-subtle:#ecfeff;--color-accent-electric:#8b5cf6;--color-accent-electric-subtle:#f5f3ff;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-xl:0 8px 32px #0000001f;--shadow-neon-cyan:0 0 12px #06b6d400;--shadow-neon-blue:0 0 12px #2563eb00;--shadow-neon-active:none;--glass-bg:#fffc;--glass-backdrop:blur(12px) saturate(150%);--glass-border:1px solid #0000000f}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font:var(--text-body-lg);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:color var(--duration-fast) var(--easing-default), background-color var(--duration-fast) var(--easing-default);margin:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.cyber-grid{background-image:linear-gradient(#22d3ee08 1px,#0000 1px),linear-gradient(90deg,#22d3ee08 1px,#0000 1px);background-size:24px 24px}[data-theme=light] .cyber-grid{background-image:none}.onsen-loading{padding:var(--space-12) var(--space-4);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.onsen-loader{width:96px;height:84px;position:relative}.onsen-loader__bowl{color:var(--color-text-secondary);line-height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.onsen-loader__steam{justify-content:center;gap:9px;width:100%;display:flex;position:absolute;bottom:42px}.onsen-loader__steam span{background:var(--color-accent-primary);opacity:.5;border-radius:4px;width:4px;height:24px;animation:1.4s ease-in-out infinite steam-rise;display:block}.onsen-loader__steam span:first-child{height:21px;animation-delay:0s}.onsen-loader__steam span:nth-child(2){height:27px;animation-delay:.2s}.onsen-loader__steam span:nth-child(3){height:18px;animation-delay:.4s}@keyframes steam-rise{0%,to{opacity:.3;transform:translateY(0)scaleY(1)}50%{opacity:.7;transform:translateY(-12px)scaleY(1.3)}}.onsen-loading__text{font:var(--text-body-sm);color:var(--color-text-tertiary)}.auth-loading-text{text-align:center;color:var(--color-text-secondary);font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s;animation-duration:0s}}