@layer base{:root{--surface-bg:var(--color-custom-bg,#121212);--surface-bg-light:var(--color-custom-bg-light,#181818);--surface-accent:var(--color-custom-accent,#2a2a2e);--surface-card:var(--color-custom-card,#242428);--surface-hover:var(--color-custom-hover,#2f2f36);--surface-elevated:var(--color-custom-border,#333338);--border-color:#ffffff14;--border-color-hover:#ffffff26;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--font-primary:"Outfit", system-ui, sans-serif;--font-mono:"Space Grotesk", ui-monospace, monospace;--brilliant-color:#36a598;--great-color:#5763ca;--best-color:#81b64c;--excellent-color:var(--best-color);--good-color:var(--best-color);--book-color:#d5a47d;--inaccuracy-color:#f7c631;--mistake-color:#f77e31;--miss-color:#ff776a;--blunder-color:#ff4938;--anim-topbar-h:60px;--anim-timeline-h:440px;--anim-inspector-w:400px;--modal-overlay-bg:#000000bf;--modal-card-bg:linear-gradient(145deg, #242428fa, #18181cf5);--modal-border:#ffffff14;--modal-shadow:0 20px 45px #0000008c}}.move-brilliant{color:var(--brilliant-color)}.move-great{color:var(--great-color)}.move-best{color:var(--best-color)}.move-excellent{color:var(--excellent-color)}.move-good{color:var(--good-color)}.move-book{color:var(--book-color)}.move-inaccuracy{color:var(--inaccuracy-color)}.move-mistake{color:var(--mistake-color)}.move-miss{color:var(--miss-color)}.move-blunder{color:var(--blunder-color)}.anim-move-brilliant{color:var(--brilliant-color)}.anim-move-great{color:var(--great-color)}.anim-move-best{color:var(--best-color)}.anim-move-excellent{color:var(--excellent-color)}.anim-move-good{color:var(--good-color)}.anim-move-book{color:var(--book-color)}.anim-move-inaccuracy{color:var(--inaccuracy-color)}.anim-move-mistake{color:var(--mistake-color)}.anim-move-miss{color:var(--miss-color)}.anim-move-blunder{color:var(--blunder-color)}.context-menu{z-index:10000;-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;transform-origin:top;opacity:0;background:#09090bf5;border:1px solid #3f3f46cc;border-radius:10px;min-width:190px;padding:4px 0;transition:opacity .15s ease-out,transform .15s ease-out;position:fixed;transform:scale(.95);box-shadow:0 10px 40px #00000080}.context-menu.open{opacity:1;transform:scale(1)}.context-menu-item{cursor:pointer;width:100%;font-size:12px;font-weight:500;font-family:var(--font-primary);background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:8px 12px;transition:background .12s;display:flex}.context-menu-item i{text-align:center;width:16px;font-size:11px}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-item:not(:disabled):hover{background:#ffffff0f}.context-menu-divider{background:#ffffff0f;height:1px;margin:4px 8px}.context-menu-info{color:#71717a;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:4px;padding:6px 12px;font-size:10px;display:flex}.toast-center{z-index:99999;-webkit-backdrop-filter:blur(8px);font-family:var(--font-primary);color:#1f2937;white-space:nowrap;pointer-events:none;opacity:0;background:#ffffffe0;border-radius:999px;padding:10px 28px;font-size:13px;font-weight:500;transition:opacity .2s ease-out,transform .2s ease-out;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 4px 20px #00000026}.toast-center.show{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (width<=640px){.toast-center{white-space:normal;text-align:center;max-width:calc(100vw - 32px);padding:8px 20px;font-size:12px;top:30%;left:50%;transform:translate(-50%,-50%)scale(.9)}.toast-center.show{transform:translate(-50%,-50%)scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timeline-marquee{pointer-events:none;z-index:10;background:#0d99ff26;border:1px dashed #0d99ff80;border-radius:2px;position:absolute}.marquee-selected{box-shadow:inset 0 0 0 2px #0d99ffcc,0 0 8px #0d99ff66!important}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#18181ca6;box-shadow:0 8px 32px #00000080}