.app{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.hero{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.hero h1{margin:0;font-family:var(--display);font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.hero-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:11rem;display:flex;flex-direction:column;gap:.25rem;padding:.35rem;border-radius:10px;background:var(--picker-bg);border:1px solid var(--line);box-shadow:0 10px 24px #14283c1f}.export-menu button{border:1px solid transparent;border-radius:8px;padding:.5rem .65rem;background:#f3f6f9;color:var(--text);font-size:.84rem;font-weight:600;text-align:left}.export-menu button:hover{background:#e8eef4}.btn{border:1px solid var(--line);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:.55rem .95rem;font-weight:600}.btn:hover{background:var(--bg-row-hover)}.btn:disabled{opacity:.55;cursor:default}a.btn{display:inline-flex;align-items:center;text-decoration:none}.btn-accent{background:var(--accent);border-color:transparent;color:#fff}.btn-accent:hover{filter:brightness(1.05);background:var(--accent)}.update-note{margin:-.35rem 0 .9rem;color:var(--muted);font-size:.86rem}.rating-panel{margin-bottom:1.1rem;padding:.85rem .95rem 1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px}.rating-panel-head{margin-bottom:.75rem}.rating-panel-head h2{margin:0;font-family:var(--display);font-size:1.05rem;font-weight:700}.rating-panel-note{margin:.25rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.rating-note-end{white-space:nowrap}.rating-info{position:relative;display:inline-flex;vertical-align:middle;margin-left:.28rem}.rating-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;padding:0;border:1px solid rgba(30,50,70,.28);border-radius:999px;background:#eef2f6;color:var(--muted);font-family:var(--display);font-size:.68rem;font-weight:800;font-style:italic;line-height:1;cursor:help}.rating-info-btn:hover,.rating-info-btn:focus-visible{color:var(--text);border-color:#1aa8a28c;background:#e4f6f4;outline:none}.rating-info-tip{position:absolute;left:50%;bottom:calc(100% + .4rem);z-index:30;width:max-content;max-width:min(22rem,80vw);padding:.4rem .55rem;border-radius:8px;background:#1a2430;color:#f5f7fa;font-size:.74rem;font-weight:500;font-style:normal;line-height:1.35;text-align:left;white-space:nowrap;box-shadow:0 6px 18px #0f172038;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}@media(max-width:420px){.rating-info-tip{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}}.rating-info-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#1a2430}.rating-info:hover .rating-info-tip,.rating-info:focus-within .rating-info-tip{opacity:1;visibility:visible}.rating-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.rating-total{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:12px;background:linear-gradient(135deg,#e8f7f6,#f3f6f9);border:1px solid rgba(26,168,162,.22);text-align:left;cursor:pointer;color:inherit;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.rating-total:hover{border-color:#1aa8a273}.rating-total.active{box-shadow:inset 0 0 0 1.5px #1aa8a28c}.rating-total.append{background:linear-gradient(135deg,#f8eef5,#f3f6f9);border-color:#d478b847}.rating-total.append:hover{border-color:#d478b880}.rating-total.append.active{box-shadow:inset 0 0 0 1.5px #d478b899}.rating-total-label{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.rating-total-value{font-family:var(--display);font-size:1.85rem;font-weight:700;line-height:1.1;letter-spacing:-.03em}.rating-total-sub{font-size:.75rem;color:var(--muted)}.rating-lists{position:relative;overflow:hidden}.rating-list-pane.is-idle{position:absolute;left:0;top:0;width:100%;visibility:hidden;pointer-events:none;z-index:0}.rating-list-pane.is-active{position:relative;visibility:visible;z-index:1}.rating-list-block h3{margin:0 0 .5rem;font-size:.95rem;font-weight:700}.rating-empty{margin:0;padding:.75rem;color:var(--muted);font-size:.86rem;background:#f3f6f9;border-radius:10px}.rating-grid{list-style:none;margin:0;padding:0;display:grid;gap:.4rem .55rem}.rating-list-main .rating-grid,.rating-list-append .rating-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-cell{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.45rem .5rem;min-width:0;min-height:3.5rem;padding:.35rem .45rem;border-radius:10px;background:#f7f9fb;border:1px solid rgba(30,50,70,.06);content-visibility:auto;contain-intrinsic-size:auto 3.5rem}.rating-cell-ord{font-family:var(--display);font-size:.72rem;font-weight:800;color:var(--muted);line-height:1;min-width:1.5rem;text-align:right}.rating-cell-jacket{width:3.15rem;height:3.15rem;border-radius:8px;object-fit:cover;background:#dce3ea;flex-shrink:0}.rating-cell-body{min-width:0;display:flex;flex-direction:column;gap:.22rem}.rating-cell-title{margin:0;font-size:.84rem;font-weight:650;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-cell-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:.28rem;min-width:0}.rating-diff{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;padding:.1rem .32rem;border-radius:999px;font-family:var(--display);font-size:.72rem;font-weight:800;color:#fff;background:#8aa0b5}.rating-diff.easy{background:var(--easy)}.rating-diff.normal{background:var(--normal)}.rating-diff.hard{background:var(--hard)}.rating-diff.expert{background:var(--expert)}.rating-diff.master{background:var(--master)}.rating-diff.append{background:var(--append)}.rating-rank{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;padding:.1rem .32rem;border-radius:999px;font-size:.68rem;font-weight:800}.rating-rank.rank-P{color:#0b4f7a;background:#ccebff}.rating-rank.rank-F{color:#2b6a34;background:#d4f5d0}.rating-rank.rank-C{color:#5c6570;background:#e4e8ec}.rating-item-lv{font-size:.74rem;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-item-r{flex-shrink:0;font-family:var(--display);font-size:.95rem;font-weight:750;letter-spacing:-.02em;padding-right:.1rem}@media(max-width:1100px){.rating-list-main .rating-grid,.rating-list-append .rating-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.rating-totals{grid-template-columns:1fr}.rating-list-main .rating-grid,.rating-list-append .rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.rating-list-main .rating-grid,.rating-list-append .rating-grid{grid-template-columns:1fr}}.batch-panel{margin-bottom:1rem;padding:.75rem .85rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.batch-panel h2{margin:0 0 .55rem;font-size:.92rem;font-weight:700}.batch-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.55rem .75rem}.batch-field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:700;color:var(--muted)}.batch-field select{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:.45rem .55rem;font-size:.88rem;font-weight:600;min-width:6.5rem}.batch-range{display:flex;align-items:center;gap:.35rem}.batch-range select{min-width:4.25rem}.batch-range-sep{color:var(--muted);font-weight:700}.batch-apply{border-radius:8px;padding:.5rem 1rem}.batch-note{margin:.5rem 0 0;color:var(--muted);font-size:.82rem}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}.stat-diff{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:.65rem .7rem}.stat-diff-title{padding:.35rem 0 .2rem;margin-bottom:.6rem}.stat-diff-title.is-text{padding:0;margin-bottom:.45rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--dc)}.stat-diff.easy{--dc: var(--easy)}.stat-diff.normal{--dc: var(--normal)}.stat-diff.hard{--dc: var(--hard)}.stat-diff.expert{--dc: var(--expert)}.stat-diff.master{--dc: var(--master)}.stat-diff.append{--dc: var(--append)}.honor-tip{position:relative}.honor-tip-card{display:none;position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);z-index:20;min-width:12.5rem;padding:.45rem .6rem;border-radius:10px;background:var(--picker-bg);border:1px solid var(--line);box-shadow:0 10px 24px #14283c1f;pointer-events:none}.honor-tip:hover .honor-tip-card,.honor-tip:focus-within .honor-tip-card{display:block}.honor-tip-card p{display:flex;justify-content:space-between;gap:.8rem;margin:0;font-size:.75rem;line-height:1.45;color:var(--muted);white-space:nowrap}.honor-tip-card b{color:var(--text);font-weight:700}.honor-plate{display:block;width:100%;max-width:220px;margin:0 auto;aspect-ratio:380 / 80}.honor-bg-1{stop-color:color-mix(in srgb,var(--dc) 30%,#fff)}.honor-bg-2{stop-color:color-mix(in srgb,var(--dc) 70%,#fff)}.honor-bg-3{stop-color:var(--dc)}.honor-text{fill:#fff;font-size:26px;font-weight:700;letter-spacing:.02em;paint-order:stroke;stroke:color-mix(in srgb,var(--dc) 75%,#000);stroke-width:6px;stroke-linejoin:round}.honor-icon-halo>*{fill:#fff;stroke:#fff;stroke-width:6px;stroke-linejoin:round}.honor-icon>*{stroke:color-mix(in srgb,var(--dc) 65%,#000);stroke-width:3px;stroke-linejoin:round}.honor-icon-halo>.icon-detail,.honor-icon-halo>.icon-line{display:none}.honor-icon>.icon-detail{stroke:none}.honor-icon>.icon-line{fill:none;stroke-width:2px;stroke-linecap:round}.stat-diff-grid{display:grid;grid-template-columns:1fr;gap:.3rem}.stat-cell{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.35rem .5rem;border-radius:6px;background:#f3f6f9}.stat-label{font-size:.68rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;line-height:1.2}.stat-value{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.35rem;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:flex-end}.stat-count{font-family:var(--display);font-size:.95rem;font-weight:700;color:var(--text);min-width:3ch;text-align:right}.stat-pct{font-family:var(--display);font-size:.72rem;font-weight:600;color:#6b7c8f;min-width:6.2ch;text-align:right}.stat-cell.status-clear,.stat-cell.status-full_combo,.stat-cell.status-all_perfect{background:linear-gradient(to right,var(--stat-tone) var(--stat-fill, 0%),#f3f6f9 var(--stat-fill, 0%))}.stat-cell.status-clear{--stat-tone: var(--tone-clear)}.stat-cell.status-full_combo{--stat-tone: var(--tone-fc)}.stat-cell.status-all_perfect{--stat-tone: var(--tone-ap)}.stat-cell.status-none .stat-label{color:var(--muted)}.stat-cell.status-clear .stat-label{color:#c49216}.stat-cell.status-full_combo .stat-label{color:#2f9e44}.stat-cell.status-all_perfect .stat-label{color:#1c7ed6}.level-stats{margin-bottom:1rem;padding:.75rem .85rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.level-stats-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem .85rem;margin-bottom:.65rem}.level-stats-head h2{margin:0;font-size:.92rem;font-weight:700}.level-stat-tabs{display:flex;flex-wrap:wrap;gap:.3rem}.level-stat-tab{border:1px solid var(--line);background:#f3f6f9;color:var(--muted);border-radius:8px;padding:.28rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.03em}.level-stat-tab.active{color:#fff;border-color:transparent}.level-stat-tab.easy.active{background:var(--easy)}.level-stat-tab.normal.active{background:var(--normal)}.level-stat-tab.hard.active{background:var(--hard)}.level-stat-tab.expert.active{background:var(--expert)}.level-stat-tab.master.active{background:var(--master)}.level-stat-tab.append.active{background:var(--append)}.level-stats-table-wrap{overflow-x:auto}.level-stats-table{width:100%;border-collapse:collapse;font-size:.88rem}.level-stats-table th,.level-stats-table td{padding:.4rem .55rem;text-align:right;border-bottom:1px solid var(--line)}.level-stats-table th:first-child,.level-stats-table td:first-child{text-align:left}.level-stats-table thead th{font-size:.75rem;font-weight:700;color:var(--muted)}.level-stats-table thead th.status-clear{color:#c49216}.level-stats-table thead th.status-full_combo{color:#2f9e44}.level-stats-table thead th.status-all_perfect{color:#1c7ed6}.level-stats-table thead th.level-total{color:var(--muted)}.level-stats-table .level-num{font-family:var(--display);font-weight:700;color:var(--text)}.level-stats-table td{color:var(--text)}.level-stats-table .level-total{color:var(--muted);font-weight:600}.level-stats-table .stat-count{color:var(--text)}.level-stats-table .stat-pct{color:#6b7c8f}.level-stats-table .level-row{--row-shade: transparent;cursor:pointer;background:linear-gradient(var(--row-shade),var(--row-shade)),linear-gradient(to right,var(--tone-ap) var(--fill-ap, 0%),transparent var(--fill-ap, 0%)),linear-gradient(to right,var(--tone-fc) var(--fill-fc, 0%),transparent var(--fill-fc, 0%)),linear-gradient(to right,var(--tone-clear) var(--fill-clear, 0%),transparent var(--fill-clear, 0%))}.level-stats-table .level-row:hover{--row-shade: rgba(30, 50, 70, .05)}.level-stats-table .level-row.active{--row-shade: rgba(30, 50, 70, .09)}.level-stats-empty{text-align:center!important;color:var(--muted);padding:.85rem!important}.level-detail-tr>td{padding:0;border-bottom:1px solid var(--line);background:#f0f4f8}.level-detail{padding:.55rem .55rem .65rem}.level-detail-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.level-detail-count{color:var(--muted);font-size:.82rem}.level-detail-close{margin-left:auto;padding:.25rem .55rem;font-size:.78rem}.level-detail-list{display:block;max-height:22rem;overflow-y:auto;overscroll-behavior:contain;content-visibility:auto;contain:content}.level-detail-virtual{position:relative;width:100%}.level-detail-virtual-item{position:absolute;left:0;right:0;box-sizing:border-box}.level-detail-row{display:flex;align-items:center;gap:.65rem;height:52px;padding:0 .45rem;border-radius:8px;background:#f7f9fb;box-sizing:border-box}.level-detail-jacket{width:40px;height:40px;border-radius:7px;object-fit:cover;flex-shrink:0;background:#dce3ea}.level-detail-titles{min-width:0;flex:1}.level-detail-ko{margin:0;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-detail-jp{margin:.1rem 0 0;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-detail-status{width:2.6rem!important;height:2.6rem!important;font-size:.72rem!important}.toolbar{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:center;margin-bottom:.65rem}.list-controls{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;padding:.65rem .75rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem}.control-label{min-width:2.75rem;font-size:.75rem;font-weight:700;color:var(--muted)}.control-chips{display:flex;flex-wrap:wrap;gap:.3rem}.control-chips+.control-chips{margin-left:1.75rem}.level-filter{width:4.25rem;border:1px solid var(--line);background:#f3f6f9;color:var(--text);border-radius:8px;padding:.28rem .45rem;font-size:.72rem;font-weight:700}.control-chip{border:1px solid var(--line);background:#f3f6f9;color:var(--muted);border-radius:8px;padding:.28rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.02em}.control-chip.active{background:#2b3a4a;border-color:transparent;color:#fff}.control-chip.diff-chip.easy.active{background:var(--easy)}.control-chip.diff-chip.normal.active{background:var(--normal)}.control-chip.diff-chip.hard.active{background:var(--hard)}.control-chip.diff-chip.expert.active{background:var(--expert)}.control-chip.diff-chip.master.active{background:var(--master)}.control-chip.diff-chip.append.active{background:var(--append)}.control-chip.unit-chip{padding:.2rem .35rem;min-height:1.85rem;background:#f3f6f9}.control-chip.unit-chip.active{background:#f3f6f9;border-color:var(--line);color:var(--muted)}.control-chip.unit-chip:not(.active){opacity:.35;filter:grayscale(.15)}.unit-chip-logo{display:block;height:1.55rem;width:1.55rem;object-fit:contain}.unit-chip-text{display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#6b7a8f;color:#fff;font-size:.52rem;font-weight:800;letter-spacing:-.04em;line-height:1}.search{width:100%;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);border-radius:12px;padding:.65rem .8rem}.meta{margin:0;color:var(--muted);font-size:.85rem;min-width:2rem;text-align:right}.state{color:var(--muted)}.state.error{color:var(--danger)}.list{display:flex;flex-direction:column;gap:.65rem}.song{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;padding:.5rem .9rem .5rem .45rem;border-radius:var(--radius);background:var(--bg-row);border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 6.5rem}.song-row{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;flex:1 1 100%;min-width:0}.song-main{display:flex;align-items:center;gap:.75rem .85rem;width:min(38rem,100%);flex:0 1 38rem;min-width:0;padding:.55rem .75rem .55rem .55rem;border-radius:12px;background:transparent;cursor:pointer}.song-main.tone-clear{background:var(--tone-clear)}.song-main.tone-fc{background:var(--tone-fc)}.song-main.tone-ap{background:var(--tone-ap)}.song-main.near-open{box-shadow:inset 0 0 0 1.5px #1e32462e}.near-miss-panel{flex:1 1 100%;display:flex;flex-direction:column;gap:.4rem;padding:.55rem .7rem .65rem;margin:0 .2rem .15rem;border-radius:10px;background:#f7f3ea;border:1px solid rgba(196,146,64,.22);position:relative;z-index:2}.near-miss-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}.near-miss-diff{min-width:4.6rem;font-size:.72rem;font-weight:800;letter-spacing:.02em}.near-miss-status{min-width:1.6rem;font-size:.72rem;font-weight:700;color:var(--muted)}.near-miss-field{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:var(--text)}.near-miss-field input{width:3.4rem;padding:.22rem .35rem;border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:700;background:#fff}.song-index{font-family:var(--display);font-size:.85rem;font-weight:700;color:var(--muted);min-width:1.75rem;text-align:left;flex-shrink:0}.jacket{width:68px;height:68px;border-radius:12px;object-fit:cover;background:#0a1018;flex-shrink:0}.titles{flex:1 1 auto;min-width:0;max-width:none;display:flex;align-items:flex-start;gap:.55rem}.title-main{flex:1 1 auto;min-width:0}.title-main .title-text{margin:0;font-size:1.08rem;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:keep-all}.title-side{display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;flex-shrink:0;padding-top:.12rem}.duration{flex-shrink:0;font-family:var(--display);font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em;padding:.12rem .4rem;border-radius:999px;background:#eef2f6}.badge-limited{flex-shrink:0;font-size:.68rem;font-weight:700;color:#9c3d6e;background:#fce8f1;border-radius:999px;padding:.14rem .45rem;white-space:nowrap}.jp{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.unit-badges{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0;align-items:center;justify-content:flex-end}.unit-logo{display:block;height:1.55rem;width:1.55rem;object-fit:contain}.unit-badge-text{display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#6b7a8f;color:#fff;font-size:.52rem;font-weight:800;letter-spacing:-.04em;line-height:1;border:none;padding:0}.diffs{display:grid;grid-template-columns:repeat(6,3.05rem);gap:.45rem;margin-top:0;flex-shrink:0;padding-right:.25rem;justify-items:center}.song-batch{position:relative;flex-shrink:0;margin-left:auto}.song-batch-btn{border-radius:8px;padding:.4rem .7rem;font-size:.78rem;white-space:nowrap}.diff-wrap{position:relative;width:3.05rem}.diff-wrap.missing-slot{visibility:hidden;pointer-events:none}.diff{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;width:3.05rem;height:3.05rem;padding:0;border-radius:999px;border:3px solid transparent;background:#eef1f5;color:var(--text);font-family:var(--display);font-weight:700;line-height:1}.diff.missing{opacity:.35;border-color:#c5ced8;background:#f3f5f7;color:var(--muted)}.diff.easy{border-color:var(--easy)}.diff.normal{border-color:var(--normal)}.diff.hard{border-color:var(--hard)}.diff.expert{border-color:var(--expert)}.diff.master{border-color:var(--master)}.diff.append{border-color:var(--append)}.diff-level{font-size:.95rem}.diff-level.plus{font-size:.78rem;letter-spacing:-.02em}.diff-mark{font-size:.6rem;font-weight:800;letter-spacing:.02em;line-height:1}.diff-near{position:absolute;left:50%;bottom:-.05rem;transform:translate(-50%,100%);font-size:.62rem;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap;pointer-events:none}.diff-near.fc{color:#9a7b00}.diff-near.ap{color:#2b8a3e}.diff.status-none{background:#f1f3f5;color:#868e96}.diff.status-clear{background:#fff3bf;color:#7a6400}.diff.status-clear .diff-mark{color:#9a7b00}.diff.status-full_combo{background:#b2f2bb;color:#1b5e2a}.diff.status-full_combo .diff-mark{color:#2b8a3e}.diff.status-all_perfect{background:#a5d8ff;color:#0b3d66}.diff.status-all_perfect .diff-mark{color:#1864ab}.status-picker{position:absolute;z-index:5;left:50%;transform:translate(-50%);top:calc(100% + 6px);width:max-content;min-width:11.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.4rem;border-radius:12px;background:var(--picker-bg);border:3px solid var(--line);box-shadow:0 10px 24px #14283c1f}.diff-wrap.easy .status-picker{border-color:var(--easy)}.diff-wrap.normal .status-picker{border-color:var(--normal)}.diff-wrap.hard .status-picker{border-color:var(--hard)}.diff-wrap.expert .status-picker{border-color:var(--expert)}.diff-wrap.master .status-picker{border-color:var(--master)}.diff-wrap.append .status-picker{border-color:var(--append)}.status-picker-floating{position:fixed;z-index:40;left:0;top:0;transform:translate(-50%);max-width:calc(100vw - 20px)}.status-picker-floating.easy{border-color:var(--easy)}.status-picker-floating.normal{border-color:var(--normal)}.status-picker-floating.hard{border-color:var(--hard)}.status-picker-floating.expert{border-color:var(--expert)}.status-picker-floating.master{border-color:var(--master)}.status-picker-floating.append{border-color:var(--append)}.song-batch .status-picker{left:auto;right:0;transform:none}.pick{border:1px solid transparent;border-radius:9px;padding:.55rem .35rem;font-size:.88rem;font-weight:800;background:#f3f6f9;color:var(--muted)}.pick:hover{background:#e8eef4}.pick.status-none.active,.pick.status-none:hover{color:#495057}.pick.status-clear{color:#c49216}.pick.status-full_combo{color:#2f9e44}.pick.status-all_perfect{color:#1c7ed6}.pick.active{border-color:#1e324638;background:#e8eef4}@media(max-width:980px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.song{flex-wrap:wrap;align-items:flex-start;gap:.4rem .65rem;padding:.4rem .55rem .4rem .35rem;contain-intrinsic-size:auto 7.25rem}.song-row{flex-wrap:wrap;align-items:flex-start;gap:.45rem}.song-main{flex:1 1 100%;width:100%;gap:.55rem;padding:.35rem .45rem .35rem .35rem}.jacket{width:52px;height:52px;border-radius:10px}.titles{flex-direction:column;align-items:stretch;gap:.22rem}.title-main .title-text{font-size:.95rem;line-height:1.25;display:block;-webkit-line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;word-break:normal}.jp{margin:.08rem 0 0;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-side{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.25rem;padding-top:0}.diffs{width:100%;padding-left:.35rem;justify-content:start}.song-batch{margin-left:.35rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr}}.btn-tier{background:#39c5bb;border-color:transparent;color:#fff}.btn-tier:hover{filter:brightness(1.06);background:#39c5bb}.tier-modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:stretch;justify-content:center;padding:.75rem;background:#121c2873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tier-modal-backdrop.is-closed{display:none}.tier-modal{display:flex;flex-direction:column;width:min(960px,100%);max-height:min(92vh,960px);margin:auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px #14283c38;overflow:hidden}.tier-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem .65rem;border-bottom:1px solid var(--line)}.tier-modal-head h2{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.tier-modal-close{flex-shrink:0}.tier-kind-tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:#f7f9fb}.tier-kind-tab{border:1px solid var(--line);border-radius:999px;padding:.4rem .75rem;background:#fff;color:var(--text);font-size:.8rem;font-weight:650}.tier-kind-tab:hover{background:#eef3f8}.tier-kind-tab.active{background:#39c5bb;border-color:transparent;color:#fff}.tier-filters{display:flex;flex-direction:column;gap:.45rem;padding:.55rem 1.1rem .65rem;border-bottom:1px solid var(--line);background:#fafbfc}.tier-filter-row{display:flex;flex-wrap:wrap;gap:.35rem .65rem;align-items:center}.tier-check{display:inline-flex;align-items:center;gap:.28rem;font-size:.78rem;font-weight:650;color:var(--text);-webkit-user-select:none;user-select:none;cursor:pointer}.tier-check input{width:.9rem;height:.9rem;accent-color:#39c5bb;cursor:pointer}.tier-check.expert{color:var(--expert)}.tier-check.master{color:var(--master)}.tier-check.pending{color:var(--text)}.tier-level-filters{max-height:5.5rem;overflow:auto;padding-right:.15rem}.tier-modal-body{flex:1;overflow:auto;padding:.75rem 1.1rem 1.25rem;overscroll-behavior:contain}.tier-empty{margin:1.5rem 0;text-align:center;color:var(--muted)}.tier-level-block{margin-bottom:.55rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.tier-level-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tier-level-block.is-level-off,.tier-modal-body.hide-expert .tier-jacket-cell.diff-expert,.tier-modal-body.hide-master .tier-jacket-cell.diff-master,.tier-modal-body.hide-cleared .tier-jacket-cell.is-goal-done{display:none}.tier-modal-body.hide-expert.hide-master .tier-plus-row,.tier-modal-body.hide-expert:not(.hide-master):not(.hide-cleared) .tier-plus-row:not(:has(.tier-jacket-cell.diff-master)),.tier-modal-body.hide-master:not(.hide-expert):not(.hide-cleared) .tier-plus-row:not(:has(.tier-jacket-cell.diff-expert)),.tier-modal-body.hide-cleared:not(.hide-expert):not(.hide-master) .tier-plus-row:not(:has(.tier-jacket-cell:not(.is-goal-done))),.tier-modal-body.hide-cleared.hide-expert:not(.hide-master) .tier-plus-row:not(:has(.tier-jacket-cell.diff-master:not(.is-goal-done))),.tier-modal-body.hide-cleared.hide-master:not(.hide-expert) .tier-plus-row:not(:has(.tier-jacket-cell.diff-expert:not(.is-goal-done))){display:none}.tier-modal-body.hide-expert.hide-master .tier-level-block,.tier-modal-body.hide-expert:not(.hide-master):not(.hide-cleared) .tier-level-block:not(.is-level-off):not(:has(.tier-jacket-cell.diff-master)),.tier-modal-body.hide-master:not(.hide-expert):not(.hide-cleared) .tier-level-block:not(.is-level-off):not(:has(.tier-jacket-cell.diff-expert)),.tier-modal-body.hide-cleared:not(.hide-expert):not(.hide-master) .tier-level-block:not(.is-level-off):not(:has(.tier-jacket-cell:not(.is-goal-done))),.tier-modal-body.hide-cleared.hide-expert:not(.hide-master) .tier-level-block:not(.is-level-off):not(:has(.tier-jacket-cell.diff-master:not(.is-goal-done))),.tier-modal-body.hide-cleared.hide-master:not(.hide-expert) .tier-level-block:not(.is-level-off):not(:has(.tier-jacket-cell.diff-expert:not(.is-goal-done))){display:none}.tier-level-layout{display:flex;gap:.45rem;align-items:stretch;min-width:0}.tier-base-cell{display:flex;flex:0 0 2.4rem;align-items:center;justify-content:center;border-radius:8px;background:#eef2f6}.tier-base-num{font-family:var(--display);font-size:1.05rem;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.tier-plus-stack{flex:1;min-width:0;display:flex;flex-direction:column}.tier-plus-row{display:grid;grid-template-columns:2.7rem minmax(0,1fr);column-gap:.4rem;align-items:start;min-width:0;min-height:3.1rem;padding:.14rem 0}.tier-plus-cell{text-align:right;padding-top:.85rem;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.tier-jacket-wrap{--tier-jacket-size: 3rem;--tier-gap: .28rem;width:100%;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:var(--tier-gap)}.tier-jacket-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:var(--tier-gap);align-items:center}.tier-jacket-cell{position:relative;width:var(--tier-jacket-size);height:var(--tier-jacket-size);border-radius:6px;border:2.5px solid transparent;overflow:hidden;background:#e8eef4;line-height:0;flex-shrink:0}.tier-jacket-cell.is-goal-done .tier-jacket{filter:brightness(.38)}.tier-goal-badge{position:absolute;right:.12rem;bottom:.12rem;z-index:1;border-radius:3px;padding:.06rem .22rem;font-size:.58rem;font-weight:800;letter-spacing:.02em;line-height:1.1;color:#fff;pointer-events:none}.tier-goal-badge.fc{background:#1c7ed6}.tier-goal-badge.ap{background:#e8590c}.tier-jacket-cell.diff-expert{border-color:var(--expert)}.tier-jacket-cell.diff-master{border-color:var(--master)}.tier-jacket-cell.diff-append{border-color:var(--append)}.tier-jacket{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.tier-modal-backdrop{padding:0}.tier-modal{width:100%;max-height:100%;height:100%;border-radius:0}.tier-kind-tab{font-size:.74rem;padding:.35rem .6rem}.tier-base-cell{flex-basis:2rem}.tier-plus-row{grid-template-columns:2.3rem minmax(0,1fr)}.tier-plus-cell{padding-top:.7rem}.tier-jacket-wrap{--tier-jacket-size: 2.7rem}.tier-base-num{font-size:.95rem}}.btn-video{background:#7950f2;border-color:transparent;color:#fff}.btn-video:hover{filter:brightness(1.06);background:#7950f2}.video-modal{width:min(640px,100%)}.settings-modal{width:min(440px,100%)}.settings-modal-body{padding:1rem 1.1rem 1.1rem;overflow-y:auto}.settings-group{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:.45rem}.settings-group legend{margin-bottom:.5rem;font-size:.85rem;font-weight:700}.settings-option{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;cursor:pointer}.settings-option:has(input:checked){border-color:#7950f2;background:#f3f0ff}.settings-option input{margin-top:.2rem;accent-color:#7950f2}.settings-option span{display:flex;flex-direction:column;gap:.15rem}.settings-option strong{font-size:.88rem}.settings-option small{font-size:.75rem;color:var(--muted, #868e96)}.video-modal-body{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.1rem 1.1rem;overflow-y:auto}.video-modal-body>.btn-video{align-self:flex-start}.video-guide{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.9rem;line-height:1.6}.video-guide b{color:var(--text)}.video-error{margin:0;color:var(--danger);font-size:.9rem}.video-progress-label{margin-bottom:.4rem;font-size:.9rem;font-weight:600}.video-progress-bar{height:8px;border-radius:999px;background:#e8eef4;overflow:hidden}.video-progress-bar span{display:block;height:100%;background:#7950f2;transition:width .2s}.video-preview{width:100%;max-height:240px;border-radius:10px;background:#000}.video-summary{margin:0;font-size:.92rem;line-height:1.6}.video-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem}.video-changes{max-height:45vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.video-changes table{width:100%;border-collapse:collapse;font-size:.84rem}.video-changes td{padding:.4rem .55rem;border-bottom:1px solid var(--line);white-space:nowrap}.video-changes tr:last-child td{border-bottom:none}.video-changes td.video-change-title{width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis}.video-change-diff{font-weight:700;font-size:.75rem}.video-change-diff.diff-easy{color:var(--easy)}.video-change-diff.diff-normal{color:var(--normal)}.video-change-diff.diff-hard{color:var(--hard)}.video-change-diff.diff-expert{color:var(--expert)}.video-change-diff.diff-master{color:var(--master)}.video-change-diff.diff-append{color:var(--append)}.video-change-status{font-size:.75rem;font-weight:600}.video-change-status.status-none{color:var(--muted)}.video-change-status.status-clear{background:var(--tone-clear)}.video-change-status.status-full_combo{background:var(--tone-fc)}.video-change-status.status-all_perfect{background:var(--tone-ap)}.video-change-arrow{color:var(--muted)}.video-changes tr.is-down .video-change-arrow{color:var(--danger)}.video-changes tr.is-skip{opacity:.4}.video-missing summary{cursor:pointer;font-size:.88rem;color:var(--muted)}.video-missing p,.video-note{margin:.4rem 0 0;font-size:.84rem;color:var(--muted);line-height:1.6}.video-actions{display:flex;justify-content:flex-end;gap:.5rem}.oshi{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.oshi-frame{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;align-items:start}.oshi-side{position:sticky;top:1rem;display:grid;gap:1rem}.oshi-side nav{display:grid;gap:1rem}.oshi-side-group{display:grid;gap:.15rem}.oshi-side-label{margin:0 0 .25rem;color:var(--muted);font-size:.75rem;font-weight:700}.oshi-side a{text-decoration:none;color:var(--text);font-weight:600;padding:.4rem .65rem;border-radius:10px}.oshi-side a[aria-current=page]{background:var(--accent-dim);color:#0c6e6a}.oshi-side-foot{display:grid;gap:.4rem}.oshi-side-foot p{margin:0;font-weight:700}.oshi-side-foot button{justify-self:start;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .75rem;font:inherit;font-weight:700;cursor:pointer}.oshi-count{margin:0;font-size:1.15rem}.oshi-count strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.oshi-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1.25rem}.oshi-home{color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:none}.oshi h1{margin:.15rem 0 0;font-family:var(--display);font-size:1.7rem;letter-spacing:-.03em}.oshi h2{margin:0 0 .65rem;font-size:1.15rem}.oshi-nav{display:flex;flex-wrap:wrap;gap:.35rem}.oshi-nav a{text-decoration:none;color:var(--text);font-weight:600;padding:.45rem .75rem;border-radius:999px}.oshi-nav a[aria-current=page]{background:var(--accent-dim);color:#0c6e6a}.oshi-stack{display:grid;gap:.9rem}.oshi-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.oshi-card p,.oshi-rules{line-height:1.6}.oshi-rules{margin:0;padding-left:1.15rem}.oshi-note{color:var(--muted);line-height:1.55}.oshi-error{color:var(--danger);font-weight:600;line-height:1.5}.oshi-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.oshi-primary,.oshi-ghost,.oshi-danger{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font:inherit;font-weight:700;border-radius:999px;padding:.65rem 1rem}.oshi-primary{border:0;background:var(--accent);color:#fff}.oshi-ghost{border:1px solid var(--line);background:#fff;color:var(--text)}.oshi-danger{border:1px solid #f3c2c2;background:#fff;color:var(--danger)}.oshi-primary:disabled,.oshi-ghost:disabled,.oshi-danger:disabled{opacity:.55;cursor:default}.oshi button:focus-visible,.oshi a:focus-visible,.oshi input:focus-visible,.oshi select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oshi-form{display:grid;gap:.85rem}.oshi-form label,.oshi-field{display:grid;gap:.3rem;font-weight:600;font-size:.92rem}.oshi-form input,.oshi-form select,.oshi-inline input,.oshi-inline select{border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;background:#fff;color:var(--text)}.oshi-form input,.oshi-form select{width:100%}.oshi-unit{margin:.2rem 0 .45rem;font-size:.82rem;color:var(--muted)}.oshi-chars,.oshi-filters{display:flex;flex-wrap:wrap;gap:.4rem}.oshi-chars button,.oshi-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:600}.oshi-chars button[aria-pressed=true],.oshi-filters button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:#0c6e6a}.oshi-order{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.oshi-order li,.oshi-inline{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.oshi-order input{width:7rem}.oshi-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem}.oshi-slot{min-height:7rem}.oshi-banners{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.oshi-applicant{display:grid;gap:.35rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line)}.oshi-applicant input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;background:#fff;color:var(--text)}.oshi-slot h3,.oshi-card h3{margin:0 0 .4rem;font-size:1rem}.oshi-slot ul,.oshi-plain{margin:0;padding-left:1.1rem}.oshi-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--muted);font-size:.88rem}.oshi-pill{display:inline-block;border-radius:999px;padding:.12rem .55rem;font-size:.78rem;font-weight:700}.oshi-pill.pending{background:var(--tone-clear)}.oshi-pill.selected{background:var(--tone-fc)}.oshi-pill.rejected{background:#fde8e8;color:var(--danger)}.oshi-break{overflow-wrap:anywhere}.oshi-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center;text-decoration:none;color:inherit;padding:.35rem 0}.oshi-versus span{display:grid;min-width:0}.oshi-versus span:last-child{text-align:right}.oshi-versus small{color:var(--muted)}.oshi-versus b{font-variant-numeric:tabular-nums}.oshi-round-link{display:grid;gap:.2rem;text-decoration:none;color:inherit}.oshi-scroll{overflow-x:auto}.oshi-table{width:100%;border-collapse:collapse;font-size:.92rem}.oshi-table th,.oshi-table td{text-align:left;padding:.45rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}.oshi-chat{display:grid;gap:.7rem;max-height:28rem;overflow:auto}.oshi-chat p{margin:0;display:grid;gap:.15rem}.oshi-suggest{position:relative;min-width:min(16rem,100%)}.oshi-suggest input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;background:#fff;color:var(--text)}.oshi-suggest ul{position:absolute;z-index:2;left:0;right:0;margin:.25rem 0 0;padding:.25rem;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px}.oshi-suggest button{width:100%;text-align:left;border:0;background:transparent;padding:.45rem .55rem;border-radius:8px;font:inherit;cursor:pointer}.oshi-suggest button:hover{background:var(--accent-dim)}@media(max-width:800px){.oshi-frame{grid-template-columns:1fr}.oshi-side{position:static}.oshi-side nav{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem}.oshi-side-group{display:flex;align-items:center;gap:.2rem;flex:0 0 auto}.oshi-side-label{margin:0 .2rem 0 0;white-space:nowrap}.oshi-side a{white-space:nowrap}}@media(max-width:640px){.oshi h1{font-size:1.4rem}}.settings-page .settings-title-block h1{margin:0}.settings-sub{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.settings-section{margin-bottom:.85rem}.settings-section h2{margin:0 0 .35rem;font-size:.92rem;font-weight:700}.settings-hint{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.settings-hint code{font-size:.82em;background:#eef2f6;padding:.05rem .3rem;border-radius:4px}.settings-list{display:flex;flex-direction:column;gap:.55rem}.settings-row{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.settings-index{font-family:var(--display);font-size:.8rem;font-weight:700;color:var(--muted);min-width:1.75rem;text-align:right;padding-top:.55rem}.settings-jacket{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#dce3ea}.settings-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.settings-label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;color:var(--muted)}.settings-input{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:.5rem .65rem;font-size:.92rem;font-weight:600}.settings-input:focus{outline:2px solid rgba(62,199,194,.35);outline-offset:1px}.settings-jp{margin:0;font-size:.8rem;color:var(--muted)}.settings-reset{align-self:flex-start;border-radius:8px;padding:.28rem .55rem;font-size:.75rem}:root{--bg: #f5f7fa;--bg-elev: #ffffff;--bg-row: #ffffff;--bg-row-hover: #f0f4f8;--line: rgba(30, 50, 70, .12);--text: #1a2430;--muted: #6b7c8f;--accent: #1aa8a2;--accent-dim: rgba(26, 168, 162, .12);--easy: #2f9e44;--normal: #1c7ed6;--hard: #c49216;--expert: #d6336c;--master: #7950f2;--append: #d478b8;--clear: #6b7c8f;--fc: #1c7ed6;--ap: #d9480f;--danger: #e03131;--tone-clear: #fff6d6;--tone-fc: #e6f8e4;--tone-ap: #e3f3fc;--picker-bg: #ffffff;--radius: 14px;--font: "IBM Plex Sans KR", system-ui, sans-serif;--display: "Outfit", "IBM Plex Sans KR", system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}