.home-modes{display:flex;flex-direction:column;gap:1rem}.home-mode-card{display:flex;align-items:flex-start;gap:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.home-mode-card:hover{border-color:var(--accent);background:var(--surface2);text-decoration:none}.home-mode-card__icon{font-size:2.5rem;line-height:1;flex-shrink:0}.home-mode-card__title{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.home-mode-card__desc{font-size:.95rem;line-height:1.5}@media (min-width: 500px){.home-modes{flex-direction:row}.home-mode-card{flex:1;flex-direction:column}.home-mode-card__icon{font-size:3rem}}.playlist-picker{width:100%;max-width:580px;max-height:80vh;display:flex;flex-direction:column}.playlist-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.playlist-picker__tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.playlist-picker__tab{padding:.35rem .8rem;border-radius:6px;font-weight:600;font-size:.88rem;border:none;cursor:pointer;background:transparent;color:var(--text-dim);transition:background .15s,color .15s}.playlist-picker__tab:hover{color:var(--text)}.playlist-picker__tab--active{background:#6c63ff1f;color:var(--accent)}.playlist-picker__search{margin-bottom:.5rem;font-size:.85rem}.playlist-picker__body{flex:1;overflow-y:auto;margin:0 -.25rem;padding:0 .25rem}.playlist-picker__row{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .12s}.playlist-picker__row:hover{background:var(--surface2)}.playlist-picker__row--selected{border-color:#6c63ff66;background:#6c63ff14}.playlist-picker__name-block{flex:1;min-width:0}.playlist-picker__name{font-weight:600}.playlist-picker__meta{font-size:.8rem;color:var(--text-dim);margin-top:.1rem}.playlist-picker__right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.playlist-picker__count{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.playlist-picker__expand{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:0 .2rem;font-size:.8rem;line-height:1}.playlist-picker__expand:hover{color:var(--text)}.playlist-picker__desc-row{padding:.2rem .6rem .5rem;font-size:.82rem;color:var(--text-dim)}.playlist-picker-trigger{width:100%;text-align:left;justify-content:space-between;margin-top:.25rem}.playlist-picker__footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.preset-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.preset-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface2);cursor:pointer;transition:border-color .15s,background .15s}.preset-option--active{border-color:var(--accent);background:#6c63ff1a}.preset-option__name{font-weight:600}.preset-option__desc{font-size:.82rem;color:var(--text-dim)}.records-row{margin-top:.4rem;display:flex;align-items:center;gap:.75rem}.records-row__note{font-size:.82rem;color:var(--text-dim);margin-top:.4rem}.join-code-input{letter-spacing:.2em;font-family:monospace;font-size:1.2rem;text-align:center}.room-code{font-family:monospace;font-size:1.6rem;font-weight:700;letter-spacing:.15em;color:var(--accent)}.room-info-row{color:var(--text-dim);font-size:.85rem}.room-info-row+.room-info-row{margin-top:.25rem}.room-records-row{margin-top:.25rem;font-size:.82rem}.player-list{display:flex;flex-direction:column;gap:.4rem}.player-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.player-row__name--me{font-weight:700}.player-row__you-label{color:var(--text-dim);font-weight:400}.player-host{font-size:.75rem;color:var(--accent);font-weight:600}.settings-form-row{display:flex;gap:1rem}.start-hint{color:var(--text-dim);font-size:.82rem;text-align:center;margin-top:.5rem}.hint-display{margin-bottom:.75rem}.hint-display__label{margin-bottom:.35rem}.hint-display__words{display:flex;flex-wrap:wrap;gap:.6rem;font-family:monospace;font-size:1.4rem;line-height:1.3}.hint-display__word{display:inline-flex;gap:2px;align-items:flex-end}.hint-display__blank{display:inline-block;width:.75em;height:1em;border-bottom:2px solid var(--accent)}.hint-display__char{color:var(--text)}.answer-input{margin-top:1rem}.answer-input__got-it{background:#4caf7226;border:1px solid var(--green);border-radius:8px;padding:.75rem 1rem;color:var(--green);font-weight:600;text-align:center}.answer-input__badges{display:flex;gap:.5rem;margin-bottom:.4rem}.answer-input__form{display:flex;gap:.5rem}.answer-badge{padding:.25rem .6rem;border-radius:6px;font-size:.78rem;font-weight:700;border:1px solid}.answer-badge--got{background:#4caf7233;color:var(--green);border-color:var(--green)}.answer-badge--pending{background:var(--surface2);color:var(--text-dim);border-color:var(--border)}.scoreboard{padding:1rem}.scoreboard__title{margin-bottom:.75rem}.scoreboard__list{display:flex;flex-direction:column;gap:.4rem}.scoreboard__row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;border:1px solid transparent}.scoreboard__row--me{background:#6c63ff26;border-color:#6c63ff4d}.scoreboard__rank{color:var(--text-dim);width:1.2rem;text-align:right;font-size:.85rem}.scoreboard__name{flex:1}.scoreboard__name--me{font-weight:700}.scoreboard__name--dc{opacity:.5}.scoreboard__dc-dot{font-size:.6rem;color:var(--text-dim);margin-left:.3rem}.scoreboard__badges{display:flex;align-items:center;gap:.35rem}.scoreboard__time{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.scoreboard__score{font-weight:700;min-width:2.5rem;text-align:right}.tiny-badge{width:18px;height:18px;border-radius:4px;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.tiny-badge--got{background:var(--green);color:#fff}.tiny-badge--blank{background:var(--surface2);color:var(--text-dim)}.round-header{margin-bottom:1rem}.round-header__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.round-header__round{font-weight:700;font-size:1rem}.round-header__total{color:var(--text-dim);font-weight:400}.round-header__timer{font-weight:700;font-size:1.4rem;font-variant-numeric:tabular-nums;transition:color .3s}.round-header__bar-track{background:var(--surface2);border-radius:4px;height:6px;overflow:hidden}.round-header__bar-fill{height:100%;border-radius:4px;transition:width .2s linear,background .3s}.report-modal__code-box{margin-bottom:1rem}.report-modal__code-label{font-size:.75rem;color:var(--text-dim);margin-bottom:.2rem}.report-modal__code{font-family:monospace;font-weight:700;letter-spacing:.1em}.report-modal__hint{font-size:.82rem;color:var(--text-dim);margin-bottom:1rem}.report-modal__btn-row{display:flex;gap:.5rem;margin-bottom:1rem}.report-modal__footer{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.report-modal__id-label{font-size:.75rem;color:var(--text-dim)}.report-modal__id-value{font-family:monospace;font-weight:700;letter-spacing:.08em;font-size:.9rem}.report-modal__footer-hint{font-size:.78rem;color:var(--text-dim);margin:0}.report-modal__song-value{padding:.5rem 0;color:var(--text-dim);font-size:.9rem}.audio-gate{flex-direction:column;gap:1rem;text-align:center}.audio-gate__icon{font-size:2rem;margin-bottom:.5rem}.audio-gate__volume{display:flex;justify-content:center;margin-top:1rem}.audio-gate__vol-pct{font-size:.8rem;color:var(--text-dim);min-width:2.5em}.game-layout{display:grid;grid-template-columns:1fr 280px;gap:.5rem 1rem;align-items:start}.game-sidebar{min-width:280px}.game-controls{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%}.game-between-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.game-between-header__right{display:flex;align-items:center;gap:.5rem}.vol-disconnect-btn{font-size:.72rem!important;padding:.2rem .55rem!important}.game-report-btn{text-align:right;margin-top:.5rem}.song-info-card{display:flex;gap:1rem;align-items:flex-start}.song-info-card__img{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0}.song-info-card__body{flex:1}.song-info-card__got-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.song-info-card__title{font-weight:700;font-size:1.05rem;margin-bottom:.15rem}.song-info-card__artist{color:var(--text-dim);font-size:.9rem}.song-info-card__album{font-size:.82rem;color:var(--text-dim);margin-top:.2rem}.song-info-card__record{font-size:.78rem;color:var(--accent);margin-top:.3rem}.song-info-card__waiting{color:var(--text-dim);font-size:.8rem;margin-top:.5rem}.round-answer__label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.round-answer__body{display:flex;gap:1rem;align-items:flex-start}.round-answer__img{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.round-answer__info{flex:1}.round-answer__title{font-size:1.15rem;margin-bottom:.3rem}.round-answer__artist{color:var(--text-dim);font-size:.95rem;margin-bottom:.3rem}.round-answer__album{font-size:.82rem;color:var(--text-dim);margin-bottom:.3rem}.round-answer__record{font-size:.8rem;color:var(--accent);margin-top:.2rem}.results-list{margin-bottom:1.5rem}.results-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem;border-radius:6px}.results-row--me{background:#6c63ff12}.results-row__medal{font-size:1.4rem;width:2rem;text-align:center}.results-row__name{flex:1;font-size:1rem}.results-row__name--me{font-weight:700}.results-row__you-label{color:var(--text-dim);font-weight:400;font-size:.85rem}.results-row__score{font-weight:700;font-size:1.2rem}.results-row__score--first{color:var(--yellow)}.results-actions{text-align:center}.results-actions__buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.stats-player-cell{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.stats-player-cell:hover .stats-player-name{text-decoration:underline}.stats-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.stats-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0}.stats-search-row{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.stats-search-input{flex:1 1 200px;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .15s}.stats-search-input:focus{border-color:var(--accent)}.stats-search-input--narrow{flex:1 1 160px}.song-header{display:flex;gap:1.25rem;align-items:center;margin-bottom:2rem}.song-header__img{width:100px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}.song-header__artist{font-size:1rem;font-weight:600;color:var(--text-dim);margin-bottom:.2rem}.song-header__title-row{display:flex;align-items:baseline;gap:.6rem}.song-header__title{font-size:1.5rem;font-weight:700}.song-header__duration{font-size:.78rem;font-weight:500;color:var(--text-dim)}.song-header__meta{font-size:.9rem;font-weight:500;color:var(--text-dim);margin-top:.25rem}.pe-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(640px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden}.pe-modal__header{flex-shrink:0;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.pe-modal__header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pe-modal__title{font-size:1.1rem;font-weight:600;margin:0}.pe-modal__close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.25rem;line-height:1;padding:.2rem .4rem;border-radius:4px}.pe-modal__close:hover{color:var(--text);background:var(--surface2)}.pe-modal__body{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.pe-playlist-section{flex-shrink:0}.pe-playlist-header{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;cursor:pointer;padding:.75rem 1rem;color:var(--text);font-size:.82rem;font-weight:600;text-align:left;border-bottom:1px solid var(--border)}.pe-playlist-header:hover{background:var(--surface2)}.pe-playlist-header__chevron{font-size:.75rem;color:var(--text-dim);width:12px;flex-shrink:0}.pe-playlist-header__count{font-weight:400;font-size:.78rem;margin-left:auto}.pe-playlist-inner{display:flex;gap:0;border-bottom:1px solid var(--border)}.pe-playlist-col{flex:1;max-height:200px;overflow-y:auto;padding:.6rem .75rem;min-width:0}.pe-playlist-col+.pe-playlist-col{border-left:1px solid var(--border)}.pe-playlist-col__title{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:.4rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.pe-divider{height:0;flex-shrink:0}.pe-add-section{flex:1;display:flex;flex-direction:column;min-height:300px;padding:.75rem 1rem 0}.pe-add-section__title{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:.6rem}.pe-add-hint{font-size:.7rem;margin-bottom:.4rem;flex-shrink:0}.pe-add-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:.5rem}.pe-song-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:5px;cursor:pointer;border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.pe-song-row:hover{background:var(--surface2)}.pe-song-row--compact{cursor:default;padding:.2rem .3rem}.pe-song-row--in-playlist{background:#4caf7212;border-left-color:var(--green)}.pe-song-row--in-playlist:hover{background:#4caf7221}.pe-song-row--pending-add{background:#6c63ff14;border-left-color:var(--accent)}.pe-song-row--pending-add:hover{background:#6c63ff24}.pe-song-row--pending-remove{opacity:.55;border-left-color:var(--red)}.pe-song-row--pending-remove .pe-song-row__title{text-decoration:line-through}.pe-song-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.pe-song-row__title{font-size:.86rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-song-row__meta{display:flex;gap:.4rem;font-size:.73rem;color:var(--text-dim);flex-wrap:wrap}.pe-song-row__action{flex-shrink:0;background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:.9rem;line-height:1;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.pe-song-row__action:hover{background:var(--surface2);color:var(--text)}.pe-song-row__action--add:hover{border-color:var(--green);color:var(--green)}.pe-song-row__action--remove:hover{border-color:var(--red);color:var(--red)}.pe-song-row__action--undo:hover{border-color:var(--accent);color:var(--accent)}.pe-search-fields{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;flex-shrink:0}.pe-search-row{display:flex;gap:.4rem}.pe-search-fields .input,.pe-search-row .input{font-size:.82rem;padding:.3rem .5rem}.pe-year-section{margin-bottom:.5rem;flex-shrink:0}.pe-year-section-label{font-size:.72rem;color:var(--text-dim);margin-bottom:.3rem}.pe-range-wrap{position:relative;height:20px;margin:.1rem 0 .4rem}.pe-range-track{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:4px;background:var(--border);border-radius:2px;pointer-events:none}.pe-range-fill{position:absolute;height:100%;background:var(--accent);border-radius:2px}.pe-range-wrap input[type=range]{position:absolute;width:100%;top:50%;transform:translateY(-50%);pointer-events:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;margin:0;padding:0}.pe-range-wrap input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent)}.pe-range-wrap input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.pe-year-inputs{display:flex;align-items:center;gap:.4rem}.pe-year-inputs .input{width:80px;font-size:.82rem;padding:.3rem .5rem}.pe-year-inputs span{color:var(--text-dim);font-size:.82rem}.pe-modal__footer{flex-shrink:0;border-top:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pe-save-error{flex:1;color:var(--red);font-size:.83rem}.pe-save-success{flex:1;color:var(--green);font-size:.83rem;font-weight:500}.pe-json-btn{font-size:.82rem}.pe-json-panel{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;overflow-y:auto;min-height:0;border-bottom:1px solid var(--border)}.pe-json-panel__header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem}.pe-json-panel__desc{font-size:.8rem;line-height:1.5;margin:0}.pe-json-panel__desc code{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:.05em .3em;font-size:.85em}.pe-json-textarea{width:100%;min-height:140px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:monospace;font-size:.82rem;padding:.5rem .75rem;resize:vertical;box-sizing:border-box}.pe-json-textarea:focus{outline:none;border-color:var(--accent)}.pe-json-actions{display:flex;gap:.5rem}.pe-json-error{color:var(--red);font-size:.82rem}.pe-json-results{display:flex;flex-direction:column;gap:.25rem}.pe-json-results__summary{font-size:.83rem;font-weight:500;margin-bottom:.2rem}.pe-json-issue{font-size:.78rem;padding:.1rem 0}.pe-json-issue--not_found{color:var(--red)}.pe-json-issue--mismatch{color:var(--yellow)}.pe-json-issue--skipped{color:var(--text-dim)}.pe-empty{color:var(--text-dim);font-size:.8rem;padding:.3rem 0}.playlist-item{margin-bottom:.75rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.playlist-item__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface2);flex-wrap:wrap}.playlist-item__body{padding:.75rem 1rem}.playlist-item__info{flex:1;min-width:0}.playlist-item__title-row{display:flex;align-items:center;gap:.5rem}.playlist-item__name{font-weight:600}.playlist-item__desc{font-size:.8rem;color:var(--text-dim);margin-top:.15rem}.playlist-item__creator{font-size:.75rem;color:var(--text-dim);margin-top:.1rem}.playlist-records-note{font-size:.72rem;color:var(--text-dim)}.edit-form{flex:1;display:flex;flex-direction:column;gap:.4rem}.edit-form__row{display:flex;gap:.5rem}.edit-error{color:var(--red);font-size:.82rem}.profile-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.profile-avatar{flex-shrink:0;text-align:center}.profile-avatar__img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--border);display:block}.profile-avatar__change{margin-top:.4rem}.profile-info{display:flex;flex-direction:column;justify-content:center}.profile-info__name{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.profile-info__joined{font-size:.85rem}.profile-stats-multiplayer-wrapper{line-height:1.75em}.profile-stats{display:flex;gap:2.5rem}.profile-main-stats{display:flex;gap:1rem}.profile-main-stat{background:linear-gradient(-90deg,#292d47,#292859);border:.1rem solid #3E3D88;padding:.5rem 1rem;border-radius:.45rem}.profile-stat__value{font-size:1.4rem;font-weight:700}.profile-stat__label{font-size:.8rem;margin-top:.1rem}.header{font-size:1.3rem;font-weight:700;margin-top:1.5rem;margin-bottom:.8rem}.profile-flag{height:1em;width:auto;margin-right:.4rem;vertical-align:middle;border-radius:2px}.profile-country-selector{margin-top:.5rem}.profile-country-selector select{font-size:.85rem}.profile-edit-btn{position:absolute;top:1rem;right:1rem}.profile-edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.profile-preset-picker{margin-top:.75rem}.profile-preset-grid{display:flex;flex-wrap:wrap;gap:.4rem}.profile-preset-option{width:52px;height:52px;padding:2px;border-radius:50%;border:2px solid var(--border);background:none;cursor:pointer;transition:border-color .15s}.profile-preset-option img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-preset-option--selected{border-color:var(--accent)}.profile-preset-option:hover:not(:disabled){border-color:var(--accent);opacity:.9}.daily-status-card{display:flex;flex-direction:column;align-items:flex-start}.daily-status-card__result{margin-bottom:.5rem}.daily-status-big{font-size:2rem;font-weight:700;color:var(--yellow);font-variant-numeric:tabular-nums}.daily-columns{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.daily-col{flex:1}@media (min-width: 600px){.daily-columns{flex-direction:row;align-items:flex-start}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;min-width:260px;max-width:360px;width:90%}.audio-gate{flex-direction:column;gap:.5rem;text-align:center}.audio-gate__icon{font-size:3rem;margin-bottom:.75rem}.audio-gate__volume{display:flex;justify-content:center;margin-top:1.25rem}.audio-gate__volume .vol-control{width:280px;flex:none}.audio-gate__volume .vol-slider{flex:1}.daily-game-header{display:flex;align-items:center;gap:1rem}.daily-game-round{display:flex;flex-direction:column;align-items:center;min-width:3.5rem}.daily-game-round__num{font-size:1.5rem;font-weight:700;line-height:1}.daily-game-timer{flex:1}.daily-game-timer__bar{background:var(--surface2);border-radius:4px;height:6px;overflow:hidden;margin-bottom:.3rem}.daily-game-timer__fill{height:100%;border-radius:4px}.daily-game-timer__text{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.daily-game-volume .vol-control{width:200px;flex:none}.daily-game-volume .vol-slider{flex:1}.vol-control{display:flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem .65rem;flex:1}.vol-icon{font-size:.85rem;width:1.1em;text-align:center;color:var(--text-dim);flex-shrink:0}.vol-pct{font-size:.72rem;color:var(--text-dim);min-width:2.2em;font-variant-numeric:tabular-nums;flex-shrink:0}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:88px;flex:1;height:4px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--fill, 100%),var(--surface2) var(--fill, 100%))}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9b96ff,var(--accent) 55%,#4a44b5);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 0 0 2px #6c63ff33,0 0 8px #6c63ff73,inset 0 1px 1px #fff3;cursor:pointer;transition:box-shadow .15s}.vol-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px #6c63ff4d,0 0 12px #6c63ff99,inset 0 1px 1px #fff3}.vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9b96ff,var(--accent) 55%,#4a44b5);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 0 0 2px #6c63ff33,0 0 8px #6c63ff73,inset 0 1px 1px #fff3;cursor:pointer}.daily-game-done{text-align:center}.daily-game-badges,.daily-game-form{display:flex;gap:.5rem}.daily-game-form .input{flex:1}.answer-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid}.answer-badge--pending{color:var(--text-dim);border-color:var(--border);background:var(--surface2)}.answer-badge--got{color:var(--green);border-color:var(--green);background:#4caf721a}.daily-game-progress{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.daily-game-progress__step{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1;padding:.5rem .25rem;border-radius:8px;background:var(--surface2);border:1px solid var(--border)}.daily-game-progress__step.current{border-color:var(--accent);background:#6c63ff1a}.daily-game-progress__step.done{border-color:var(--green);background:#4caf7214}.daily-game-progress__num{font-size:.8rem;font-weight:700;color:var(--text-dim)}.daily-game-progress__step.current .daily-game-progress__num{color:var(--accent)}.daily-game-progress__step.done .daily-game-progress__num{color:var(--green)}.daily-game-progress__time{font-size:.7rem;color:var(--green);font-variant-numeric:tabular-nums}.daily-results-summary{text-align:center}.daily-results-total{font-size:3rem;font-weight:700;color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1.1;margin-bottom:.35rem}.daily-lb-me td{background:#6c63ff14}.lb-page{display:flex;gap:1rem;align-items:flex-start}.lb-sidebar{width:210px;flex-shrink:0}.lb-sidebar-list{overflow-y:auto;max-height:calc(100vh - 220px)}.lb-sidebar-item{padding:.45rem .75rem;cursor:pointer;border-radius:6px;font-size:.85rem;line-height:1.3;transition:background .1s}.lb-sidebar-item:hover{background:#ffffff0a}.lb-sidebar-item.active{background:#6c63ff26;color:var(--accent, #6c63ff)}.lb-sidebar-item .lb-sidebar-num{font-weight:600;display:block}.lb-sidebar-item .lb-sidebar-label{color:var(--text-dim, #888);font-size:.78rem}.lb-sidebar-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.4rem 0}.lb-main{flex:1;min-width:0}@media (max-width: 600px){.lb-page{flex-direction:column}.lb-sidebar{width:100%}.lb-sidebar-list{max-height:140px}}.admin-nav{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.admin-nav__categories{display:flex;gap:.5rem;flex-wrap:wrap}.admin-nav__category{padding:.35rem .9rem;border-radius:6px;font-weight:700;font-size:.85rem;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s}.admin-nav__category:hover{color:var(--text);text-decoration:none}.admin-nav__category--active{color:var(--text);background:#6c63ff33}.admin-nav__links{display:flex;gap:.5rem;flex-wrap:wrap;padding-left:.25rem}.admin-nav__link{padding:.4rem .8rem;border-radius:6px;font-weight:600;font-size:.9rem;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s}.admin-nav__link:hover{color:var(--text);text-decoration:none}.admin-nav__link--active{color:var(--accent);background:#6c63ff1f}.songs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.songs-search-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem}.import-toggle-header{display:flex;align-items:center;justify-content:space-between}.import-result{padding:.75rem;background:var(--surface2);border-radius:8px;margin-top:.5rem}.import-result__added{font-weight:600}.import-result__errors{margin-top:.5rem}.import-result__error-label{font-weight:600;margin-bottom:.25rem}.import-result__error-row{font-size:.82rem;color:var(--text-dim)}.blog-header-media{width:100%;max-height:380px;object-fit:cover;border-radius:8px;margin-bottom:1.25rem;display:block}.blog-body{line-height:1.75}.blog-body p{margin-bottom:1.1em}.blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4{margin-top:1.5em;margin-bottom:.5em}.blog-body ul,.blog-body ol{padding-left:1.5em;margin-bottom:1em}.blog-body li{margin-bottom:.3em}.blog-body a{color:var(--accent)}.blog-body code{font-family:monospace;background:#ffffff12;padding:.1em .35em;border-radius:3px;font-size:.9em}.blog-body pre{background:#ffffff0d;padding:1em;border-radius:6px;overflow-x:auto;margin-bottom:1em}.blog-body pre code{background:none;padding:0}.blog-body blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:1em;color:var(--text-dim)}.blog-body hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #242736;--border: #2e3248;--accent: #6c63ff;--accent-dim: #4a44b5;--green: #4caf72;--red: #e05c5c;--yellow: #f0c040;--text: #e8eaf0;--text-dim: #8a8fa8;--radius: 10px;--font: "Segoe UI", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-success{background:var(--green);color:#fff}.btn-sm{padding:.35rem .8rem;font-size:.85rem}.input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .9rem;font-size:1rem;outline:none;width:100%;transition:border-color .15s}.input:focus{border-color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.error-msg{background:#e05c5c26;border:1px solid var(--red);border-radius:8px;color:var(--red);padding:.6rem 1rem;font-size:.9rem;margin-bottom:1rem}.warning-msg{background:#f0c0401f;border:1px solid var(--yellow);border-radius:6px;color:var(--yellow);padding:.4rem .75rem;font-size:.85rem}.page-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.page{max-width:900px;margin:0 auto;padding:2rem 1rem}nav{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-left,.nav-right{display:flex;align-items:center;gap:.25rem}nav .logo{background:var(--accent);color:#0f1117;font-size:1.1rem;font-weight:800;padding:.3rem .7rem;border-radius:var(--radius);margin-right:.75rem;letter-spacing:-.01em}nav .logo:hover{background:var(--accent-dim);color:#0f1117;text-decoration:none}nav .nav-link{color:var(--text-dim);font-size:.9rem;font-weight:650;padding:.35rem .6rem;border-radius:6px;transition:color .15s,background .15s}nav .nav-link:hover{color:var(--text);background:var(--surface2);text-decoration:none}nav .nav-username{font-weight:700;color:var(--text)}nav .nav-username:hover{color:var(--text)}nav .nav-link--return{color:var(--green);font-weight:700}nav .nav-link--return:hover{color:var(--green);background:#4caf721a}.nav-dropdown-wrap{position:relative}.nav-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;padding:.35rem;z-index:100;box-shadow:0 4px 16px #0000004d}.nav-dropdown-right{left:auto;right:0}.nav-dropdown-wrap:hover .nav-dropdown{display:flex;flex-direction:column}.nav-dropdown a,.nav-dropdown button{color:var(--text-dim);font-size:.875rem;font-weight:600;padding:.45rem .75rem;border-radius:6px;background:none;border:none;text-align:left;cursor:pointer;width:100%}.nav-dropdown a:hover,.nav-dropdown button:hover{color:var(--text);background:var(--border);text-decoration:none}h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.3rem;font-weight:700;margin-bottom:.75rem}h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}tr:last-child td{border-bottom:none}.record-popup{position:fixed;top:1.5rem;left:50%;z-index:1000;background:var(--surface);border:1px solid var(--yellow);border-radius:10px;padding:.85rem 1.4rem;min-width:280px;max-width:420px;text-align:center;box-shadow:0 4px 24px #00000059;pointer-events:none}.record-popup--in{animation:record-popup-in .35s ease forwards}.record-popup--out{animation:record-popup-out .4s ease forwards}.record-popup__title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);margin-bottom:.3rem}.record-popup__main{font-weight:700;font-size:1rem;margin-bottom:.25rem}.record-popup__times{font-size:.82rem;color:var(--text-dim)}@keyframes record-popup-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes record-popup-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.embed-error-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem 1.1rem;font-size:.85rem;color:var(--text-dim);box-shadow:0 4px 16px #0000004d;pointer-events:none;animation:embed-error-in .3s ease forwards;z-index:200;white-space:nowrap}@keyframes embed-error-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.2rem}.font-mono{font-family:monospace}.tabular-nums{font-variant-numeric:tabular-nums}.text-center{text-align:center}.fw-normal{font-weight:400}.fw-semi{font-weight:600}.fw-bold{font-weight:700}.label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.flex-row{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:.35rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1rem}.gap-xl{gap:1.5rem}.min-w-0{min-width:0}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;border:1px solid}.badge-green{background:#4caf7233;color:var(--green);border-color:var(--green)}.badge-red{background:#e05c5c26;color:var(--red);border-color:var(--red)}.badge-dim{background:var(--surface2);color:var(--text-dim);border-color:var(--border)}.badge-official{background:#22c55e33;color:#22c55e;border-color:#22c55e66}.badge-accent{background:#6c63ff26;color:var(--accent);border-color:#6c63ff4d}.badge-warn{background:#f0c04033;color:var(--yellow);border-color:var(--yellow)}.badge-silver{background:#c0c0c026;color:#b0b0b0;border-color:#888}.badge-bronze{background:#b4783c33;color:#c87f3e;border-color:#a0622a}.info-box{background:var(--surface2);border-radius:6px;padding:.6rem .75rem}.success-box{background:#4caf721a;border:1px solid var(--green);border-radius:8px;padding:.75rem}.code-chip{background:var(--surface2);padding:.25rem .6rem;border-radius:6px;font-family:monospace;font-size:1rem;letter-spacing:.1em;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.divider-top{border-top:1px solid var(--border);padding-top:.75rem}