:root{--main-x-padding: 5rem;--nav-height: 3.5rem;--bottom-nav-height: 0px;--color-bg: #fbfbf9;--color-primary: #7a8974;--color-secondary: #d9d2c5;--color-accent: #3a4f3f;--color-text: var(--color-accent);--color-accent-tint: rgb(58 79 63 / .08);--color-on-accent: #fff;--color-muted: var(--color-primary);--color-surface: #fff;--color-border: var(--color-secondary);--color-divider: var(--color-secondary);--color-shadow: rgb(58 79 63 / .15);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--color-bg: #161b17;--color-primary: #9aab93;--color-secondary: #3d463e;--color-accent: #dbe5d6;--color-accent-tint: rgb(219 229 214 / .08);--color-on-accent: #161b17;--color-surface: #1e2420;--color-shadow: rgb(0 0 0 / .4)}}@media (max-width: 640px){:root{--nav-height: 0px;--bottom-nav-height: calc(4.25rem + env(safe-area-inset-bottom)) }}@font-face{font-family:ApercuLight;src:url("./media/ApercuLight-HOL4ST5Z.ttf") format("truetype"),url("./media/ApercuLight-NXQMNDZT.otf") format("opentype");font-weight:400}@font-face{font-family:ApercuBold;src:url("./media/ApercuBold-5HG6JK4H.ttf") format("truetype"),url("./media/ApercuBold-55SJUFIY.otf") format("opentype")}html,body{margin:0;min-height:100vh;font-family:ApercuLight,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}h1{font-family:ApercuBold,Arial,sans-serif;color:var(--color-primary)}.input{box-sizing:border-box;height:3rem;padding:0 1rem;font:1rem ApercuLight,Arial,sans-serif;color:var(--color-text);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-secondary) 50%,transparent);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--color-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3rem;padding:0 1.5rem;font:1rem ApercuBold,Arial,sans-serif;color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:.75rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s,transform .15s;-webkit-tap-highlight-color:transparent}.btn:hover{background:color-mix(in srgb,var(--color-secondary) 10%,var(--color-surface))}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-secondary) 50%,transparent)}.btn.primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn.primary:hover{background:color-mix(in srgb,var(--color-accent) 90%,transparent)}.btn.primary:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 20%,transparent)}.btn.ghost{font-size:.875rem;color:var(--color-primary);background:transparent;border-color:transparent}.btn.ghost:hover{color:var(--color-accent);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.stagger>*{animation:fade-in-up .6s ease-out both}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.2s}.stagger>:nth-child(4){animation-delay:.3s}.stagger>:nth-child(5){animation-delay:.4s}.stagger>:nth-child(n+6){animation-delay:.5s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion: reduce){.stagger>*{animation:none}}
