:root{--bg: #0E1216;--panel: #161C22;--raised: #1F272F;--line: #2E3945;--text: #F2EFE9;--muted: #8D97A3;--faint: #97A1AD;--stroke: #5A6672;--correct: #3FBE85;--present: #E4A62B;--other: #6134C4;--wrong: #93342D;--tile-radius: 9px;--key-radius: 7px;--key-height: 46px;--state-fg: #0E1216;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-colour-blind="1"]{--correct: #8CBDF2;--present: #D2691E}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100%;max-width:520px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));gap:10px}.bar{display:flex;align-items:center;gap:10px;flex:none}.bar h1{flex-grow:1;margin:0;font-size:21px;font-weight:700;letter-spacing:1px}button{font:inherit;color:var(--text);background:var(--raised);border:0;border-radius:var(--key-radius);cursor:pointer;touch-action:manipulation}.icon{width:46px;height:var(--key-height);display:grid;place-items:center;font-size:19px;flex:none}.chip{height:var(--key-height);padding:0 14px;font-size:13px;font-weight:600;flex:none}.chip.primary{background:var(--correct);color:var(--state-fg)}.next-offer{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:20;width:min(496px,calc(100% - 24px));display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #00000073}.next-offer-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.next-offer-text strong{font-size:14px;font-weight:700}.next-offer-text span{font-size:12px;color:var(--muted)}.help-open{border-radius:50%;color:var(--present);font-weight:700;font-size:19px}.rule{height:1px;background:var(--line);flex:none}.status{flex:none;text-align:center;font-size:12px;color:var(--muted)}.status strong{color:var(--text);font-weight:600}.meaning{flex:none;margin:2px 14px 0;padding:6px 0 6px 10px;border-left:2px solid var(--line);font-size:13px;line-height:1.45;color:var(--text)}.meaning[hidden]{display:none}.goal{flex:none;text-align:center;font-size:15px;font-weight:600;color:var(--text)}.entry{flex:none;min-height:36px;display:grid;place-items:center;font-size:24px;font-weight:600;letter-spacing:2px}.entry-input{flex:none;width:100%;min-height:46px;padding:4px 10px;font:inherit;font-size:24px;font-weight:600;letter-spacing:2px;text-align:center;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--key-radius)}.entry-input:focus-visible{outline:2px solid var(--stroke);outline-offset:1px}.entry-input:disabled{background:transparent;border-color:transparent;color:var(--muted)}.entry-input::placeholder{color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}.fill{flex-grow:1;min-height:0}.keyboard{display:flex;flex-direction:column;gap:5px;flex:none}.keyboard .row{display:flex;gap:5px}.keyboard button{flex:1 1 0;min-width:0;height:var(--key-height);background:var(--line);font-size:15px;font-weight:600;padding:0;transform-origin:bottom center;transition:transform 90ms ease-out}.keyboard button:active{transform:scale(1.16);z-index:2;position:relative}.keyboard button.correct{background:var(--correct);color:var(--bg)}.keyboard button.present{background:var(--present);color:var(--bg)}.keyboard button.other{background:var(--other);color:var(--text)}.keyboard button.absent{background:var(--raised);color:var(--faint)}.keyboard .erase{background:var(--present);color:var(--bg);font-size:13px}.keyboard .enter{background:var(--correct);color:var(--bg);font-size:13px}.tile{display:grid;place-items:center;border-radius:var(--tile-radius);background:var(--raised);font-weight:700;-webkit-user-select:none;user-select:none}.tile.empty{background:transparent;border:2px solid var(--line)}.tile.cursor{border-color:var(--text)}.tile.correct{background:var(--correct);color:var(--bg)}.tile.present{background:var(--present);color:var(--bg)}.tile.other{background:var(--other);color:var(--text)}.tile.absent{background:var(--raised);color:var(--faint)}.tile.wrong{background:var(--wrong);color:var(--text)}.tile.coded{color:var(--muted)}.tile.coded.cursor{border-color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}.home-head{display:flex;align-items:center;gap:12px;flex:none}.home-head .name{font-size:22px;font-weight:700;letter-spacing:1px;line-height:1.1}.home-head .day{font-size:11px;color:var(--muted);letter-spacing:.4px}.head-actions{display:flex;align-items:center;gap:6px;flex:none}.chip-btn{height:var(--key-height);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.6px;background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:9px;flex:none}.progress{flex:none;display:flex;align-items:center;gap:10px;padding:0 4px;font-size:12px;color:var(--muted)}.pips{display:flex;gap:5px}.pips i{width:9px;height:9px;border-radius:2px;background:var(--raised)}.pips i.done{background:var(--correct)}#app .modes{display:grid;gap:10px;align-content:start;overflow:auto;min-height:0}#app .mode-card{display:flex;flex-direction:row;align-items:center;gap:15px;min-height:82px;padding:13px 16px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}@media(hover:hover){#app .mode-card:hover{background:var(--raised);border-color:var(--stroke);transform:translateY(-2px)}}#app .card-text{flex-grow:1;display:flex;flex-direction:column;gap:3px;min-width:0;padding:0}#app .mode-card .title{font-size:18px;font-weight:700;letter-spacing:.3px;line-height:1.2}#app .mode-card .sub{font-size:12px;color:var(--muted);line-height:1.35}#app .card-meta{flex:none;display:flex;align-items:center;gap:8px}#app .card-badge{font-family:var(--font-mono);font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--raised);color:var(--correct);white-space:nowrap}#app .card-badge.todo{color:var(--muted)}#app .card-chevron{display:inline-flex;align-items:center;color:var(--stroke)}.glyph{flex:none;width:42px;display:grid;place-items:center}.glyph i{background:var(--line)}.glyph i.correct{background:var(--correct)}.glyph i.present{background:var(--present)}.glyph i.other{background:var(--other)}.glyph i.wrong{background:var(--wrong)}.glyph.row{display:flex;gap:2px}.glyph.row i{width:12px;height:15px;border-radius:2px;display:grid;place-items:center;font-size:9px;font-weight:700;font-style:normal;color:var(--faint)}.glyph.row i.correct,.glyph.row i.present{color:var(--bg)}.glyph.comb{display:grid;grid-template-columns:15px 15px;gap:1px;justify-content:center}.glyph.comb .hex{width:15px;height:17px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.glyph.comb .hex:last-child{grid-column:1 / span 2;justify-self:center;margin-top:-5px}.glyph.bars{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.glyph.bars i{height:5px;border-radius:3px}#app .glyph-box{flex:none;width:50px;height:50px;border-radius:12px;background:var(--raised);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}#app .glyph-box>svg{display:block;width:42px;height:42px}@media(min-width:768px){#app[data-view=home]{max-width:780px;padding:24px 24px 20px;gap:14px}#app[data-view=home] .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#app[data-view=home] .mode-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:start;aspect-ratio:1 / 1;min-height:190px;padding:18px;gap:12px;border-radius:18px;overflow:hidden}#app[data-view=home] .glyph-box{grid-column:1;grid-row:1;width:60px;height:60px;border-radius:14px}#app[data-view=home] .glyph-box>svg{width:50px;height:50px}#app[data-view=home] .card-meta{grid-column:2;grid-row:1;justify-self:end;align-self:start;gap:6px}#app[data-view=home] .card-text{grid-column:1 / -1;grid-row:2;align-self:end;gap:5px}#app[data-view=home] .mode-card .sub{font-size:13px;line-height:1.38}}@media(min-width:1024px){#app[data-view=home]{max-width:820px;padding:28px 28px 24px}#app[data-view=home] .modes{gap:16px}#app[data-view=home] .mode-card{padding:20px}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;justify-content:center;padding:18px;z-index:10}.sheet .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.sheet h2{margin:0;font-size:16px;font-weight:700}.sheet .body{overflow:auto;display:flex;flex-direction:column;gap:13px}.sheet .block{display:flex;gap:10px;align-items:center}.sheet .block p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.sheet .swatches{display:flex;gap:4px;flex:none}.sheet .swatches.joined{gap:0}.sheet .swatches .tile{width:34px;height:34px;font-size:17px;border-radius:5px}.sheet .done{height:var(--key-height);background:var(--correct);color:var(--bg);font-weight:700}#toast{position:fixed;left:50%;top:68px;transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 16px;border-radius:7px;font-size:15px;font-weight:600;z-index:20}/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.m-0{margin:0}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-\[1\.15rem\]{height:1.15rem}.h-\[var\(--key-height\)\]{height:var(--key-height)}.min-h-0{min-height:0}.w-8{width:calc(var(--spacing) * 8)}.w-\[46px\]{width:46px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--key-radius\)\]{border-radius:var(--key-radius)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--line)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--bg)}.bg-border{background-color:var(--line)}.bg-card{background-color:var(--panel)}.bg-primary{background-color:var(--correct)}.bg-secondary{background-color:var(--raised)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-\[13px_14px\]{padding:13px 14px}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.4px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--text)}.text-correct{color:var(--correct)}.text-foreground{color:var(--text)}.text-muted-foreground{color:var(--muted)}.text-present{color:var(--present)}.text-primary{color:var(--correct)}.text-primary-foreground{color:var(--bg)}.text-secondary-foreground{color:var(--text)}.underline-offset-4{text-underline-offset:4px}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-secondary:hover{background-color:var(--raised)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--stroke)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--stroke)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--stroke) 50%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--correct)}.data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--bg)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--text)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--line)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}