@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root:root{--bg:#141416;--raised:#1c1c1f;--sunken:#101012;--ink:#ece9e2;--ink-2:#ece9e2a3;--ink-3:#ece9e266;--ink-4:#ece9e238;--fill-1:#ece9e212;--fill-2:#ece9e221;--line:#2a2a2e;--you:#f2a93b;--you-soft:#f2a93b29;--ghost:#ece9e28c;--tint-face:#d68a96;--tint-shade:#8fb8a8;--tint-circle:#9aa6d6;--tint-count:#c9b27a;--font:var(--font-geist-sans), "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:var(--font-geist-mono), "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);font-weight:var(--weight);font-size:var(--fs-md);letter-spacing:var(--tracking-ui);padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);flex-direction:column;margin:0;line-height:1.45;display:flex}h1,h2,h3,p{font-weight:var(--weight);margin:0}a{color:inherit}button,input{font:inherit;letter-spacing:inherit;color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.site-header{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding-block:14px;display:flex}.wordmark{font-size:var(--fs-lg);letter-spacing:-.03em;text-decoration:none}.icon-button{border-radius:var(--radius-pill);background:var(--fill-1);width:40px;height:40px;color:var(--ink-2);cursor:pointer;transition:transform var(--dur-release) var(--ease-swift), background var(--dur-ui) var(--ease-out);border:0;place-items:center;display:grid}.icon-button:active{transition-duration:var(--dur-press);transform:scale(.96)}.site-footer{gap:var(--space-5);padding-block:var(--space-6) var(--space-5);font-size:var(--fs-sm);color:var(--ink-3);justify-content:center;margin-top:auto;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink-2)}.screen{width:100%;max-width:960px;padding-block:var(--space-5) var(--space-7);animation:enter var(--dur-screen) var(--ease-out) both;margin:0 auto}.eyebrow{font-size:var(--fs-sm);color:var(--ink-3);letter-spacing:0}.pill{border-radius:var(--radius-pill);background:var(--fill-1);min-height:44px;color:var(--ink);font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-release) var(--ease-swift), background var(--dur-ui) var(--ease-out), opacity var(--dur-ui);border:0;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.pill:active{transition-duration:var(--dur-press);transform:scale(.96)}.pill:disabled{opacity:.5;cursor:default}.pill--primary{background:var(--ink);color:var(--bg)}.pill--quiet{color:var(--ink-2);background:0 0}.pill--large{min-height:52px;font-size:var(--fs-lg);padding:0 28px}@media (hover:hover){.pill:hover:not(:disabled){transform:scale(1.04)}.pill:not(.pill--primary):hover:not(:disabled),.icon-button:hover{background:var(--fill-2)}}.demo-canvas{aspect-ratio:1;background:var(--sunken);width:100%;max-width:100%;margin-bottom:var(--space-2);border-radius:14px}.intro{align-items:flex-start;gap:var(--space-4);max-width:560px;padding-top:var(--space-7);flex-direction:column;display:flex}.intro__title{font-size:var(--fs-display);letter-spacing:var(--tracking-display);line-height:.95}.intro__premise{font-size:var(--fs-lg);color:var(--ink-2);text-wrap:pretty;max-width:44ch}.intro__modes{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.notice{background:var(--fill-1);color:var(--ink-2);font-size:var(--fs-md);border-radius:14px;padding:12px 16px}.prose{gap:var(--space-3);flex-direction:column;max-width:64ch;display:flex}.prose h1{letter-spacing:var(--tracking-display);margin-bottom:var(--space-3);font-size:clamp(32px,7vw,56px)}.prose h2{font-size:var(--fs-xl);margin-top:var(--space-5)}.prose p{color:var(--ink-2);font-size:var(--fs-lg)}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}::view-transition-group(face-card){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(lights-card){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(shade-card){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(circle-card){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(count-card){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(face-card){border-radius:28px;overflow:clip}::view-transition-image-pair(lights-card){border-radius:28px;overflow:clip}::view-transition-image-pair(shade-card){border-radius:28px;overflow:clip}::view-transition-image-pair(circle-card){border-radius:28px;overflow:clip}::view-transition-image-pair(count-card){border-radius:28px;overflow:clip}::view-transition-old(face-card){object-fit:cover;height:100%;animation:.11s ease-out both vt-fade-out}::view-transition-old(lights-card){object-fit:cover;height:100%;animation:.11s ease-out both vt-fade-out}::view-transition-old(shade-card){object-fit:cover;height:100%;animation:.11s ease-out both vt-fade-out}::view-transition-old(circle-card){object-fit:cover;height:100%;animation:.11s ease-out both vt-fade-out}::view-transition-old(count-card){object-fit:cover;height:100%;animation:.11s ease-out both vt-fade-out}::view-transition-new(face-card){object-fit:cover;height:100%;animation:.3s ease-out 40ms both vt-fade-in}::view-transition-new(lights-card){object-fit:cover;height:100%;animation:.3s ease-out 40ms both vt-fade-in}::view-transition-new(shade-card){object-fit:cover;height:100%;animation:.3s ease-out 40ms both vt-fade-in}::view-transition-new(circle-card){object-fit:cover;height:100%;animation:.3s ease-out 40ms both vt-fade-in}::view-transition-new(count-card){object-fit:cover;height:100%;animation:.3s ease-out 40ms both vt-fade-in}::view-transition-old(root){animation:.12s ease-out both vt-fade-out}::view-transition-new(root){animation:.26s ease-out .12s both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}