:root{--bg: #0f1115;--panel: #151922;--panel-soft: rgba(255, 255, 255, .05);--text: #e6e9ef;--text-muted: #9aa3b2;--border: #2a2f3a;--border-soft: rgba(255, 255, 255, .08);--accent-primary: #4f8cff;--accent-warning: #ffaa00;--accent-success: #2ed573;--accent-info: #00bfff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--blur: 10px;--transition: .25s ease}html,body{height:100%;margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);touch-action:none}.container{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vmin,20px);padding:clamp(10px,2vmin,20px);width:100%;height:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.top-bar{flex:0 0 auto;height:40px;width:100%;max-width:900px;display:grid;grid-template-columns:80px auto 80px;align-items:center}.top-bar>:nth-child(1){justify-self:start;display:flex;gap:4px}.top-bar>:nth-child(2){justify-self:center}.top-bar>:nth-child(3){justify-self:end}.btn-container{display:flex;justify-content:center;gap:clamp(6px,2vmin,12px)}.btn-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}@media(min-width:600px)and (orientation:landscape){.btn-list{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:max(600px,100%)}}.clickable{color:var(--accent-warning);text-decoration:underline;cursor:pointer;position:relative;transition:color .2s ease,opacity .2s ease}.clickable:hover{color:var(--accent-info);opacity:.9}.clickable:active{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--panel-soft);color:var(--text);font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){box-shadow:0 6px 16px #00000040}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.18;cursor:not-allowed}.btn-primary{color:var(--accent-primary);border-color:#4f8cff99}.btn-warning{color:var(--accent-warning);border-color:#fa06}.btn-success{color:var(--accent-success);border-color:#2ed57366}.btn-info{color:var(--accent-info);border-color:#00bfff66}.btn-ghost{background:var(--panel-soft);border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#ffffff1f;color:var(--text)}.btn-icon{padding:0;width:40px;height:40px}.btn-circle{border-radius:50%}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 24px;font-size:1rem}.btn-icon-sm{width:32px;height:32px}.btn-icon-lg{width:48px;height:48px}.btn-glow:hover:not(:disabled){box-shadow:0 0 10px currentColor}dialog::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.snackbar-pane{animation:snackbar-in .22s ease-out}@keyframes snackbar-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#14192399,#0a0c1299);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5a647859,#3c465a40);border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0006;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#78829673,#505a6e59);box-shadow:inset 0 1px 3px #ffffff1f,inset 0 -3px 6px #00000080;transform:scaleX(1.05)}::-webkit-scrollbar-thumb:active{background:#8c96aa80;box-shadow:inset 0 2px 6px #0009}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(120,130,150,.5) rgba(20,25,35,.5)}