:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#eff5f7;background:#111c26;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}main{width:min(960px,100%);margin:auto;min-height:100svh;padding:38px 40px max(26px,env(safe-area-inset-bottom));display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:18px;letter-spacing:-.5px;font-weight:600}.brand-mark{color:#6ce4c1}.tag{font-size:14px;color:#9daeba}.surface{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:40px 0}.eyebrow{font-size:14px;color:#92a6b5;letter-spacing:2px;margin-bottom:32px}.card{border:0;background:transparent;color:inherit;width:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;cursor:pointer;border-radius:22px;padding:24px 12px}.card:disabled{cursor:default;opacity:1}#word{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,9vw,88px);line-height:1.15;overflow-wrap:anywhere;max-width:100%;letter-spacing:-1.5px}.meaning{min-height:2.8em;font-size:22px;color:#c1d3dd;line-height:1.4;text-align:center;max-width:650px}.hint{font-size:14px;color:#91a5b4;text-align:center;line-height:1.7;margin-top:18px}.feedback{position:absolute;bottom:12%;color:#6ce4c1;font-size:14px;opacity:0}.feedback.flash{animation:flash .45s ease-out}@keyframes flash{0%,45%{opacity:1}100%{opacity:0}}footer{border-top:1px solid #2b3945;padding-top:24px}.controls{display:flex;justify-content:center;gap:12px}.primary,.secondary,#retry{border-radius:12px;padding:16px 28px;min-height:54px;cursor:pointer;font-size:16px}.primary{background:#6ce4c1;color:#102923;border:0;min-width:210px;font-weight:600}.primary span{margin-left:30px}.secondary,#retry{background:transparent;color:#c5d3dc;border:1px solid #455562}.primary:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid #6ce4c1;outline-offset:5px}footer p{font-size:14px;color:#8fa3b3;text-align:center;line-height:1.7;margin:18px 0 0}#retry{display:block;margin:12px auto}[hidden]{display:none!important}@media(max-width:600px){main{padding:26px 22px max(22px,env(safe-area-inset-bottom))}.tag{display:none}.surface{min-height:330px;padding:28px 0}.card{min-height:230px;padding:20px 0}.meaning{font-size:20px}.eyebrow{margin-bottom:18px}.feedback{bottom:8%}.primary{flex:1;min-width:0}.secondary{padding-inline:24px}}@media(prefers-reduced-motion:reduce){.feedback.flash{animation-duration:.15s}}
.setup{display:flex;justify-content:center;gap:28px;margin:32px 0 0}.setup label{display:flex;gap:12px;align-items:center;font-size:14px;color:#aabcc7}.setup select{font:inherit;font-size:16px;min-height:44px;max-width:140px;color:#e7f0f4;background:#1b2b37;border:1px solid #3b4f5e;border-radius:9px;padding:8px 32px 8px 12px}.session-meter{margin:0 0 20px}.meter-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#9cafbd;font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:3px;margin-top:10px;border:0;border-radius:2px;background:#2b3945;overflow:hidden}progress::-webkit-progress-bar{background:#2b3945}progress::-webkit-progress-value{background:#7c9c99}progress::-moz-progress-bar{background:#7c9c99}.results{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;min-height:350px}.results h1{font-weight:500;font-size:28px;margin:0 0 40px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%;margin:0;text-align:center}.result-grid dt{font-size:14px;color:#9fb4c1;margin-bottom:12px}.result-grid dd{font-size:38px;font-variant-numeric:tabular-nums;margin:0;color:#eaf5f5}.result-caption{font-size:14px;color:#93a8b6;text-align:center;line-height:1.8;margin:32px 0 0}footer .lifetime{color:#a3b7c3;margin-top:16px}footer #note{font-size:14px;margin-top:10px}body.has-results .setup{order:0}@media(max-width:600px){.setup{gap:16px;margin-top:26px;justify-content:space-between}.setup label{flex:1;flex-direction:column;align-items:stretch;gap:8px}.setup select{max-width:none;width:100%}.result-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px}.result-grid dd{font-size:34px}.results h1{font-size:25px;margin-bottom:30px}.results{min-height:320px}.meter-label{font-size:14px}.surface{min-height:280px}.eyebrow{letter-spacing:1px}.card{min-height:190px}.hint{margin-top:10px}}
.account-row{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:20px;font-size:14px;color:#aabcc7}.account-row label{display:flex;align-items:center;gap:10px}.account-row select{font:inherit;color:#e7f0f4;background:#1b2b37;border:1px solid #3b4f5e;border-radius:8px;padding:7px 10px;min-height:40px}.account-row a{color:#aabcc7;text-decoration:underline;text-underline-offset:4px}.setup{flex-wrap:wrap;gap:18px}.setup select{max-width:180px}@media(max-width:600px){.setup{gap:14px}.setup .library-field{flex-basis:100%}.setup select{max-width:none}.tag{display:block;font-size:14px}.brand{font-size:16px}.account-row{margin-top:12px}.surface{padding-top:16px;padding-bottom:20px}.setup{margin-top:20px}}