:root,:root[data-theme=dark]{--bg: #0b0c0f;--bg-2: #0f1117;--panel: #14161d;--panel-2: #1a1d26;--panel-3: #21252f;--border: #262a34;--border-2: #343a47;--hi: #f3f5f9;--mid: #99a1b2;--lo: #5e6675;--accent: #5b8cff;--accent-2: #3d6fe0;--accent-soft: rgba(91, 140, 255, .14);--good: #44d07b;--warn: #f5a623;--hot: #ff5d5d;--wave: #3a4252;--wave-hi: #5b8cff;--shadow: rgba(0, 0, 0, .5)}:root[data-theme=light]{--bg: #e9ebf0;--bg-2: #f4f6f9;--panel: #ffffff;--panel-2: #f3f5f8;--panel-3: #eaedf3;--border: #e2e6ec;--border-2: #d2d8e1;--hi: #10131a;--mid: #5a6473;--lo: #9aa2b1;--accent: #3061e8;--accent-2: #2350c9;--accent-soft: rgba(48, 97, 232, .1);--good: #1f9d57;--warn: #c9820a;--hot: #e0443f;--wave: #c4ccd8;--wave-hi: #3061e8;--shadow: rgba(20, 30, 60, .12)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg)}#root{width:100vw;height:100vh;overflow:hidden;color:var(--hi);font-family:Space Grotesk,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:7px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--lo);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}input,button,textarea,select{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--lo)}button{transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .12s ease,filter .15s ease}button:not(:disabled):hover{filter:brightness(1.12)}button:not(:disabled):active{transform:translateY(1px);filter:brightness(1)}:root[data-theme=light] button:not(:disabled):hover{filter:brightness(.955)}a{transition:color .15s ease,filter .15s ease,opacity .15s ease}a:hover{filter:brightness(1.1)}input,textarea,select{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}input:not([type=range]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)}.hover-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hover-card:hover{transform:translateY(-3px);border-color:var(--border-2)!important;box-shadow:0 14px 34px var(--shadow)}.hover-card .zoom-cover{transition:transform .45s ease}.hover-card:hover .zoom-cover{transform:scale(1.05)}.sound-row:not(.marked):hover{background:var(--panel-2)!important}.nav-item{background:transparent;color:var(--mid)}.nav-item:hover{background:var(--panel-2);color:var(--hi)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.menu-pop{animation:tmb-pop .16s ease}.modal-overlay{animation:tmb-overlay-in .18s ease}.modal-card{animation:tmb-modal-in .2s ease}.toast-pop{animation:tmb-toast-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes tmb-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes tmb-modal-in{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}@keyframes tmb-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes tmb-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tmb-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes tmb-spin{to{transform:rotate(360deg)}}@keyframes tmb-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tmb-pulse{0%,to{opacity:.5}50%{opacity:1}}