@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg-2: #0d0d0d;--bg-3: #111111;--card: #1a1a1a;--card-border: #222222;--glass: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.08);--white: #ffffff;--gray: #888888;--gray-light: #aaaaaa;--pink: #ff6b9d;--pink-light: #ff8fab;--pink-pale: #ffb3c6;--pink-glow: rgba(255,107,157,.3);--radius: 12px;--radius-sm: 8px;--nav-h: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--white);font-family:Inter,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}#root{height:100%;position:relative;z-index:1}::-webkit-scrollbar{width:0;background:transparent}h1,h2,h3,h4{font-weight:700;line-height:1.1}h1{font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.03em}h2{font-size:clamp(1.3rem,4vw,1.8rem);letter-spacing:-.02em}h3{font-size:1.1rem;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius);font-size:.95rem;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--pink);color:#000;box-shadow:0 0 20px var(--pink-glow)}.btn-primary:hover{background:var(--pink-light);box-shadow:0 0 30px var(--pink-glow)}.btn-ghost{background:var(--glass);color:var(--white);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#ffffff0f}.btn-full{width:100%}.btn-sm{padding:10px 18px;font-size:.85rem}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px}.card-solid{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px}.input{width:100%;background:var(--bg-3);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--white);font-family:inherit;font-size:1rem;padding:14px 16px;outline:none;transition:border-color .2s;-webkit-appearance:none}.input:focus{border-color:var(--pink)}.input::placeholder{color:var(--gray)}.label{display:block;font-size:.8rem;font-weight:600;color:var(--gray-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;background:#ff6b9d1f;color:var(--pink-light);border:1px solid rgba(255,107,157,.2);letter-spacing:.02em}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#252525,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--card-border),transparent);margin:16px 0}.page{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 20px);overflow-y:auto}.page-content{padding:24px 20px;max-width:480px;margin:0 auto}.pink{color:var(--pink)}.gray{color:var(--gray)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--white);letter-spacing:-.04em;line-height:1}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.spinner{width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--pink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:2px}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23888'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}