:root{--bg:#16181d;--panel:#1f232b;--line:#2e3440;--text:#e8eaee;--muted:#8b93a3;--accent:#f0a530;--accent-dim:#4a3a1d;--ok:#4caf7a;--ng:#e5534b;--paper:#fbfaf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:17px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}a{color:var(--accent);text-decoration:none}h1,h2{margin:0;font-weight:600}.muted{color:var(--muted)}[hidden]{display:none!important}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.8rem;display:inline-block}.btn{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:8px 14px}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:0 0;border-color:#0000;font-size:1.2rem}.btn.ghost:hover{background:var(--panel)}.btn.small{padding:6px 10px;font-size:.9rem}.btn.toggle{color:var(--muted)}.btn.toggle.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.list-header{align-items:baseline;gap:16px;max-width:760px;margin:0 auto;padding:28px 16px 8px;display:flex}.list{max-width:760px;margin:0 auto;padding:0 16px 24px}.group h2{letter-spacing:.08em;color:var(--muted);margin:24px 0 8px;font-size:.85rem}.ex-row{color:var(--text);background:var(--panel);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;display:flex}.ex-row:hover{border-color:var(--line)}.ex-row.is-last{border-color:var(--accent)}.ex-meta{flex-shrink:0;gap:6px;display:flex}.list-footer{max-width:760px;margin:0 auto;padding:8px 16px 40px;font-size:.85rem}.practice{flex-direction:column;height:100dvh;display:flex}.px-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.px-title{text-align:center;flex:1;min-width:0}.px-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;overflow:hidden}.px-meta{justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.px-body{flex:1;min-height:0;display:flex}.score-wrap{background:var(--paper);flex:1;min-width:0;position:relative;overflow:auto}.tips{border-left:1px solid var(--line);flex-shrink:0;width:300px;padding:16px 20px;font-size:.95rem;overflow:auto}.tips summary{color:var(--muted);margin-bottom:8px;font-size:.85rem;font-weight:600;list-style:none}.tips summary::-webkit-details-marker{display:none}.tips ul{margin:0;padding-left:1.1em}.tips li{margin-bottom:10px}@media (width<=900px){.px-body{flex-direction:column}.tips{border-left:none;border-top:1px solid var(--line);width:auto;max-height:30vh;padding:0 16px}.tips summary{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;min-height:40px;margin:0;display:flex}.tips summary:after{content:"▸";margin-left:6px}.tips[open] summary:after{content:"▾"}.tips[open]{padding-bottom:8px}}.px-controls{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.btn.play{background:var(--accent);border-color:var(--accent);color:#1b1405;border-radius:50%;width:64px;height:64px;font-size:1.6rem}.btn.play.is-playing{background:var(--text);border-color:var(--text)}.bpm{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bpm-value{flex-direction:column;align-items:center;min-width:72px;line-height:1;display:flex}.bpm-num{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700}.bpm-label{color:var(--muted);letter-spacing:.1em;font-size:.7rem}.bpm-slider{width:180px;accent-color:var(--accent);margin-left:8px}.bpm-range{font-size:.8rem}.toggles{flex-wrap:wrap;gap:6px;display:flex}.status{margin-left:auto;font-size:.85rem}.ios-hint{font-size:.8rem}@media (width<=600px){.px-header{gap:2px;padding:4px}.px-header .btn.ghost{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.px-title h1{font-size:1.05rem}.px-meta{gap:6px;font-size:.75rem}.px-meta .tag{font-size:.72rem}.px-controls{padding:8px 12px max(8px, env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.btn.play{width:56px;height:56px;padding:0;font-size:1.4rem}.bpm{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;align-items:center;gap:4px;display:grid}.bpm .btn.small{min-height:44px;padding:0;font-size:.85rem}.bpm-value{min-width:0}.bpm-num{font-size:1.7rem}.bpm-label{font-size:.65rem}.bpm-slider{grid-column:1/4;width:100%;height:32px;margin:0}.bpm-range{text-align:right;white-space:nowrap;grid-column:4/6;font-size:.72rem}.toggles{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.toggles .btn{white-space:nowrap;min-height:44px;padding:0 2px;font-size:.8rem}.status{text-align:center;grid-column:1/-1;margin:0;font-size:.8rem}.status:empty{display:none}.ios-hint{text-align:center;grid-column:1/-1;font-size:.72rem}}@media (height<=500px) and (width<=1023px){.px-header{gap:2px;padding:2px 4px}.px-header .btn.ghost{justify-content:center;align-items:center;min-width:44px;min-height:40px;padding:0;display:flex}.px-title h1{font-size:1rem}.px-meta{display:none}.tips summary{min-height:32px}.px-controls{padding:6px 12px max(6px, env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;display:grid}.btn.play{grid-row:span 2;width:56px;height:56px;padding:0;font-size:1.4rem}.bpm{flex-wrap:nowrap;gap:4px}.bpm .btn.small{min-width:44px;min-height:40px;padding:0 6px;font-size:.85rem}.bpm-value{min-width:56px}.bpm-num{font-size:1.5rem}.bpm-label{font-size:.6rem}.bpm-slider{flex:1;width:auto;min-width:80px;height:32px;margin:0 0 0 6px}.bpm-range{white-space:nowrap;font-size:.72rem}.toggles{flex-wrap:nowrap;gap:6px}.toggles .btn{white-space:nowrap;min-height:40px;padding:0 12px;font-size:.85rem}.status{grid-column:1/-1;margin:0;font-size:.8rem}.status:empty{display:none}.ios-hint{grid-column:1/-1;font-size:.72rem}}.at-cursor-bar{background:#f0a5301f}.at-selection div{background:#f0a53033}.at-cursor-beat{background:#d67800d9;width:3px}.at-highlight *{fill:#d67800;stroke:#d67800}.check-summary{max-width:960px;margin:0 auto;padding:0 16px}.check-summary.is-ng{color:var(--ng)}.check{max-width:960px;margin:0 auto;padding:8px 16px 40px}.check-item{margin-bottom:20px}.check-item h2{margin-bottom:6px;font-size:1rem}.check-item .result{color:var(--ok);font-size:.85rem}.check-item.is-ng .result{color:var(--ng)}.check-item .score{background:var(--paper);border-radius:8px;overflow:hidden}