: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}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{color:var(--color-text);text-decoration:none;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s}.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}.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)}.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 th:nth-child(1),.chart-table td:nth-child(1){width:auto}.chart-table th:nth-child(2),.chart-table td:nth-child(2){width:4.5rem;text-align:center}.chart-table th:nth-child(3),.chart-table td:nth-child(3){width:3rem;text-align:center}.chart-table th:nth-child(4),.chart-table td:nth-child(4){width:4.5rem;text-align:right}.chart-table th:nth-child(5),.chart-table td:nth-child(5){width:5.5rem;text-align:center}.chart-table th:nth-child(6),.chart-table td:nth-child(6){width:6rem;text-align:center}.chart-table th:nth-child(7),.chart-table td:nth-child(7){width:5.5rem;text-align:center}.chart-table th,.chart-table td{box-sizing:border-box;padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.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,.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}.action-cell{white-space:nowrap}.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:6rem;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}.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)}.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{padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-secondary)}@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(6),.chart-table:not(.song-mode) td:nth-child(6){display:none}.chart-table.song-mode th:nth-child(7),.chart-table.song-mode td:nth-child(7){display:none}.chart-table th:nth-child(1),.chart-table td:nth-child(1){min-width:8rem}}@media(max-width:520px){.chart-table{font-size:.75rem}.chart-table th,.chart-table td{padding:.35rem}.chart-table:not(.song-mode) th:nth-child(5),.chart-table:not(.song-mode) td:nth-child(5){display:none}.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(2),.chart-table:not(.song-mode) td:nth-child(2){width:3rem}.chart-table:not(.song-mode) th:nth-child(3),.chart-table:not(.song-mode) td:nth-child(3){width:2.5rem}.chart-table:not(.song-mode) th:nth-child(7),.chart-table:not(.song-mode) td:nth-child(7){width:3.5rem}.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}.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}}.chart-viewer{margin:.75rem 0}.chart-viewer-controls{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap}.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.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:100%;max-width:190px;margin:0 auto}[data-theme=dark] .chart-viewer-scroll{background:#1a1614}.chart-columns{display:flex;gap:2rem}.chart-column{position:relative;flex-shrink:0;width:157px}.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:-2px;right:-2px;text-align:center;font-size:9px;font-weight:700;color:#d32f2f;transform:translateY(50%);white-space:nowrap;background-color:#f0e8dc;padding:0 2px;border-radius:2px;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:1}.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-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}.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)}.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}[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-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;flex-wrap:wrap}.chart-title{font-size:1.25rem;margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.chart-meta-line{margin:0 0 .75rem;font-size:.85rem;color:#666}[data-theme=dark] .chart-meta-line{color:#aaa}.chart-notice{margin:0 0 .75rem;padding:.5rem .75rem;font-size:.8rem;color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:4px}[data-theme=dark] .chart-notice{color:#ffc107;background:#332b00;border-color:#650}.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;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}.external-links{margin-top:1rem;font-size:.9rem}.external-links a{color:var(--color-primary);text-decoration:none}.external-links a:hover{text-decoration:underline}.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}.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)}@media(max-width:520px){.updates-header{flex-direction:column;align-items:flex-start;gap:.5rem}.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}}