:root{--primary: #e21d66;--primary-light: #ff4d8f;--primary-dark: #a3134c;--primary-soft: rgba(226, 29, 102, .14);--accent: #f5b93c;--bg: #14111c;--bg-elev: #191624;--surface: #1e1b2b;--surface-2: #272338;--surface-3: #322c45;--border: #302b42;--border-strong: #433c58;--text: #f5f3fa;--text-secondary: #bdb7cc;--text-tertiary: #9a93ad;--text-on-primary: #ffffff;--data-pos: #399d57;--data-neu: #7f75b8;--data-bad: #b78a00;--data-err: #bc3f53;--data-great: #1c8fd4;--stat-reception: #418ad1;--stat-attack: #cc7d1b;--stat-block: #239d6a;--stat-serve: #8f68cb;--stat-defense: #c34f51;--stat-set: #10a6ad;--success: #399d57;--warning: #b78a00;--error: #bc3f53;--info: #418ad1;--success-text: #6ee7a8;--error-text: #ff9aa2;--info-text: #8fc0f5;--primary-text: #ff7aa8;--font-display: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-h1: clamp(26px, 2.4vw, 34px);--fs-h2: clamp(18px, 1.4vw, 21px);--fs-h3: 16px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);--glow: 0 0 0 1px rgba(226, 29, 102, .4), 0 10px 30px rgba(226, 29, 102, .22);--ease: cubic-bezier(.2, .8, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .38s;--header-h: 64px;--sidebar-w: 264px;--tabbar-h: 62px;--background: var(--bg);--background-light: var(--surface-2);--surface-light: var(--surface-2);--surface-deep: var(--bg-elev);--border-light: var(--border-strong);--primary-on-surface: var(--primary-text);--error-on-surface: var(--error-text);--info-on-surface: var(--info-text);--success-on-surface: var(--success-text);--positive: var(--data-pos);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(900px 500px at 100% -10%,rgba(226,29,102,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(143,104,203,.1),transparent 60%);background-attachment:fixed}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}p{margin:0}button{font:inherit;cursor:pointer}a{color:var(--primary-on-surface);text-decoration:none}.tabular,.stat-value{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:var(--sp-md);z-index:1000;padding:10px 16px;background:var(--primary);color:var(--text-on-primary);font-weight:700;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:top var(--dur) var(--ease-out)}.skip-link:focus-visible{top:var(--sp-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);min-height:44px;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:38px;padding:8px 14px;font-size:13px}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--glow)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;border-color:var(--error);color:var(--error-text)}.btn-danger:hover:not(:disabled){background:#bc3f5324}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-secondary);font-weight:600}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);min-height:44px;padding:11px 13px;font:inherit;width:100%;transition:border-color var(--dur) var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:var(--text-tertiary)}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--error)}.badge-pro{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);background:#f5b93c26;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary);font-size:13px;font-weight:600;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.chip:hover{border-color:var(--text-tertiary);color:var(--text)}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.muted{color:var(--text-secondary)}.error-text{color:var(--error-on-surface);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-md)}.skeleton-line{height:14px;border-radius:var(--radius-sm)}.skeleton-card{height:84px;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.stack-enter{animation:rise var(--dur-slow) var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes live-beat{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes live-halo{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(2.6);opacity:0}}.empty{display:grid;place-items:center;gap:6px;padding:var(--sp-xl) 0;color:var(--text-tertiary);text-align:center}.empty .material-symbols-rounded{font-size:34px}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;flex:0 0 auto;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}