:root,[data-theme=light]{--color-bg: #fdf8f3;--color-text: #3d2c1e;--color-text-secondary: #7a6555;--color-primary: #e65100;--color-primary-hover: #bf360c;--color-border: #e8ddd0;--color-header-bg: #faf5ef;--color-card-bg: #fffbf7;--color-input-bg: #ffffff;--color-bg-hover: #f5ebe0}[data-theme=dark]{--color-bg: #1f1a16;--color-text: #e8e0d8;--color-text-secondary: #a89888;--color-primary: #ff8a50;--color-primary-hover: #ff6d00;--color-border: #3d352c;--color-header-bg: #2a2420;--color-card-bg: #2a2420;--color-input-bg: #322c26;--color-bg-hover: #3a332c}*{box-sizing:border-box}html{font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;line-height:1.6;font-weight:400;scrollbar-gutter:stable}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s,color .2s}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.theme-toggle{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;font-size:1.25rem;cursor:pointer;transition:background-color .2s,border-color .2s}.theme-toggle:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-header-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.logo:hover{color:var(--color-primary-hover)}.dev-badge{display:inline-block;background:#e54545;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;letter-spacing:.05em}.header-nav{display:flex;align-items:center;gap:1rem}.nav-link{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s;white-space:nowrap}.nav-text-short{display:none}.nav-link:hover{background-color:var(--color-bg-hover)}.main{flex:1;padding:.75rem 2rem 2rem;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.main-full{padding-top:.5rem}.footer{padding:1rem 2rem;text-align:center;background-color:var(--color-header-bg);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}@media(max-width:520px){.header{padding:.75rem 1rem}.logo{font-size:1.1rem}.header-nav{gap:.5rem}.nav-link{padding:.4rem .5rem;font-size:.875rem}.nav-text-full{display:none}.nav-text-short{display:inline-block;white-space:nowrap}.main{padding:.5rem .75rem 1.5rem}.footer{padding:.75rem 1rem;font-size:.8rem}}.home{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.update-notice{background-color:var(--color-bg-hover);border-left:3px solid var(--color-text-secondary);padding:.5rem 1rem;margin:.5rem 1rem 0;font-size:.85rem;color:var(--color-text-secondary);border-radius:4px}.update-history{font-size:.85rem;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;padding:0}.update-history summary{cursor:pointer;padding:.5rem 1rem;font-weight:600;color:var(--color-text);-webkit-user-select:none;user-select:none}.update-history summary:hover{background-color:var(--color-bg-hover);border-radius:6px}.update-history[open] summary{border-bottom:1px solid var(--color-border);border-radius:6px 6px 0 0}.update-history ul{list-style:none;margin:0;padding:.5rem 1rem}.update-history li{padding:.25rem 0}.update-history time{display:inline-block;min-width:6.5rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.update-more{padding:.4rem 1rem .6rem;text-align:right;border-top:1px solid var(--color-border)}.update-more a{font-size:.8rem;color:var(--color-primary);text-decoration:none}.update-more a:hover{text-decoration:underline}.update-history .chart-additions{display:inline}.update-history .chart-additions summary{display:inline;cursor:pointer;padding:0;font-weight:400;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;border:none;background:none}.update-history .chart-additions summary:hover{color:var(--color-text);background:none}.update-history .chart-additions summary::marker{content:"";display:none}.update-history .chart-additions summary::-webkit-details-marker{display:none}.update-history .chart-additions summary .expand-hint{font-size:.75em;color:var(--color-primary);opacity:.7;margin-left:.3em;transition:opacity .15s}.update-history .chart-additions summary:hover .expand-hint{opacity:1}.update-history .chart-additions[open] summary .expand-hint{display:none}.update-history .chart-additions-list{list-style:none;margin:.25rem 0 0 6.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.15rem .6rem;font-size:.8rem}.update-history .chart-additions-list li{padding:0;white-space:nowrap}.update-history .chart-additions-list li:before{content:"・";color:var(--color-text-secondary)}.update-history .chart-additions-list .chart-addition-link{color:var(--color-primary);text-decoration:none}.update-history .chart-additions-list .chart-addition-link:hover{text-decoration:underline}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.view-toggle button{padding:.4rem .75rem;font-size:.85rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s,color .2s}.view-toggle button:hover{background-color:var(--color-bg-hover)}.view-toggle button.active{background-color:var(--color-primary);color:#fff}.search-input{padding:.5rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-text);min-width:200px}.search-input:focus{outline:none;border-color:var(--color-primary)}.filter-select{padding:.5rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-text);cursor:pointer}.clear-btn{padding:.5rem 1rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.clear-btn:hover{background-color:var(--color-bg-hover)}.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.chart-table{width:100%;max-width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed;box-sizing:border-box}.chart-table:not(.song-mode) th:nth-child(1),.chart-table:not(.song-mode) td:nth-child(1){width:auto}.chart-table:not(.song-mode) th:nth-child(2),.chart-table:not(.song-mode) td:nth-child(2){width:3.1rem;min-width:2.85rem;max-width:3.35rem;text-align:center;padding-left:.22rem;padding-right:.22rem}.chart-table:not(.song-mode) th:nth-child(3),.chart-table:not(.song-mode) td:nth-child(3){width:4rem;text-align:right}.chart-table:not(.song-mode) th:nth-child(4),.chart-table:not(.song-mode) td:nth-child(4){width:5.5rem;min-width:5.5rem;text-align:center}.chart-table:not(.song-mode) th:nth-child(5),.chart-table:not(.song-mode) td:nth-child(5){width:5.25rem;text-align:center}.chart-table:not(.song-mode) th:nth-child(6),.chart-table:not(.song-mode) td:nth-child(6){width:4.85rem;max-width:5.35rem;text-align:center;padding-left:.3rem;padding-right:.3rem}.chart-table:not(.song-mode) td:nth-child(6){font-size:.74rem}.chart-table:not(.song-mode) th:nth-child(6){white-space:nowrap;line-height:1.25;font-size:.68rem;font-weight:600}.chart-table:not(.song-mode) td:nth-child(6).wiki-vote-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:769px){.chart-table:not(.song-mode) th:nth-child(6),.chart-table:not(.song-mode) td:nth-child(6){width:9rem;min-width:8.5rem;max-width:9.5rem;padding-left:.28rem;padding-right:.28rem}.chart-table:not(.song-mode) td:nth-child(6).wiki-vote-cell{white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.3}.chart-table:not(.song-mode) td:nth-child(4){padding-top:.2rem;padding-bottom:.2rem;line-height:1;vertical-align:middle}.chart-table.song-mode td:nth-child(6){padding-top:.2rem;padding-bottom:.2rem;line-height:1;vertical-align:middle}.chart-table .table-bpm{line-height:1;align-content:center}.chart-table .table-bpm-main,.chart-table .table-bpm-range{line-height:1}.chart-table.song-mode th.wiki-vote-song-col,.chart-table.song-mode td.wiki-vote-song-cell{width:9rem;min-width:8.5rem;max-width:9.5rem;text-align:center;padding-left:.28rem;padding-right:.28rem}.chart-table.song-mode th.wiki-vote-song-col{white-space:nowrap;line-height:1.25;font-size:.68rem;font-weight:600}.chart-table.song-mode td.wiki-vote-song-cell.wiki-vote-cell{font-size:.74rem;white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.3}.chart-table:not(.song-mode) th:nth-child(4),.chart-table:not(.song-mode) td:nth-child(4),.chart-table.song-mode th:nth-child(6),.chart-table.song-mode td:nth-child(6){width:5.5rem;min-width:5.5rem}.chart-table:not(.song-mode) th:nth-child(5),.chart-table:not(.song-mode) td:nth-child(5),.chart-table.song-mode th:nth-child(7),.chart-table.song-mode td:nth-child(7){width:5.25rem;min-width:5.25rem}}.chart-table.song-mode th:nth-child(1),.chart-table.song-mode td:nth-child(1){width:auto}.chart-table th,.chart-table td{box-sizing:border-box;padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.table-bpm{display:inline-flex;flex-wrap:wrap;justify-content:center;row-gap:0;column-gap:.15rem}.table-bpm-main,.table-bpm-range{white-space:nowrap}.chart-table th{background-color:var(--color-header-bg);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.chart-table th:hover,.chart-table tbody tr:hover{background-color:var(--color-bg-hover)}.sort-icon{margin-left:.25rem;opacity:.5}.title-cell{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-cell .genre{color:var(--color-text-secondary);font-weight:400}.title-toggle-btn{display:none}.genre-sort-btn{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;font-size:.65rem;line-height:1.3;border:1px solid var(--color-border);border-radius:3px;background:transparent;color:var(--color-text-secondary);cursor:pointer;vertical-align:middle;white-space:nowrap}.genre-sort-btn:active{background-color:var(--color-bg-hover);color:var(--color-text)}.title-cell .genre-only{display:none}.title-cell .upper-tag{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;background-color:#9c27b0;color:#fff;border-radius:3px;vertical-align:middle}.difficulty-easy,.difficulty-e{color:#4caf50}.difficulty-normal,.difficulty-n{color:#2196f3}.difficulty-hyper,.difficulty-h{color:#ff9800}.difficulty-ex{color:#f44336}.detail-link{display:inline-block;padding:.25rem .75rem;background-color:var(--color-primary);color:#fff;border-radius:4px;text-decoration:none;font-size:.8rem;white-space:nowrap}.detail-link:hover{background-color:var(--color-primary-hover);color:#fff}.detail-link.disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.chart-table.song-mode th:nth-child(2),.chart-table.song-mode td:nth-child(2),.chart-table.song-mode th:nth-child(3),.chart-table.song-mode td:nth-child(3),.chart-table.song-mode th:nth-child(4),.chart-table.song-mode td:nth-child(4),.chart-table.song-mode th:nth-child(5),.chart-table.song-mode td:nth-child(5){width:3.5rem;text-align:center}.chart-table.song-mode th:nth-child(6),.chart-table.song-mode td:nth-child(6){width:5.5rem;text-align:center}.chart-table.song-mode th:nth-child(7),.chart-table.song-mode td:nth-child(7){width:5.25rem;min-width:5.25rem;text-align:center}.diff-header{font-weight:600}.diff-cell{text-align:center;font-weight:500}.diff-cell.diff-empty{color:var(--color-text-secondary);opacity:.3}.diff-cell.diff-nodata{opacity:.5}.diff-level-link{color:inherit;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#ffffff14;font-weight:600;transition:background-color .15s}.diff-level-link:hover{background-color:var(--color-primary);color:#fff}.chart-table.song-mode td.diff-cell{line-height:1}.chart-table.song-mode .diff-cell .diff-level-link{padding:.04rem .28rem .06rem;line-height:1;text-underline-offset:1px}.diff-level-link--disabled{cursor:not-allowed;opacity:.55;text-decoration:none;background:#8080801f}.diff-level-link--disabled:hover{background:#8080801f;color:inherit}.chart-table:not(.song-mode) td.chart-slot-cell{vertical-align:middle;line-height:1;padding-top:.28rem;padding-bottom:.28rem}.diff-level-link.chart-slot-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;min-width:0;margin-left:auto;margin-right:auto;padding:.04rem .18rem .06rem;border-radius:3px;text-underline-offset:1px;line-height:1;font-weight:700}.chart-table:not(.song-mode) .chart-slot-cell .diff-level-link.chart-slot-link{font-size:.75rem}.chart-table:not(.song-mode) .chart-slot-cell .chart-slot-diff{display:block;font-size:.72rem;font-weight:700;line-height:1;margin:0;padding:0;opacity:.95}.chart-table:not(.song-mode) .chart-slot-cell .chart-slot-lv{display:block;font-size:.9rem;font-weight:700;line-height:1;margin:-.06em 0 0;padding:0;font-variant-numeric:tabular-nums}.loading{text-align:center;padding:2rem;color:var(--color-text-secondary)}.result-info{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.result-count{color:var(--color-text-secondary);font-size:.875rem}.genre-en-toggle{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.genre-en-toggle input{margin:0}.no-results{text-align:center;padding:2rem;color:var(--color-text-secondary)}.empty-table-state{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:2rem 1rem;text-align:center;color:var(--color-text-secondary);background:var(--color-header-bg)}.event-unlock-groups{display:flex;flex-direction:column;gap:1rem}.event-unlock-group h3{margin:0 0 .5rem;font-size:1rem;color:var(--color-text);display:flex;align-items:center;gap:.4rem}.event-unlock-table th{cursor:default}.event-unlock-table th:hover{background-color:var(--color-header-bg)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem 0}.page-btn{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-text);cursor:pointer;transition:background-color .2s,border-color .2s;min-width:2.5rem}.page-btn:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-secondary)}.page-fraction-input{width:3.4rem;padding:.2rem .35rem;font-size:.85rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-text);text-align:right}@media(max-width:768px){.filters{gap:.5rem}.search-input{min-width:0;flex:1 1 100%}.filter-select{flex:1 1 calc(50% - .25rem);font-size:.875rem;padding:.5rem}.chart-table{font-size:.8rem}.chart-table th,.chart-table td{padding:.4rem .5rem}.chart-table:not(.song-mode) th:nth-child(5),.chart-table:not(.song-mode) td:nth-child(5){display:none}.chart-table.song-mode th:nth-child(7),.chart-table.song-mode td:nth-child(7){display:none}.chart-table.song-mode th.wiki-vote-song-col,.chart-table.song-mode td.wiki-vote-song-cell{display:none}.chart-table.song-mode th:nth-child(1),.chart-table.song-mode td:nth-child(1){min-width:8rem}.chart-table:not(.song-mode) th:nth-child(1),.chart-table:not(.song-mode) td:nth-child(1){min-width:0;max-width:11rem;width:11rem}.chart-table:not(.song-mode) th:nth-child(6),.chart-table:not(.song-mode) td:nth-child(6){width:5.5rem;min-width:5.1rem;max-width:6rem;padding-left:.25rem;padding-right:.25rem}}@media(max-width:520px){.chart-table:not(.song-mode){min-width:0;width:100%;max-width:100%}.chart-table{font-size:.75rem}.chart-table th,.chart-table td{padding:.35rem}.chart-table:not(.song-mode) th:nth-child(4),.chart-table:not(.song-mode) td:nth-child(4){display:none}.chart-table:not(.song-mode) th:nth-child(3),.chart-table:not(.song-mode) td:nth-child(3){display:none}.chart-table:not(.song-mode) th:nth-child(2),.chart-table:not(.song-mode) td:nth-child(2){width:2.65rem;min-width:2.4rem;max-width:2.85rem;padding-left:.18rem;padding-right:.18rem}.chart-table:not(.song-mode) td.chart-slot-cell{padding-top:.2rem;padding-bottom:.2rem}.chart-table:not(.song-mode) .chart-slot-cell .diff-level-link.chart-slot-link{font-size:.68rem;padding:.03rem .2rem .05rem}.chart-table:not(.song-mode) .chart-slot-cell .chart-slot-diff{font-size:.64rem}.chart-table:not(.song-mode) .chart-slot-cell .chart-slot-lv{font-size:.8rem;margin-top:-.05em}.chart-table:not(.song-mode) th:nth-child(6),.chart-table:not(.song-mode) td:nth-child(6){width:5.75rem;min-width:5.4rem;max-width:6.35rem;padding-left:.22rem;padding-right:.22rem}.chart-table:not(.song-mode) td:nth-child(6){font-size:.62rem}.chart-table:not(.song-mode) th:nth-child(6){font-size:.58rem;line-height:1.15;white-space:nowrap}.chart-table:not(.song-mode) th:nth-child(1),.chart-table:not(.song-mode) td:nth-child(1){max-width:min(9rem,42vw);width:auto;min-width:0}.chart-table.song-mode th:nth-child(6),.chart-table.song-mode td:nth-child(6){display:none}.chart-table.song-mode th:nth-child(2),.chart-table.song-mode td:nth-child(2),.chart-table.song-mode th:nth-child(3),.chart-table.song-mode td:nth-child(3),.chart-table.song-mode th:nth-child(4),.chart-table.song-mode td:nth-child(4),.chart-table.song-mode th:nth-child(5),.chart-table.song-mode td:nth-child(5){width:2.5rem;padding:.3rem .2rem}.detail-link{padding:.2rem .5rem;font-size:.75rem}.title-cell .genre{display:none}.title-toggle-btn{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;font-size:.65rem;line-height:1.3;border:1px solid var(--color-border);border-radius:3px;background:transparent;color:var(--color-text-secondary);cursor:pointer;vertical-align:middle;white-space:nowrap}.genre-sort-btn{display:none}.title-toggle-btn:active{background-color:var(--color-bg-hover);color:var(--color-text)}.title-cell.has-genre.mode-genre .genre-only{display:inline}.title-cell.has-genre.mode-genre .title-text{display:none}.title-cell .upper-tag{margin-left:.25rem;padding:.05rem .25rem;font-size:.6rem}.sort-icon{margin-left:.1rem;font-size:.7rem}.update-notice{font-size:.75rem;padding:.4rem .75rem}.pagination{gap:.25rem;margin-top:1rem}.page-btn{padding:.4rem .6rem;font-size:.875rem;min-width:2rem}.page-info{padding:.25rem .5rem;font-size:.8rem}.page-fraction-input{width:3rem;padding:.15rem .25rem;font-size:.8rem}.chart-table--mobile-tap-expand tbody tr{cursor:pointer}.chart-table--mobile-tap-expand tbody tr.chart-table-row-unclip{cursor:default}.chart-table--mobile-tap-expand tbody tr.chart-table-row-unclip>td{background-color:var(--color-card-bg)}.chart-table--mobile-tap-expand tbody tr.chart-table-row-unclip>td.title-cell{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:anywhere}.chart-table--mobile-tap-expand.song-mode tbody tr.chart-table-row-unclip>td:nth-child(7){white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:anywhere}.chart-table--mobile-tap-expand:not(.song-mode) tbody tr.chart-table-row-unclip>td.wiki-vote-cell{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:anywhere}.chart-table--mobile-tap-expand:not(.song-mode) tbody tr.chart-table-row-unclip>td.chart-slot-cell{white-space:normal;overflow:visible}.chart-table--mobile-tap-expand:not(.song-mode) tbody tr.chart-table-row-unclip>td.chart-slot-cell .diff-level-link.chart-slot-link{max-width:100%;overflow:visible}}.unlock-hint{position:relative;display:inline-block;margin-left:.35rem}.unlock-hint-trigger{appearance:none;background:transparent;padding:0;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-text-secondary);border-radius:999px;color:var(--color-text-secondary);font-size:.72rem;line-height:1;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.unlock-hint-glyph{display:block;line-height:1;transform:translateY(-.02em)}.unlock-hint-trigger:hover,.unlock-hint-trigger:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.unlock-hint-popover{z-index:1200;min-width:260px;max-width:420px;background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.55rem .65rem;box-shadow:0 6px 16px #00000040}.unlock-hint-popover-fixed{position:fixed}.unlock-hint-title{font-size:.78rem;color:var(--color-text-secondary);margin-bottom:.35rem}.unlock-hint-line{font-size:.79rem;white-space:pre-wrap;margin-bottom:.2rem}.unlock-hint-line:last-child{margin-bottom:0}.chart-viewer{margin:.75rem 0}.chart-viewer-controls{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap}.chart-viewer-controls-loading{min-height:28px}.control-placeholder{display:inline-block;height:28px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-card-bg);opacity:.75}.control-placeholder-select{width:110px}.control-placeholder-slider{width:130px}.control-placeholder-button{width:56px}.control-select{height:28px;padding:0 .4rem;font-size:.8rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer;outline:none}.control-select:focus{border-color:#4a90d9}[data-theme=dark] .control-select{background:#3a3a4a;border-color:#555;color:#ccc}.control-group{display:flex;align-items:center;gap:.25rem}.scale-slider{width:80px;cursor:pointer;accent-color:#4a90d9}.scale-value{font-size:.8rem;font-weight:600;min-width:2rem;color:#333}[data-theme=dark] .scale-value{color:#ccc}.ctrl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:.75rem;font-weight:700;line-height:1;transition:all .15s}.ctrl-icon-btn.ctrl-icon-wide{width:auto;padding:0 .5rem}.ctrl-icon-btn:hover{border-color:#999;background:#f5f5f5}.ctrl-icon-btn.ctrl-icon-active{background:#4a90d9;border-color:#4a90d9;color:#fff}[data-theme=dark] .ctrl-icon-btn{background:#3a3a4a;border-color:#555;color:#ccc}[data-theme=dark] .ctrl-icon-btn:hover{background:#4a4a5a;border-color:#777}[data-theme=dark] .ctrl-icon-btn.ctrl-icon-active{background:#4a90d9;border-color:#4a90d9;color:#fff}.ctrl-select{height:28px;padding:0 .4rem;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:.8rem;cursor:pointer}.ctrl-select:hover{border-color:#999;background:#f5f5f5}[data-theme=dark] .ctrl-select{background:#3a3a4a;border-color:#555;color:#ccc}[data-theme=dark] .ctrl-select:hover{background:#4a4a5a;border-color:#777}.preset-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem 1rem;font-size:.85rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer;transition:all .15s}.preset-btn:hover{border-color:#999;background:#f5f5f5}.preset-btn.active{background:#4a90d9;border-color:#4a90d9;color:#fff}[data-theme=dark] .preset-btn{background:#3a3a4a;border-color:#555;color:#ccc}[data-theme=dark] .preset-btn.active{background:#4a90d9;border-color:#4a90d9;color:#fff}.chart-viewer-scroll{width:100%;overflow-x:auto;background:#f0e8dc;border-radius:8px;padding:1rem}.chart-viewer-scroll:not(.single-column){padding-right:0}.chart-viewer-scroll.single-column{overflow-x:hidden;max-height:80vh;overflow-y:auto}.chart-viewer-scroll.single-column .chart-columns{flex-direction:column}.chart-viewer-scroll.single-column .chart-column{width:153px;max-width:153px;margin:0 auto}[data-theme=dark] .chart-viewer-scroll{background:#1a1614}.chart-columns{display:flex;gap:2rem}.chart-viewer-scroll:not(.single-column) .chart-columns{width:max-content;padding-right:1rem}.chart-column{position:relative;flex-shrink:0;width:153px}.chart-measure{display:flex;position:absolute;left:0;right:0;border-bottom:1px solid #a09080}.chart-measure:last-child{border-top:1px solid #a09080}[data-theme=dark] .chart-measure{border-bottom-color:#7a6a5a}[data-theme=dark] .chart-measure:last-child{border-top-color:#7a6a5a}.measure-header{width:18px;position:relative;flex-shrink:0}.measure-number{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;color:#8a7a6a}.measure-header .bpm-value{position:absolute;left:0;right:0;text-align:center;font-size:9px;font-weight:700;color:#d32f2f;transform:translateY(50%);white-space:nowrap;background-color:#f0e8dc;padding:0;border-radius:2px;box-sizing:border-box;z-index:3}[data-theme=dark] .measure-header .bpm-value{color:#ff6659;background-color:#1a1614}[data-theme=dark] .measure-number{color:#9a8a7a}.lanes{display:flex;flex:0 0 135px;width:135px}.lane{width:15px;position:relative;border-right:1px solid #d0c0b0}.lane:first-child{border-left:1px solid #d0c0b0}[data-theme=dark] .lane{border-right-color:#4a3a2a}[data-theme=dark] .lane:first-child{border-left-color:#4a3a2a}.lane-odd,.lane-even{background:#c8b8a4}[data-theme=dark] .lane-odd,[data-theme=dark] .lane-even{background:#252018}.note{position:absolute;width:13px;left:50%;transform:translate(-50%);height:5px;border-radius:50%;border:1px solid #000;z-index:2}[data-theme=dark] .note{border:1px solid rgba(0,0,0,.4)}.note.swing-highlight{box-shadow:0 0 0 2px #ffb300f2,0 0 7px #ffc107bf!important;z-index:3}.note.swing-highlight-impossible{box-shadow:0 0 0 2px #ff5722fa,0 0 8px #ff7043cc!important;z-index:3}.note-style-popn .note{height:5px;border:none;border-radius:50%;box-shadow:0 0 0 1px #000;transform:translate(-50%) translateY(3px);background-image:linear-gradient(to bottom,transparent 2px,#fff 2px,#fff 3px,transparent 3px)}[data-theme=dark] .note-style-popn .note{box-shadow:0 0 0 1px #0006}.note-style-popn .long-note-column,.note-style-ellipse .long-note-column{border-radius:4px}.note-style-popn .ln-start-note{position:absolute;bottom:0;left:-1px;width:13px;height:5px;border-radius:50%;box-shadow:0 0 0 1px #000;transform:translateY(3px);background-image:linear-gradient(to bottom,transparent 2px,#fff 2px,#fff 3px,transparent 3px);z-index:1;pointer-events:none}[data-theme=dark] .note-style-popn .ln-start-note{box-shadow:0 0 0 1px #0006}.note-style-beat .note,.note-style-beat-color .note{border-radius:1px;height:4px}.long-note{position:absolute;width:13px;left:50%;transform:translate(-50%);border-radius:1px;opacity:.85;border:1px solid #000;z-index:2}[data-theme=dark] .long-note{border:1px solid rgba(0,0,0,.3)}.long-notes-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.density-window-highlight{position:absolute;left:18px;right:0;border:2px solid rgba(255,110,64,.95);background:#ff980024;box-sizing:border-box;pointer-events:none;z-index:4}[data-theme=dark] .density-window-highlight{border-color:#ffb74df2;background:#ff980033}.long-note-column{position:absolute;width:13px;border-radius:1px;opacity:.85;border:1px solid #000}[data-theme=dark] .long-note-column{border:1px solid rgba(0,0,0,.3)}.long-note-column.swing-highlight{box-shadow:inset 0 0 0 2px #ffb300f2,0 0 8px #ffc107b3!important;z-index:3}.long-note-column.swing-highlight-impossible{box-shadow:inset 0 0 0 2px #ff5722fa,0 0 8px #ff7043cc!important;z-index:3}[data-theme=dark] .note.swing-highlight{box-shadow:0 0 0 2px #ffe082f2,0 0 9px #ffd54fd9!important}[data-theme=dark] .note.swing-highlight-impossible{box-shadow:0 0 0 2px #ff8a65fa,0 0 9px #ffab91d9!important}[data-theme=dark] .long-note-column.swing-highlight{box-shadow:inset 0 0 0 2px #ffe082f2,0 0 9px #ffd54fd9!important}[data-theme=dark] .long-note-column.swing-highlight-impossible{box-shadow:inset 0 0 0 2px #ff8a65fa,0 0 9px #ffab91d9!important}.beat-line{position:absolute;left:0;right:0;height:1px;background-color:#64646433;pointer-events:none;z-index:0}.beat-line.quarter{background-color:#64646440}.beat-line.eighth{background:none;border-top:1px dotted rgba(100,100,100,.5);height:0}[data-theme=dark] .beat-line{background-color:#b4b4b433}[data-theme=dark] .beat-line.quarter{background-color:#b4b4b440}[data-theme=dark] .beat-line.eighth{background:none;border-top:1px dotted rgba(180,180,180,.5)}.bpm-lines-layer{position:absolute;inset:0 0 0 18px;pointer-events:none;z-index:1}.bpm-line{position:absolute;left:0;right:0;height:2px;background-color:#f009;transform:translateY(50%)}.lane-white{background-color:#fff}.lane-yellow{background-color:#ff0}.lane-green{background-color:#0f0}.lane-blue{background-color:#08f}.lane-red{background-color:red}.chart-viewer-loading,.chart-viewer-error{padding:2rem;text-align:center;background:#f5f5f5;border-radius:8px;color:#666}.chart-viewer-loading{display:flex;align-items:center;justify-content:center}[data-theme=dark] .chart-viewer-loading,[data-theme=dark] .chart-viewer-error{background:#24283b;color:#aaa}.chart-viewer-hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.manual-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manual-dialog{background:#fff;border-radius:8px;padding:1.5rem;min-width:280px;max-width:90vw;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .manual-dialog{background:#2a2a3a;color:#eee}.manual-dialog h3{margin:0 0 .75rem;font-size:1.1rem}.manual-dialog-desc{font-size:.85rem;color:#666;margin:0 0 1rem;line-height:1.5}[data-theme=dark] .manual-dialog-desc{color:#aaa}.manual-input{width:100%;padding:.5rem .75rem;font-size:1.25rem;letter-spacing:.15em;text-align:center;border:2px solid #ccc;border-radius:4px;font-family:Consolas,Monaco,monospace;box-sizing:border-box}.manual-input:focus{outline:none;border-color:#4a90d9}[data-theme=dark] .manual-input{background:#3a3a4a;border-color:#555;color:#eee}[data-theme=dark] .manual-input:focus{border-color:#4a90d9}.manual-error{color:#d32f2f;font-size:.8rem;margin:.5rem 0 0}[data-theme=dark] .manual-error{color:#ff6659}.manual-dialog-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.note-tooltip{position:fixed;transform:translate(-50%,-100%);margin-top:-6px;padding:3px 8px;background:#1e1e1eeb;color:#fff;font-size:11px;line-height:1.3;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 2px 6px #00000040}[data-theme=dark] .note-tooltip{background:#f0f0f0f2;color:#1a1a1a;box-shadow:0 2px 6px #00000080}.report-mode{outline:2px solid #e65100;outline-offset:2px;border-radius:4px}.report-mode .note,.report-mode .long-note-column,.report-mode .measure-header,.report-mode .bpm-line,.report-mode .bpm-value{cursor:crosshair}.report-mode .bpm-lines-layer{pointer-events:auto;z-index:5}.report-mode .bpm-line{pointer-events:auto;height:5px;margin-top:-2px}.report-mode .measure-header{pointer-events:auto;z-index:5}.report-mode .bpm-value{pointer-events:auto}.report-active{background:#e65100!important;color:#fff!important;border-color:#e65100!important}.report-mode-hint{font-size:.75rem;color:var(--color-text-secondary);text-align:center;padding:.2rem 0;background:#e6510014;border-radius:4px;margin-bottom:.25rem}.report-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.report-form{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;max-width:420px;width:100%;box-shadow:0 8px 30px #0000004d;position:relative}.report-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.report-meta{background:var(--color-bg-hover);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.825rem}.report-meta-row{display:flex;gap:.5rem;line-height:1.6}.report-label{font-weight:600;font-size:.825rem;color:var(--color-text-secondary);flex-shrink:0}.report-section{margin-bottom:.75rem}.report-options{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-top:.25rem}.report-radio{display:flex;align-items:center;gap:.3rem;font-size:.85rem;cursor:pointer}.report-radio input{margin:0}.report-textarea{width:100%;padding:.5rem;font-size:.85rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-text);resize:vertical;margin-top:.25rem;font-family:inherit}.report-textarea:focus{outline:none;border-color:var(--color-primary)}.report-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.report-btn{padding:.45rem 1rem;font-size:.85rem;border-radius:6px;border:none;cursor:pointer;font-weight:500}.report-btn-submit{background:var(--color-primary);color:#fff}.report-btn-submit:hover:not(:disabled){background:var(--color-primary-hover)}.report-btn-submit:disabled{opacity:.5;cursor:not-allowed}.report-btn-cancel{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.report-btn-cancel:hover{background:var(--color-bg-hover)}.report-done{text-align:center;color:#4caf50;font-weight:500;font-size:.9rem;padding:.5rem 0}.report-rate-limit{color:#f44336;font-size:.8rem;text-align:center;margin-bottom:.5rem}.chart-detail{max-width:100%;padding:0 1rem}.chart-detail-loading{min-height:72vh}.chart-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;flex-wrap:wrap}.chart-title{font-size:1.25rem;margin:0;display:block;flex:1;line-height:1.35}.chart-meta-line{margin:0 0 .75rem;font-size:.85rem;color:#666}.meta-bpm{display:inline-flex;flex-wrap:wrap}.meta-bpm-main,.meta-bpm-range{white-space:nowrap}[data-theme=dark] .chart-meta-line{color:#aaa}.wiki-vote-meta-link{color:var(--color-primary, #4a90d9);text-decoration:none;margin-left:.1rem}.wiki-vote-meta-link:hover{text-decoration:underline}.gauge-hot,.gauge-mild{margin-left:.25rem;cursor:help}.gauge-hot{color:#e53935}.gauge-mild{color:#fb8c00}.gauge-tooltip{position:fixed;transform:translate(-50%,-100%);margin-top:-6px;padding:4px 10px;background:#1e1e1eeb;color:#fff;font-size:12px;line-height:1.4;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 2px 6px #00000040}[data-theme=dark] .gauge-tooltip{background:#f0f0f0f2;color:#1a1a1a;box-shadow:0 2px 6px #00000080}.chart-title .upper-tag{display:inline-block;margin-left:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background-color:#9c27b0;color:#fff;border-radius:4px;vertical-align:middle}.difficulty-badge{padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.875rem}.difficulty-badge.difficulty-easy,.difficulty-badge.difficulty-e{background-color:#e8f5e9;color:#2e7d32}.difficulty-badge.difficulty-normal,.difficulty-badge.difficulty-n{background-color:#e3f2fd;color:#1565c0}.difficulty-badge.difficulty-hyper,.difficulty-badge.difficulty-h{background-color:#fff3e0;color:#e65100}.difficulty-badge.difficulty-ex{background-color:#ffebee;color:#c62828}[data-theme=dark] .difficulty-badge.difficulty-easy,[data-theme=dark] .difficulty-badge.difficulty-e{background-color:#1b5e20;color:#a5d6a7}[data-theme=dark] .difficulty-badge.difficulty-normal,[data-theme=dark] .difficulty-badge.difficulty-n{background-color:#0d47a1;color:#90caf9}[data-theme=dark] .difficulty-badge.difficulty-hyper,[data-theme=dark] .difficulty-badge.difficulty-h{background-color:#e65100;color:#ffcc80}[data-theme=dark] .difficulty-badge.difficulty-ex{background-color:#b71c1c;color:#ef9a9a}.chart-info{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1.1rem;font-weight:500}.chart-viewer-placeholder{background-color:var(--color-card-bg);border:2px dashed var(--color-border);border-radius:8px;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary);margin-bottom:2rem}.chart-viewer-placeholder-loading{min-height:56vh;display:flex;align-items:center;justify-content:center}.chart-skeleton-title{opacity:.85}.chart-skeleton-line{opacity:.75}.external-links{margin-top:1rem;font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.external-links-loading{min-height:2.2rem}.chart-hs-calc{margin-top:.8rem;margin-bottom:.4rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:.65rem .75rem}.chart-hs-calc-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.3rem .35rem}.chart-hs-calc-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;width:auto}.chart-hs-calc-label-with-help{display:inline-flex;align-items:center;gap:.3rem}.chart-hs-calc-help{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:1px solid var(--color-border);border-radius:50%;font-size:.72rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-input-bg);cursor:help;-webkit-user-select:none;user-select:none}.chart-hs-calc-help-popover{position:fixed;z-index:1200;min-width:220px;max-width:380px;background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.55rem .65rem;box-shadow:0 6px 16px #00000040;font-size:.79rem;white-space:pre-wrap}.chart-hs-calc-controls input,.chart-hs-calc-controls select{padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-text)}.chart-hs-calc-input-compact{width:6.2rem}.chart-hs-calc-minus-input{display:flex;align-items:center;gap:.35rem}.chart-hs-calc-minus-sign{font-weight:700;color:var(--color-text-secondary);line-height:1}.chart-hs-calc-result{margin:.65rem 0 0;font-size:.9rem}.chart-hs-calc-header{margin-bottom:.45rem;display:flex;align-items:center;gap:.35rem}.chart-hs-calc-header h3{margin:0;font-size:.92rem;font-weight:600}.chart-hs-calc-inline-sep{color:var(--color-text-secondary)}.chart-hs-calc-equivalent{margin:.25rem 0 0;font-size:.86rem;color:var(--color-text-secondary)}.chart-hs-calc-warn{margin:.35rem 0 0;font-size:.8rem;color:#b35a00}.chart-hs-calc-speeds{margin-top:.45rem;overflow-x:auto}.chart-hs-calc-table{width:100%;border-collapse:collapse;font-size:.82rem}.chart-hs-calc-table th,.chart-hs-calc-table td{border-bottom:1px solid var(--color-border);padding:.3rem .4rem;text-align:left;white-space:nowrap}.chart-hs-calc-table th{color:var(--color-text-secondary);font-weight:600}.chart-hs-calc-table tbody tr.is-target{background:var(--color-bg-hover);font-weight:700}[data-theme=dark] .chart-hs-calc-warn{color:#ffb26b}.external-links a{color:var(--color-primary);text-decoration:none}.external-links a:hover{text-decoration:underline}.external-link-buttons{display:inline-flex;flex-wrap:wrap;gap:.45rem}.share-mode-switch{display:inline-flex;align-items:center;gap:.55rem;margin-right:.35rem;font-size:.8rem}.share-mode-switch label{display:inline-flex;align-items:center;gap:.2rem}.external-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card-bg);color:var(--color-text);text-decoration:none!important;font-size:.82rem;font-weight:600}.external-action-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.external-action-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#111;color:#fff;font-size:.65rem;line-height:1;font-weight:700}.youtube-btn .youtube-icon{width:1.35rem;height:.95rem;border-radius:.35rem;background:#f03;color:#fff;font-size:.62rem;padding-left:.06rem}.bpm-ratio-info{margin-top:.5rem;background:#4a90d914;border-radius:4px;padding:.55rem .7rem}.bpm-ratio-options{margin-bottom:.45rem}.density-info-rows{display:flex;flex-wrap:wrap;gap:1rem}.density-info-row{font-size:.9rem;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .55rem}.density-rank-text{font-size:.85rem;color:var(--color-text-secondary);display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.02rem;white-space:nowrap}.density-rank-main{display:inline-block;min-width:8.6rem;text-align:right}.density-rank-note{font-size:.72rem;line-height:1.1;color:var(--color-text-secondary);white-space:nowrap}.density-rank-note-empty{visibility:hidden}.density-info-action{font-size:.9rem;margin-bottom:.5rem}.radar-analysis-card{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:.75rem .9rem;align-items:start}.radar-analysis-note{grid-column:1 / -1;margin:0;font-size:.8rem;color:var(--color-text-secondary)}.radar-chart-wrap{position:relative;min-height:270px}.radar-legend{display:grid;grid-template-columns:1fr;gap:.3rem}.radar-legend-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding-bottom:.18rem;border-bottom:1px dashed var(--color-border)}.radar-legend-main{display:grid;grid-template-columns:minmax(11.5rem,11.5rem) minmax(5.8rem,5.8rem) auto;align-items:baseline;column-gap:.55rem;min-width:0}.radar-legend-label{display:inline-block;font-size:.86rem;color:var(--color-text);font-weight:600;white-space:nowrap}.radar-legend-score{display:inline-block;text-align:right;font-size:.84rem;color:var(--color-primary);font-weight:700;font-variant-numeric:tabular-nums}.radar-legend-sub{display:inline-block;font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.radar-legend-row .density-rank-text{margin-left:auto}.bpm-ratio-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--color-text-secondary)}.bpm-ratio-charts{display:flex;flex-wrap:wrap;gap:.65rem}.bpm-ratio-charts+.radar-analysis-card{margin-top:.6rem}.bpm-ratio-chart-card{flex:1 1 300px;min-width:260px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;padding:.5rem}.bpm-ratio-label{margin-bottom:.35rem;font-size:.82rem;color:var(--color-text);font-weight:600}.bpm-ratio-pie{width:100%;max-width:180px;display:block;margin:0 auto .35rem}.bpm-ratio-slice-label{fill:#fff;font-size:6.4px;font-weight:500;font-family:inherit;paint-order:stroke;stroke:#00000073;stroke-width:.9px;pointer-events:none}.bpm-ratio-slice-label-value{font-size:8.2px;font-weight:600}.bpm-ratio-slice-label-unit{font-size:6.2px;font-weight:500}.bpm-ratio-legend{display:grid;grid-template-columns:1fr;gap:.1rem;font-size:.76rem;color:var(--color-text-secondary)}.bpm-ratio-legend-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.35rem}.bpm-ratio-dot{width:.6rem;height:.6rem;border-radius:50%}.bpm-ratio-legend-value{min-width:3.8rem;text-align:right;color:var(--color-text)}@media(max-width:640px){.chart-hs-calc-controls{grid-template-columns:1fr}.density-info-rows{gap:.35rem}.density-info-row{display:flex;align-items:baseline;gap:.15rem .45rem}.density-rank-text{display:block;margin-left:0}.density-rank-main{min-width:0;text-align:left}.density-rank-note-empty{display:none}.density-info-action{margin-top:.25rem}.radar-analysis-card{grid-template-columns:1fr}.radar-chart-wrap{min-height:235px}.radar-legend-row{align-items:flex-start;flex-direction:column;gap:.1rem}.radar-legend-main{display:grid;grid-template-columns:minmax(8.2rem,8.2rem) minmax(5.2rem,5.2rem) auto;align-items:baseline;column-gap:.45rem}.bpm-ratio-chart-card{min-width:100%}}.section-title{font-weight:600;margin:0 0 .5rem}.related-link{text-decoration:none;font-weight:500;padding:.1rem .3rem;border-radius:3px}.related-link:hover{text-decoration:underline}.related-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.related-link.difficulty-e{color:#2e7d32}.related-link.difficulty-n{color:#1565c0}.related-link.difficulty-h{color:#e65100}.related-link.difficulty-ex{color:#c62828}[data-theme=dark] .related-link.difficulty-e{color:#81c784}[data-theme=dark] .related-link.difficulty-n{color:#64b5f6}[data-theme=dark] .related-link.difficulty-h{color:#ffb74d}[data-theme=dark] .related-link.difficulty-ex{color:#e57373}.related-difficulty{font-weight:600}.related-level{font-weight:500}.related-notes{font-size:.8rem;opacity:.8}.external-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .15s,transform .15s}.external-link:hover{background-color:var(--color-primary-dark, #1565c0);transform:translateY(-1px)}.loading,.error{text-align:center;padding:2rem;color:var(--color-text-secondary)}.error a{color:var(--color-primary)}.about-page{max-width:800px;margin:0 auto;padding:1rem}.about-page h1{margin-bottom:1.5rem;font-size:1.75rem}.about-section{margin-bottom:2rem}.about-section h2{font-size:1.25rem;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:2px solid var(--border-color)}.about-section p{line-height:1.7}.about-section ul{padding-left:1.5rem;line-height:1.8}.about-section a{color:var(--link-color);text-decoration:none}.about-section a:hover{text-decoration:underline}.update-list{list-style:none;padding-left:0}.update-list li{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.update-date{flex-shrink:0;font-family:monospace;color:var(--text-secondary)}.update-content{flex-grow:1}.back-link{display:inline-block;margin-bottom:.15rem;color:var(--color-primary);text-decoration:none;font-size:.85rem}.updates-page{max-width:800px;margin:0 auto}.updates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.updates-header h1{font-size:1.4rem;margin:0}.updates-header-right{display:flex;align-items:center;gap:.9rem}.updates-filter-toggle{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap}.updates-filter-toggle input{margin:0}.back-link{font-size:.85rem;color:var(--color-primary);text-decoration:none}.back-link:hover{text-decoration:underline}.updates-empty{color:var(--color-text-secondary);text-align:center;padding:2rem 0}.updates-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.updates-list>li{display:flex;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.updates-list>li:last-child{border-bottom:none}.updates-list>li:hover{background-color:var(--color-bg-hover)}.updates-list time{flex-shrink:0;min-width:6.5rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.updates-list .chart-additions{flex:1;min-width:0}.updates-list .chart-additions summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);list-style:none}.updates-list .chart-additions summary::marker,.updates-list .chart-additions summary::-webkit-details-marker{display:none}.updates-list .chart-additions summary .expand-hint{font-size:.8em;color:var(--color-primary);opacity:.7;margin-left:.3em;transition:opacity .15s}.updates-list .chart-additions summary:hover .expand-hint{opacity:1}.updates-list .chart-additions[open] summary .expand-hint{display:none}.updates-list .chart-additions summary:hover{color:var(--color-primary)}.updates-list .chart-additions-list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.15rem .6rem;font-size:.85rem}.updates-list .chart-additions-list li{white-space:nowrap}.updates-list .chart-additions-list li:before{content:"・";color:var(--color-text-secondary)}.updates-list .chart-additions-list .chart-addition-link{color:var(--color-primary);text-decoration:none}.updates-list .chart-additions-list .chart-addition-link:hover{text-decoration:underline}@media(max-width:520px){.updates-header{flex-direction:column;align-items:flex-start;gap:.5rem}.updates-header-right{width:100%;justify-content:space-between}.updates-header h1{font-size:1.2rem}.updates-list>li{flex-direction:column;gap:.25rem;padding:.6rem .75rem;font-size:.8rem}.updates-list time{font-size:.75rem}}.stats-page{max-width:100%;margin:0 auto}.stats-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.stats-header-main{display:flex;flex-direction:column;gap:.4rem}.stats-header h1{margin:0;font-size:1.35rem}.stats-title-row{display:flex;align-items:baseline;gap:.65rem}.stats-header-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stats-badge{display:inline-block;border-radius:999px;padding:.16rem .65rem;font-size:.78rem;line-height:1.2;border:1px solid var(--color-border)}.stats-badge-strong{font-weight:700;color:var(--color-primary);background:var(--color-bg-hover)}.stats-badge-target{font-weight:600;color:var(--color-text);background:var(--color-card-bg)}.stats-controls{display:flex;align-items:center;gap:.8rem;font-size:.9rem;flex-wrap:wrap}.stats-note{margin:0 0 .9rem;font-size:.85rem;color:var(--color-text-secondary)}.stats-controls select{margin-left:.35rem}.stats-method-link{color:var(--color-primary);text-decoration:none;font-size:.86rem}.stats-method-link:hover{text-decoration:underline}.stats-nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;margin-left:.4rem}.stats-back-link{color:var(--color-text-secondary);text-decoration:none;font-size:.82rem}.stats-back-link:hover{color:var(--color-primary);text-decoration:underline}.stats-metric-help{font-size:.8rem;color:var(--color-text-secondary);max-width:44rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.35rem}.stats-card{border:1px solid var(--color-border);border-radius:8px;padding:.65rem;margin-bottom:1rem;background:var(--color-card-bg)}.stats-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.stats-grid-single{max-width:1200px;margin:0 auto}.stats-card h2{margin:0 0 .65rem;font-size:1.05rem}.stats-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.65rem}.stats-card-heading h2{margin:0}.stats-inline-note{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap}.stats-empty{margin:0;color:var(--color-text-secondary)}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.88rem}.stats-table th,.stats-table td{border-bottom:1px solid var(--color-border);padding:.45rem .4rem;text-align:left}.stats-table th{font-size:.8rem;color:var(--color-text-secondary)}.stats-rank-col{width:54px}.stats-title-col{width:auto}.stats-lv-col{width:46px}.stats-value-col{white-space:nowrap;width:76px;overflow:hidden;text-overflow:clip}.stats-chart-link{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-primary);text-decoration:none}.stats-chart-link:hover{text-decoration:underline}.stats-diff-col{white-space:nowrap;width:116px}.stats-upper-tag{display:inline-block;margin-left:.35rem;padding:.1rem .4rem;border-radius:3px;background-color:#9c27b0;color:#fff;font-size:.7rem;font-weight:600;line-height:1.1;vertical-align:middle}.stats-upper-tag-short{display:none}@media(max-width:700px){.stats-header{flex-direction:column;align-items:flex-start}.stats-header-main{width:100%}.stats-title-row{align-items:center;flex-wrap:wrap;gap:.4rem .6rem}.stats-table-wrap{overflow-x:hidden}.stats-table{table-layout:auto;font-size:.8rem}.stats-table th,.stats-table td{padding:.4rem .3rem}.stats-rank-col{width:2.2rem;white-space:nowrap}.stats-diff-col{width:4.2rem}.stats-lv-col{width:2.4rem;white-space:nowrap}.stats-value-col{width:4.5rem}.stats-title-col{min-width:8.5rem}.stats-chart-link{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.stats-upper-tag-full{display:none}.stats-upper-tag-short{display:inline-block;margin-left:.25rem;padding:.05rem .25rem;font-size:.6rem}.stats-nav-links{flex-direction:row;align-items:center;margin-left:0;gap:.6rem}}@media(min-width:1100px){.stats-grid{grid-template-columns:1fr 1fr;align-items:start}.stats-grid.stats-grid-single{grid-template-columns:1fr}.stats-card{margin-bottom:0}}.methodology-page{max-width:980px;margin:0 auto}.methodology-header h1{margin:0 0 .5rem;font-size:1.6rem}.methodology-lead{margin:0 0 .8rem;color:var(--color-text-secondary)}.methodology-back-link{color:var(--color-primary);text-decoration:none}.methodology-back-link:hover{text-decoration:underline}.methodology-section{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);padding:.85rem;margin-top:.8rem}.methodology-section h2{margin:0 0 .45rem;font-size:1.05rem}.methodology-section p,.methodology-section li{font-size:.92rem;line-height:1.55}.methodology-vars{margin:.2rem 0 .5rem 1.1rem;color:var(--color-text-secondary)}.methodology-section pre{margin:.45rem 0;padding:.5rem .6rem;border-radius:6px;background:var(--color-bg-hover);border:1px solid var(--color-border);overflow-x:auto;font-size:.88rem}.methodology-example,.methodology-note{color:var(--color-text-secondary)}