:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background:#f5f7fb}:root{--accent: #4aa3ff;--accent-2: #2f7fd9;--card: #ffffff;--border: rgba(17, 24, 39, .1);--muted: rgba(17, 24, 39, .6);--shadow: 0 10px 28px rgba(17, 24, 39, .08)}.shell{max-width:1200px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;background:var(--card);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.title{font-size:18px;font-weight:900;color:#111827}.muted{color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.status{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin:12px 0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 22px #1118270f}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}@media(max-width:980px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.headerRow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.scoreBig{text-align:right;min-width:140px}.avg{font-size:28px;font-weight:950;color:#111827}.piece{margin-top:14px;padding-top:14px;border-top:1px solid rgba(17,24,39,.08)}.pieceHeader{display:flex;justify-content:space-between;align-items:center}.total{font-weight:800;color:#111827c7}.table{margin-top:10px;display:grid;gap:8px}.row{display:grid;grid-template-columns:1fr 90px 50px;gap:10px;align-items:center}.label{color:#111827;font-weight:700}.num{width:90px;padding:10px;border-radius:12px;border:1px solid rgba(17,24,39,.14);background:#fff;color:#111827;font-size:15px}.num::placeholder{color:#11182759}.num:focus{outline:none;border-color:#4aa3ffb3;box-shadow:0 0 0 4px #4aa3ff2e}.notes{width:100%;min-height:90px;padding:10px;border-radius:12px;border:1px solid rgba(17,24,39,.14);background:#fff;color:#111827;font-size:14px}.notes:focus{outline:none;border-color:#4aa3ffb3;box-shadow:0 0 0 4px #4aa3ff2e}.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(17,24,39,.14);background:#fff;color:#111827;cursor:pointer;font-weight:800}.btn:hover{filter:brightness(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);border-color:#4aa3ffd9;color:#fff}.primary:hover{filter:brightness(.97)}.danger{background:#ef44441a;border-color:#ef444440;color:#991b1b}.warn{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.22);color:#92400e;font-size:13px}.list{margin-top:12px;display:grid;gap:10px}.listRow{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--border);background:#fff;cursor:pointer;color:#111827}.listRow:hover{box-shadow:0 10px 24px #1118270f}.rowTitle{font-weight:950;color:#111827}.pill{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(17,24,39,.12)}.pillOk{background:#10b9811a;border-color:#10b98140;color:#065f46}.pillTodo{background:#4aa3ff1f;border-color:#4aa3ff40;color:#1e429f}.recRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.recDot{width:10px;height:10px;border-radius:99px;background:#ef4444;box-shadow:0 0 0 6px #ef44441f}.rowRight{display:flex;align-items:center;gap:14px}.rowMeta{text-align:right;min-width:120px}.metaLine{font-size:12px;color:var(--muted)}.metaValue{font-size:14px;font-weight:950;color:#111827}.statusLeft{display:flex;align-items:center;gap:8px}.netDot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #1118270f}.netDot.online{background:#22c55e}.netDot.offline{background:#ef4444}.waveWrap{margin-top:10px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--border)}.waveCanvas{width:100%;height:80px;display:block;border-radius:12px;background:#f5f7fb;border:1px solid rgba(17,24,39,.08)}.waveCanvas.on{background:#4aa3ff1a}.waveHint{margin-top:8px}.bandBadge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;min-width:110px;height:28px;box-shadow:0 6px 18px #00000014}.bandBadgePlaceholder{min-width:110px;height:28px}.scoreRow{grid-template-columns:1fr auto}.scoreInputWrap{display:inline-flex;align-items:center;gap:8px}.bandBadgeSm{display:inline-flex;align-items:center;justify-content:center;height:22px;width:110px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 6px 16px #00000014}.scoreHelp{font-size:.85rem;color:#6b7280;margin-top:2px;line-height:1.3;font-weight:400}.rankingsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.rankingsSummary{display:flex;gap:10px}.summaryBox{min-width:110px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--border);text-align:right}.summaryLabel{font-size:12px;color:var(--muted)}.summaryValue{font-size:18px;font-weight:900;color:#111827}.rankingsTable{margin-top:12px;display:grid;gap:10px}.rankingsHead,.rankingsRow{display:grid;gap:12px;align-items:center}.rankingsHead--2,.rankingsRow--2{grid-template-columns:80px minmax(260px,1fr) 120px 120px 140px 140px}.rankingsHead--3,.rankingsRow--3{grid-template-columns:80px minmax(260px,1fr) 110px 110px 110px 140px 140px}.rankingsHead{font-size:12px;font-weight:600}.rankingsRow{width:100%;text-align:left;padding:14px 12px;border-radius:14px;border:1px solid var(--border);background:#fff;color:#111827;cursor:pointer}.rankingsRow:hover{box-shadow:0 10px 24px #1118270f}.rankCell{min-width:0}.rankCellStrong{font-size:20px;font-weight:950;color:#111827}.rankSchool{display:grid;gap:2px}.rankAvg{font-size:18px;font-weight:700;color:#111827}@media(max-width:900px){.rankingsHead--2,.rankingsRow--2{grid-template-columns:64px minmax(180px,1fr) 90px 90px 100px 110px}.rankingsHead--3,.rankingsRow--3{grid-template-columns:64px minmax(180px,1fr) 85px 85px 85px 100px 110px}}.tabActive{background:#4aa3ff26;border-color:#4aa3ff66;color:#1e429f}.rankPieceScore{font-size:15px;font-weight:500;color:#374151}.pieceScore{font-size:15px;font-weight:500}.pieceScoreValue{color:#111827;font-weight:600}.pieceScoreMax{color:#9ca3af;font-weight:400}.rankingsHead .rankingsHeadScore,.rankingsHead .rankingsHeadFinal,.rankPieceScore,.rankAvg{text-align:center}.reviewWarning{margin-top:12px;margin-bottom:18px;color:#b45309;font-weight:500}.reviewRow{display:grid;grid-template-columns:60px 1fr 120px;padding:10px 0;border-bottom:1px solid var(--border)}.reviewRank{font-weight:800}.reviewScore{text-align:right;font-weight:700}.reviewConfirm{margin-top:20px}.reviewButtons{margin-top:20px;display:flex;gap:12px}