@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&display=swap";:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--header-height: 64px;--nav-height: 72px}.App{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top right,#1a1525 0%,var(--bg-dark) 60%)}.dashboard-layout{flex:1;display:flex;flex-direction:column;height:100%}.mobile-app-bar{height:calc(var(--header-height) + var(--safe-area-top));padding:var(--safe-area-top) 20px 0;display:flex;align-items:center;justify-content:space-between;background:#0c0f14cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:100}.app-brand-title{font-size:1.25rem;font-weight:800}.brand-highlight{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.dashboard-view-container{flex:1;position:relative;overflow:hidden;background:var(--bg-main)}.tab-pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0;pointer-events:none;overflow-y:auto}.tab-pane.active{opacity:1;pointer-events:auto;transform:translate(0)}.tab-pane.slide-left{transform:translate(-100%)}.tab-pane.slide-right{transform:translate(100%)}.bottom-nav{height:calc(var(--nav-height) + var(--safe-area-bottom));padding:0 16px var(--safe-area-bottom);background:#0c0f14e6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--border-glass);z-index:100}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-dim);transition:all .3s;position:relative}.nav-item span{font-size:.65rem;font-weight:600;letter-spacing:.02em}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;top:0;width:20px;height:3px;background:var(--primary);border-radius:0 0 4px 4px;box-shadow:0 2px 10px var(--primary-glow)}.join-container{flex:1;padding:clamp(60px,10vh,100px) 24px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.login-brand{text-align:center;margin-bottom:40px}.join-icon{color:var(--primary);margin-bottom:16px;filter:drop-shadow(0 0 10px var(--primary-glow))}.login-title{font-size:2rem;line-height:1.1;margin-bottom:8px}.login-subtitle{color:var(--text-muted);font-size:.95rem}.auth-mode-tabs{background:var(--bg-glass);padding:4px;border-radius:var(--radius-md);display:flex;width:100%;max-width:320px;margin-bottom:32px;border:1px solid var(--border-glass)}.auth-mode-btn{flex:1;padding:10px;border:none;background:none;color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:600;border-radius:calc(var(--radius-md) - 4px);transition:all .2s;cursor:pointer}.auth-mode-btn.active{background:var(--bg-card);color:var(--text-pure);box-shadow:var(--shadow-premium)}.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.shuffle-tab{height:100%;display:flex;flex-direction:column}.shuffle-header{padding:20px;background:var(--bg-main);border-bottom:1px solid var(--border-glass);z-index:10}.shuffle-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.shuffle-user-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:16px;margin:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.shuffle-user-card:active{transform:scale(.98)}.shuffle-card-top{display:flex;gap:12px;align-items:center}.shuffle-avatar-wrap{position:relative;flex-shrink:0}.shuffle-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-glass)}.shuffle-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shuffle-display-name{font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.shuffle-handle-pill{font-size:.7rem;color:var(--text-dim);font-weight:500}.shuffle-tags-row{display:flex;flex-wrap:wrap;gap:4px}.shuffle-bio-preview{font-size:.8rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}.card_bg_grid{background-image:radial-gradient(var(--border-glass) 1px,transparent 1px);background-size:20px 20px}.card_bg_dots{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px}.card_bg_waves{background:linear-gradient(135deg,var(--bg-card) 0%,#1e1b2e 100%);position:relative;overflow:hidden}.card_bg_neon{background:linear-gradient(45deg,#1a1a2e,#16213e);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.card_bg_holographic{background:linear-gradient(135deg,#ffffff0d,#ffffff03,#ffffff0d);border-color:#fff3}.card_bg_rgb{border:1.5px solid transparent;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(90deg,red,#f70,#ffeb00,#0f0,#0ff,#00f,#8b00ff,red);background-origin:border-box;background-clip:padding-box,border-box;animation:rgb-border 3s linear infinite}.card_bg_neon_red{border-color:#f44;box-shadow:0 0 10px #ff44444d}.card_bg_neon_green{border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.card_bg_neon_blue{border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.card_bg_neon_purple{border-color:#a855f7;box-shadow:0 0 10px #a855f74d}@keyframes rgb-border{0%{background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(0deg,red,#f70,#ffeb00,#0f0,#0ff,#00f,#8b00ff,red)}to{background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(360deg,red,#f70,#ffeb00,#0f0,#0ff,#00f,#8b00ff,red)}}.boost-indicator-mini.pulsing{animation:boost-pulse 1.5s ease-in-out infinite}@keyframes boost-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 8px var(--primary))}to{transform:scale(1);opacity:.8}}.shuffle-music-container .spotify-mini-art-container,.shuffle-music-container .spotify-mini-art{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.shuffle-music-container .spotify-mini-track{font-size:.8rem!important}.shuffle-music-container .spotify-mini-artist{font-size:.7rem!important}.shuffle-card-actions{display:flex;gap:8px;margin-top:4px}.shuffle-action-btn{flex:1;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-pure);transition:all .2s}.shuffle-action-btn.primary{background:var(--primary);border:none;box-shadow:0 4px 12px var(--primary-glow)}.shuffle-action-btn:active{transform:scale(.96)}.private-chat-window{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);z-index:1000;display:flex;flex-direction:column;animation:modal-up .3s cubic-bezier(.4,0,.2,1)}@keyframes modal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.store-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 16px 120px}.store-item-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .2s}.store-item-card:active{transform:translateY(-4px);border-color:var(--primary)}.store-item-icon{font-size:2.5rem;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.modal-sheet{width:100%;background:var(--bg-main);border-top:1px solid var(--border-glass);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;padding-bottom:calc(24px + var(--safe-area-bottom));box-shadow:0 -10px 40px #00000080;animation:slideUp .4s cubic-bezier(.2,1,.3,1)}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;margin-bottom:8px;font-size:.95rem;line-height:1.4}.message-sent{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message-received{align-self:flex-start;background:var(--bg-glass);border:1px solid var(--border-glass);border-bottom-left-radius:4px}.loading-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.spin{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--p-h: 245;--p-s: 75%;--p-l: 60%;--primary: hsl(var(--p-h), var(--p-s), var(--p-l));--primary-hover: hsl(var(--p-h), var(--p-s), calc(var(--p-l) - 10%));--primary-glow: hsla(var(--p-h), var(--p-s), var(--p-l), .35);--bg-dark: #080a0c;--bg-main: #0c0f14;--bg-card: rgba(22, 27, 34, .6);--bg-glass: rgba(255, 255, 255, .03);--text-pure: #ffffff;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--border-glass: rgba(255, 255, 255, .08);--border-focus: hsla(var(--p-h), var(--p-s), var(--p-l), .5);--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--space-unit: 4px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow-x:hidden}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif;color:var(--text-pure);font-weight:700;letter-spacing:-.02em}.flex-center{display:flex;align-items:center;justify-content:center}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium)}.btn-premium{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--radius-md);border:none;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-glass);color:var(--text-pure);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff0f}.input-container-premium{position:relative;width:100%}.input-premium{width:100%;padding:14px 16px 14px 48px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-pure);font-size:1rem;outline:none;transition:all .2s}.input-premium:focus{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}.input-premium-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);transition:color .2s}.input-premium:focus+.input-premium-icon{color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade{animation:fadeIn .4s ease-out}.animate-slide{animation:slideUp .4s ease-out}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.online-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success)}