:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:#f4f2ed;--color-text:#171717;--color-accent:#ad432c;--color-on-accent:#fff;--color-hover:#1717170f;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#111;--color-text:#f0eee9;--color-accent:#ef795b;--color-on-accent:#171717;--color-hover:#f0eee914}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f4f2ed;--color-text:#171717;--color-accent:#ad432c;--color-on-accent:#fff;--color-hover:#1717170f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#111;--color-text:#f0eee9;--color-accent:#ef795b;--color-on-accent:#171717;--color-hover:#f0eee914}*{box-sizing:border-box}body{background:var(--color-background);min-width:320px;min-height:100vh;margin:0;transition:color .18s,background-color .18s}button{font:inherit}.app-shell{grid-template-rows:auto 1fr;min-height:100svh;padding:clamp(1.25rem,3vw,2.25rem);display:grid}.app-header{justify-content:space-between;align-items:center;gap:1rem;animation:.5s ease-out both settle-in;display:flex}.brand{color:var(--color-text);letter-spacing:.06em;padding:.5rem 0;font-size:.9rem;font-weight:750;line-height:1;text-decoration:none;transition:color .16s;position:relative}.brand-accent{color:var(--color-accent)}.brand:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:.2rem;left:0;right:0;transform:scaleX(.35)}.brand:hover{color:var(--color-accent)}.brand:hover:after{opacity:1;transform:scaleX(1)}.brand:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:.15rem}.theme-toggle{width:2.75rem;min-height:2.75rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .16s,background-color .16s;display:inline-flex}.theme-toggle:hover{color:var(--color-accent);background:var(--color-hover)}.theme-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.hello-control{text-align:center;align-self:center;justify-items:center;padding-bottom:clamp(3rem,8vh,6rem);animation:.6s ease-out 80ms both settle-in;display:grid}.eye-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;min-width:clamp(7rem,18vw,10rem);min-height:clamp(7rem,18vw,10rem);padding:1rem;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.eye-button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-hover);transform:scale(1.06)rotate(-2deg)}.eye-button:active:not(:disabled){transform:scale(.98)}.eye-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}.eye-button:disabled{cursor:wait;opacity:.55}.eye{font-size:clamp(5rem,14vw,8rem);line-height:1;animation:.32s cubic-bezier(.2,.8,.2,1) blink-in;display:block}.error{min-height:1.4em;color:var(--color-accent);margin:1rem 0 0;font-size:.78rem}.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes blink-in{0%{opacity:0;transform:scaleY(.05)rotate(-8deg)}to{opacity:1;transform:scaleY(1)rotate(0)}}@keyframes settle-in{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
