*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,Arial,sans-serif;background:#0f0f1a;color:#e8e8f0;min-height:100vh}button{cursor:pointer;font-family:inherit}input[type=range]{cursor:pointer}.screen{min-height:100vh;padding:24px 20px;animation:fadeIn .25s ease}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.btn-primary{background:#5c35c9;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled){background:#4a28a8;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary.big{font-size:1.15rem;padding:14px 40px;border-radius:14px}.btn-secondary{background:#1e1e35;color:#a48ce8;border:2px solid #5c35c9;border-radius:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#2a2048}.btn-back{background:none;border:none;color:#5c35c9;font-size:.95rem;font-weight:600;padding:6px 0;align-self:flex-start;text-decoration:underline;text-underline-offset:3px}.idle-wrap{position:relative;width:100%;max-width:500px;padding-top:28px}.idle-wrap .btn-back{position:absolute;top:0;left:14px;z-index:2;background:linear-gradient(135deg,#5c35c9,#7c3aed);color:#fff;border:none;border-radius:50px;padding:9px 18px 9px 13px;font-size:.88rem;font-weight:700;font-family:inherit;display:flex;align-items:center;gap:7px;box-shadow:0 5px 20px #5c35c98c,0 1px 4px #00000040;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s}.idle-wrap .btn-back svg{width:17px;height:17px;flex-shrink:0;transition:transform .18s}.idle-wrap .btn-back:hover{transform:translate(-4px);box-shadow:0 7px 26px #5c35c9bf,0 1px 4px #0000004d}.idle-wrap .btn-back:hover svg{transform:translate(-2px)}.idle-card{background:#1a1a2e;border-radius:18px;padding:36px 40px;box-shadow:0 4px 18px #0006;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}.idle-card h2{font-size:1.4rem;font-weight:700}.idle-card p{color:#9090b0;line-height:1.6}.seq-config{width:100%}.seq-config label{font-weight:600;display:block;margin-bottom:10px;color:#c0c0d8;text-align:center}.seq-row{display:flex;align-items:center;justify-content:center;gap:14px}.slider{flex:1;accent-color:#5c35c9}.seq-badge{background:#5c35c9;color:#fff;border-radius:8px;padding:4px 14px;font-weight:700;font-size:1.1rem;min-width:44px;text-align:center}.spinner{width:90px;padding:8px 10px;background:#0f0f1a;border:2px solid #3a3a55;border-radius:10px;color:#e8e8f0;font-size:1.15rem;font-weight:700;font-family:inherit;text-align:center;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:number-input}.spinner:focus{border-color:#5c35c9;box-shadow:0 0 0 3px #5c35c94d}.spinner::-webkit-inner-spin-button,.spinner::-webkit-outer-spin-button{opacity:1;cursor:pointer}.playing-screen{gap:32px}.playing-hint{font-size:1.2rem;font-weight:600;color:#5c35c9}.progress-dots{display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#3a3a55;transition:background .2s,transform .2s}.dot-active{background:#5c35c9;transform:scale(1.35)}.dot-done{background:#a48ce8}.answer-header h2{font-size:1.4rem;font-weight:700}.answer-hint{color:#8080a0;font-size:.9rem;display:block;margin-top:4px}.answer-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.result-screen{gap:20px;padding-top:32px}.result-score{font-size:3.5rem;font-weight:900;color:#e63946;line-height:1}.result-score.score-perfect{color:#2dc653}.score-sep{color:#aaa;margin:0 6px}.score-total{color:#aaa}.score-msg{font-size:1.2rem;font-weight:600;color:#c0c0d8}.result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.btn-back-result{background:linear-gradient(135deg,#5c35c9,#7c3aed);color:#fff!important;border:none;border-radius:50px;padding:9px 18px 9px 13px;font-size:.88rem;font-weight:700;font-family:inherit;display:flex;align-items:center;gap:7px;box-shadow:0 5px 20px #5c35c98c,0 1px 4px #00000040;cursor:pointer;text-decoration:none!important;align-self:auto;transition:transform .18s,box-shadow .18s}.btn-back-result svg{width:17px;height:17px;flex-shrink:0;transition:transform .18s}.btn-back-result:hover{transform:translate(-4px);box-shadow:0 7px 26px #5c35c9bf,0 1px 4px #0000004d}.btn-back-result:hover svg{transform:translate(-2px)}.cell-sub{font-size:.58rem;color:#60607a;font-weight:600;text-transform:uppercase;letter-spacing:.04em}