*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0f1419;--bg2:#ffffff0e;--bg3:#ffffff17;--bg4:#ffffff21;--text:#f5f3ee;--text2:#f5f3ee99;--text3:#f5f3ee5c;--gold:#f5a623;--gold-bg:#f5a62314;--gold-border:#f5a62338;--purple:#a78bfa;--purple-bg:#a78bfa1a;--cyan:#06b6d4;--cyan-bg:#06b6d41a;--teal:#14b8a6;--teal-bg:#14b8a61a;--accent:#60a5fa;--accent-bg:#60a5fa1a;--green:#34d399;--green-bg:#34d3991f;--red:#f87171;--border:#ffffff14;--radius:16px;--radius-sm:10px;--radius-pill:100px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--hint:var(--text3);--btn:var(--gold);--btn-text:#0f172a}body{color:var(--text);overscroll-behavior:none;background-color:#0f1419;background-image:radial-gradient(100% 60% at 80% 0,#3b82f614 0%,#0000 55%),radial-gradient(80% 40% at 20% 100%,#a78bfa0a 0%,#0000 50%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{min-height:100dvh;padding:16px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.btn{color:#0f172a;border-radius:var(--radius-pill);text-align:center;width:100%;transition:transform .1s var(--ease-out), opacity .12s ease;background:linear-gradient(135deg,#f5a623,#e8a020);border:none;padding:13px 20px;font-size:14px;font-weight:700;display:block;box-shadow:0 4px 20px #f5a62359}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){opacity:.85;transform:scale(.97)}.btn-secondary{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text);box-shadow:none;transition:background .12s var(--ease-out), transform .1s var(--ease-out);background:#ffffff14;font-weight:600}.btn-secondary:active:not(:disabled){background:#ffffff1f;transform:scale(.97)}.btn-green{color:#0f172a;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 16px #34d3994d}.card{background:var(--bg2);-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius);border:1px solid var(--border);transition:background .15s var(--ease-out);margin-bottom:8px;padding:16px}.card:active{background:var(--bg3)}.section-title{color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-top:20px;margin-bottom:8px;font-size:10px;font-weight:600}.tab-bar{-webkit-backdrop-filter:blur(18px)saturate(220%);padding:10px 0 calc(14px + env(safe-area-inset-bottom));z-index:100;background:#0b0f18d9;border-top:1px solid #ffffff0f;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text2);cursor:pointer;transition:color .12s var(--ease-out), filter .15s var(--ease-out);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.tab.active{color:var(--gold);filter:drop-shadow(0 0 6px #f5a6238c)}.tab:active{opacity:.6}.pill-selector{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.pill-btn{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;transition:color .12s var(--ease-out), border-color .12s var(--ease-out), background .12s var(--ease-out), box-shadow .12s var(--ease-out);background:#ffffff0f;align-items:center;gap:5px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.pill-btn:hover{color:var(--gold);border-color:#f5a62359}.pill-btn:active{opacity:.8;transform:scale(.98)}.pill-btn.selected{background:var(--gold);border-color:var(--gold);color:#0f172a;font-weight:700;box-shadow:0 2px 12px #f5a62359}.progress-bar-wrap{background:#ffffff12;border-radius:100px;height:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--gold), var(--purple));height:100%;transition:width .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:100px}.badge{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-public{color:var(--accent);background:#60a5fa1a;border:1px solid #60a5fa33}.badge-open{background:var(--green-bg);color:var(--green);border:1px solid #34d39933}.badge-drawing{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-border)}.badge-private,.badge-completed{color:var(--text2);border:1px solid var(--border);background:#ffffff0f}.show-more-btn{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;text-align:center;transition:background .12s var(--ease-out), opacity .12s var(--ease-out), transform .1s var(--ease-out);background:#ffffff0a;margin:4px 0 8px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;display:block}.show-more-btn:active{opacity:.8;background:#ffffff12;transform:scale(.98)}.hero-tech{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tech-pill{color:#f5f3eebf;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:5px;padding:4px 10px 4px 6px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.tech-pill .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.custom-deposit-row{background:var(--bg2);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--gold-border);border-radius:var(--radius);transition:border-color .12s var(--ease-out);align-items:center;gap:8px;margin-top:10px;padding:12px 14px;display:flex}.custom-deposit-row:focus-within{border-color:var(--gold)}.custom-deposit-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.custom-prefix{color:var(--gold);flex-shrink:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.custom-suffix{color:var(--text3);flex-shrink:0;font-size:12px;font-weight:600}.empty-state{text-align:center;color:var(--text3);padding:48px 16px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff17 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pending-pulse{0%,to{border-color:var(--gold)}50%{border-color:#0000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes celebrate{0%{transform:scale(1)rotate(0)}12%{transform:scale(1.1)rotate(-5deg)}24%{transform:scale(1.1)rotate(5deg)}36%{transform:scale(1.08)rotate(-4deg)}50%{transform:scale(1.05)rotate(3deg)}65%{transform:scale(1.02)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes trophy-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}55%{opacity:1;transform:scale(1.35)rotate(8deg)}75%{transform:scale(.88)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.celebrate{will-change:transform;animation:.7s ease-in-out .2s forwards celebrate}.trophy-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) .4s backwards trophy-pop;display:inline-block}@keyframes lament{0%{opacity:1;transform:translateY(0)}35%{opacity:.55;transform:translateY(6px)}70%{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.lament{will-change:transform;animation:1.6s ease-in-out .3s forwards lament}@keyframes dice-roll{0%{transform:rotate(-14deg)}20%{transform:rotate(14deg)scale(1.18)}45%{transform:rotate(-9deg)}65%{transform:rotate(11deg)scale(1.08)}85%{transform:rotate(-5deg)}to{transform:rotate(-14deg)}}.dice-roll{animation:1.4s ease-in-out infinite dice-roll;display:inline-block}@keyframes egg-fade-in{0%{opacity:0}to{opacity:1}}.easter-egg{animation:.4s forwards egg-fade-in}@keyframes invite-pulse{0%{transform:scale(1)}6%{transform:scale(1.07)}10%{transform:scale(.97)}14%{transform:scale(1.03)}18%{transform:scale(1)}to{transform:scale(1)}}.invite-pulse{will-change:transform;animation:7s ease-in-out 2s infinite invite-pulse}.invite-pulse-delayed{will-change:transform;animation:7s ease-in-out 4.5s infinite invite-pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
