:root{--bg: #0e1520;--panel: #16202e;--panel-2: #1d2938;--line: #2a3a4d;--text: #e8eef6;--muted: #8ba0b8;--accent: #4ecdc4;--accent-dim: #2f8f88;--warn: #f6c453;--bad: #ef6f6c;--good: #6bcf7f}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;display:flex;justify-content:center;font-variant-numeric:tabular-nums}.app{width:100%;max-width:460px;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}header{text-align:center}.wordmark{font-size:1.9rem;font-weight:800;letter-spacing:-.03em}.wordmark span{color:var(--accent)}.tagline{color:var(--muted);font-size:.92rem;margin-top:.15rem}.puzzle-no{color:var(--muted);font-size:.82rem;margin-top:.5rem;letter-spacing:.06em;text-transform:uppercase}.range-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;text-align:center}.range-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.range-values{font-size:1.9rem;font-weight:700;margin-top:.25rem}.range-values .sep{color:var(--muted);margin:0 .5rem;font-weight:400}.range-meta{color:var(--muted);font-size:.85rem;margin-top:.35rem}.range-meta.solved{color:var(--good);font-weight:700}.twists{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.twist{background:var(--panel-2);border:1px solid var(--line);color:var(--warn);border-radius:999px;padding:.28rem .7rem;font-size:.78rem}form{display:flex;gap:.5rem}input[type=number]{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:1.5rem;font-family:inherit;font-variant-numeric:tabular-nums;padding:.7rem .9rem;text-align:center;min-width:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent);color:#06121a;border:0;border-radius:12px;font:inherit;font-weight:700;padding:.7rem 1.2rem;cursor:pointer}button:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.rejection{color:var(--bad);font-size:.88rem;text-align:center;min-height:1.2em}.history{display:flex;flex-direction:column;gap:.4rem}.guess-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.55rem .85rem}.guess-row .value{font-size:1.15rem;font-weight:700}.guess-row .verdict{font-size:.9rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.guess-row.correct{border-color:var(--good)}.guess-row.mine{border-color:var(--bad)}.result{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.result h2{font-size:1.3rem}.result .answer{color:var(--muted);font-size:.95rem}.grid{font-size:1.5rem;letter-spacing:.12em;word-break:break-all}.stats{display:flex;justify-content:space-around;gap:.5rem}.stat .n{font-size:1.4rem;font-weight:700}.stat .k{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.next{color:var(--muted);font-size:.85rem}.modes,.levels{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600}.chip.on{background:var(--accent);border-color:var(--accent);color:#06121a}.code-slots{display:flex;gap:.5rem;justify-content:center;margin-top:.4rem}.slot{width:2.6rem;height:3.1rem;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;font-size:1.7rem;font-weight:700}.value.code{letter-spacing:.24em}.verdict .dot{margin:0 .45rem;opacity:.5}.verdict .exact{color:var(--good);font-size:1.05rem}.verdict .partial{color:var(--warn);font-size:1.05rem}input[type=text]{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);font:inherit;font-size:1.5rem;font-variant-numeric:tabular-nums;letter-spacing:.3em;padding:.7rem .9rem;text-align:center;min-width:0}footer{color:var(--muted);font-size:.78rem;text-align:center;margin-top:auto}@media(prefers-reduced-motion:no-preference){.guess-row{animation:rise .16s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}}