*{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 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 pgCoinIn{0%{transform:translateY(-56px) rotate(-22deg) scale(.7);opacity:0}30%{opacity:1}50%{transform:translateY(0) rotate(5deg) scale(1.1,.88)}68%{transform:translateY(-7px) rotate(-2deg) scale(.97,1.04)}84%{transform:translateY(0) scale(1.02,.98)}to{transform:none;opacity:1}}@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{position:fixed;inset:0;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;min-height:0;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:relative;z-index:1;flex:none;margin-top:-16px;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)}.cur-pick:hover{opacity:.75}.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}
