:root{font-family:Inter,'Segoe UI',sans-serif;color:#24233d;background:#f7f7fc;--purple:#6552d9;--muted:#70718a;--line:#e7e6f1}*{box-sizing:border-box}body{margin:0}a{color:var(--purple);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;border-radius:12px;padding:13px 20px;background:var(--purple);color:white;font-weight:650;display:inline-block}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}.secondary{background:#eeebfc;color:var(--purple)}.danger{background:#fff0f0;color:#a53242}input,select,textarea{padding:12px;border:1px solid #d9d6e9;border-radius:10px;background:white;color:inherit;max-width:100%}textarea{width:100%;min-height:120px}label{display:grid;gap:7px;margin:15px 0;font-weight:600}header{background:white;border-bottom:1px solid var(--line);padding:19px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand{color:#292743;font-weight:850;font-size:23px;letter-spacing:-1px}.brand span{background:#ffe699;border-radius:9px;padding:5px 8px;margin-right:7px}.brand small{font-size:11px;display:block;letter-spacing:2px;margin:6px 0 0 49px}main{max-width:1180px;margin:35px auto;padding:0 24px;min-height:70vh}footer{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}h1{font-size:36px;line-height:1.17;letter-spacing:-1.2px}h2{letter-spacing:-.6px}p{line-height:1.65}.muted,small{color:var(--muted)}.hero{background:#eeebff;border-radius:28px;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px}.hero h1{font-size:52px;margin:15px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:var(--purple)}.illustration{background:#ffe7a0;border-radius:35% 55% 40% 50%;padding:45px;text-align:center;transform:rotate(-5deg)}.illustration .big{font-size:80px}.illustration p{background:white;padding:12px;border-radius:15px;transform:rotate(5deg);font-weight:700}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:22px 0}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.card h3{margin:14px 0 9px}.card .icon{height:105px;border-radius:13px;display:grid;place-items:center;background:#f0edff;font-size:44px}.tag{background:#eeebfc;color:#6754b4;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.stat{font-size:32px;font-weight:800;color:var(--purple)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs a{padding:10px 14px;border-radius:10px;background:white;border:1px solid var(--line)}.tabs a.active{background:var(--purple);color:white}.narrow{max-width:530px;margin:30px auto}.notice{padding:15px;border-radius:12px;background:#fff5d4;margin:16px 0}.success{background:#e8f8ef;color:#246246}.error{background:#ffedf0;color:#a02f46}.question{font-size:30px;font-weight:700;margin:32px 0}.options{display:grid;gap:12px}.option{text-align:left;color:#323049;background:#fff;border:2px solid var(--line);padding:18px}.option.selected{border-color:var(--purple);background:#efebff}progress{width:100%;accent-color:var(--purple);height:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 9px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}.answer{font-size:28px;width:210px}.review{border-left:4px solid var(--line);padding:5px 18px;margin:20px 0}.review.correct{border-color:#42b983}.review.wrong{border-color:#e47e8f}.empty{text-align:center;padding:35px;color:var(--muted)}.split{display:grid;grid-template-columns:2fr 1fr;gap:22px}.num{font-variant-numeric:tabular-nums}.pill{background:#fff;padding:8px 13px;border-radius:12px}form .row>*{flex:1}code{white-space:pre-wrap}details{margin:12px 0}summary{cursor:pointer;font-weight:600}@media(max-width:760px){header{position:static;align-items:flex-start;flex-direction:column}nav{gap:13px;font-size:14px}.hero{padding:26px;grid-template-columns:1fr}.hero h1{font-size:38px}.illustration{display:none}.split{grid-template-columns:1fr}h1{font-size:29px}main{padding:0 16px}.grid{grid-template-columns:1fr}.card{padding:19px}}


.vertical-multiply{font-family:Consolas,"Courier New",monospace;font-variant-numeric:tabular-nums;font-size:44px;line-height:1.35;width:4ch;margin:24px auto;text-align:right;letter-spacing:.08em;padding-right:.5ch}.multiply-rule{border-top:3px solid currentColor;position:relative;margin-top:8px}.multiply-rule span{position:absolute;left:100%;top:0;transform:translate(.25ch,-55%);font-size:30px}.multiply-blank{letter-spacing:.02em;color:var(--muted);line-height:1.1}.review .vertical-multiply{margin:16px 0;font-size:30px}

.password-field{display:flex;gap:8px;align-items:stretch;margin-bottom:18px}.password-field input{flex:1;min-width:0;width:100%}.password-field button{flex:none;padding:10px 12px;font-size:14px}

.music-notation{display:block;width:min(100%,300px);height:auto;margin:14px auto;color:#24233d;background:#fff;border-radius:10px}.option .music-notation{width:min(100%,230px);margin:4px auto}.option:has(.music-notation){display:flex;flex-wrap:wrap;align-items:center;gap:12px}.review .music-notation{width:240px;margin:10px 0}.question .music-notation{max-width:320px}