:root{--ink: #0e1626;--ink-raised: #17233b;--ink-line: #26314c;--ivory: #f2ede3;--ivory-dim: #97a1b5;--brass: #d9a441;--brass-deep: #8a6420;--madder: #c4553d;--slot-size: 3rem;--tap: 3.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--ink);background-image:radial-gradient(120% 60% at 50% 0%,#1d2b47 0%,var(--ink) 62%);color:var(--ivory);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Gujarati,Noto Sans Devanagari,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.screen{min-height:var(--app-height, 100dvh);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;max-width:26rem;margin-inline:auto;padding:calc(env(safe-area-inset-top) + 3rem) 1.5rem calc(env(safe-area-inset-bottom) + 1.5rem)}.stack{display:grid;gap:2.25rem}.langs{display:flex;justify-content:center;gap:.25rem;padding:.25rem;margin-inline:auto;border:1px solid var(--ink-line);border-radius:999px;background:#17233b99}.lang{min-height:2.25rem;padding-inline:.875rem;border:0;border-radius:999px;background:none;font:inherit;font-size:.8125rem;font-weight:500;color:var(--ivory-dim);cursor:pointer;transition:color .16s ease,background .16s ease}.lang:hover{color:var(--ivory)}.lang[aria-pressed=true]{background:var(--brass);color:#17130a;font-weight:600}.masthead{text-align:center}.mark{display:block;margin:0 auto 1.5rem;width:3.25rem;height:3.25rem}.mark__arch{fill:none;stroke:var(--brass);stroke-width:1.75;stroke-linecap:round;opacity:.6}.mark__lamp{fill:var(--brass);filter:drop-shadow(0 0 6px rgba(217,164,65,.55))}.wordmark{font-size:1.625rem;font-weight:600;letter-spacing:-.02em;line-height:1.1}.wordmark__os{display:block;margin-top:.4375rem;font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--brass)}.prompt{text-align:center;font-size:1.0625rem;font-weight:500;line-height:1.45;text-wrap:balance}.entry{position:relative;margin-top:1.5rem}.entry__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;font-size:1rem;cursor:pointer}.slots{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;pointer-events:none}.slot{aspect-ratio:3 / 4;min-height:var(--slot-size);display:grid;place-items:center;border:1px solid var(--ink-line);border-radius:.625rem;background:var(--ink-raised);font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--ivory);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.slot[data-state=filled]{border-color:var(--brass-deep);background:#1c2740;box-shadow:0 0 0 1px var(--brass-deep),0 0 18px -6px var(--brass)}.entry__input:focus-visible~.slots .slot[data-state=next],.entry__input:focus~.slots .slot[data-state=next]{border-color:var(--brass);box-shadow:0 0 0 2px #d9a44147}.entry[data-invalid=true] .slot{border-color:var(--madder);animation:nudge .32s ease}@keyframes nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.message{min-height:1.25rem;text-align:center;font-size:.875rem;color:var(--ivory-dim)}.message[data-tone=error]{color:var(--madder)}.expiry{min-height:1.125rem;margin-top:.5rem;text-align:center;font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--ivory-dim);transition:color .3s ease}.expiry[data-tone=urgent]{color:var(--brass)}.actions{display:grid;gap:.75rem}.button{min-height:var(--tap);border:1px solid transparent;border-radius:.75rem;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .16s ease,opacity .16s ease}.button--primary{background:var(--brass);color:#17130a}.button--primary:hover:not(:disabled){background:#e5b558}.button--primary:disabled{background:var(--ink-raised);color:var(--ivory-dim);border-color:var(--ink-line);cursor:not-allowed}.button--quiet{background:none;color:var(--ivory-dim)}.button--quiet:hover:not(:disabled){color:var(--ivory)}.button--quiet:disabled{opacity:.5;cursor:default}:where(a,button,input):focus-visible{outline:2px solid var(--brass);outline-offset:3px}.footer{text-align:center;font-size:.75rem;color:var(--ivory-dim);opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body[data-compact=false] .screen{justify-content:center;gap:2.5rem}body[data-compact=false] .footer{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 1.5rem)}body[data-compact=true] .screen{justify-content:flex-start;gap:1.25rem;padding-top:calc(env(safe-area-inset-top) + 1rem)}body[data-compact=true] .mark{display:none}body[data-compact=true] .wordmark{font-size:1.25rem}body[data-compact=true] .wordmark__os{margin-top:.25rem;font-size:.75rem}body[data-compact=true] .stack{gap:1rem}body[data-compact=true] .entry{margin-top:1rem}body[data-compact=true] .footer{display:none}