:root,:root[data-theme=dark]{color-scheme:dark;--bg: #101820;--surface: #17242d;--surface-raised: #15232c;--surface-inset: #101c24;--chip: #20323b;--chip-host: #234f58;--border: #2b3a44;--border-strong: #30434d;--border-input: #3a525d;--border-button: #3c5660;--text: #e8f0f1;--text-title: #f4f8f8;--text-secondary: #92a6af;--text-faint: #8299a2;--text-subtle: #9db0b8;--text-label: #8ca2ab;--text-count: #a8bac0;--accent: #62d8ca;--accent-text: #0b2222;--accent-hover: #8ae7db;--accent-muted: #78b7b1;--accent-soft: #73dfcf;--accent-dim: #89bdb9;--accent-track: #16302e;--playing: #f1ad99;--danger-text: #f0b1a3;--danger-border: #96675d;--danger-button-border: #a77161;--focus-ring: #62d8ca;--overlay: rgba(5, 12, 16, .72);--shadow: 0 18px 50px rgba(0, 0, 0, .5);--table-line: #22333c;--separator: #66828b;--switch-knob: #8ca2ab;--difficulty: #c8c0e8;--score: #9fd8cf;--end-reason: #e1bdad}:root[data-theme=light]{color-scheme:light;--bg: #eef3f4;--surface: #ffffff;--surface-raised: #ffffff;--surface-inset: #f2f7f8;--chip: #e7eff1;--chip-host: #c2e2dc;--border: #ccdadd;--border-strong: #b7c9cd;--border-input: #b7c9cd;--border-button: #a7bcc2;--text: #22333c;--text-title: #13222a;--text-secondary: #5b7681;--text-faint: #6b838d;--text-subtle: #4f6a75;--text-label: #62808b;--text-count: #48626d;--accent: #17a08f;--accent-text: #ffffff;--accent-hover: #129484;--accent-muted: #2f8e83;--accent-soft: #0e8c7d;--accent-dim: #357f76;--accent-track: #d4efe9;--playing: #c26545;--danger-text: #b04a35;--danger-border: #d9a79a;--danger-button-border: #c98d7f;--focus-ring: #17a08f;--overlay: rgba(16, 24, 32, .44);--shadow: 0 18px 50px rgba(16, 24, 32, .24);--table-line: #dde8ea;--separator: #8aa4ac;--switch-knob: #8ca2ab;--difficulty: #6a59b8;--score: #12796c;--end-reason: #a2543a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,Noto Sans CJK JP,sans-serif;font-synthesis:none}:lang(ja){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Noto Sans CJK JP,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,p,dl,dd,dt{margin:0}.button{min-height:38px;padding:0 15px;border:1px solid var(--border-button);border-radius:6px;color:var(--text);background:var(--surface-inset);font-size:13px;font-weight:650;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.button:hover:not(:disabled){border-color:var(--accent)}.button.primary{border-color:var(--accent);color:var(--accent-text);background:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.quiet{border-color:transparent;background:transparent;color:var(--text-secondary)}.button.quiet:hover:not(:disabled){color:var(--text);border-color:var(--border-button)}.button.danger{border-color:var(--danger-button-border);color:var(--danger-text)}.button.danger:hover:not(:disabled){border-color:var(--danger-text)}.button.small{min-height:30px;padding:0 9px;font-size:11px}.button.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:0 8px}.text-input{min-width:0;height:38px;padding:0 12px;border:1px solid var(--border-input);border-radius:6px;color:var(--text);background:var(--surface-inset);font-size:13px;outline:0;transition:background-color .2s ease,border-color .2s ease}.text-input::placeholder{color:var(--text-faint)}.text-input:focus{border-color:var(--accent)}.locale-select{position:relative}.locale-trigger{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 10px;border:1px solid var(--border-button);border-radius:6px;color:var(--text);background:var(--surface-inset);font-size:12px;font-weight:650;transition:background-color .2s ease,border-color .2s ease}.locale-trigger:hover{border-color:var(--accent)}.locale-trigger .chev{transition:transform .18s ease}.locale-trigger .chev.open{transform:rotate(180deg)}.locale-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:136px;margin:0;padding:6px;list-style:none;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow)}.locale-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:5px;color:var(--text);background:transparent;font-size:12px;font-weight:650;text-align:left}.locale-option:hover{background:var(--chip)}.locale-option.active{color:var(--accent-soft)}.pop-enter-active,.pop-leave-active{transition:opacity .16s ease,transform .16s ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:translateY(-4px) scale(.97)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:42px}.pagination button{padding:6px 10px;border:1px solid var(--border-button);border-radius:5px;color:var(--text);background:var(--surface-inset);font-size:12px}.pagination button:not(:disabled):hover{border-color:var(--accent)}.pagination .page-label{min-width:56px;color:var(--text-secondary);text-align:center;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.site-header{animation:rise-in .35s ease backwards}.pool-form{animation:rise-in .4s ease .06s backwards}.directory-section{animation:rise-in .45s ease .12s backwards}.room-card,.history-card{animation:rise-in .4s ease backwards;animation-delay:calc(var(--card-i, 0) * 45ms)}.empty-state{animation:rise-in .35s ease backwards}.site-shell{max-width:1280px;margin:auto;padding:0 28px}.site-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);transition:border-color .25s ease}.brand{color:var(--text-title);font-size:21px;font-weight:750;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.source-note{color:var(--text-faint);font-size:11px;white-space:nowrap}.updated-at{color:var(--text-secondary);font-size:12px;white-space:nowrap}.pool-form{display:flex;align-items:center;gap:10px;margin:24px 0 32px;padding:16px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);transition:background-color .25s ease,border-color .25s ease}.pool-form label{margin-right:8px;font-size:14px;font-weight:700;white-space:nowrap}.pool-input{flex:1;min-width:0;height:38px}.pool-input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.directory-section{margin-bottom:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h1,.section-heading h2{font-size:23px;line-height:1.25;font-weight:720;letter-spacing:-.03em}.section-counts{display:flex;align-items:center;gap:18px;color:var(--text-count);font-size:12px;white-space:nowrap}.section-counts span{display:inline-flex;align-items:center;gap:6px}.section-counts b{color:var(--text);font-weight:700}.dot{width:7px;height:7px;display:inline-block;border-radius:50%}.dot.recruiting{background:var(--accent)}.dot.playing{background:var(--playing)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:112px}.room-card{display:flex;flex-direction:column;cursor:pointer;transition:border-color .12s ease,transform .12s ease,background-color .25s ease}.room-card:hover,.room-card:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.room-card,.history-card{min-width:0;padding:18px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.history-card{cursor:pointer;transition:border-color .12s ease,background-color .25s ease}.history-card:hover,.history-card:focus-visible{border-color:var(--accent)}.room-top,.history-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-tag{display:inline-flex;align-items:center;gap:7px;color:var(--accent-soft);font-size:12px;font-weight:700}.status-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-tag.playing{color:var(--playing)}.card-lead{display:flex;align-items:flex-start;gap:14px}.card-main{flex:1;min-width:0}.cover{flex:0 0 auto;border-radius:6px;background:var(--surface-inset);object-fit:cover}.cover.md{width:64px;height:64px}.cover.sm{width:44px;height:44px}.cover-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--text-label);font-size:20px}.song-title{margin:8px 0 4px;overflow-wrap:anywhere;font-size:19px;line-height:1.3;font-weight:720}.song-subline{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--text-subtle);font-size:12px;line-height:1.5}.song-subline span+span:before{content:"·";margin-right:12px;color:var(--separator)}.start-at{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.start-at .caption{color:var(--text-label);font-size:11px}.start-at strong{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:auto;padding-top:13px}.room-card .player-list{margin-top:auto}.history-card .player-list{margin-top:0;padding-top:0;align-content:start}.player-chip{display:flex;align-items:center;height:26px;min-width:0;gap:5px;padding:0 8px;border-radius:4px;background:var(--chip);font-size:11px}.player-chip.empty{border:1px dashed var(--border-strong);background:transparent}.player-chip.host{background:var(--chip-host)}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.player-score{color:var(--score);white-space:nowrap;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--overlay);animation:backdrop-in .18s ease}.modal-card{width:min(680px,100%);max-height:min(80vh,560px);overflow:auto;padding:22px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow);animation:modal-in .22s ease}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.modal-close{flex:0 0 auto}.modal-heading h3{overflow-wrap:anywhere;font-size:19px;font-weight:720;letter-spacing:-.02em}.modal-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:3px;color:var(--text-subtle);font-size:12px}.modal-sub .end-reason{color:var(--end-reason)}.modal-status{margin-bottom:12px;color:var(--accent-soft);font-size:12px;font-weight:650}.song-meta{display:flex;gap:16px;margin-bottom:14px;padding:14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface)}.meta-cover{flex:0 0 auto;width:96px;height:96px;border-radius:6px;background:var(--surface-inset);object-fit:cover}.meta-body{flex:1;min-width:0}.meta-missing{margin-bottom:8px;color:var(--text-label);font-size:11px}.meta-list{display:flex;flex-wrap:wrap;gap:4px 18px}.meta-list div{display:flex;align-items:baseline;gap:6px;min-width:0}.meta-list dt{color:var(--text-label);font-size:11px;white-space:nowrap}.meta-list dd{overflow-wrap:anywhere;font-size:12px;font-weight:650}.meta-levels{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.level-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:var(--chip);font-size:11px}.level-chip i{color:var(--text-label);font-style:normal}.level-chip b{color:var(--difficulty);font-weight:700;font-variant-numeric:tabular-nums}.meta-source{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--text-label);font-size:11px}.meta-source .source-icon{flex:0 0 auto}.meta-source a{color:var(--accent-soft);text-decoration:none}.meta-source a:hover{text-decoration:underline}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table tbody tr.host-row td{background:var(--chip)}.score-table tbody tr.host-row td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.score-table th{padding:8px 10px;border-bottom:1px solid var(--border-strong);color:var(--text-label);font-size:11px;font-weight:650;text-align:left;white-space:nowrap}.score-table td{padding:9px 10px;border-bottom:1px solid var(--table-line);overflow-wrap:anywhere}.score-table tr:last-child td{border-bottom:0}.score-table td:nth-child(3),.score-table td:nth-child(4){font-variant-numeric:tabular-nums}.player-name-cell{display:flex;align-items:baseline;gap:8px;min-width:0}.history-list{display:grid;gap:10px;min-height:94px}.history-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:20px}.history-song{display:flex;align-items:flex-start;gap:10px;min-width:0}.history-song-text{min-width:0}.history-card .song-title{margin-top:0;font-size:17px}.history-card .player-list{margin-top:0}.history-stamp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:6px;color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.end-reason{color:var(--end-reason)}.empty-state{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:92px;padding:18px;border:1px dashed var(--border-button);border-radius:8px;color:var(--text-count);font-size:13px}.empty-state.error{border-color:var(--danger-border);color:var(--danger-text)}@media(max-width:900px){.history-card{grid-template-columns:1fr}}@media(max-width:680px){.site-shell{padding:0 16px}.site-header{min-height:62px;gap:8px}.brand{font-size:19px}.header-actions{gap:8px}.source-note,.updated-at{display:none}.pool-form{margin:16px 0 26px}.song-meta{flex-direction:column}.meta-cover{width:120px;height:120px}.card-grid{grid-template-columns:1fr}.history-card{grid-template-columns:1fr;gap:16px}.section-heading h1,.section-heading h2{font-size:21px}.modal-backdrop{padding:0;align-items:stretch}.modal-card{width:100%;max-height:none;height:100dvh;border:0;border-radius:0}.score-table{font-size:12px}.score-table th{padding:7px 6px}.score-table td{padding:8px 6px}.score-table td:nth-child(2){white-space:nowrap}}