:root{--bg-dark:#0a0b10;--bg-card:#161722a6;--bg-card-hover:#1c1e2ccc;--primary:#8b5cf6;--primary-glow:#8b5cf659;--primary-light:#a78bfa;--primary-dark:#6d28d9;--accent:#ec4899;--accent-glow:#ec48994d;--success:#10b981;--success-glow:#10b98133;--danger:#ef4444;--danger-glow:#ef444433;--warning:#f59e0b;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff14;--border-color-hover:#ffffff29;--font-heading:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--app-max-width:480px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--glass-blur:blur(20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100dvh;overflow:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 100%,#ec48991f 0,#0000 50%);justify-content:center;height:100dvh;font-size:16px;line-height:1.5;display:flex;overflow:hidden}#root{width:100%;max-width:var(--app-max-width);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:#0a0b10b3;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}h1{font-size:2.2rem;line-height:1.1}h2{font-size:1.6rem;line-height:1.2}p{color:var(--text-secondary)}.app-screen{animation:fadeIn var(--transition-normal);flex-direction:column;flex:1;height:100%;padding:24px 20px;display:flex;overflow-y:auto}.screen-header{margin-bottom:24px}.screen-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:20px;box-shadow:0 8px 32px #0000004d}.glass-card.interactive:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 15px #8b5cf61a}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--primary-glow), 0 0 8px #fff;filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff14}.btn-danger{background:linear-gradient(135deg, var(--danger), #b91c1c);color:#fff;box-shadow:0 4px 14px 0 var(--danger-glow)}.btn-danger:hover{filter:brightness(1.1)}.btn-icon-only{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-field,.input,select.input,input.input,textarea.input{font-family:var(--font-body);transition:all var(--transition-fast);border:1px solid #fff3;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;color:#fff!important;background-color:#1e293b!important}.input-field::placeholder,.input::placeholder{color:#94a3b8}.input-field:focus,.input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf840;background-color:#1e293b!important}.select-field{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px;color:#fff!important;background-color:#1e293b!important}.select-field option,select.input option,option{color:#fff!important;background-color:#1e293b!important}.show-limit-select{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:2px 6px;font-size:.78rem;box-shadow:none!important;outline:none!important}.show-limit-select:focus,.show-limit-select:focus-visible,.show-limit-select:active{border-color:var(--border-color)!important;box-shadow:none!important;background:#ffffff0d!important;outline:none!important}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#ffffff0d;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.avatar-option img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-option:hover{background:#8b5cf61a;transform:scale(1.08)}.avatar-option.selected{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#8b5cf626}.avatar-md{object-fit:cover;border:2px solid var(--primary);width:56px;height:56px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%}.avatar-lg{object-fit:cover;border:3px solid var(--primary);width:80px;height:80px;box-shadow:0 0 16px var(--primary-glow);border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 8px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}to{box-shadow:0 0 8px #8b5cf64d}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.header-pill-btn{box-sizing:border-box!important;cursor:pointer!important;color:#fff!important;border:1px solid #0000!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 8px!important;font-size:.78rem!important;font-weight:700!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.header-pill-btn:hover{transform:translateY(-1.5px)scale(1.04)!important}.header-pill-btn:active{transform:translateY(0)scale(.98)!important}.header-pill-btn-credits{background:linear-gradient(135deg,#10b98129,#8b5cf629)!important;border-color:#10b98166!important}.header-pill-btn-credits:hover{background:linear-gradient(135deg,#10b98147,#8b5cf647)!important;border-color:#10b981bf!important;box-shadow:0 0 14px #10b98159!important}.header-pill-btn-invite{background:linear-gradient(135deg,#8b5cf629,#ec489929)!important;border-color:#8b5cf666!important}.header-pill-btn-invite:hover{background:linear-gradient(135deg,#8b5cf647,#ec489947)!important;border-color:#8b5cf6bf!important;box-shadow:0 0 14px #8b5cf659!important}.header-circle-btn{box-sizing:border-box!important;cursor:pointer!important;color:#fff!important;border:1px solid #0000!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.header-circle-btn:hover{transform:translateY(-1.5px)scale(1.08)!important}.header-circle-btn:active{transform:translateY(0)scale(.96)!important}.header-circle-btn-shop{background:linear-gradient(135deg,#10b9812e,#0596692e)!important;border-color:#10b98166!important}.header-circle-btn-shop:hover{background:linear-gradient(135deg,#10b9814d,#0596694d)!important;border-color:#10b981cc!important;box-shadow:0 0 14px #10b98166!important}.header-circle-btn-profile{background:linear-gradient(135deg,#3b82f62e,#8b5cf62e)!important;border-color:#3b82f666!important}.header-circle-btn-profile:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d)!important;border-color:#3b82f6bf!important;box-shadow:0 0 14px #3b82f659!important}.header-circle-btn-logout{background:linear-gradient(135deg,#f43f5e2e,#ec48992e)!important;border-color:#f43f5e66!important}.header-circle-btn-logout:hover{background:linear-gradient(135deg,#f43f5e4d,#ec48994d)!important;border-color:#f43f5ebf!important;box-shadow:0 0 14px #f43f5e59!important}.header-circle-btn-achievement{background:linear-gradient(135deg,#ea580c38,#c2410c38)!important;border-color:#ea580c73!important}.header-circle-btn-achievement:hover{background:linear-gradient(135deg,#ea580c59,#c2410c59)!important;border-color:#ea580ccc!important;box-shadow:0 0 14px #ea580c66!important}.header-circle-btn-achievement.has-new-achievement{background:linear-gradient(135deg,#ea580c,#f97316)!important;border-color:#ffedd5!important;animation:1.4s ease-in-out infinite alternate achievementPulse!important}@keyframes achievementPulse{0%{transform:scale(1);box-shadow:0 0 8px #f9731699,0 0 14px #ea580c66}to{transform:scale(1.12);box-shadow:0 0 18px #f97316f2,0 0 28px #f97316b3}}