@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap";:root{--bg-main:#0b0d13;--bg-card:#12151fd9;--bg-card-hover:#1a1f2ef2;--border-subtle:1px solid #ffffff14;--border-highlight:1px solid #ffffff29}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-main);color:#f1f5f9;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.grid-bg{background-color:#0b0d13;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:28px 28px}.btn-ui{border:var(--border-subtle);color:#e2e8f0;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-ui:hover{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.btn-ui:active{transform:translateY(1px)}.btn-ghost-icon{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.btn-ghost-icon:hover{color:#fff;background:#ffffff14}.btn-ghost-icon:active{transform:scale(.95)}input[type=range].pro-slider{appearance:none;cursor:pointer;background:#ffffff29;border-radius:999px;outline:none;width:100%;height:5px;margin:6px 0;transition:opacity .15s}input[type=range].pro-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:15px;height:15px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 6px #0009}input[type=range].pro-slider::-webkit-slider-thumb:hover{transform:scale(1.22);box-shadow:0 2px 10px #000c}input[type=range].pro-slider::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range].pro-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:15px;height:15px;transition:transform .12s;box-shadow:0 2px 6px #0009}input[type=range].pro-slider::-moz-range-thumb:hover{transform:scale(1.22)}.btn-play-action{color:#0b0d13;cursor:pointer;background:#fff;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.btn-play-action:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-play-action:active{transform:translateY(1px)}.glass-box{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:var(--border-subtle);border-radius:12px}.track-card{-webkit-backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:100%;will-change:transform, box-shadow, border-color;background:#0a0e1885;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:8px;padding:5px 10px;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .14s,border-color .14s,box-shadow .18s;display:flex;position:relative}.track-card:hover{background:#121826a6;border-color:#ffffff59;box-shadow:0 4px 14px #00000073}.track-card.selected{background:#161c2ca6;border-color:#ffffff73;box-shadow:0 4px 14px #00000073}.mod-pill{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;transition:all .12s;display:flex}.mod-pill:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.mod-pill.active{color:#0b0d13;background:#fff;border-color:#fff}@keyframes topFeedbackAnim{0%{opacity:0;transform:translateY(-8px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1.04)}75%{opacity:1;transform:translateY(-1px)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.hit-top-feedback{animation:.45s cubic-bezier(.2,.8,.2,1) forwards topFeedbackAnim}.char-target{text-shadow:0 2px 6px #000000d9;padding:0 1px;font-family:Inter,-apple-system,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.25;transition:color 50ms;display:inline-block;position:relative}.char-correct{color:#fff}.char-wrong{color:#f87171}.char-current{color:#fff}.char-current:after{content:"";background:#fff;border-radius:1px;height:2px;position:absolute;bottom:-4px;left:2px;right:2px}.char-pending{color:#ffffff52}.grade-badge{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:800;display:flex}@media (width<=768px){body{overflow-x:hidden}.char-target{padding:0;font-size:clamp(1.2rem,5.2vw,1.85rem)!important}.track-card{height:52px!important;padding:0 10px!important;transform:none!important}.track-card:hover,.track-card.selected{transform:none!important}.search-header-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px 6px!important}.search-header-right{width:100%!important}.search-split-container{-webkit-overflow-scrolling:touch;flex-direction:column!important;gap:12px!important;padding:6px 12px 90px!important;overflow-y:auto!important}.search-desktop-preview{display:none!important}.search-mobile-dock{display:flex!important}.search-list-column{width:100%!important;padding-right:0!important}.game-header-bar,.game-bottom-bar{gap:8px!important;padding:10px 12px!important}}@media (width>=769px){.search-mobile-dock{display:none!important}.search-desktop-preview{display:flex!important}}