@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Reenie Beanie;src:url(/fonts/ReenieBeanie-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{--shade: #20261C;--shade-2: #1A2016;--terrain: #262E20;--panel: #2E3628;--raised: #39422F;--moss: #4A5C33;--fairway: #6E8746;--fescue: #8A9075;--fescue-2: #A3A88C;--sand: #E3C98F;--paper: #E9DFC6;--cream: #F7EFDD;--flag: #C0512F;--flag-deep: #7C2E1A;--float: #12160F;--tx: #E9DFC6;--tx-2: #BCC0A6;--tx-3: #8A9075;--tx-label: #A3A88C;--ink: #20261C;--ink-2: #6A705A;--line: #4A5340;--line-2: #333C2C;--line-paper: #C9C0A6;--r-card: 16px;--r-pill: 28px;--r-sm: 12px;--maxw: 460px;--sans: "Exo 2", system-ui, -apple-system, sans-serif;--hand: "Reenie Beanie", "Segoe Script", cursive;--e0: inset 0 3px 6px rgba(9,13,7,.6), inset 0 -1px 0 rgba(233,223,198,.05);--e1: 0 3px 6px -3px rgba(9,13,7,.55), inset 0 1px 0 rgba(233,223,198,.07);--e2: 0 10px 20px -10px rgba(9,13,7,.72), 0 2px 4px -2px rgba(9,13,7,.5), inset 0 1px 0 rgba(233,223,198,.09);--e3: 0 20px 36px -16px rgba(9,13,7,.82), 0 5px 10px -5px rgba(9,13,7,.55), inset 0 1px 0 rgba(233,223,198,.11);--e4: 0 30px 50px -20px rgba(9,13,7,.88), 0 8px 16px -8px rgba(9,13,7,.65), inset 0 1px 0 rgba(233,223,198,.13);--e-btn: 0 12px 22px -10px rgba(9,13,7,.8), inset 0 2px 0 rgba(255,255,255,.65);--e-flag: 0 12px 22px -10px rgba(9,13,7,.8), inset 0 2px 0 rgba(255,255,255,.26);--e-paper: 0 14px 26px -12px rgba(9,13,7,.75), 0 3px 6px -3px rgba(9,13,7,.5), inset 0 1px 0 rgba(255,255,255,.6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--shade);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button,input,select,textarea{font-family:inherit}a{color:var(--sand);text-decoration:none}a:hover{color:var(--flag)}::-webkit-scrollbar{width:0;height:0}.tnum{font-variant-numeric:tabular-nums}.app{max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:var(--shade);display:flex;flex-direction:column;position:relative;box-shadow:0 0 80px -20px #090d07b3}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;max-width:var(--maxw);margin:0 auto;background:url(/paint/noise.png);opacity:.16;pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:18px 20px calc(26px + env(safe-area-inset-bottom))}.pad-dock{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.safe-top{padding-top:calc(12px + env(safe-area-inset-top))}.surf-well{background-color:var(--shade-2);box-shadow:var(--e0)}.surf-panel{background-color:var(--panel);background-image:linear-gradient(#2e3628d6,#2e3628d6),url(/paint/noise.png);box-shadow:var(--e1)}.surf-raised{background-color:var(--raised);background-image:linear-gradient(#39422fd6,#39422fd6),url(/paint/noise.png);box-shadow:var(--e2)}.surf-lifted{background-color:var(--raised);background-image:linear-gradient(#39422fd6,#39422fd6),url(/paint/noise.png);box-shadow:var(--e3)}.surf-paper{background-color:var(--paper);background-image:linear-gradient(#e9dfc6e0,#e9dfc6e0),url(/paint/noise.png);box-shadow:var(--e-paper);color:var(--ink)}.surf-flag{background-color:var(--flag);background-image:linear-gradient(#c0512fe0,#c0512fe0),url(/paint/noise.png);box-shadow:var(--e-flag);color:var(--cream)}.hand{font-family:var(--hand);font-weight:400}.display{font:300 30px/1.06 var(--sans);letter-spacing:-.015em;color:var(--tx);margin:0}.eyebrow{font:600 10px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--fescue)}.btn{height:56px;border:none;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);box-shadow:var(--e-btn);font:600 15px var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:transform .12s cubic-bezier(.23,1,.32,1),filter .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:hover{filter:brightness(1.04)}.btn:disabled{opacity:.5;cursor:default}.btn.flag{background:var(--flag);color:var(--cream);box-shadow:var(--e-flag)}.btn.sand{background:var(--sand);color:var(--ink);box-shadow:var(--e-flag)}.btn.ghost{background:transparent;color:var(--tx-2);box-shadow:none;border:1px solid var(--line)}.btn.ghost:hover{filter:none;background:#e9dfc60d}.btn.sm{height:44px;width:auto;padding:0 18px;font-size:13px;border-radius:22px}.field{display:flex;flex-direction:column;gap:6px}.label{font:600 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fescue)}.input{height:50px;border:none;border-radius:25px;background:var(--shade-2);box-shadow:var(--e0);padding:0 18px;font:400 16px var(--sans);color:var(--tx);outline:none;width:100%}.input::placeholder{color:var(--tx-3)}select.input{border-radius:var(--r-sm);background:var(--panel);box-shadow:none;border:1px solid var(--line);height:44px}.card{background-color:var(--panel);background-image:linear-gradient(#2e3628d6,#2e3628d6),url(/paint/noise.png);box-shadow:var(--e1);border-radius:var(--r-card)}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;flex:none;background:var(--moss);color:var(--cream);box-shadow:inset 0 1px #e9dfc629}.avatar.me{background:var(--fairway);box-shadow:inset 0 1px #e9dfc633}.chip{font:600 11px var(--sans);color:var(--sand);background:var(--terrain);box-shadow:var(--e0);padding:6px 12px;border-radius:20px;white-space:nowrap}.chip.on{color:var(--cream);background:var(--flag);box-shadow:0 8px 14px -7px #090d07b3,inset 0 1px #ffffff3d}.spin{width:24px;height:24px;border-radius:50%;border:3px solid rgba(233,223,198,.22);border-top-color:var(--sand);animation:spin .8s linear infinite}.spin.on-dark{border-color:#20261c4d;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{flex:1;display:grid;place-items:center;padding:40px}.fade{animation:fade .3s cubic-bezier(.23,1,.32,1) both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-pop{animation:popIn .4s cubic-bezier(.23,1.2,.36,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.sheet-up{animation:sheetUp .3s cubic-bezier(.23,1,.32,1) both}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}