:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#252525;font-synthesis:none;background:#f5f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{width:min(900px,100%);margin:0 auto;padding:24px 16px 48px}h1{color:#246b50;margin-top:0;font-size:25px}h2{margin-top:0;font-size:15px}.song-form{background:#fff;border:1px solid #dce5df;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.song-form label{flex-direction:column;gap:6px;font-weight:600;display:flex}input:not([type=checkbox]):not([type=file]),select{color:#252525;background:#fff;border:1px solid #c8d2cb;border-radius:6px;width:100%;min-width:0;padding:10px}input:focus,select:focus{outline-offset:1px;outline:2px solid #75b89a}.song-form>button[type=submit]{align-self:end}.song-form-divider{border:none;border-top:1px solid #c8d2cb;grid-column:1/-1;width:100%;margin:12px 0}.song-form-submit{grid-column:1/-1;justify-self:center;width:180px;max-width:100%}.score-input-row{grid-column:1/-1;justify-content:center;width:100%}.score-input-row>label{text-align:center;width:100%;display:block}.score-input-controls{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.score-input-controls>input{box-sizing:border-box;flex:0 0 140px;min-width:0;max-width:140px;width:140px!important}.score-input-controls>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input-controls>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-input-controls>input[type=number]{appearance:textfield}.score-adjust-buttons{flex-shrink:0;grid-template-columns:repeat(4,auto);gap:6px 8px;display:grid}.score-adjust-buttons button{white-space:nowrap;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;padding:3px 4px;font-size:11px}.score-options-row{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:flex-end;gap:16px;width:100%;margin-top:10px;display:flex}.score-options-row>label{text-align:center;margin:0}.full-bell-checkbox{align-items:center;gap:8px;display:flex}.full-bell-checkbox input{flex-shrink:0;width:18px;height:18px;margin:0}.checkbox-label{align-self:center;align-items:center;flex-direction:row!important}.checkbox-label input{width:18px;height:18px}button{color:#fff;cursor:pointer;background:#287c58;border:0;border-radius:7px;padding:10px 14px}button:hover{background:#1e6547}.difficulty-basic{color:#16823c!important}.difficulty-advanced{color:#b18a00!important}.difficulty-expert{color:#d32626!important}.difficulty-master{color:#8738b9!important}select.difficulty-lunatic,.difficulty-lunatic{-webkit-text-stroke:.3px #e33b3b;color:#fff!important;background-color:#0000!important}.song-form label:has(.song-suggestions){position:relative}.song-suggestions{z-index:10;background:#fff;border:1px solid #c8d2cb;border-radius:6px;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 10px #0000001f}.song-suggestions li button{color:#252525;text-align:left;background:#fff;border-radius:0;width:100%;padding:9px 10px;display:block}.song-suggestions li button:hover{background:#edf5ef}.song-suggestions li button.song-suggestion-pops-anime{color:#252525;background:#f4b6b5}.song-suggestions li button.song-suggestion-niconico{color:#252525;background:#fdf2ba}.song-suggestions li button.song-suggestion-touhou{color:#252525;background:#dcb6f3}.song-suggestions li button.song-suggestion-variety{color:#252525;background:#c3fdba}.song-suggestions li button.song-suggestion-chunithm{color:#252525;background:#bde5fc}.song-suggestions li button.song-suggestion-ongeki{color:#252525;background:#f4b6d7}.song-suggestions li button.song-suggestion-other{color:#252525;background:#fff}.song-list{gap:12px;margin-top:28px;display:grid}.song-item{background:#fff;border:1px solid #dce5df;border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.song-jacket,.image-preview img{object-fit:cover;border-radius:6px;flex-shrink:0;width:76px;height:76px}.song-details{flex:1;min-width:0}.song-details p{overflow-wrap:anywhere;margin:5px 0}.single-rating{color:#246b50;font-size:1.1rem;font-weight:700}.image-preview{align-items:center;gap:12px;display:flex}.duplicate-warning{border-color:#d99c37;flex-wrap:wrap;margin-top:16px}.provisional-warning{color:#d97706;margin-top:4px;font-size:.85rem}.error{color:#c62828;font-weight:600}small{color:#666;font-weight:400}.pagination-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:20px 0;display:grid}.pagination-controls button:first-child{justify-self:start}.pagination-controls span{justify-self:center}.pagination-controls button:last-child{justify-self:end}.rating-summary,.ranking-section{display:none}@media (width<=600px){.song-form{grid-template-columns:1fr;padding:14px}.song-item{flex-wrap:wrap;align-items:flex-start}.song-details{min-width:150px}.rating-summary{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:24px;padding:16px}.rating-summary h2{margin-top:0}.rating-summary p{margin:8px 0}.rating-total{text-align:center;border:2px solid #4caf50;border-radius:10px;margin-bottom:20px;padding:16px}.rating-total h2{margin:0 0 8px;font-size:18px}.rating-total p{font-variant-numeric:tabular-nums;margin:0;font-size:36px;font-weight:700}}.settings-defaults{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;width:100%;display:flex}.settings-defaults>label{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.song-name-row,.song-metadata-row,.song-jacket-row{grid-column:1/-1;width:100%}.song-name-row{justify-content:center;display:flex}.song-name-row>label{text-align:center;width:100%;max-width:500px}.song-metadata-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;display:flex}.song-metadata-row>label:not(.checkbox-label){text-align:center;width:140px}.song-metadata-row .provisional-warning{display:block}.song-jacket-row{flex-direction:column;align-items:center;gap:12px;display:flex}.song-jacket-row>label{text-align:center;align-items:center}.song-jacket-row input[type=file]{max-width:100%}.jacket-preview{flex-direction:column;align-items:center;gap:10px;display:flex}.song-metadata-row{align-items:flex-start}.song-metadata-row>.checkbox-label{align-self:flex-start;margin-top:28px}.confirmation button{margin-bottom:8px;margin-right:8px}.settings-divider{border:none;border-top:1px solid #c8d2cb;width:100%;margin:48px 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}h2{color:#246b50}h1{overflow-wrap:anywhere;line-height:1.25}.song-form>*,.song-name-row>label,.song-metadata-row>label,.score-input-row>label,.score-options-row>label{min-width:0}.song-form input:not([type=checkbox]):not([type=file]),.song-form select{max-width:100%}@media (width<=600px){.song-form{grid-template-columns:minmax(0,1fr)}.score-input-controls{flex-direction:column;align-items:stretch}.score-input-controls>input{flex:none;max-width:100%;width:100%!important}.score-adjust-buttons{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.score-adjust-buttons button{padding:8px 2px}.score-options-row>label:not(.full-bell-checkbox){flex:140px}.score-options-row>.full-bell-checkbox{flex:100%;justify-content:center}.song-metadata-row>label:not(.checkbox-label){flex:120px;width:auto;max-width:100%}}.rating-image-capture{box-sizing:border-box;color:#17221b;background:#d8edc4;width:900px;min-width:900px;max-width:none;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.rating-image-background{box-sizing:border-box;background-color:#d8edc4;background-image:radial-gradient(at 15% 12%,#ffffffa8 0 2px,#0000 3px),repeating-linear-gradient(135deg,#0000 0 25px,#fff5 26px 29px,#0000 30px 55px);background-size:36px 36px,120px 120px;padding:0 18px 14px}.rating-image-title{justify-content:space-between;align-items:flex-start;gap:12px;margin:0;padding:0 8px;display:flex}.rating-image-title h1{margin:0;font-size:40px;line-height:1.25}.rating-image-title p,.rating-image-title time{margin:3px 0;font-size:11px;font-weight:700}.rating-image-title-heading{align-items:center;gap:12px;display:flex}.rating-image-by{opacity:.75;white-space:nowrap;font-size:25px;font-weight:600}.rating-image-player,.rating-image-total{background:#ffffffc9;border:1px solid #b9dba7;border-radius:10px;min-width:0;padding:12px}.rating-image-player span,.rating-image-total>span{font-size:15px;font-weight:800;display:block}.rating-image-player strong{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:40px;display:block;overflow:hidden}.rating-image-total>strong{color:#347e31;margin-top:3px;font-size:50px;line-height:1.15;display:block}.rating-image-total div{margin-top:5px;font-size:11px;font-weight:800}.rating-image-summary{grid-template-columns:.8fr 1.5fr;align-items:start;gap:8px;margin-bottom:12px;display:grid}.rating-image-info-group{min-width:0}.rating-image-info-panel{box-sizing:border-box;color:#101010;background:0 0;border:none;padding:0}.rating-image-player-panel{box-sizing:border-box;background:#ffffff59;border:none;border-radius:10px;justify-content:center;align-items:center;height:100%;min-height:100%;padding:8px 10px;display:flex}.rating-image-player-panel strong{text-align:center;overflow-wrap:anywhere;font-size:24px}.rating-image-rating-panel{background:0 0;border:none;flex-direction:column;align-items:stretch;gap:5px;display:flex}.rating-image-rating-main{box-sizing:border-box;text-align:center;background:#ffffff59;border:none;border-radius:10px;padding:3px 10px}.rating-image-rating-main strong{font-size:35px;line-height:1.1;display:block}.rating-image-rating-details{box-sizing:border-box;background:#ffffff59;border:none;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:6px 10px;font-size:16px;font-weight:700;display:flex}.rating-image-section{background:0 0;border:none;border-radius:0;padding:0}.rating-image-section-header{background:0 0;border:none;border-radius:0;margin:0 0 12px;padding:0}.rating-image-section-header strong{color:var(--section-color);font-size:20px}.rating-image-section-header span{display:none}.rating-image-grid{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0 8px;display:grid}.rating-image-section-footer{text-align:right;margin-top:6px;font-size:10px;font-weight:800}.rating-image-group-title{color:#000;text-align:left;background:0 0;border:none;border-radius:0;margin:0 5px;padding:0;font-size:20px;font-weight:700}.rating-image-best,.rating-image-new,.rating-image-p-score{box-sizing:border-box;background:#00000073;padding:6px 0 10px}.rating-image-best{margin-bottom:20px}.rating-image-card{box-sizing:border-box;color:#fff;background:0 0;border:none;border-radius:0;min-width:0;padding:4px;overflow:hidden}.rating-image-card-content{grid-template-columns:34% minmax(0,1fr);align-items:stretch;gap:4px;min-width:0;display:grid}.rating-image-card-left{overflow-wrap:anywhere;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex;overflow:visible;transform:translate(5px)}.rating-image-card-rank{color:#fff;white-space:nowrap;background:0 0;border-radius:0;align-self:center;max-width:100%;margin-bottom:4px;padding:0;font-size:15px;line-height:1.2}.rating-image-card-label{color:#fff;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.1}.rating-image-card-constant,.rating-image-card-rating{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.5px;max-width:100%;font-size:15px;line-height:1.15}.rating-image-jacket-wrap{aspect-ratio:1;background:#e5eee0;align-self:start;width:100%;min-width:0;height:auto;position:relative;overflow:hidden}.rating-image-jacket,.rating-image-no-jacket{object-fit:cover;width:100%;height:100%;display:block}.rating-image-no-jacket{text-align:center;place-content:center;font-size:11px;font-weight:800;display:grid}.rating-image-score-overlay{color:#fff;background:0 0;flex-direction:column;align-items:flex-end;gap:3px;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0}.rating-image-clear{box-sizing:border-box;white-space:nowrap;background:#101a17e8;border-radius:0;max-width:100%;padding:2px 4px;font-size:15px;font-weight:700;line-height:1.1}.rating-image-clear-group{white-space:nowrap;align-items:center;display:inline-flex}.rating-image-fb{box-sizing:border-box;color:#ffe45c;background:#101a17e8;border-radius:0;padding:2px 4px;font-size:15px;font-weight:700;line-height:1.1}.rating-image-score-badge{box-sizing:border-box;background:#101a17e8;max-width:100%;padding:2px 4px}.rating-image-score{letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:1.15;display:block}.rating-image-score-rank{font-size:inherit;white-space:nowrap;font-weight:700;display:inline}.mark-AB-plus{color:#80c9f2}.mark-AB{color:#ff8ac4}.mark-FC{color:#ffe45c}.rank-SSS-plus{color:#43d66f}.rank-SSS{color:#ffe45c}.rank-SS{color:#ff9b45}.rank-S{color:#ff5252}.rating-image-song-name{box-sizing:border-box;overflow-wrap:anywhere;word-break:normal;-webkit-line-clamp:2;line-clamp:2;white-space:nowrap;text-overflow:clip;border-top:.5px solid #fff;-webkit-box-orient:vertical;width:100%;min-width:0;min-height:14px;margin-top:1px;padding-top:3px;font-size:14px;font-weight:700;line-height:1;display:-webkit-box;overflow:hidden}.rating-image-credit{border-top:2px solid #a9ce91;flex-wrap:wrap;justify-content:space-between;gap:0;margin-top:16px;padding:10px;font-size:6px;display:flex}.rating-image-credit strong{font-size:12px}.image-mode-buttons{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.image-mode-buttons button{color:#333;cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:6px;padding:9px 14px}.image-mode-buttons button.selected{color:#fff;background:#398b37;border-color:#398b37;font-weight:700}.rating-image-card.rating-border-basic,.rating-image-card.rating-border-advanced,.rating-image-card.rating-border-expert,.rating-image-card.rating-border-master,.rating-image-card.rating-border-lunatic{background:0 0;border:none;border-radius:0;outline:none}.rating-image-card.rating-border-lunatic:before{content:none}.rating-image-p-stars{letter-spacing:-.5px;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.15}.rating-image-p-stars.p-stars-5{color:#4caf50}.rating-image-p-stars.p-stars-4{color:#fdd835}.rating-image-p-stars.p-stars-3{color:#ff9800}.rating-image-p-stars.p-stars-2{color:#2196f3}.rating-image-p-stars.p-stars-1{color:#a66a3f}.provisional-constant{color:#f4b6b5}.rating-image-card .rating-image-jacket-wrap:after{content:"";box-sizing:border-box;z-index:3;pointer-events:none;border:1.5px solid #fff;border-radius:3px;width:12px;height:12px;position:absolute;top:5px;right:5px;transform:rotate(45deg)}.rating-image-card.rating-border-basic .rating-image-jacket-wrap:after{background:#16823c}.rating-image-card.rating-border-advanced .rating-image-jacket-wrap:after{background:#b18a00}.rating-image-card.rating-border-expert .rating-image-jacket-wrap:after{background:#d32626}.rating-image-card.rating-border-master .rating-image-jacket-wrap:after{background:#8738b9}.rating-image-card.rating-border-lunatic .rating-image-jacket-wrap:after{background:#fff;border-color:#d32626}.rating-image-title time{font-size:15px}.rating-image-offscreen{width:100%;position:relative;overflow:hidden}.rating-image-scaler{transform-origin:0 0;width:900px}