:root{--bg:#f6f5f1;--fg:#1d1d1f;--muted:#6b6b70;--tile:#fff;--border:#d4d3cd;--correct:#3f9d5a;--misplaced:#d6a21e;--incorrect:#8a8a8f;--key:#e3e2dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161618;--fg:#ececee;--muted:#9a9aa0;--tile:#232326;--border:#3a3a3f;--key:#2e2e33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:16px;display:flex}header{justify-content:space-between;align-items:center;width:100%;display:flex}h1{letter-spacing:.04em;margin:0;font-size:1.8rem}.day{color:var(--muted);font-size:1rem;font-weight:500}.note{color:var(--muted);margin:0;font-size:.85rem}.countdown{color:var(--muted);margin:0}.countdown strong{color:var(--fg);font-variant-numeric:tabular-nums}.credit{color:var(--muted);margin:0;font-size:.75rem}.credit a{color:inherit}.hint{color:var(--muted);text-align:center;margin:0;font-size:.9rem;line-height:1.6}.tag{color:#fff;white-space:nowrap;border-radius:4px;padding:1px 6px}.correct{background:var(--correct)}.misplaced{background:var(--misplaced)}.incorrect{background:var(--incorrect)}.board{flex-direction:column;gap:6px;display:flex}.row{align-items:center;gap:12px;display:flex}.tiles{gap:5px;display:flex}.tile{border:2px solid var(--border);background:var(--tile);text-transform:uppercase;border-radius:6px;place-items:center;width:46px;height:46px;font-size:1.4rem;font-weight:700;display:grid}.row.active .tile{border-color:var(--muted)}.tile.filled{background:var(--key);border-color:#0000}.tile.is-correct{background:var(--correct);color:#fff}.tile.is-misplaced{background:var(--misplaced);color:#fff}.tile.is-incorrect{background:var(--incorrect);color:#fff}.score{gap:4px;width:96px;display:flex}.count{color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:grid}.message{min-height:1.4em;margin:0;font-weight:600}.keyboard{flex-direction:column;gap:6px;width:100%;display:flex}.krow{justify-content:center;gap:4px;display:flex}.key{background:var(--key);max-width:44px;height:50px;color:var(--fg);text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;flex:1;font-size:1.05rem;font-weight:600}.key.wide{flex:1.6;max-width:76px;font-size:.8rem}.key:active{filter:brightness(.9)}button{font:inherit}.actions{align-items:center;gap:8px;display:flex}.icon.round{border:2px solid var(--muted);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:1rem;font-weight:700;line-height:1;display:grid}.icon{cursor:pointer;color:var(--fg);background:0 0;border:0;font-size:1.4rem}.primary{background:var(--correct);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 28px;font-weight:700}.overlay{background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:24px;display:flex;position:relative}.modal h2,.modal h3{margin:0}.close{font-size:1.1rem;position:absolute;top:10px;right:12px}.numbers{text-align:center;color:var(--muted);grid-template-columns:repeat(4,1fr);gap:8px;font-size:.75rem;display:grid}.numbers strong{color:var(--fg);font-size:1.6rem;display:block}.histogram{flex-direction:column;gap:4px;width:100%;display:flex}.hrow{align-items:center;gap:8px;display:flex}.hlabel{text-align:right;width:14px;font-weight:600}.bar{background:var(--incorrect);color:#fff;text-align:right;border-radius:3px;min-width:22px;padding:2px 6px;font-size:.85rem;font-weight:600}.bar.hl{background:var(--correct)}.bar.lost{background:#b9534b}@media (width<=400px){.tile{width:38px;height:38px;font-size:1.15rem}.score{width:84px}.count{width:24px;height:24px}}