:root{font-family:Inter,ui-sans-serif,system-ui,PingFang SC,sans-serif;color:#ecefff;background:#090b12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 12%,#24264b 0,transparent 30%),#090b12}.app{min-height:100vh}header{height:70px;border-bottom:1px solid #292d3e;display:flex;align-items:center;padding:0 clamp(20px,5vw,72px)}.wordmark{font-weight:900;font-size:20px;display:flex;gap:9px;align-items:center}.wordmark i{display:block;width:13px;height:24px;background:#8c7cff;border-radius:8px 8px 2px 2px;box-shadow:7px 7px #4ee4ae}.session{margin:auto;color:#777d92;font:10px monospace;letter-spacing:.18em}.score-mini{font-size:12px;color:#8c92a8}.score-mini b{color:#fff}main{max-width:1120px;margin:auto;padding:70px clamp(20px,5vw,72px)}.top{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:end}.kicker{color:#4ee4ae;font:700 11px monospace;letter-spacing:.17em}.top h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.top h1 span{color:#747a91}.guide{border-left:2px solid #8c7cff;padding-left:20px;color:#aeb4c8;font-size:13px;line-height:1.6}.guide b{color:#fff}.guide p{margin:7px 0}.dropzone{margin-top:55px;border:1px dashed #596079;background:#111521;min-height:240px;display:grid;place-items:center;transition:.2s}.dropzone:hover{border-color:#8c7cff;background:#15182b}.dropzone input,.replace input{position:absolute;opacity:0;pointer-events:none}.dropzone label{text-align:center;cursor:pointer;padding:40px;width:100%}.dropzone .plus{display:grid;place-items:center;margin:0 auto 18px;width:54px;height:54px;border:1px solid #737991;border-radius:50%;font-size:26px}.dropzone strong,.dropzone small{display:block}.dropzone strong{font-size:19px}.dropzone small{color:#83899e;margin-top:8px}.error{background:#3a1b27;color:#ff9eb4;padding:12px 16px;font-size:13px}.toolbar{margin-top:52px;display:flex;justify-content:space-between;align-items:center;color:#b9bfd1;font-size:13px}.dot{display:inline-block;width:7px;height:7px;background:#4ee4ae;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #4ee4ae18}.toolbar-actions{display:flex;gap:9px}.toolbar button,.replace{background:transparent;border:1px solid #373c50;color:#aeb4c8;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer}.rank-list{margin-top:16px}.rank-list article{display:grid;grid-template-columns:54px 54px minmax(0,1fr) auto;align-items:center;gap:12px;background:#131621;border:1px solid #292e40;border-bottom:0;padding:14px 17px;min-height:80px}.rank-list article:last-child{border-bottom:1px solid #292e40}.rank-list article[draggable=true]{cursor:grab}.rank-list article.correct{border-left:3px solid #4ee4ae}.rank-list article.wrong{border-left:3px solid #ff6e8e}.rank{font:italic 20px Georgia;color:#636a80}.play{width:42px;height:42px;border-radius:50%;border:1px solid #565d77;background:#1d2130;color:#ecefff;cursor:pointer}.play:hover{background:#8c7cff;border-color:#8c7cff}.clip-name{min-width:0}.clip-name strong,.clip-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-name strong{font-size:14px}.clip-name span{font:10px monospace;color:#777f96;margin-top:7px}.move{display:flex;align-items:center;gap:5px}.move button{width:29px;height:29px;background:#1d2130;color:#aeb4c8;border:0;cursor:pointer}.move button:disabled{opacity:.2}.move span{color:#656d85;font-size:19px;margin-left:7px}.verdict{text-align:right}.verdict b,.verdict small{display:block}.verdict b{font-size:12px;color:#d7d9e6}.verdict small{font:10px monospace;color:#858da6;margin-top:7px}.reveal{margin-top:20px;width:100%;padding:17px 20px;background:#8c7cff;border:0;color:#0b0c12;font-weight:900;font-size:15px;display:flex;justify-content:space-between;cursor:pointer}.reveal:hover{background:#a99eff}.summary{margin-top:20px;border:1px solid #363b50;background:#10131e;padding:24px;display:grid;grid-template-columns:160px 160px 1fr;gap:25px;align-items:center}.summary span{font-size:10px;color:#858ca1;display:block}.summary strong{font-size:30px;display:block;margin-top:6px}.summary p{font-size:11px;line-height:1.6;color:#838a9f;margin:0;border-left:1px solid #34394d;padding-left:25px}footer{text-align:center;padding:30px;color:#60667a;font-size:10px;border-top:1px solid #202433;letter-spacing:.1em}@media(max-width:720px){main{padding-top:42px}.top{grid-template-columns:1fr}.guide{display:none}.toolbar{align-items:flex-start;gap:12px}.rank-list article{grid-template-columns:34px 44px minmax(0,1fr);padding:12px 10px}.move,.verdict{grid-column:3;margin-top:3px}.verdict{text-align:left}.summary{grid-template-columns:1fr 1fr}.summary p{grid-column:1/-1;border-left:0;border-top:1px solid #34394d;padding:14px 0 0}.session{display:none}}@media(max-width:430px){.top h1{font-size:43px}.toolbar{display:block}.toolbar-actions{margin-top:12px}.clip-name strong{max-width:190px}}