*{box-sizing:border-box}body{color:#2d2923;background:radial-gradient(circle at 18% 18%,#ffcfa6b8,#0000 30%),radial-gradient(circle at 82% 20%,#ffe8b89e,#0000 28%),linear-gradient(135deg,#fff6e8 0%,#ffd9c7 46%,#e9efd4 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:#3a2f25;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff57;border:1px solid #5b48306b;border-radius:999px;min-width:180px;padding:11px 18px;font-size:15px}button:hover{background:#ffffff80;border-color:#5b4830bf}.shell{justify-content:center;align-items:center;min-height:100vh;padding:56px 28px;display:flex}.login-entry{z-index:10;min-width:92px;position:fixed;top:24px;right:28px}.practice{text-align:center;width:min(920px,100%)}.topline{text-align:left;justify-content:space-between;gap:24px;margin-bottom:92px;display:flex}.sync-line,.ab-metrics{color:#8a7460;margin:0 0 6px;font-size:13px}.ab-metrics{justify-content:center;gap:24px;margin-bottom:10px;display:flex}.ab-metrics .muted{color:#8a7460;margin:0;font-size:12px}.eyebrow{color:#8a7460;text-transform:uppercase;margin:0;font-size:13px}h1{margin:0 0 18px;font-size:clamp(72px,13vw,156px);font-weight:700;line-height:1}.word{justify-content:center;gap:.04em;display:flex}.letter{color:#342d26;transition:color .12s,transform .12s;display:inline-block}.letter.correct{color:#2f9d6a}.letter.wrong{color:#c74842}.letter.shake{animation:.16s ease-in-out shake}.muted{color:#8a7460;margin:0 0 24px}.status{color:#8a7460;text-align:right;margin:0}.meaning{color:#5a4b3c;margin:0 0 44px;font-size:32px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c2b1c3d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal{background:#fffaf0e0;border:1px solid #5b48303d;border-radius:16px;width:min(380px,100%);padding:24px;box-shadow:0 24px 70px #452f1838}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:24px}.icon-button{width:36px;min-width:36px;height:36px;padding:0;font-size:24px;line-height:1}.login-modal label{color:#6b5948;margin-bottom:16px;font-size:14px;display:block}.login-modal input{color:#2d2923;width:100%;font:inherit;background:#ffffffc7;border:1px solid #5b483047;border-radius:10px;outline:none;margin-top:8px;padding:12px 13px}.login-modal input:focus{border-color:#5b4830ad}.login-submit{background:#ffffff8f;width:100%;margin-top:4px}.auth-message{color:#6b5948;margin:10px 0 0;font-size:14px}.auth-switch{gap:8px;margin-top:14px;display:grid}.text-button{color:#6b5948;background:0 0;border:none;border-bottom:1px dashed #6b594899;border-radius:0;width:fit-content;min-width:auto;padding:0;font-size:14px}.text-button:hover{background:0 0;border-bottom-color:#6b5948e6}@keyframes shake{0%{transform:translate(0)}35%{transform:translate(-8px)}70%{transform:translate(7px)}to{transform:translate(0)}}@media (width<=640px){.shell{padding:32px 20px}.login-entry{top:16px;right:16px}.topline{margin-bottom:72px;display:block}.status{text-align:left;margin-top:10px}.meaning{font-size:26px}}