:root{--sky-top:#9fcdf0;--sky-bottom:#e8f3fb;--ink:#1f3446;--ink-soft:#4f6578;--glass:#ffffff59;--glass-edge:#fff9;--leaf:#4a8c5c;--bark:#6e543c;--sans:"DM Sans", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom)) fixed;-webkit-font-smoothing:antialiased}body:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(16px)saturate(140%)}.center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px 16px;display:flex}.wordmark{font-family:var(--serif);margin:0;font-size:44px;font-weight:400}.card{border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:20px;display:flex}.label{letter-spacing:.18em;text-transform:lowercase;color:var(--ink-soft);font-size:12px}input,select{font:inherit;color:var(--ink);border:1px solid var(--glass-edge);background:#ffffff8c;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}button{font:inherit;cursor:pointer}form>button:not(.link){background:var(--ink);color:#fff;border:0;border-radius:12px;margin-top:6px;padding:12px}button:disabled{opacity:.6}.link{color:var(--ink-soft);background:0 0;border:0;padding:4px;font-size:13px}.muted{color:var(--ink-soft);text-align:center;max-width:340px;font-size:14px}.home{min-height:100%;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 96px);flex-direction:column;display:flex}.top{justify-content:space-between;align-items:center;display:flex}.pill{border-radius:999px;padding:8px 16px;font-size:14px}.signout{opacity:.6}.hero{flex-direction:column;align-items:center;gap:6px;margin-top:12vh;display:flex}.number{font-family:var(--serif);font-size:clamp(72px,22vw,120px);line-height:1}.chip{border-radius:999px;margin-top:10px;padding:6px 14px;font-size:13px}.tree{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-height:160px;display:flex}.canopy{border-left:46px solid #0000;border-right:46px solid #0000;border-bottom:110px solid var(--leaf);opacity:.85;width:0;height:0}.trunk{background:var(--bark);border-radius:2px;width:14px;height:28px}.nav{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 14px);border-radius:24px;justify-content:space-around;max-width:420px;margin:0 auto;padding:10px;display:flex;position:fixed}.nav button{color:var(--ink);background:0 0;border:0;border-radius:14px;padding:10px}
