*{box-sizing:border-box}html,body{margin:0;padding:0;background:#e9e7e2;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){html,body{background:#0b0c0d}}input,select,button,textarea{font:inherit;color:inherit}input::placeholder{color:var(--ink3)}a{color:var(--teal)}a:hover{color:var(--ink)}button{-webkit-appearance:none;appearance:none}[data-theme]{--desk:#e9e7e2;--bg:#f7f6f2;--card:#ffffff;--ink:#1b1d1f;--ink2:#5f6368;--ink3:#9a9da1;--line:#e6e3dd;--line2:#cfcbc3;--track:#eeebe5;--teal:oklch(.55 .11 185);--teal-ink:#ffffff;--teal-soft:oklch(.95 .035 185);--teal-text:oklch(.47 .1 185);--teal-on-ink:oklch(.84 .1 185);--pos:oklch(.54 .14 152);--neg:oklch(.56 .19 27);--warm:oklch(.76 .15 62);--warm-soft:oklch(.96 .045 70);--warm-ink:oklch(.5 .13 50);--shadow:0 1px 2px rgba(20,20,20,.05),0 8px 24px -10px rgba(20,20,20,.14);--scrim:rgba(12,14,16,.45)}[data-theme=dark]{--desk:#0b0c0d;--bg:#131416;--card:#1c1e20;--ink:#f1efea;--ink2:#a6a9ad;--ink3:#6c7075;--line:#2a2d30;--line2:#44484c;--track:#23262a;--teal:oklch(.74 .11 185);--teal-ink:#0b1a19;--teal-soft:oklch(.29 .045 185);--teal-text:oklch(.8 .1 185);--teal-on-ink:oklch(.48 .1 185);--pos:oklch(.77 .14 152);--neg:oklch(.72 .16 27);--warm:oklch(.8 .14 65);--warm-soft:oklch(.3 .05 60);--warm-ink:oklch(.84 .12 65);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -10px rgba(0,0,0,.7);--scrim:rgba(0,0,0,.6)}@media(prefers-color-scheme:dark){[data-theme=auto]{--desk:#0b0c0d;--bg:#131416;--card:#1c1e20;--ink:#f1efea;--ink2:#a6a9ad;--ink3:#6c7075;--line:#2a2d30;--line2:#44484c;--track:#23262a;--teal:oklch(.74 .11 185);--teal-ink:#0b1a19;--teal-soft:oklch(.29 .045 185);--teal-text:oklch(.8 .1 185);--teal-on-ink:oklch(.48 .1 185);--pos:oklch(.77 .14 152);--neg:oklch(.72 .16 27);--warm:oklch(.8 .14 65);--warm-soft:oklch(.3 .05 60);--warm-ink:oklch(.84 .12 65);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -10px rgba(0,0,0,.7);--scrim:rgba(0,0,0,.6)}}@keyframes pgDrop{0%{transform:translateY(-46px) rotate(-18deg);opacity:0}55%{opacity:1;transform:translateY(4px) rotate(4deg)}75%{transform:translateY(-3px)}to{transform:none;opacity:1}}@keyframes pgFall{0%{transform:translate(0) rotate(0)}to{transform:translate(var(--dx),1000px) rotate(var(--r))}}@keyframes pgBurst{0%{transform:translate(0) scale(1.2);opacity:1}80%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes pgPop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1)}}@keyframes pgFlip{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes pgWeb{0%{transform:translateY(0) rotate(0)}to{transform:translateY(1000px) rotate(var(--r))}}@keyframes pgShake{0%,to{transform:none}15%{transform:translate(-7px,3px)}30%{transform:translate(6px,-4px)}45%{transform:translate(-5px,4px)}60%{transform:translate(4px,-2px)}80%{transform:translate(-2px,1px)}}@keyframes pgStomp{0%{transform:translateY(-260px)}55%{transform:translateY(0) scale(1.15,.85)}70%{transform:translateY(-24px)}to{transform:none}}@keyframes pgZap{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(-8deg)}}@keyframes pgUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes pgFade{0%{opacity:0}to{opacity:1}}@keyframes pgRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pgFlash{0%{background:var(--teal-soft)}to{background:transparent}}@keyframes pgShimmer{0%,to{opacity:.55}50%{opacity:1}}@keyframes pgSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.desk{min-height:100dvh;display:flex;justify-content:center;background:var(--desk);color:var(--ink);font-family:Figtree,system-ui,sans-serif}.app{position:relative;width:100%;max-width:460px;overflow:hidden;background:var(--bg);box-shadow:0 0 0 1px var(--line),0 30px 80px #0000001f}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto}.center-fill{position:absolute;inset:0;display:grid;place-items:center}.display{font-family:Bricolage Grotesque,sans-serif;font-weight:800}.caps{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}.muted{color:var(--ink2)}.faint{color:var(--ink3)}.num{font-variant-numeric:tabular-nums}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{display:flex;align-items:center;gap:6px;padding:12px 12px 4px;min-height:64px}.bottombar{position:absolute;left:0;right:0;bottom:0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 60%,transparent);display:flex}.btn{border:0;cursor:pointer;background:transparent}.icon-btn{width:44px;height:44px;border-radius:14px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;flex:none}.icon-btn:hover{background:var(--track)}.btn-primary{border:0;border-radius:999px;background:var(--teal);color:var(--teal-ink);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary:active{transform:scale(.98)}.btn-outline{border-radius:999px;border:1.5px solid var(--line2);background:transparent;font-weight:700;cursor:pointer}.btn-soft{border:0;background:var(--teal-soft);color:var(--teal-text);font-weight:800;cursor:pointer;display:grid;place-items:center}.btn-link{border:0;background:transparent;font-weight:700;cursor:pointer}.hover-track:hover{background:var(--track)}.field{border:1.5px solid var(--line);background:var(--card);outline:none;width:100%}.field:focus{border-color:var(--teal)}.field-dashed{border:1.5px dashed var(--line2);background:transparent;outline:none}.field-dashed:focus{border-color:var(--teal);border-style:solid}.stack-label{display:flex;flex-direction:column;gap:8px}.card{background:var(--card);box-shadow:var(--shadow)}.avatar{border-radius:50%;color:#14191a;display:grid;place-items:center;font-weight:800;flex:none}.shimmer{background:var(--track);animation:pgShimmer 1.2s infinite}.seg{padding:4px;background:var(--track);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.seg>button{border:0;font-weight:800;cursor:pointer;background:transparent;color:var(--ink2);transition:background .2s}.seg>button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.chip-warm{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--warm);color:#2b1a05}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.scrim{position:absolute;inset:0;background:var(--scrim);animation:pgFade .2s both}.sheet{position:relative;background:var(--bg);border-radius:28px 28px 0 0;animation:pgUp .3s cubic-bezier(.2,.9,.3,1) both}.row-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:0;background:transparent;text-align:left;border-radius:16px;cursor:pointer}.row-btn:hover{background:var(--track)}.who-btn{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px 8px 8px;border-radius:18px;border:1.5px solid var(--line);background:var(--card);text-align:left;cursor:pointer;font-weight:700;font-size:17px}.who-btn:hover{border-color:var(--teal)}.gallery{margin:0;background:#e4e2dc;font-family:Figtree,system-ui,sans-serif;color:#1b1d1f;min-height:100vh}.gallery a{color:#0e7c74}.gallery a:hover{color:#1b1d1f}
