.cw-badge[data-v-f3357f8b]{border:1px solid var(--badge-neutral-border);border-radius:var(--radius-pill);background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);letter-spacing:.015em;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.cw-badge--md[data-v-f3357f8b]{min-height:26px;padding:0 11px;font-size:11.5px}.cw-badge--sm[data-v-f3357f8b]{gap:5px;min-height:22px;padding:0 8px;font-size:10.5px}.cw-badge--dot[data-v-f3357f8b]:before{content:"";opacity:.9;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.cw-badge--sm.cw-badge--dot[data-v-f3357f8b]:before{width:4px;height:4px}.cw-badge--info[data-v-f3357f8b]{color:var(--badge-info-fg);background:var(--badge-info-bg);border-color:var(--badge-info-border)}.cw-badge--warn[data-v-f3357f8b]{color:var(--badge-warn-fg);background:var(--badge-warn-bg);border-color:var(--badge-warn-border)}.cw-badge--success[data-v-f3357f8b]{color:var(--badge-success-fg);background:var(--badge-success-bg);border-color:var(--badge-success-border)}.cw-badge--danger[data-v-f3357f8b]{color:var(--badge-danger-fg);background:var(--badge-danger-bg);border-color:var(--badge-danger-border)}.cw-badge--tier-1[data-v-f3357f8b],.cw-badge--tier-2[data-v-f3357f8b],.cw-badge--tier-3[data-v-f3357f8b],.cw-badge--metal-graphite[data-v-f3357f8b],.cw-badge--metal-silver[data-v-f3357f8b]{text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700}.cw-badge--tier-1[data-v-f3357f8b]{color:var(--text-secondary);border-color:var(--border-light);background:0 0}.cw-badge--tier-2[data-v-f3357f8b]{color:var(--text-secondary);background:var(--bg-overlay);border-color:var(--border-color)}.cw-badge--tier-3[data-v-f3357f8b]{color:var(--text-primary);background:var(--surface-active);border-color:var(--border-medium)}.cw-badge--metal-graphite[data-v-f3357f8b],.cw-badge--metal-silver[data-v-f3357f8b]{letter-spacing:.06em;animation:cw-metal-sweep-f3357f8b var(--badge-metal-sweep,9s) linear infinite;background-size:200% 100%;font-weight:800}.cw-badge--metal-graphite[data-v-f3357f8b]{background-image:var(--badge-metal-graphite);color:var(--badge-metal-graphite-fg);border-color:var(--badge-metal-graphite-border);box-shadow:inset 0 1px #ffffff29,0 1px 4px #00000040}.cw-badge--metal-silver[data-v-f3357f8b]{background-image:var(--badge-metal-silver);color:var(--badge-metal-silver-fg);border-color:var(--badge-metal-silver-border);box-shadow:inset 0 1px #ffffffa6,0 1px 4px #00000040}@keyframes cw-metal-sweep-f3357f8b{0%{background-position:200%}to{background-position:0%}}.cw-badge--placeholder[data-v-f3357f8b]{visibility:hidden;pointer-events:none;border:0;width:0;height:0;min-height:0;padding:0;position:absolute;overflow:hidden}.cw-badge[data-v-f3357f8b]:focus-visible{outline:2px solid rgba(var(--accent-rgb), .6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cw-badge--metal-graphite[data-v-f3357f8b],.cw-badge--metal-silver[data-v-f3357f8b]{background-position:50%;animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0d0d0d;--bg-secondary:#161616;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#606060;--border-color:#ffffff1a;--border-glow:#ffffff29;--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-medium:#ffffff2e;--bg-overlay:#ffffff08;--bg-overlay-hover:#ffffff0f;--surface-hover:#ffffff0f;--surface-active:#ffffff17;--hover-bg:#1e1e1e;--accent-glow:#ffffff1f;--accent-color:#fff;--accent-color-dark:#e0e0e0;--accent-rgb:255, 255, 255;--on-accent:#0d0d0d;--bg-warning:#fef3c71a;--border-warning:#fbbf244d;--text-warning:#fbbf24;--bg-success:#22c55e1a;--border-success:#22c55e4d;--text-success:#22c55e;--focus-ring:0 0 0 3px rgba(var(--accent-rgb), .18);--badge-neutral-fg:var(--text-secondary);--badge-neutral-bg:#ffffff0d;--badge-neutral-border:#ffffff1f;--badge-info-fg:#8ab4f8;--badge-info-bg:#8ab4f81f;--badge-info-border:#8ab4f847;--badge-warn-fg:#f5b544;--badge-warn-bg:#f5b5441f;--badge-warn-border:#f5b5444d;--badge-success-fg:#56d38a;--badge-success-bg:#56d38a1f;--badge-success-border:#56d38a47;--badge-danger-fg:#ff7a7a;--badge-danger-bg:#ff7a7a1f;--badge-danger-border:#ff7a7a47;--badge-neutral-solid-bg:#2c2c33;--badge-neutral-solid-fg:#f2f2f5;--badge-info-solid-bg:#2f6bd8;--badge-info-solid-fg:#fff;--badge-warn-solid-bg:#e0930f;--badge-warn-solid-fg:#1a1206;--badge-success-solid-bg:#16915a;--badge-success-solid-fg:#fff;--badge-danger-solid-bg:#d13b31;--badge-danger-solid-fg:#fff;--badge-metal-sweep:9s;--badge-metal-graphite:linear-gradient(105deg, #1b1b20 0%, #2e2e36 25%, #4b4b57 50%, #2e2e36 75%, #1b1b20 100%);--badge-metal-graphite-fg:#f2f2f5;--badge-metal-graphite-border:#ffffff38;--badge-metal-silver:linear-gradient(105deg, #6f6f6f 0%, #c9c9c9 25%, #fff 50%, #c9c9c9 75%, #6f6f6f 100%);--badge-metal-silver-fg:#141414;--badge-metal-silver-border:#ffffff47;--switch-width:42px;--switch-height:24px;--switch-knob:18px;--switch-track-off:#fff3;--switch-track-off-border:#ffffff4d;--switch-track-off-hover:#ffffff47;--switch-knob-off:#f2f2f5;--switch-knob-shadow:0 1px 3px #00000080, 0 0 0 .5px #00000040;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-display:clamp(2rem, 6vw, 4rem);--line-height-tight:1.15;--line-height-base:1.6;--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;--space-16:64px;--radius-xxs:4px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-pill:999px;--surface-card:#ffffff0a;--border-soft:#ffffff14;--shadow-card:0 2px 12px #00000026;--shadow-card-hover:0 8px 24px #00000040;--modal-overlay-bg:#0f172a6b;--modal-overlay-blur:12px;--modal-surface:#fff;--modal-surface-soft:#f8fafc;--modal-border:#e7e9ee;--modal-border-strong:#d6dae3;--modal-text:#171717;--modal-muted:#6b7280;--modal-muted-soft:#9ca3af;--modal-radius:22px;--modal-radius-sm:12px;--modal-shadow:0 30px 90px #0f172a33, 0 2px 8px #0f172a14;--modal-focus-shadow:0 0 0 3px #11182714;--modal-primary:#171717;--modal-primary-hover:#000;--modal-warning-bg:#fff7ed;--modal-warning-border:#fed7aa;--modal-warning-text:#9a3412;--glass-bg:#0d0d0db8;--glass-fallback:#121212;--glass-dropdown-bg:#121212f0;--glass-dropdown-fallback:#141414;--glass-border:#ffffff1a;--glass-highlight:#ffffff14;--glass-blur:18px;--glass-shadow:0 1px 0 var(--glass-highlight) inset, 0 18px 48px #00000070;--shell-edge-fade:#0d0d0de0;--shell-edge-fade-soft:#0d0d0d6b;--shell-edge-fade-transparent:#0d0d0d00;--shell-edge-fade-height:112px;--topbar-height:64px;--content-max-width:1180px;--interactive-min-size:44px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--motion-fast:.14s;--motion-base:.19s;--motion-slow:.26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-switch:cubic-bezier(.34, 1.4, .5, 1);--skeleton-surface:#ffffff12;--skeleton-surface-strong:#ffffff1a;--skeleton-shine:#ffffff1f}.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fff;--bg-secondary:#f4f4f4;--border-subtle:#0000000f;--border-light:#0000001a;--border-medium:#00000026;--bg-overlay:#00000005;--bg-overlay-hover:#0000000a;--surface-hover:#0000000a;--surface-active:#00000012;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#9ca3af;--border-color:#e0e0e0;--border-glow:#00000014;--hover-bg:#ebebeb;--accent-glow:#00000014;--accent-color:#1a1a1a;--accent-color-dark:#333;--accent-rgb:26, 26, 26;--on-accent:#fff;--bg-warning:#fef3c7;--border-warning:#fbbf24;--text-warning:#92400e;--bg-success:#d1fae5;--border-success:#22c55e;--text-success:#065f46;--surface-card:#fff;--border-soft:#00000014;--shadow-card:0 1px 3px #0000000d, 0 4px 16px #00000014;--shadow-card-hover:0 6px 24px #00000021;--glass-bg:#ffffffc7;--glass-fallback:#fff;--glass-dropdown-bg:#fffffff7;--glass-dropdown-fallback:#fff;--glass-border:#00000014;--glass-highlight:#ffffffb8;--glass-shadow:0 1px 0 var(--glass-highlight) inset, 0 18px 48px #00000024;--shell-edge-fade:#ffffffeb;--shell-edge-fade-soft:#ffffff7a;--shell-edge-fade-transparent:#fff0;--skeleton-surface:#00000013;--skeleton-surface-strong:#0000001f;--skeleton-shine:#ffffffa6;--switch-track-off:#0000002e;--switch-track-off-border:#00000038;--switch-track-off-hover:#00000042;--switch-knob-off:#fff;--switch-knob-shadow:0 1px 3px #00000038, 0 0 0 .5px #0000000d;--badge-neutral-bg:#0000000a;--badge-neutral-border:#0000001f;--badge-info-fg:#1d5bd6;--badge-info-bg:#1d5bd61a;--badge-info-border:#1d5bd63d;--badge-warn-fg:#8a5a00;--badge-warn-bg:#d98f1124;--badge-warn-border:#d98f1152;--badge-success-fg:#147a4a;--badge-success-bg:#147a4a1c;--badge-success-border:#147a4a42;--badge-danger-fg:#b3261e;--badge-danger-bg:#b3261e17;--badge-danger-border:#b3261e3d;--badge-neutral-solid-bg:#17171b;--badge-neutral-solid-fg:#fff;--badge-info-solid-bg:#1d5bd6;--badge-info-solid-fg:#fff;--badge-warn-solid-bg:#b06f00;--badge-warn-solid-fg:#fff;--badge-success-solid-bg:#12784a;--badge-success-solid-fg:#fff;--badge-danger-solid-bg:#c0322a;--badge-danger-solid-fg:#fff;--badge-metal-silver:linear-gradient(105deg, #767676 0%, #bcbcbc 25%, #f2f2f2 50%, #bcbcbc 75%, #767676 100%);--badge-metal-silver-fg:#111;--badge-metal-silver-border:#0000004d;--badge-metal-graphite-border:#00000038}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms}}:root{--bg-primary:#08080b;--bg-secondary:#101014;--bg-elevated:#131318;--hover-bg:#17171d;--surface-elevated:#16161c;--surface-card:#949ec40d;--surface-raised:#949ec416;--surface-sunken:#0000003d;--surface-hover:#ffffff0e;--surface-active:#ffffff16;--bg-overlay:#ffffff08;--bg-overlay-hover:#ffffff0f;--border-color:#ffffff17;--border-soft:#ffffff0f;--border-subtle:#ffffff0b;--border-light:#ffffff13;--border-medium:#ffffff29;--border-glow:#ffffff2e;--text-primary:#f4f4f7;--text-secondary:#9a9aa6;--text-muted:#8b8b98;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000042;--shadow-card-hover:0 1px 2px #00000073, 0 14px 38px #00000057;--shadow-pop:0 18px 48px #00000080;--card-highlight:#ffffff0d;--glass-bg:#0a0a0db3;--glass-fallback:#0e0e12;--glass-dropdown-bg:#101015f0;--glass-dropdown-fallback:#101015;--glass-border:#ffffff17;--glass-highlight:#ffffff12;--shell-edge-fade:#08080be6;--shell-edge-fade-soft:#08080b70;--shell-edge-fade-transparent:#08080b00;--skeleton-surface:#ffffff0e;--skeleton-surface-strong:#ffffff17;--skeleton-shine:#ffffff17;--page-max:1600px;--page-gap:20px;--control-height:40px;--control-height-sm:32px;--control-height-xs:28px;--control-height-lg:46px;--accent-info:#7aa7ff;--accent-info-soft:#7aa7ff24;--accent-success:#4ecb8b;--accent-success-soft:#4ecb8b24;--accent-warn:#efb03f;--accent-warn-soft:#efb03f24;--accent-danger:#f5726d;--accent-danger-soft:#f5726d24;--data-1:#ffffffe0;--data-2:#ffffff9e;--data-3:#ffffff70;--data-4:#ffffff4d;--data-track:#ffffff14;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--rarity-common:#aeb5bf;--rarity-uncommon:#9cb8d0;--rarity-rare:#72a9dd;--rarity-epic:#8ca8d1;--rarity-legendary:#b0c7df;--rarity-mythic:#d4e8fa;--rarity-locked:#71717a;--rgb-success:78 203 139;--rgb-success-solid:22 145 90;--rgb-danger:245 114 109;--rgb-danger-solid:209 59 49;--rgb-warn:239 176 63;--rgb-warn-solid:224 147 15;--rgb-info:122 167 255;--rgb-info-solid:47 107 216;--rgb-neutral:154 154 166}.light-theme{--bg-primary:#f5f6f8;--bg-secondary:#eef0f4;--bg-elevated:#fff;--hover-bg:#e7e9ee;--surface-elevated:#fff;--surface-card:#fff;--surface-raised:#fff;--surface-sunken:#0f12200a;--surface-hover:#0f12200b;--surface-active:#0f122013;--bg-overlay:#0f122006;--bg-overlay-hover:#0f12200d;--border-color:#0f12201a;--border-soft:#0f122012;--border-subtle:#0f12200d;--border-light:#0f122014;--border-medium:#0f122029;--border-glow:#0f122024;--text-primary:#14151a;--text-secondary:#5f616c;--text-muted:#6b6d79;--shadow-card:0 1px 2px #1014280f, 0 6px 20px #1014280f;--shadow-card-hover:0 2px 4px #10142812, 0 12px 32px #1014281a;--shadow-pop:0 18px 48px #10142829;--card-highlight:transparent;--glass-bg:#ffffffc2;--glass-fallback:#fff;--glass-dropdown-bg:#fffffff7;--glass-dropdown-fallback:#fff;--glass-border:#0f122017;--glass-highlight:#fffc;--shell-edge-fade:#f5f6f8eb;--shell-edge-fade-soft:#f5f6f880;--shell-edge-fade-transparent:#f5f6f800;--skeleton-surface:#0f122012;--skeleton-surface-strong:#0f12201c;--skeleton-shine:#ffffffb3;--accent-info:#2563d9;--accent-info-soft:#2563d91a;--accent-success:#0f8f57;--accent-success-soft:#0f8f571a;--accent-warn:#96620a;--accent-warn-soft:#96620a1c;--accent-danger:#c2352d;--accent-danger-soft:#c2352d17;--data-1:#14151ad9;--data-2:#14151a99;--data-3:#14151a6b;--data-4:#14151a47;--data-track:#0f122014;--rarity-common:#6b7280;--rarity-uncommon:#5a7a95;--rarity-rare:#2f6bb5;--rarity-epic:#4a6d94;--rarity-legendary:#4b7196;--rarity-mythic:#2b6ea8;--rarity-locked:#8a8a93;--rgb-success:15 143 87;--rgb-success-solid:18 120 74;--rgb-danger:194 53 45;--rgb-danger-solid:192 50 42;--rgb-warn:150 98 10;--rgb-warn-solid:176 111 0;--rgb-info:37 99 217;--rgb-info-solid:29 91 214;--rgb-neutral:95 97 108}.cw-animated-tabs.cw-animated-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-overlay);width:max-content;min-width:0;max-width:100%;min-height:44px;box-shadow:none;scrollbar-width:none;isolation:isolate;flex-wrap:nowrap;align-items:center;gap:6px;padding:4px;display:flex;position:relative;overflow:auto hidden}.cw-animated-tabs.cw-animated-tabs>button{z-index:1;border-radius:var(--radius-pill);min-height:34px;box-shadow:none;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--motion-base) var(--ease-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.cw-animated-tabs.cw-animated-tabs>button.active{color:var(--bg-primary);box-shadow:none;background:0 0}.cw-animated-tabs.cw-animated-tabs>button:disabled{cursor:not-allowed;opacity:.5}.cw-animated-tabs.cw-animated-tabs>button:focus-visible{outline:2px solid var(--text-secondary);outline-offset:-2px}.cw-animated-tabs.cw-animated-tabs>button svg{flex-shrink:0;width:16px;height:16px}.cw-animated-tabs .cw-tabs-indicator{border-radius:var(--radius-pill);background:var(--text-primary);pointer-events:none;transition:transform var(--motion-slow) var(--ease-standard), width var(--motion-slow) var(--ease-standard);position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 2px 8px #00000026}.light-theme .cw-animated-tabs.cw-animated-tabs{background:0 0;border-color:#0000}@media (width<=600px){.cw-animated-tabs.cw-animated-tabs>button{padding-inline:14px}}.page-header{margin-bottom:var(--space-8)}.page-header .header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.page-header .header-left{align-items:center;gap:12px;min-width:0;display:flex}.page-header .header-left:has(.page-subtitle){align-items:flex-start}.page-header .header-left:has(.page-subtitle) .page-icon{margin-top:2px}.page-header .header-text{min-width:0}.page-header .page-icon{width:26px;height:26px;color:var(--text-secondary);flex:none}.page-header .header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.15}.page-subtitle{max-width:74ch;color:var(--text-secondary);font-size:var(--font-size-sm);margin:4px 0 0;line-height:1.45}.cw-kicker{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:600}.cw-card,.glass-card{min-width:0;padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:0 1px 0 var(--card-highlight) inset, var(--shadow-card);transition:border-color var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard);position:relative}.cw-card--flat,.glass-card--flat{box-shadow:none;background:0 0}.cw-card--pad-sm{padding:var(--space-4)}.cw-card--pad-lg{padding:var(--space-8)}.cw-card--tight{padding:0;overflow:hidden}.cw-card--interactive{cursor:pointer}.cw-card--interactive:hover{border-color:var(--border-medium);box-shadow:0 1px 0 var(--card-highlight) inset, var(--shadow-card-hover)}.cw-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.cw-tile--sm{border-radius:var(--radius-xs);width:32px;height:32px}.cw-tile--lg{border-radius:var(--radius-md);width:48px;height:48px}.cw-btn{height:var(--control-height);border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard), opacity var(--motion-base) var(--ease-standard);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;line-height:1;display:inline-flex}.cw-btn:hover:not(:disabled){background:var(--surface-active);border-color:var(--border-medium)}.cw-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.cw-btn:disabled{opacity:.5;cursor:not-allowed}.cw-btn--primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--on-accent)}.cw-btn--primary:hover:not(:disabled){background:var(--accent-color-dark);border-color:var(--accent-color-dark)}.cw-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.cw-btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:#0000}.cw-btn--outline{background:0 0}.cw-btn--danger{border-color:var(--badge-danger-border);color:var(--badge-danger-fg);background:0 0}.cw-btn--danger:hover:not(:disabled){background:var(--badge-danger-bg);border-color:var(--badge-danger-fg)}.cw-btn--sm{height:32px;font-size:var(--font-size-xs);padding:0 12px}.cw-btn--lg{height:var(--control-height-lg);font-size:var(--font-size-md);padding:0 22px}.cw-btn--block{width:100%}.cw-btn--icon{width:var(--control-height);padding:0}.cw-btn--icon.cw-btn--sm{width:32px}.cw-btn--icon.cw-btn--lg{width:var(--control-height-lg)}.cw-btn>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex:none}.cw-btn--lg>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.cw-switch{appearance:none;width:var(--switch-width);height:var(--switch-height);border:1px solid var(--switch-track-off-border);border-radius:var(--radius-pill);background:var(--switch-track-off);cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);flex:none;margin:0;position:relative}.cw-switch:before{content:"";transform-origin:0;width:var(--switch-knob);height:var(--switch-knob);background:var(--switch-knob-off);box-shadow:var(--switch-knob-shadow);transition:transform var(--motion-base) var(--ease-switch), background-color var(--motion-base) var(--ease-standard);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.cw-switch:hover:not(:checked):not(:disabled){background:var(--switch-track-off-hover)}.cw-switch:checked{background:var(--accent-color);border-color:var(--accent-color)}.cw-switch:checked:before{transform:translateY(-50%) translateX(calc(var(--switch-width) - var(--switch-knob) - 6px));transform-origin:100%;background:var(--on-accent)}.cw-switch:active:not(:disabled):before{transform:translateY(-50%)scaleX(1.18)}.cw-switch:checked:active:not(:disabled):before{transform:translateY(-50%) translateX(calc(var(--switch-width) - var(--switch-knob) - 6px)) scaleX(1.18)}.cw-switch:focus-visible{box-shadow:var(--focus-ring);outline:none}.cw-switch:disabled{opacity:.45;cursor:not-allowed}.cw-switch-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 0;display:flex}.cw-switch-row:last-child{border-bottom:none}.cw-switch-row__text{min-width:0}.cw-switch-row__title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;line-height:1.3;display:block}.cw-switch-row__desc{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:2px;line-height:1.4;display:block}.cw-skel{border-radius:var(--radius-xs);background:var(--skeleton-surface);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cw-skel:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-shine), transparent);animation:1.35s infinite cwShimmer;position:absolute;inset:0;transform:translate(-100%)}.cw-skel--strong{background:var(--skeleton-surface-strong)}.cw-skel--pill{border-radius:var(--radius-pill)}.cw-skel--block{border-radius:var(--radius-md)}.cw-skel-line{border-radius:var(--radius-pill);height:12px}.cw-skel-line--title{width:60%;height:18px}.cw-skel-line--sm{width:40%;height:10px}.cw-skel-stack{gap:8px;display:grid}.cw-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.cw-empty__icon{color:var(--text-muted);margin-bottom:4px}.cw-empty__title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.cw-empty__text{max-width:42ch;font-size:var(--font-size-sm);line-height:1.5}.cw-bar{border-radius:var(--radius-pill);background:var(--data-track);height:6px;position:relative;overflow:hidden}.cw-bar__fill{border-radius:inherit;background:var(--data-1);height:100%;transition:width var(--motion-slow) var(--ease-standard)}.cw-bar__fill--2{background:var(--data-2)}.cw-bar__fill--3{background:var(--data-3)}.cw-bar__fill--4{background:var(--data-4)}@media (width<=768px){.page-title{font-size:1.4rem}.page-header{margin-bottom:var(--space-5)}.cw-card,.glass-card{padding:var(--space-4);border-radius:var(--radius-md)}.cw-card--pad-lg{padding:var(--space-5)}}:root{--media-fg:#fffffff5;--media-fg-dim:#ffffffb8;--media-track:#ffffff42;--media-edge:#ffffff2e;--media-scrim:#000000a8;--media-glass:#0006;--media-glass-hover:#fff3;--media-bg:#000000f0}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-primary);min-width:320px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{--shell-width:var(--content-max-width);isolation:isolate;min-height:100dvh;padding-bottom:var(--space-16);position:relative}.shell--public{--shell-width:1040px}.shell--pitch{--shell-width:880px}.shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% -20%, rgba(var(--accent-rgb), .07), transparent 62%);position:fixed;inset:0}.page{width:min(var(--shell-width), 100% - 2 * var(--space-4));padding-top:var(--space-8);margin:0 auto}.bar{z-index:20;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 max(var(--space-4), (100% - var(--shell-width)) / 2);border-bottom:1px solid var(--glass-border);background:var(--glass-fallback);display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)}}.bar__brand{align-items:center;display:flex}.bar__logo,.login__logo{opacity:.92;filter:brightness(0)invert();width:auto;height:22px}.light-theme .bar__logo,.light-theme .login__logo{opacity:.85;filter:brightness(0)}.bar__section{padding-left:var(--space-3);border-left:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;font-weight:500}.bar__spacer{flex:1}.bar__actions{align-items:center;gap:var(--space-1);display:flex}.display-title{color:var(--text-primary);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:700;line-height:1.04}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.note{margin:var(--space-3) 0 0;color:var(--badge-warn-fg);font-size:var(--font-size-xs)}.alert{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--badge-danger-border);border-radius:var(--radius-sm);background:var(--badge-danger-bg);color:var(--badge-danger-fg)}.state{place-items:center;min-height:60dvh;display:grid}.state-card{padding:var(--space-8)}.field{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.field__label{color:var(--text-secondary);font-weight:500}.input{width:100%;height:var(--interactive-min-size);padding:0 var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.input:hover:not(:focus){border-color:var(--border-medium)}.input:focus{border-color:var(--border-medium);box-shadow:var(--focus-ring);outline:none}.input::placeholder{color:var(--text-muted)}.input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset;box-shadow:0 0 0 1000px var(--bg-secondary) inset}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset;box-shadow:0 0 0 1000px var(--bg-secondary) inset}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset;box-shadow:0 0 0 1000px var(--bg-secondary) inset}.login{padding:var(--space-10) var(--space-4);place-items:center;display:grid}.login__card{width:100%;max-width:400px;padding:var(--space-8);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:0 1px 0 var(--card-highlight) inset, var(--shadow-pop);animation:rise var(--motion-slow) var(--ease-standard) both}.login__logo{height:26px;margin:0 auto var(--space-6);display:block}.login__title{font-size:var(--font-size-xl);text-align:center;letter-spacing:-.02em;margin:0;font-weight:650}.login__sub{margin:var(--space-1) 0 var(--space-6);color:var(--text-secondary);text-align:center}.login .cw-btn--block{margin-top:var(--space-2)}.search{align-items:center;width:min(300px,100%);display:flex;position:relative}.search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search .input{height:var(--control-height);border-radius:var(--radius-pill);background:var(--surface-card);padding-left:40px}.search .input::-webkit-search-cancel-button{cursor:pointer}.shots{gap:var(--page-gap);transition:opacity var(--motion-base) var(--ease-standard);grid-template-columns:repeat(auto-fill,minmax(188px,1fr));display:grid}.shots.is-busy{opacity:.55;pointer-events:none}.shot{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-card);min-width:0;box-shadow:0 1px 0 var(--card-highlight) inset, var(--shadow-card);transition:transform var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.shot:hover{border-color:var(--border-medium);box-shadow:0 1px 0 var(--card-highlight) inset, var(--shadow-card-hover);transform:translateY(-2px)}.shot__cover{aspect-ratio:9/16;background:var(--media-bg);border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.shot__cover video{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-standard);display:block}.shot:hover .shot__cover video{transform:scale(1.03)}.shot__cover:after{content:"";background:linear-gradient(to top, var(--media-scrim), transparent 42%);pointer-events:none;position:absolute;inset:0}.shot__cover:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.shot__placeholder{color:var(--media-fg-dim);place-items:center;display:grid;position:absolute;inset:0}.shot__play{z-index:1;left:var(--space-3);bottom:var(--space-3);border:1px solid var(--media-edge);background:var(--media-glass);-webkit-backdrop-filter:blur(10px);width:38px;height:38px;color:var(--media-fg);transition:transform var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard);border-radius:50%;place-items:center;padding-left:2px;display:grid;position:absolute}.shot:hover .shot__play{background:var(--media-glass-hover);transform:scale(1.06)}.shot__body{padding:var(--space-3);gap:2px;display:grid}.shot__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.shot__meta{min-width:0;color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap;gap:6px;display:flex}.shot__meta span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.shot__meta span+span{flex:none}.shot__meta span+span:before{content:"·";color:var(--text-muted);margin-right:6px}.shot__foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.shot__actions{gap:var(--space-1);display:flex}.pager{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);color:var(--text-secondary);display:flex}.spin{animation:.9s linear infinite spin}.overlay{z-index:50;padding:var(--space-4);background:var(--media-scrim);-webkit-backdrop-filter:blur(var(--modal-overlay-blur));place-items:center;display:grid;position:fixed;inset:0}.modal{gap:var(--space-3);width:min(min(80dvh,780px)/1.77778,100%);animation:rise var(--motion-slow) var(--ease-standard) both;display:grid}.modal__head{align-items:center;gap:var(--space-2);color:var(--media-fg);display:flex}.modal__text{flex:1;min-width:0}.modal__title{font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.modal__sub{color:var(--media-fg-dim);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.modal__btn{border:1px solid var(--media-edge);background:var(--media-glass);width:38px;height:38px;color:var(--media-fg);transition:background-color var(--motion-fast) var(--ease-standard);border-radius:50%;flex:none;place-items:center;display:grid}.modal__btn:hover{background:var(--media-glass-hover)}.modal .player{aspect-ratio:9/16}.player{border-radius:var(--radius-lg);background:var(--media-bg);width:100%;box-shadow:var(--shadow-pop);color:var(--media-fg);outline:none;position:relative;overflow:hidden}.player:focus-visible{box-shadow:var(--focus-ring), var(--shadow-pop)}.player video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.player__big{border:1px solid var(--media-edge);background:var(--media-glass);-webkit-backdrop-filter:blur(12px);width:68px;height:68px;color:var(--media-fg);transition:transform var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard);border-radius:50%;place-items:center;padding-left:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player__big:hover{background:var(--media-glass-hover);transform:translate(-50%,-50%)scale(1.06)}.player__bar{align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-3) var(--space-3);background:linear-gradient(to top, var(--media-scrim), transparent);transition:opacity var(--motion-base) var(--ease-standard);display:flex;position:absolute;bottom:0;left:0;right:0;container-type:inline-size}.player.is-playing .player__bar{opacity:0}.player.is-playing:hover .player__bar,.player.is-playing:focus-within .player__bar{opacity:1}@media (hover:none){.player.is-playing .player__bar{opacity:1}}.player__btn{width:32px;height:32px;color:var(--media-fg);transition:background-color var(--motion-fast) var(--ease-standard);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.player__btn:hover{background:var(--media-glass-hover)}.player__time{color:var(--media-fg-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.player__timeline{flex:1;min-width:40px}.player__volume{flex:none;width:60px}@container (width<=330px){.player__volume,.player__time--total{display:none}}.range{--p:0%;--fill:var(--media-fg);--track:var(--media-track);cursor:pointer;appearance:none;background:0 0;height:18px;margin:0}.range:focus-visible{outline:none}.range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--fill) var(--p), var(--track) var(--p));height:4px}.range::-webkit-slider-thumb{background:var(--fill);width:12px;height:12px;transition:transform var(--motion-fast) var(--ease-standard);-webkit-appearance:none;border:0;border-radius:50%;margin-top:-4px;transform:scale(0)}.range:hover::-webkit-slider-thumb{transform:scale(1)}.range:focus-visible::-webkit-slider-thumb{transform:scale(1)}.range::-moz-range-track{border-radius:var(--radius-pill);background:var(--track);height:4px}.range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--fill);height:4px}.range::-moz-range-thumb{background:var(--fill);border:0;border-radius:50%;width:12px;height:12px}@media (hover:none){.range::-webkit-slider-thumb{transform:scale(1)}}.range--page{--fill:var(--text-primary);--track:var(--data-track)}.shot-page{column-gap:var(--space-10);row-gap:var(--space-6);grid-template:"player head""player body"1fr/auto minmax(0,1fr);align-items:start;display:grid}.shot-page__player{width:max(260px, min(100dvh - var(--topbar-height) - 2 * var(--space-8), 780px) * .5625);grid-area:player}.shot-page__player .player,.player-skel{aspect-ratio:9/16}.shot-page__head{padding-top:var(--space-6);grid-area:head;align-self:end}.shot-page__body{gap:var(--space-5);grid-area:body;display:grid}.fact{align-items:center;gap:var(--space-2);height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);display:inline-flex}.fact__label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.fact__icon{color:var(--text-muted)}button.fact{transition:border-color var(--motion-fast) var(--ease-standard)}button.fact:hover{border-color:var(--border-medium)}button.fact:hover .fact__icon{color:var(--text-primary)}.tracks__head{padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.tracks__head .cw-kicker{margin:0}.tracks__count{color:var(--text-muted);letter-spacing:.14em;font-size:10px;font-weight:600}.tracks__list{max-height:380px;overflow-y:auto}.track{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--border-subtle);grid-template-columns:26px minmax(0,1fr) auto;display:grid}.track:last-child{border-bottom:0}.track__num{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;align-items:center;display:flex}.track__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.track__version{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:400}.track__isrc{border-radius:var(--radius-xs);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:2px 6px}button.track__isrc:hover{background:var(--surface-hover);color:var(--text-primary)}.track--pitch{cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard);grid-template-columns:26px minmax(0,1fr) auto auto}.track--pitch:hover{background:var(--surface-hover)}.track--pitch.is-active{background:var(--surface-active)}.track--pitch.is-active .track__num{color:var(--text-primary)}.track--pitch:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.track__tags{gap:var(--space-1);display:flex}.pitch{gap:var(--space-5);display:grid}.pitch-hero{align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-2);display:flex}.pitch-cover{aspect-ratio:1;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);width:184px;box-shadow:var(--shadow-pop);color:var(--text-muted);flex:none;place-items:center;display:grid;overflow:hidden}.pitch-cover img{object-fit:cover;width:100%;height:100%}.pitch-summary{flex:1;min-width:0}.pitch-summary .chips{margin-top:var(--space-4)}.deck-skel{height:82px}.deck{align-items:center;gap:var(--space-4);display:flex}.deck__play{background:var(--accent-color);width:48px;height:48px;color:var(--on-accent);transition:transform var(--motion-fast) var(--ease-standard);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.deck__play:hover{transform:scale(1.05)}.deck__play:focus-visible{box-shadow:var(--focus-ring);outline:none}.deck__body{flex:1;min-width:0}.deck__now{align-items:baseline;gap:var(--space-2);white-space:nowrap;display:flex;overflow:hidden}.deck__now b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.deck__now span{color:var(--text-muted);font-size:var(--font-size-xs)}.deck__row{align-items:center;gap:var(--space-3);display:flex}.deck__timeline{flex:1;min-width:0}.deck__volume{width:72px;margin-left:var(--space-2);flex:none}.deck__time{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex:none}.toast{left:50%;bottom:var(--space-6);z-index:60;padding:var(--space-2) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-dropdown-bg);box-shadow:var(--glass-shadow);color:var(--text-primary);white-space:nowrap;font-weight:500;position:fixed;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:opacity var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--motion-base) var(--ease-standard)}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.shot-page{row-gap:var(--space-5);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""player""body"}.shot-page__head{padding-top:0}.shot-page__player{justify-self:center;width:min(100%,min(68dvh,640px)/1.77778)}}@media (width<=640px){.page{padding-top:var(--space-5)}.bar__section,.bar__link-label{display:none}.page-header .header-actions{width:100%}.search{flex:1;width:auto}.shots{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.shot__body{padding:var(--space-2) var(--space-3) var(--space-3)}.pitch-hero{align-items:flex-start;gap:var(--space-4);flex-direction:column}.pitch-cover{width:132px}.deck{gap:var(--space-3)}.deck__volume{display:none}.track{padding-inline:var(--space-4)}}
