.focusable-item{border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;outline:none;position:relative;transform:scale(1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.focusable-item.is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 8px 24px #00000080;transform:scale(1.08);z-index:2}.now-playing{align-items:center;background:var(--surface-2);border-radius:var(--radius-md);display:flex;gap:12px;margin-top:auto;padding:12px 14px}.now-playing__glyph{color:var(--color-primary);font-size:16px}.now-playing__title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing__artist{color:var(--text-secondary);font-size:11px}.header-nav{align-items:center;background:var(--surface-1);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:20px;height:64px;padding:0 28px}.header-nav__brand{color:var(--color-primary);font-size:20px;font-weight:700;letter-spacing:.12em}.header-nav__guests{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;padding:6px 12px}.header-nav__guests-count{font-feature-settings:"tnum";color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:700}.header-nav__now{margin-left:auto;max-width:320px;min-width:0}.header-nav__now .now-playing{margin-top:0;padding:8px 14px}.header-nav__item{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;height:44px;justify-content:center;position:relative;width:44px}.header-nav__icon{font-size:20px;line-height:1}.tv-grid{grid-gap:28px;display:grid;gap:28px;padding:8px 8px 64px}.toast{animation:toast-in .2s ease;background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);bottom:32px;box-shadow:0 12px 32px #00000080;color:var(--text-primary);font-size:14px;font-weight:500;padding:14px 22px;position:fixed;right:32px;z-index:20}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-page{align-items:center;animation:page-fade-in .22s ease;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100%;padding:48px 56px;text-align:center}.main-page__title{font-size:40px;font-weight:700;margin:0}.main-page__subtitle{color:var(--text-secondary);font-size:16px;margin:0;max-width:560px}.main-page__pair{align-items:center;display:flex;gap:48px;margin-top:18px}.main-page__qr{background:#fff;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border),0 18px 48px #00000059;display:inline-flex;padding:16px}.main-page__code-block{align-items:flex-start;display:flex;flex-direction:column;gap:10px;max-width:280px;text-align:left}.main-page__code-label{color:var(--text-secondary);font-size:14px}.main-page__code{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);font-size:52px;font-weight:700;letter-spacing:.18em;padding:18px 28px}.main-page__members{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;max-width:720px}.main-page__member{align-items:center;background:var(--surface-1);border-radius:999px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.main-page__member-dot{background:var(--color-primary);border-radius:50%;height:8px;width:8px}.auth-page{align-items:center;background:var(--bg);display:flex;height:100vh;justify-content:center;width:100vw}.auth-page__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:40px 44px 32px;width:min(420px,90vw)}.auth-page__logo{font-size:40px;text-align:center}.auth-page__title{font-size:26px;margin:0;text-align:center}.auth-page__subtitle{color:var(--text-secondary);font-size:14px;margin:-6px 0 10px;text-align:center}.auth-field{background:var(--surface-1);border:2px solid #0000;border-radius:var(--radius-md);cursor:text;display:flex;flex-direction:column;gap:6px;padding:12px 16px}.auth-field.is-focused{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.auth-field__label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-field input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:17px;outline:none}.auth-page__error{color:var(--color-secondary);font-size:14px;margin:0}.auth-page__submit{background:var(--surface-1);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:700;margin-top:4px;padding:14px;text-align:center;transition:background .14s ease}.auth-page__submit.is-focused{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);color:#0e0e14}.auth-page__submit.is-busy{opacity:.6;pointer-events:none}.auth-page__hint{font-size:12px;margin:10px 0 0}.auth-page__hint,.auth-page__toggle{color:var(--text-secondary);text-align:center}.auth-page__toggle{background:#0000;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:10px}.auth-page__toggle.is-focused{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);color:var(--text-primary)}.auth-page__qr{align-items:center;display:flex;flex-direction:column;gap:12px}.auth-page__qr-instructions{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.auth-page__qr-code{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;height:244px;justify-content:center;padding:12px;width:244px}.auth-page__qr-placeholder{background:repeating-linear-gradient(45deg,#e8e8ee,#e8e8ee 10px,#f4f4f8 0,#f4f4f8 20px);border-radius:8px;height:220px;width:220px}.auth-page__qr-meta{align-items:center;display:flex;flex-direction:column;gap:2px}.auth-page__qr-code-label{color:var(--text-secondary);font-size:12px}.auth-page__qr-usercode{color:var(--text-primary);font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:800;letter-spacing:.18em}.auth-page__qr-status{color:var(--text-secondary);font-size:13px;margin:0}.auth-checking{background:var(--bg);height:100vh;width:100vw}.pitch-graph{background:var(--surface-2);border-radius:var(--radius-sm);display:block;flex:1 1 auto;height:96px;min-width:0;width:100%}.pitch-graph--compact{border-radius:6px;height:28px}.pitch-graph__grid{stroke:var(--border);stroke-width:1;stroke-dasharray:4 6}.pitch-graph__target{fill:none;stroke:var(--text-secondary);stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round;opacity:.6}.pitch-graph__user{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.pitch-graph__user--hit{stroke:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary-glow))}.pitch-graph__user--miss{stroke:#ff5f6d;filter:drop-shadow(0 0 5px rgba(255,95,109,.35))}.pitch-graph__user--free{stroke:var(--text-secondary);opacity:.7}.pitch-graph__user-area{stroke:none;opacity:.12}.pitch-graph__user-area--hit{fill:var(--color-primary)}.pitch-graph__user-area--miss{fill:#ff5f6d}.pitch-graph__user-area--free{fill:var(--text-secondary);opacity:.08}.pitch-graph__dot{fill:var(--color-primary)}.pitch-graph__dot--off{fill:#ff5f6d}.pitch-graph__dot-halo{fill:var(--color-primary);animation:pitch-dot-pulse 1.1s ease-out infinite;opacity:.3;transform-box:fill-box;transform-origin:center}.pitch-graph__dot-halo--off{fill:#ff5f6d}@keyframes pitch-dot-pulse{0%{opacity:.35;transform:scale(.8)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.pitch-tracker{align-items:center;display:flex;gap:14px;width:100%}.pitch-tracker--compact{gap:8px;max-width:160px}.pitch-tracker__label{color:var(--text-secondary);flex-shrink:0;font-size:13px;width:170px}.pitch-tracker__status{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.pitch-tracker__status--compact{font-size:11px;margin:0;white-space:nowrap}.pairing-badge{align-items:center;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:14px;padding:12px 16px}.pairing-badge__qr{background:#fff;border-radius:8px;display:inline-flex;flex-shrink:0;padding:6px}.pairing-badge__text{display:flex;flex-direction:column;gap:4px;min-width:0}.pairing-badge__title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pairing-badge__code{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:.14em}.pairing-badge__hint{color:var(--text-secondary);font-size:11px;max-width:170px}.pairing-badge--compact{flex-direction:column;gap:8px;padding:10px 12px;text-align:center}.pairing-badge--compact .pairing-badge__text{align-items:center;gap:2px}.pairing-badge--compact .pairing-badge__title{font-size:10px}.pairing-badge--compact .pairing-badge__code{font-size:16px;letter-spacing:.12em}.search-page__pairing{position:absolute;right:56px;top:40px}.detail-page__pairing{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a108c;border-color:#ffffff2e;margin-left:auto}.detail-page__pairing .pairing-badge__hint,.detail-page__pairing .pairing-badge__title{color:#ffffffbf}.detail-page__pairing .pairing-badge__code{color:#fff}.player-overlay__pairing{background:#17171fd9;left:56px;opacity:.85;pointer-events:none;position:absolute;top:150px}.player-overlay{background-color:var(--bg-elevated);color:var(--text-primary);display:flex;flex-direction:column;inset:0;overflow:hidden;padding:36px 56px;position:fixed;z-index:30}.player-overlay__header{align-items:flex-start;display:flex;justify-content:space-between}.player-overlay__header h1{font-size:30px;margin:0}.player-overlay__header p{color:var(--text-secondary);margin:4px 0 0}.player-overlay__queued-by{color:var(--color-primary);font-weight:600}.player-overlay__stats{align-items:center;display:flex;gap:14px}.player-overlay__icon-button{background:var(--surface-2);border:none;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:16px;height:36px;line-height:1;width:36px}.player-overlay__time{font-feature-settings:"tnum";color:var(--text-secondary);font-size:18px;font-variant-numeric:tabular-nums}.player-overlay__score-badge{background:var(--surface-2);border-radius:999px;color:var(--color-primary);font-size:14px;font-weight:700;padding:6px 14px}.player-overlay__progress{background:var(--surface-2);border-radius:999px;flex-shrink:0;height:6px;margin-top:20px;overflow:hidden}.player-overlay__progress-fill{background:var(--color-primary);height:100%;transition:width .12s linear}.player-overlay__lyrics{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:0 60px;text-align:center}.lyrics-roll{height:160px;position:relative;width:100%}.lyrics-roll .lyric-line{border-left:4px solid #0000;color:var(--text-secondary);font-size:46px;font-weight:700;height:60px;left:50%;line-height:60px;margin:0;max-width:920px;opacity:.4;padding-left:14px;position:absolute;top:50%;transform:translate(-50%,-50%) translateY(0) scale(1);transform:translate(-50%,-50%) translateY(var(--roll-y,0)) scale(var(--roll-scale,1));transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease,color .4s ease;white-space:nowrap;will-change:transform,opacity}.lyrics-roll .lyric-line--active{--roll-y:0px;--roll-scale:1;color:var(--text-primary);opacity:1}.lyrics-roll .lyric-line--prev{--roll-y:-64px;--roll-scale:0.48}.lyrics-roll .lyric-line--next{--roll-y:64px;--roll-scale:0.48;animation:roll-in-rise .48s cubic-bezier(.22,1,.36,1) backwards}.lyrics-roll .lyric-line--gone{--roll-y:-128px;--roll-scale:0.48;opacity:0}@keyframes roll-in-rise{0%{opacity:0;transform:translate(-50%,-50%) translateY(128px) scale(.42)}}.lyrics-roll .lyric-line--singer-1{border-left-color:var(--color-primary)}.lyrics-roll .lyric-line--singer-2{border-left-color:var(--singer-2-color)}.lyric-word{display:inline-block;margin-right:.3em;position:relative;white-space:pre}.lyric-word__base{color:inherit}.lyric-word__fill{color:var(--color-primary);inset:0;overflow:hidden;position:absolute;white-space:pre;width:0}.lyrics-roll .lyric-line--singer-2 .lyric-word__fill{color:var(--singer-2-color)}.lyrics-roll .lyric-line--instrumental{--roll-scale:1;animation:callout-fade-in .48s ease backwards;border-left-color:var(--color-tertiary);color:var(--color-tertiary);display:grid;font-size:20px;font-weight:600;justify-items:center;opacity:1}@keyframes callout-fade-in{0%{opacity:0}}.lyric-line__instrumental-label{animation:instrumental-pulse 1.6s ease-in-out infinite;grid-area:1/1;transition:opacity .4s ease}.lyric-line__instrumental-label.is-hidden{animation:none;opacity:0}.lyric-line__countdown{align-items:center;display:flex;gap:12px;grid-area:1/1;height:100%;opacity:0;transition:opacity .4s ease}.lyric-line__countdown.is-visible{opacity:1}.lyric-line__countdown-bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden;width:200px}.lyric-line__countdown-fill{background:var(--color-tertiary);height:100%;transition:width .12s linear}.lyric-line__countdown-text{color:var(--color-tertiary);font-size:16px;font-weight:600}@keyframes instrumental-pulse{0%,to{opacity:1}50%{opacity:.55}}.player-overlay__finished{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;text-align:center}.player-overlay__finished-score{color:var(--color-primary);font-size:96px;font-weight:700;line-height:1}.player-overlay__finished-label{font-size:24px;font-weight:600;margin:0}.player-overlay__finished-next{color:var(--text-secondary);font-size:16px;margin:8px 0 0}.player-overlay__phone-hint{color:var(--text-secondary);flex-shrink:0;font-size:13px;margin:10px 0 0;text-align:center}.player-overlay__pitch-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;margin:0 0 20px;padding:16px 20px}.player-overlay__controls{flex-shrink:0;gap:16px;justify-content:center}.player-overlay__control{background:var(--surface-1);border-radius:var(--radius-md);display:inline-block;font-size:14px;font-weight:600;padding:12px 20px;white-space:nowrap}.player-overlay__search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1599;border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;margin-top:14px;padding:14px}.player-overlay__search-results{gap:10px;margin-top:12px;max-height:200px;overflow-y:auto}.player-overlay__search-results .result-row{background:#17171fb3}.player-overlay__hint{color:var(--text-secondary);font-size:13px;margin-top:12px;text-align:center}.player-overlay__hint strong{color:var(--color-primary)}.player-overlay__queue{background:#17171fd9;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;position:absolute;right:56px;top:150px;width:260px}.player-overlay__queue h2{color:var(--text-secondary);font-size:13px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.player-overlay__queue-item{border-bottom:1px solid var(--border);font-size:14px;padding:6px 0}.player-overlay__queue-item:last-child{border-bottom:none}.player-overlay__queue-empty{color:var(--text-secondary);font-size:13px}.mini-lyrics-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b109e;border-top:1px solid var(--border);bottom:0;cursor:pointer;display:flex;gap:24px;left:0;padding:14px 28px;position:fixed;right:0;z-index:25}.mini-lyrics-bar__info{align-items:center;display:flex;flex-shrink:0;gap:10px;min-width:160px}.mini-lyrics-bar__glyph{color:var(--color-primary);font-size:18px}.mini-lyrics-bar__title{font-size:14px;font-weight:600}.mini-lyrics-bar__artist{color:var(--text-secondary);font-size:12px}.mini-lyrics-bar__lyric{flex:1 1;font-size:16px;font-weight:600;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mini-lyrics-bar__lyric--instrumental{color:var(--color-tertiary);font-style:italic}.mini-lyrics-bar__pitch{align-items:center;display:flex;flex-shrink:0;gap:8px}.mini-lyrics-bar__score{color:var(--color-primary);font-size:13px;font-weight:700;min-width:36px;text-align:right}.mini-lyrics-bar__expand{color:var(--text-secondary);flex-shrink:0;font-size:12px}:root,[data-theme=dark]{--bg:#0b0b10;--bg-elevated:#04040a;--surface-1:#17171f;--surface-2:#20202b;--overlay-scrim:#08080ceb;--border:#26262f;--text-primary:#f5f5f7;--text-secondary:#9a9aa5;--color-primary:#6cf0c2;--color-primary-glow:#6cf0c259;--color-secondary:#ff8a5c;--color-secondary-glow:#ff8a5c59;--color-tertiary:#9b8cff;--color-tertiary-glow:#9b8cff59;--singer-2-color:var(--color-secondary)}[data-theme=light]{--bg:#f5f6fa;--bg-elevated:#fff;--surface-1:#fff;--surface-2:#ecedf3;--overlay-scrim:#f5f6faeb;--border:#d8dae3;--text-primary:#14141a;--text-secondary:#5b5d6b;--color-primary:#0f9e78;--color-primary-glow:#0f9e7840;--color-secondary:#d9531f;--color-secondary-glow:#d9531f40;--color-tertiary:#6a55d6;--color-tertiary-glow:#6a55d640;--singer-2-color:var(--color-secondary)}:root{--radius-sm:8px;--radius-md:14px;--sidebar-width:240px}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;background:#0b0b10;background:var(--bg);color:#f5f5f7;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}#root,body,html{height:100%}ul{margin:0;padding:0}img{display:block;max-width:100%}::-webkit-scrollbar{height:0;width:0}.empty-state{color:var(--text-secondary);font-size:15px}.search-page__section-title{color:var(--text-secondary);font-size:16px;margin:28px 0 4px}.search-page__chips{gap:14px}.search-page__results{gap:12px;max-width:800px}.search-page__hint{color:var(--text-secondary);font-size:13px;margin-top:24px}.search-page__hint strong{color:var(--color-primary)}.chip{background:var(--surface-1);border-radius:999px;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px}.chip.is-selected{background:var(--color-primary);color:#0e0e14}.gen-page__jobs{gap:14px;max-width:640px}.gen-page__job,.gen-page__jobs{display:flex;flex-direction:column}.gen-page__job{background:var(--surface-1);border-radius:var(--radius-md);gap:6px;padding:16px 20px}.gen-page__job-row{align-items:baseline;display:flex;gap:16px;justify-content:space-between}.gen-page__song{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-page__percent{font-feature-settings:"tnum";color:var(--color-primary);flex-shrink:0;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.gen-page__bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.gen-page__bar-fill{background:var(--color-primary);border-radius:inherit;height:100%;transition:width .4s ease}.gen-page__message{color:var(--text-secondary);font-size:13px}.gen-page__history{gap:10px;max-width:640px}.gen-page__entry{align-items:baseline;background:var(--surface-1);border-radius:var(--radius-md);display:flex;gap:16px;padding:14px 20px}.gen-page__entry-time{font-feature-settings:"tnum";color:var(--text-secondary);flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums}.gen-page__entry .gen-page__song{flex:1 1;min-width:0}.gen-page__entry-state{color:var(--color-primary);flex-shrink:0;font-size:13px;font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-page__entry--error .gen-page__entry-state{color:var(--color-secondary)}.link-page__pair{align-items:center;display:flex;gap:36px;margin-top:12px}.link-page__code-block,.link-page__qr-block{align-items:center;display:flex;flex-direction:column;gap:12px}.link-page__qr{background:#fff;border-radius:var(--radius-md);display:inline-flex;padding:12px}.link-page__divider{color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.link-page__block-hint{color:var(--text-secondary);font-size:13px;margin:0;max-width:240px;text-align:center}.link-page__code{background:var(--surface-1);border-radius:var(--radius-md);display:inline-block;font-size:44px;font-weight:700;letter-spacing:.18em;margin-top:8px;padding:24px 32px}.link-page__hint{color:var(--text-secondary);margin:16px 0 28px;max-width:480px}.link-page__action{background:var(--surface-1);border-radius:var(--radius-md);display:inline-block;font-weight:600;padding:14px 24px}.link-page__members{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 8px;max-width:640px;padding:0}.link-page__member{align-items:center;background:var(--surface-1);border-radius:999px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.link-page__member-dot{background:var(--color-primary);border-radius:50%;height:8px;width:8px}.guests-page__list{gap:10px;max-width:560px}.guests-page__row{align-items:center;background:var(--surface-1);border-radius:var(--radius-md);display:flex;gap:14px;padding:14px 20px}.guests-page__dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.guests-page__name{flex:1 1;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guests-page__joined{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums}.guests-page__joined,.guests-page__kick{color:var(--text-secondary);flex-shrink:0}.guests-page__kick{font-size:14px}.focusable-item.is-focused .guests-page__kick{color:var(--color-secondary)}.queue-page__row{display:flex;flex-direction:column;gap:4px}.queue-page__added-by{color:var(--text-secondary);font-size:12px;padding-left:4px}.settings-row{align-items:center;background:var(--surface-1);border-radius:var(--radius-md);display:flex;font-size:15px;justify-content:space-between;padding:18px 22px;width:420px}.toggle{align-items:center;background:var(--surface-2);border-radius:12px;display:inline-flex;height:24px;padding:2px;transition:background .18s ease;width:44px}.toggle.is-on{background:var(--color-primary)}.toggle__knob{background:#fff;border-radius:50%;height:20px;transition:transform .18s ease;width:20px}.toggle.is-on .toggle__knob{transform:translateX(20px)}.settings-row--volume{gap:16px}.volume-bar{background:var(--surface-2);border-radius:999px;flex:1 1;height:8px;margin:0 16px;overflow:hidden}.volume-bar__fill{background:var(--color-primary);height:100%;transition:width .12s ease}.volume-value{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;width:44px}.settings-row__value{color:var(--color-primary);font-weight:600}.hotkeys-block__subtitle{color:var(--text-secondary);font-size:13px;margin:-2px 0 16px}.hotkeys-block{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,360px));max-width:760px}.hotkeys-row{align-items:center;background:var(--surface-1);border-radius:var(--radius-md);display:flex;gap:14px;padding:14px 16px}.hotkeys-row__keys{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;width:96px}.hotkey-chip{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;height:26px;justify-content:center;min-width:26px;padding:0 6px}.hotkeys-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.hotkeys-row__label{font-size:14px;font-weight:600}.hotkeys-row__desc{color:var(--text-secondary);font-size:12px}.app{display:flex;flex-direction:column;height:100vh}.app__main{flex:1 1;min-height:0;overflow-y:auto;position:relative}.logout-overlay{align-items:center;background:var(--overlay-scrim);display:flex;flex-direction:column;gap:28px;inset:0;justify-content:center;position:fixed;z-index:10}.logout-overlay p{color:var(--text-secondary);font-size:20px}.logout-overlay__action{background:var(--surface-1);border-radius:var(--radius-md);display:inline-block;font-weight:600;padding:14px 32px}.logout-overlay__actions{gap:16px}
/*# sourceMappingURL=main.7a2458dc.css.map*/