:root{color-scheme:dark;--gold:#d9b681;--ink:#f5f1ea;--muted:#adbbcd;--stroke:#bca5774e}
*{box-sizing:border-box}html{font-size:15px}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 46% 0,#314056 0,#152237 32%,#070e1b 84%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;padding:30px 15px}
.panel{width:min(100%,570px);margin:auto;background:linear-gradient(142deg,#1e2b3ce8,#081321ed);border:1px solid var(--stroke);border-radius:26px;padding:28px;box-shadow:0 30px 85px #0009}
.eyebrow{letter-spacing:.19em;font-size:11px;font-weight:800;color:var(--gold)}h1{font-size:25px;letter-spacing:-.02em;line-height:1.18;margin:13px 0}h2{font-size:17px;margin:0 0 13px;color:#f8ead8}h3{font-size:15px;margin:3px 0 8px}header{margin-bottom:23px}.pill{display:inline-flex;padding:5px 11px;border:1px solid var(--stroke);border-radius:100px;background:#c6a66c21;color:var(--gold);font-size:12px;font-weight:700}
p{margin:9px 0}.intro{color:var(--muted);margin:15px 0}.card{margin:16px 0;padding:19px;background:#0c1b2bd7;border:1px solid #76899b3c;border-radius:19px}.muted{color:var(--muted);font-size:13px}
label{display:block;font-size:12px;font-weight:720;margin:13px 0 6px}input,select{font:inherit;width:100%;padding:12px 13px;background:#081424;border:1px solid #697e92;border-radius:11px;outline:none;color:white}
input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a67030}button{display:block;width:100%;margin-top:14px;cursor:pointer;color:#eef3f8;background:#2b3a4d;border:1px solid #a9a6a35a;border-radius:11px;font:inherit;font-weight:700;padding:11px 14px}
button.primary{background:linear-gradient(120deg,#e5c38f,#b58b56);color:#111724;border-color:transparent}button:disabled{opacity:.56;cursor:not-allowed}
#status,.result{border:1px solid #6e88ab59;background:#16273d;border-radius:11px;padding:11px;overflow-wrap:anywhere}#status{color:#e2ebf7}
.warn{color:#f3c7a9;font-size:12px}.hidden{display:none!important}.divider{margin:22px 0;border-top:1px solid var(--stroke)}
.phrase{margin-top:18px;background:#172032;border:1px solid #d7ad7373;border-radius:15px;padding:14px}.words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word{color:#f5f5ef;background:#0d182a;border:1px solid #68778965;padding:10px;border-radius:9px;font-size:13px;overflow-wrap:anywhere}.word b{color:var(--gold);margin-right:8px;font-size:11px}
footer{font-size:11px;color:#9eacbc;margin-top:25px}.card:focus-within{border-color:#b49b7573}@media(max-width:440px){.panel{padding:17px}.card{padding:15px}h1{font-size:21px}}
.window-clock{margin-top:12px;padding:11px 13px;border:1px solid #bca57778;border-radius:11px;color:#ffe3b5;background:#d4aa6720;font-variant-numeric:tabular-nums;font-size:13px;font-weight:750}.window-clock.expired{border-color:#ae817860;color:#f3bfa6;background:#b75f4820}.window-clock.active{border-color:#8cba9770;color:#d3ebd6;background:#6ba87c20}button:disabled{cursor:not-allowed!important;opacity:.48!important}