:root{--bg-0: #08080a;--bg-1: #15131a;--ink: #f7f4ef;--ink-soft: rgba(247, 244, 239, .6);--ink-faint: rgba(247, 244, 239, .38);--glass: rgba(255, 255, 255, .05);--glass-strong: rgba(255, 255, 255, .09);--stroke: rgba(232, 200, 130, .18);--accent: #e7b75a;--accent-2: #c97f3c;--gold: #e8c074;--good: #34d39e;--bad: #ef6b72;--ink-on-gold: #1a1305;--radius: 26px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tg-top: 0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg-0);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none}#root{position:relative;isolation:isolate}.bg-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(140% 110% at 50% -10%,#1d1922,var(--bg-0) 62%),var(--bg-0)}.bg-blobs:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 50% 0%,rgba(232,192,116,.1),transparent 70%)}.bg-blobs span{position:absolute;width:64vmax;height:64vmax;border-radius:50%;filter:blur(90px);opacity:.3;mix-blend-mode:screen;animation:drift 22s ease-in-out infinite}.bg-blobs span:nth-child(1){background:#c79a45;top:-25%;left:-18%}.bg-blobs span:nth-child(2){background:#155e57;bottom:-28%;right:-22%;animation-delay:-7s;opacity:.26}.bg-blobs span:nth-child(3){background:#7c2f44;top:32%;right:-28%;animation-delay:-14s;opacity:.22}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8%,10%) scale(1.12)}66%{transform:translate(-6%,-8%) scale(.95)}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + var(--tg-top) + 18px) 20px calc(var(--safe-bottom) + 18px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:screen-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.glass{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}h1,h2,h3{font-family:Unbounded,Manrope,sans-serif;margin:0;letter-spacing:-.02em;line-height:1.02}.title-xl{font-size:clamp(40px,13vw,64px);font-weight:800;background:linear-gradient(120deg,#fff8ec 18%,#f3d9a6 52%,#d9a441 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--ink-soft)}.btn{font-family:Manrope,sans-serif;font-weight:700;font-size:18px;color:var(--ink);border:none;border-radius:20px;padding:17px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,filter .18s ease,opacity .18s;touch-action:manipulation}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:linear-gradient(120deg,#f0cd7e,var(--accent) 45%,var(--accent-2));color:var(--ink-on-gold);font-weight:800;box-shadow:0 12px 30px -10px #c97f3ca6}.btn-ghost{background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px)}.btn-block{width:100%}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--stroke)}input.bare{font-family:Manrope,sans-serif;background:transparent;border:none;outline:none;color:var(--ink);font-weight:800;font-size:18px;width:100%}.fade-up{animation:fade-up .4s cubic-bezier(.2,.8,.2,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}
