:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;color:#eaf0eb;background:#101317;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0%,#18392c 0%,#101317 40%);min-height:100vh}
.container{max-width:790px;padding:38px 16px 60px;margin:auto}header{padding:10px 4px 20px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#86dcb0;font-weight:700}h1{line-height:1.22;font-size:clamp(29px,7vw,45px);letter-spacing:-.04em;margin:14px 0}h1 span{color:#1ed760}.sub{color:#9ba7a1;font-size:14px;margin:0 0 10px}.panel{background:#1a1f23;border:1px solid #343d3b;border-radius:20px;padding:22px;margin:15px 0;box-shadow:0 12px 34px #0002}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}h2{font-size:17px;line-height:1.3;letter-spacing:.01em;margin:0}.panel p,.notes p{font-size:13px;color:#b7c2bc;margin:11px 0}.pill{border-radius:100px;padding:3px 9px;border:1px solid #2e6745;color:#72df9b;background:#1b3828;font-size:11px;font-weight:700;white-space:nowrap}.pill.muted{border-color:#414b49;background:#28302e;color:#aab7b0}label{display:block;font-size:12px;margin:16px 0 6px;color:#c8d3ca;font-weight:700}input{width:100%;min-width:0;border:1px solid #46544d;background:#101615;border-radius:11px;color:#f1f8f1;padding:11px 12px;font-size:14px;outline:none}input:focus{border-color:#1ed760;box-shadow:0 0 0 3px #1ed7601c}input[readonly]{color:#c2d0c8;font-size:11px}button{min-height:41px;border:1px solid transparent;border-radius:11px;padding:10px 16px;cursor:pointer;font-weight:700;font-size:13px;line-height:1.3;transition:transform .1s,background .2s}button:active{transform:scale(.985)}button:disabled{opacity:.43;cursor:not-allowed;transform:none}.primary{background:#1ed760;color:#102319}.primary:hover{background:#69e494}.secondary{background:#2c3532;border-color:#536059;color:#e5ede7}.secondary:hover{background:#394540}.ghost{color:#acbbb1;background:transparent;border:1px solid #39423e}.compact{white-space:nowrap}.full{width:100%}.horizontal{display:flex;gap:8px;align-items:center}.horizontal.wrap{flex-wrap:wrap;margin-top:17px}.hint{font-size:11px!important;color:#91a197!important}.message{background:#121a17;border:1px solid #375342;border-radius:12px;color:#acdabb;font-size:13px;padding:10px 12px;margin:10px 0 18px}.message.error{background:#261b1b;color:#f4a5a2;border-color:#754444}.track{display:flex;align-items:center;gap:16px;margin:20px 0}.art{width:105px;height:105px;flex:0 0 105px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3b5342,#16241f);font-size:49px;color:#9fc9a6;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.track-info{min-width:0}.kicker{font-size:10px;letter-spacing:.11em;color:#6bd78e;font-weight:800}.track-title{font-size:22px;line-height:1.4;font-weight:800;overflow-wrap:anywhere}.track-artist{color:#d3e0d6;font-size:14px;overflow-wrap:anywhere}.track-album{color:#8ea197;font-size:12px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.facts>div{background:#121714;border:1px solid #2e3832;border-radius:12px;padding:12px 8px;text-align:center}.facts small{display:block;color:#84988b;font-size:11px}.facts strong{display:block;color:#d9eee0;font-size:13px;margin-top:3px;overflow-wrap:anywhere}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case{background:#121916;border-radius:13px;border:1px solid #35443a;padding:13px}.case-label{font-size:12px;color:#78dd9d;font-weight:800}.case-result{font-size:12px;color:#d6e0d9;min-height:84px;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 0}.notes{padding:18px 7px 0}.notes h2{font-size:16px}code{background:#26322b;color:#9de5b4;padding:1px 4px;border-radius:4px}footer{text-align:center;margin-top:28px;color:#6f8776;font-size:10px;letter-spacing:.05em}@media(min-width:650px){.container{padding-top:65px}.panel{padding:27px}.track-title{font-size:25px}}@media(max-width:375px){.comparison{grid-template-columns:1fr}.track-title{font-size:19px}.art{width:82px;height:82px;flex-basis:82px}}