:root{--ink:oklch(31% .065 240);--accent:oklch(45% .125 242);--paper:oklch(97.5% .009 235);--muted:oklch(46% .07 237)}*{box-sizing:border-box}body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:var(--ink);background:var(--paper)}.practice{text-align:center;background:oklch(94% .032 233);padding:9px 16px;font-size:12px;color:var(--muted)}main{max-width:420px;margin:10vh auto;padding:30px 24px}.brand{font-size:30px;letter-spacing:6px;font-weight:650;margin-bottom:36px}.brand span{display:block;font-size:12px;letter-spacing:4px;color:var(--muted);margin-top:4px}h1{font-size:26px;margin:0 0 12px}p{color:var(--muted)}label{display:block;margin:26px 0 8px;font-weight:550}input,button{font:inherit;width:100%;min-height:48px;border-radius:8px;padding:11px 14px}input{border:1px solid oklch(75% .035 235);color:var(--ink);background:oklch(99.5% .003 235)}button{margin-top:18px;border:0;background:var(--accent);color:oklch(99.5% .003 235);font-weight:650;cursor:pointer}button:hover{background:oklch(39% .11 242)}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:3px solid oklch(62% .12 235);outline-offset:3px}small{font-size:12px;color:var(--muted)}#feedback{min-height:24px}@media(max-width:480px){main{margin:5vh auto;padding:28px 24px}}