:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#202a23;background:#f7f8f5;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2b6942;outline-offset:4px}button:focus:not(:focus-visible),h2:focus{outline:none}a{color:#345b40;text-underline-offset:3px}.simple-shell{max-width:560px;margin:auto;padding:24px 20px calc(26px + env(safe-area-inset-bottom))}.simple-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid #dde2d9}.view-name{font-size:10px;letter-spacing:1.5px;color:#778373;font-weight:700;margin:0 0 5px}h1{font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin:0}.view-link{font-size:12px;line-height:1.4;white-space:nowrap;padding:12px 0 12px 10px}.simple-steps{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:13px;color:#8a9486}.simple-steps .active{font-weight:700;color:#2e5339}.simple-steps .complete{color:#537c50}.announcement{min-height:20px;color:#52734c;font-size:12px;line-height:1.5;margin:13px 0 4px}.match-caption{font-size:12px;color:#65735f;display:flex;justify-content:space-between;gap:10px;margin:0 0 10px}.simple-progress{height:5px;background:#e3e8dd;border-radius:6px;overflow:hidden;margin-bottom:23px}.simple-progress>span{display:block;height:100%;background:#648c59;transition:width .2s}.question{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:0 0 8px}.match-instruction{font-size:14px;color:#687463;line-height:1.5;margin:0 0 22px}.simple-song{display:flex;align-items:center;gap:17px;width:100%;padding:15px;border:1px solid #cdd6c7;border-radius:12px;background:white;text-align:left;color:#202a23;box-shadow:0 2px 5px #283c1b04;min-height:123px;transition:background .1s,border-color .1s}.simple-song:hover,.simple-song:active{background:#eef4e9;border-color:#6c8a5a}.simple-song img{width:92px;height:92px;object-fit:contain;background:white;border:1px solid #eceee7;border-radius:5px;flex:none}.simple-song .song-copy{flex:1;min-width:0}.simple-title{display:block;font-size:20px;font-weight:650;line-height:1.25;letter-spacing:-.3px}.simple-album{display:block;font-size:12px;line-height:1.5;color:#74816e;margin-top:7px}.choose-label{display:inline-block;font-size:12px;font-weight:600;color:#41623b;margin-top:10px}.versus{font-size:11px;font-weight:650;color:#8c9786;text-align:center;margin:9px 0;letter-spacing:1px}.wildcard-label{display:block;font-size:11px;color:#8b6b1c;margin-top:7px;font-weight:600}.simple-controls{display:flex;gap:12px;margin:24px 0 0}.simple-controls button{flex:1;background:transparent;color:#52634c;border:1px solid #d3dbcd;border-radius:8px;min-height:48px;font-size:13px;padding:11px}.simple-controls button:hover:not(:disabled){background:#eaf0e5}.simple-footer{font-size:11px;line-height:1.65;text-align:center;color:#819079;margin:21px 0 0}.simple-footer p{margin:3px 0}.simple-footer>a{display:inline-block;padding:13px;font-size:12px}.winner-view{text-align:center;padding:5px 0 0}.winner-label{font-size:12px;color:#687961;margin:0 0 18px}.winner-cover{width:172px;height:172px;object-fit:contain;background:#fff;border:1px solid #e0e5d9;border-radius:9px;display:block;margin:0 auto 22px}.winner-title{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 9px}.winner-album{font-size:13px;color:#7c8876;line-height:1.5;margin:0}.winner-explanation{font-size:14px;line-height:1.6;color:#66755d;margin:20px auto;max-width:350px}.primary{display:flex;align-items:center;justify-content:center;background:#345b40;color:white;border:0;border-radius:9px;min-height:52px;padding:13px 19px;font-size:15px;font-weight:600;width:100%;margin-top:23px}.primary:hover{background:#25472f}.simple-results{margin-top:23px;text-align:left;border-top:1px solid #dce3d5}.simple-results summary{font-size:14px;color:#45633d;cursor:pointer;min-height:48px;padding:16px 0}.result-group{padding:13px 0;border-top:1px solid #e2e7dc}.result-group h3{font-size:11px;color:#7b8972;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px}.result-song{display:flex;align-items:center;gap:11px;margin:9px 0;font-size:14px}.result-song img{width:38px;height:38px;object-fit:contain;background:white;border-radius:3px;border:1px solid #e4e8dd}.simple-results>p{font-size:11px;color:#7f8d75;line-height:1.5}.cover-reminder{font-size:12px;color:#738169;padding-top:6px;line-height:1.5;margin:16px 0 0}.cover-reminder strong{color:#435c3b}dialog{max-width:410px;width:calc(100% - 36px);border:0;border-radius:14px;padding:25px;background:#f7f8f5;color:#202a23;box-shadow:0 10px 80px #10220c50}dialog::backdrop{background:#1a28167d}.confirm-content h2{font-size:23px;margin:0 0 13px}.confirm-content>p{font-size:14px;line-height:1.6;color:#6b7962}.confirm-content>div{display:flex;gap:10px;margin-top:23px}.confirm-content button{flex:1;min-height:48px;border-radius:8px;padding:10px;border:1px solid #ccd6c4;font-size:13px;background:#edf1e8;color:#385333}.confirm-content .primary{margin:0;background:#345b40;color:white;border:0}@media(max-width:370px){.simple-shell{padding:20px 15px}h1{font-size:18px}.view-link{font-size:11px}.question{font-size:26px}.simple-song{padding:12px;gap:13px;min-height:106px}.simple-song img{width:76px;height:76px}.simple-title{font-size:18px}.simple-album{font-size:11px}.choose-label{margin-top:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
