:root{--ground:#eef1f8;--card:#fff;--ink:#17171f;--muted:#525667;--line:#dfe3ec;--soft:#f5f6fa;--violet:#5b3df5;--violet-deep:#3a22b8;--tint:#e9e4ff;--lime:#b8f15a;--read:#6ea8ff;--read-t:#dce8ff;--listen:#b78cff;--listen-t:#eee3ff;--write:#ff9a57;--write-t:#ffeadb;--speak:#3fd3a0;--speak-t:#d8f6eb;--flame:#ff7a1a;--gold:#ffc531;--good:#0b7a57;--good-t:#e3f8ef;--bad:#b42318;--bad-t:#fff1ef;--mark:#ffe08a;--on-dark:#fff;--on-dark-muted:#d9dbe5;--night:#17171f;--frame-bg:#d3d8e4;--display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--radius-card:18px;--shadow-card:0 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);margin:0}body{font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:var(--violet-deep)}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.1}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.welcome :focus-visible{outline-color:var(--on-dark)}.welcome .card :focus-visible{outline-color:var(--violet)}[hidden]{display:none!important}.wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:0;padding:16px}.card.flat{box-shadow:none}.btn{border:2px solid var(--ink);min-height:50px;box-shadow:0 4px 0 var(--ink);font:800 15px var(--body);color:var(--ink);background:var(--card);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:0 3px 0 var(--ink);color:var(--ink);transform:translateY(1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.btn.primary{background:var(--violet);color:var(--on-dark)}.btn.primary:hover{color:var(--on-dark)}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.field{border:2px solid var(--ink);background:var(--card);border-radius:14px;width:100%;min-height:52px;padding:0 14px;font-size:16px;font-weight:500}.field[aria-invalid=true]{border-color:var(--bad)}.label{font-size:14px;font-weight:700}.error{color:var(--bad);font-size:13px;font-weight:600}.seg{gap:6px;display:grid}.seg button{border:2px solid var(--ink);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;padding:0 8px;font-size:14px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink);color:var(--on-dark)}.page{flex-direction:column;gap:18px;padding-block:20px 120px;display:flex}@media (width>=880px){.page{gap:22px;padding-block:28px 56px}}