:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#07080a;--bg-secondary:#0c0d12;--bg-tertiary:#12131a;--accent-primary:#7c3aed;--accent-primary-hover:#6d28d9;--accent-primary-glow:#7c3aed26;--accent-secondary:#ec4899;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#fff6;--border-color:#ffffff0f;--glass-bg:#ffffff05;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-wrapper{background-color:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-container{flex-direction:row;flex-grow:1;height:calc(100vh - 80px);display:flex;overflow:hidden}.main-viewport{background-color:var(--bg-primary);flex-grow:1;height:100%;padding:2.5rem 2rem;overflow-y:auto}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;height:100%;padding:2rem 1.2rem;display:flex}.sidebar-brand{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.sidebar-brand img{object-fit:contain;height:28px}.badge-web{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;border:1px solid #7c3aed4d;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:700}.sidebar-nav{flex-direction:column;gap:.4rem;display:flex}.nav-item{color:var(--text-secondary);border:1px solid #0000;border-radius:14px;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff05}.nav-item.active{color:var(--text-primary);background-color:#7c3aed14;border-color:#7c3aed26;box-shadow:0 4px 20px #7c3aed0a}.nav-icon{opacity:.5;transition:opacity .2s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1;color:var(--accent-primary)}.btn-sidebar-post{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:1rem;padding:.75rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-sidebar-post:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px)}.sidebar-footer{border:1px solid var(--border-color);background-color:#ffffff04;border-radius:16px;align-items:center;gap:.75rem;padding:.8rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.user-details{text-align:left}.user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.user-status{color:#4ade80;align-items:center;gap:.35rem;margin-top:.1rem;font-size:.7rem;display:flex}.status-dot{background-color:#4ade80;border-radius:50%;width:4px;height:4px}.right-panel{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:1.5rem;width:300px;height:100%;padding:2rem 1.25rem;display:flex;overflow-y:auto}.btn-go-live{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;border-radius:99px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.65rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-go-live:hover{background-color:#ef44440d;transform:scale(1.02)}.right-card{text-align:left;border:1px solid var(--border-color);padding:1.25rem}.right-card-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.right-card-title{color:#fff;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.badge-recommended{background-color:var(--text-secondary);color:var(--bg-secondary);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:7px;font-weight:700}.right-card-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.72rem;font-weight:300;line-height:1.45}.right-qr-box{justify-content:center;margin:1.25rem 0;display:flex}.right-qr-box svg{background-color:#fff;border-radius:12px;padding:8px}.right-store-badges{justify-content:center;gap:.4rem;margin-top:1rem;display:flex}.right-store-badges img{object-fit:contain;cursor:pointer;height:25px;transition:opacity .2s}.right-store-badges img:hover{opacity:.8}.magazine-card{flex-direction:column;gap:.75rem;display:flex}.magazine-cover{aspect-ratio:4/5;border:1px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:14px;width:100%;position:relative;overflow:hidden}.magazine-cover img{object-fit:cover;width:100%;height:100%}.magazine-meta-overlay{text-transform:uppercase;color:var(--accent-primary);background-color:#0009;border:1px solid #7c3aed33;border-radius:4px;padding:.25rem .55rem;font-size:8px;font-weight:700;position:absolute;top:.75rem;right:.75rem}.magazine-info{flex-direction:column;gap:.25rem;display:flex}.magazine-title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.magazine-details{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.magazine-stats{color:var(--text-muted);border-top:1px solid var(--border-color);gap:.85rem;margin-top:.25rem;padding-top:.5rem;font-family:monospace;font-size:8.5px;display:flex}.twins-split-layout{grid-template-columns:1fr 1.6fr;gap:1.5rem;height:100%;display:grid}@media (width<=800px){.twins-split-layout{grid-template-columns:1fr}}.twins-list-panel{flex-direction:column;gap:.85rem;padding-right:.25rem;display:flex;overflow-y:auto}.twin-row-card{cursor:pointer;border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.twin-row-card:hover{border-color:#ffffff14}.twin-row-card.active{background-color:#7c3aed0a;border-color:#7c3aed26}.profile-cover-box{border:1px solid var(--border-color);background:linear-gradient(135deg,#1e1b4b,#111827);border-radius:20px;width:100%;height:160px;margin-bottom:3.5rem;position:relative;overflow:hidden}.profile-cover-glow{background-color:var(--accent-primary);filter:blur(48px);opacity:.35;width:120px;height:120px;position:absolute;top:-20px;left:20px}.profile-avatar-wrapper{align-items:end;display:flex;position:absolute;bottom:-40px;left:24px}.profile-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border:4px solid var(--bg-primary);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:800;display:flex}.profile-meta-row{text-align:left;margin-bottom:2rem;padding:0 .5rem}.profile-username-title{color:#fff;font-size:1.35rem;font-weight:800}.profile-handle{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.profile-bio{color:var(--text-secondary);max-width:480px;margin-top:.75rem;font-size:.8rem;line-height:1.5}.profile-tabs-bar{border-bottom:1px solid var(--border-color);gap:1.5rem;margin-bottom:1.5rem;display:flex}.profile-tab-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem .25rem;font-size:.8rem;font-weight:700;transition:all .2s}.profile-tab-item.active{color:#fff;border-bottom-color:var(--accent-primary)}.msg-inbox-grid{grid-template-columns:1fr 1.6fr;gap:1.5rem;height:100%;display:grid}@media (width<=800px){.msg-inbox-grid{grid-template-columns:1fr}}.inbox-list{flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.inbox-user-card{cursor:pointer;border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.inbox-user-card:hover{border-color:#ffffff14}.inbox-user-card.active{background-color:#7c3aed0a;border-color:#7c3aed26}.player-bar{background-color:var(--bg-primary);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-between;align-items:center;height:80px;padding:0 1.75rem;display:flex;position:relative}.player-info{align-items:center;gap:.75rem;width:28%;display:flex}.player-cover{background-color:#7c3aed1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.player-cover-glow{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));opacity:.85;position:absolute;inset:0}.player-wave-container{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.player-wave-bar{background-color:#fff;border-radius:1px;width:2px;height:8px}@keyframes wavePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1.5)}}.player-wave-bar.active{animation:.6s ease-in-out infinite alternate wavePulse}.player-track-meta{text-align:left;overflow:hidden}.player-track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.player-track-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.65rem;overflow:hidden}.player-controls-container{flex-direction:column;align-items:center;gap:.5rem;width:44%;display:flex}.player-buttons{align-items:center;gap:1.25rem;display:flex}.player-btn-small{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .2s}.player-btn-small:hover{color:var(--text-primary)}.player-btn-play{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.player-btn-play:hover{transform:scale(1.05)}.player-progress-wrap{align-items:center;gap:.6rem;width:100%;max-width:420px;display:flex}.player-time{color:var(--text-muted);font-family:monospace;font-size:9px}.player-progress-bar{cursor:pointer;background-color:#ffffff14;border-radius:99px;flex-grow:1;height:3px;position:relative}.player-progress-fill{background-color:var(--accent-primary);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.player-volume{justify-content:flex-end;align-items:center;gap:.6rem;width:28%;display:flex}.player-volume-slider{background-color:#ffffff14;border-radius:99px;width:80px;height:3px;overflow:hidden}.player-volume-fill{background-color:#fff6;height:100%}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:20px}.glow-shadow{box-shadow:0 20px 40px -15px #0009,0 0 50px #7c3aed0d}.section-header-wrap{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.section-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.8rem;font-weight:300}.badge-row{gap:.5rem;display:flex}.badge-tag{border-radius:99px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:10px;font-weight:600;display:inline-flex}.badge-tag.hot{color:#ef4444;background-color:#ef444414;border:1px solid #ef444426}.badge-tag.primary{color:var(--accent-primary);background-color:#7c3aed14;border:1px solid #7c3aed26}.feed-card{flex-direction:column;gap:1.15rem;padding:1.5rem;display:flex}.feed-card-header{justify-content:space-between;align-items:center;display:flex}.creator-badge{align-items:center;gap:.75rem;display:flex}.creator-avatar-fallback{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.creator-meta{text-align:left}.creator-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.creator-title{color:var(--text-muted);margin-top:.05rem;font-size:.7rem}.btn-tip{color:#f59e0b;cursor:pointer;background-color:#f59e0b14;border:1px solid #f59e0b26;border-radius:12px;align-items:center;gap:.25rem;padding:.45rem .85rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.btn-tip:hover{background-color:#f59e0b1f;border-color:#f59e0b4d}.feed-prompt{color:var(--text-secondary);text-align:left;font-size:.8rem;font-weight:300;line-height:1.5}.feed-video-wrap{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#0000004d;border-radius:16px;width:100%;position:relative;overflow:hidden}.feed-video-wrap video{object-fit:cover;width:100%;height:100%}.feed-actions{border-top:1px solid var(--border-color);gap:1.5rem;padding-top:1rem;display:flex}.feed-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.75rem;transition:color .2s;display:flex}.feed-action-btn:hover{color:var(--text-primary)}.studio-grid{grid-template-columns:2.1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.studio-grid{grid-template-columns:1fr}}.studio-config-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.studio-tab-bar{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:12px;padding:3px;display:flex}.studio-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.studio-tab-btn.active{color:#000;background-color:#fff}.form-group{text-align:left;flex-direction:column;gap:.45rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:8.5px;font-weight:700}.form-textarea{border:1px solid var(--border-color);color:#fff;resize:none;background-color:#ffffff05;border-radius:14px;outline:none;width:100%;height:100px;padding:1rem;font-size:.8rem;transition:border-color .2s}.form-textarea:focus{border-color:#7c3aed66}.preset-pills-row{flex-wrap:wrap;gap:.4rem;display:flex}.preset-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#ffffff05;border-radius:10px;padding:.4rem .75rem;font-size:9px;transition:all .2s}.preset-pill:hover{color:#fff;background-color:#ffffff0f}.btn-generate{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-generate:hover{background-color:var(--accent-primary-hover)}.studio-preview-panel{flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.preview-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:.85rem;display:flex}.preview-placeholder-icon{border:1px solid var(--border-color);background-color:#ffffff03;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.loader-ring{justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:flex;position:relative}.loader-ring-track{border:4px solid #7c3aed1a;border-radius:50%;position:absolute;inset:0}.loader-ring-spin{border:4px solid var(--accent-primary);border-top-color:#0000;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--text-primary);font-family:monospace;font-size:9px}.preview-output{flex-direction:column;gap:1rem;width:100%;display:flex}.preview-output img,.preview-output video{border:1px solid var(--border-color);object-fit:cover;border-radius:14px;width:100%}.preview-output img{aspect-ratio:1}.preview-output video{aspect-ratio:16/9}.preview-audio-output{border:1px solid var(--border-color);background-color:#ffffff04;border-radius:14px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.preview-audio-icon{width:44px;height:44px;color:var(--accent-primary);background-color:#7c3aed26;border-radius:50%;justify-content:center;align-items:center;display:flex}.preview-audio-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.preview-audio-prompt{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.65rem;overflow:hidden}.btn-save-library{border:1px solid var(--border-color);color:#fff;cursor:pointer;background-color:#ffffff0a;border-radius:10px;padding:.5rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-save-library:hover{background-color:#ffffff14}@media (width<=768px){.rooms-grid{grid-template-columns:1fr}}.room-card{cursor:pointer;border:1px solid var(--glass-border);flex-direction:column;justify-content:space-between;padding:1.5rem;transition:border-color .2s;display:flex}.room-card:hover{border-color:#ffffff1f}.room-card-top{text-align:left}.room-status-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.badge-live{text-transform:uppercase;color:#ef4444;background-color:#ef444414;border:1px solid #ef444426;border-radius:99px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:8px;font-weight:700;display:inline-flex}.badge-live-offline{border-color:var(--border-color);color:var(--text-muted);background-color:#ffffff08}.room-status-dot{background-color:#ef4444;border-radius:50%;width:4px;height:4px}.room-status-dot.offline{background-color:var(--text-muted)}.room-card-category{text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:700}.room-card-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.35}.room-card-host{color:var(--text-secondary);margin-top:.3rem;font-size:.75rem;font-weight:300}.room-card-host span{font-weight:600}.room-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;font-size:.7rem;display:flex}.listeners-count{align-items:center;gap:.25rem;display:flex}.btn-join-room{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-join-room:hover{transform:scale(1.03)}.room-console-wrapper{flex-direction:column;gap:1.5rem;display:flex}.room-console-top-row{justify-content:space-between;align-items:center;display:flex}.btn-exit-console{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.75rem;transition:color .2s}.btn-exit-console:hover{color:var(--text-primary)}.room-console-grid{grid-template-columns:2.1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.room-console-grid{grid-template-columns:1fr}}.room-stream-box{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#0009;border-radius:16px;width:100%;position:relative;overflow:hidden}.room-stream-box video{object-fit:cover;opacity:.5;width:100%;height:100%}.audio-visualizer-overlay{justify-content:center;align-items:end;gap:6px;height:60px;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.visualizer-bar{background-color:var(--accent-primary);opacity:.85;border-radius:2px;width:4px}.room-console-host-card{text-align:left;padding:1.25rem 1.5rem}.room-console-host-title{color:#fff;font-size:1.05rem;font-weight:700}.room-console-host-meta{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.room-console-host-meta span{color:var(--text-secondary);font-weight:600}.console-chat-panel{flex-direction:column;height:380px;display:flex}.console-chat-header{border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:1rem;font-size:.7rem;font-weight:700;display:flex}.console-chat-list{flex-direction:column;flex-grow:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.chat-row{text-align:left;font-size:.75rem;line-height:1.45}.chat-row-sender{margin-right:.35rem;font-weight:700}.chat-row-sender.host{color:var(--accent-primary)}.chat-row-sender.audience{color:var(--text-secondary)}.badge-host-label{color:var(--accent-primary);text-transform:uppercase;background-color:#7c3aed26;border:1px solid #7c3aed33;border-radius:4px;margin-left:.25rem;padding:1px 4px;font-size:7px;font-weight:800}.chat-row-text{color:#ffffffd9}.console-chat-form{border-top:1px solid var(--border-color);gap:.5rem;padding:.8rem;display:flex}.daw-grid{grid-template-columns:2.1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.daw-grid{grid-template-columns:1fr}}.daw-mixer-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.daw-mixer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.daw-mixer-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.btn-daw-play{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.btn-daw-play.active{background-color:var(--accent-primary);color:#fff}.btn-daw-play.inactive{color:#000;background-color:#fff}.btn-daw-play.inactive:hover{transform:scale(1.03)}.daw-tracks-list{flex-direction:column;gap:.85rem;display:flex}.daw-track-row{border:1px solid var(--border-color);background-color:#ffffff04;border-radius:16px;padding:1rem;transition:all .2s}.daw-track-row.muted{opacity:.5}.daw-track-top{flex-direction:column;gap:.75rem;display:flex}@media (width>=600px){.daw-track-top{flex-direction:row;justify-content:space-between;align-items:center}}.daw-track-meta{text-align:left;align-items:center;gap:.65rem;display:flex}@media (width>=600px){.daw-track-meta{width:30%}}.track-avatar{width:32px;height:32px;color:var(--accent-primary);background-color:#7c3aed1a;border-radius:8px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.daw-track-row.muted .track-avatar{color:var(--text-muted);background-color:#ffffff05}.track-label{color:#fff;font-size:.75rem;font-weight:700}.track-sublabel{color:var(--text-muted);margin-top:.05rem;font-family:monospace;font-size:8px}.daw-track-controls{flex-grow:1;align-items:center;gap:.75rem;display:flex}.daw-track-slider{cursor:pointer;appearance:none;background-color:#ffffff14;border-radius:99px;outline:none;flex-grow:1;height:4px}.daw-track-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;border-radius:50%;width:10px;height:10px}.btn-daw-mute{text-transform:uppercase;cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:9px;font-weight:700;transition:all .2s}.btn-daw-mute.active{color:#ef4444;background-color:#ef444414;border:1px solid #ef444426}.btn-daw-mute.inactive{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#ffffff05}.daw-waveform-visualizer{opacity:.5;justify-content:space-between;align-items:center;gap:2px;height:16px;margin-top:.75rem;display:flex;overflow:hidden}.visualizer-slice-bar{background-color:var(--accent-primary);border-radius:1px;flex-grow:1;height:4px}@keyframes wavePulseMicro{0%{transform:scaleY(.5)}to{transform:scaleY(2)}}.visualizer-slice-bar.active{animation:.8s ease-in-out infinite alternate wavePulseMicro}.daw-pads-panel{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.pads-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.pad-btn{border:1px solid var(--border-color);cursor:pointer;background-color:#ffffff04;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem .5rem;transition:all .2s;display:flex}.pad-btn:hover{background-color:#ffffff0a;border-color:#7c3aed33}.pad-btn:active{transform:scale(.96)}.pad-label{color:#fff;font-size:.75rem;font-weight:700;transition:color .2s}.pad-btn:hover .pad-label{color:var(--accent-primary)}.pad-sublabel{text-transform:uppercase;color:var(--text-muted);font-size:7px}.creators-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.creators-grid{grid-template-columns:1fr}}.creator-card{border:1px solid var(--glass-border);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.creator-card-top{flex-direction:column;gap:1rem;display:flex}.creator-card-row{justify-content:space-between;align-items:start;display:flex}.creator-card-rating{color:#f59e0b;background-color:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:8px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:10px;font-weight:700;display:flex}.creator-card-location{color:var(--text-muted);text-align:left;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.creator-skills-wrap{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.creator-skill-tag{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#ffffff05;border-radius:6px;padding:.2rem .55rem;font-size:8px}.creator-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.75rem;padding-top:1rem;display:flex}.creator-card-price-wrap{text-align:left}.creator-card-price{color:#fff;font-size:.85rem;font-weight:700}.creator-card-price-unit{color:var(--text-muted);text-transform:uppercase;font-family:monospace;font-size:7px;display:block}.creator-card-actions{gap:.4rem;display:flex}.creator-btn-chat{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#ffffff05;border-radius:10px;padding:.5rem;transition:all .2s}.creator-btn-chat:hover{background-color:#ffffff0d}.creator-btn-book{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.55rem 1rem;font-size:.7rem;font-weight:700;transition:all .2s}.creator-btn-book:hover{transform:scale(1.03)}.wallet-cards-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=600px){.wallet-cards-grid{grid-template-columns:1fr}}.wallet-stat-card{justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.wallet-stat-card.coin{background:linear-gradient(135deg,#7c3aed08,#ec489908)}.wallet-stat-card.cash{background:linear-gradient(135deg,#10b98108,#06b6d408)}.wallet-stat-glow{filter:blur(24px);border-radius:50%;width:6rem;height:6rem;position:absolute;top:-2.5rem;right:-2.5rem}.wallet-stat-card.coin .wallet-stat-glow{background-color:#7c3aed1a}.wallet-stat-card.cash .wallet-stat-glow{background-color:#10b9811a}.wallet-stat-meta{text-align:left;z-index:10}.wallet-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-family:monospace;font-size:8px;font-weight:700}.wallet-stat-value{color:#fff;margin-top:.35rem;font-size:1.5rem;font-weight:800}.wallet-stat-value span{color:#f59e0b;font-size:.8rem;font-weight:500}.wallet-stat-icon-box{z-index:10;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wallet-stat-card.coin .wallet-stat-icon-box{color:#f59e0b;background-color:#f59e0b14;border:1px solid #f59e0b26}.btn-cash-out{color:#fff;cursor:pointer;z-index:10;background-color:#10b981;border:none;border-radius:10px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.btn-cash-out:hover{background-color:#059669}.wallet-panels-grid{grid-template-columns:2.1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.wallet-panels-grid{grid-template-columns:1fr}}.wallet-recharge-panel{flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.recharge-card-row{border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.15rem 1.25rem;transition:border-color .2s;display:flex}.recharge-card-row:hover{border-color:#ffffff14}.recharge-meta{text-align:left}.recharge-title{color:#fff;font-size:.8rem;font-weight:700}.recharge-desc{color:var(--text-muted);margin-top:.1rem;font-size:.7rem;font-weight:300}.recharge-desc span{color:#10b981;font-weight:600}.btn-recharge-price{border:1px solid var(--border-color);color:#fff;cursor:pointer;background-color:#ffffff05;border-radius:10px;padding:.5rem 1rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-recharge-price:hover{background-color:#ffffff0f}.wallet-ledger-panel{flex-direction:column;height:250px;padding:1.25rem;display:flex;overflow-y:auto}.ledger-item-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;font-size:.7rem;display:flex}.ledger-item-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.ledger-item-meta{text-align:left;max-width:65%}.ledger-item-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-item-date{color:var(--text-muted);margin-top:.1rem;font-size:8px;display:block}.ledger-item-amount{font-family:monospace;font-weight:700}.ledger-item-amount.in{color:#f59e0b}.ledger-item-amount.in-cash{color:#10b981}.ledger-item-amount.out{color:#ef4444}.mobile-navbar{display:none}@media (width<=1023px){.sidebar,.right-panel{display:none!important}.main-viewport{height:100%;overflow-y:auto;padding:1.5rem 1rem 6rem!important}.main-container{height:calc(100vh - 144px)!important}.player-bar{-webkit-backdrop-filter:blur(16px);left:0;right:0;z-index:999!important;background-color:#07080af2!important;height:80px!important;position:fixed!important;bottom:64px!important}.mobile-navbar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;bottom:0;left:0;right:0;z-index:1000!important;background-color:#0c0d12d9!important;height:64px!important;display:flex!important;position:fixed!important}.mobile-nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:.2rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item.active{color:var(--accent-primary)!important}}.auth-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:#0c0d14f7;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex;position:relative}.auth-modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:1rem;right:1rem}.auth-modal-logo img{object-fit:contain;height:28px}.auth-modal-title{color:var(--text-primary);font-size:1.35rem;font-weight:700}.auth-modal-sub{color:var(--text-muted);margin-top:-.5rem;font-size:.78rem}.btn-google-auth{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.82rem;font-weight:600;transition:background .2s;display:flex}.btn-google-auth:hover{background:#ffffff17}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.7rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-form{flex-direction:column;gap:.65rem;display:flex}.auth-field{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff08;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.auth-field input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.pw-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.auth-error{color:#ef4444;font-size:.75rem}.btn-auth-submit{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:700}.btn-auth-submit:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-auth-submit:disabled{opacity:.5;cursor:default}.auth-switch{color:var(--text-muted);text-align:center;font-size:.75rem}.auth-switch button{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-weight:600}.sidebar-inner{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem 1rem 1rem;display:flex;overflow-y:auto}.sidebar-logo-wrap{margin-bottom:1.5rem;display:block}.sidebar-logo{object-fit:contain;filter:brightness(1.1);height:28px}.sidebar-divider{background:var(--border-color);height:1px;margin:.75rem 0}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.btn-signin-sm{border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .65rem;font-size:.7rem;font-weight:700}.sidebar-signout{margin-left:auto}.user-handle{color:var(--text-muted);font-size:.65rem}.feed-page{flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;display:flex}.feed-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:.5rem;padding-bottom:0;display:flex}.feed-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex;position:relative;bottom:-1px}.feed-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.live-count-badge{color:#fff;background:#ef4444;border-radius:20px;padding:1px 5px;font-size:.6rem;font-weight:700}.lives-strip{scrollbar-width:none;gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.lives-strip::-webkit-scrollbar{display:none}.live-strip-card{cursor:pointer;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:72px;padding:.6rem;transition:transform .2s;display:flex}.live-strip-card:hover{transform:scale(1.04)}.live-strip-avatar{width:46px;height:46px;position:relative}.live-strip-avatar img,.live-strip-avatar span{background:var(--accent-primary-glow);width:46px;height:46px;color:var(--accent-primary);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.live-dot-badge{color:#fff;letter-spacing:.05em;background:#ef4444;border-radius:4px;padding:1px 4px;font-size:.5rem;font-weight:700;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.live-strip-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.6rem;overflow:hidden}.companions-strip{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;padding:1rem}.companions-strip-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:flex}.see-all-link{color:var(--accent-primary);align-items:center;gap:.2rem;font-size:.72rem;text-decoration:none;display:flex}.companions-row{scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.companions-row::-webkit-scrollbar{display:none}.companion-chip{cursor:pointer;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;width:80px;padding:.65rem;text-decoration:none;transition:transform .2s;display:flex}.companion-chip:hover{transform:scale(1.04)}.companion-chip-avatar{width:44px;height:44px;position:relative}.companion-chip-avatar img,.companion-chip-avatar span{object-fit:cover;width:44px;height:44px;color:var(--accent-primary);background:#7c3aed26;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.companion-online-dot{border:2px solid var(--bg-secondary);background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.companion-chip-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.62rem;font-weight:600;overflow:hidden}.companion-chip-genre{color:var(--text-muted);text-align:center;font-size:.55rem}.posts-list{flex-direction:column;gap:1rem;display:flex}.post-card{border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;margin-bottom:1.5rem;transition:transform .2s;display:flex;position:relative;overflow:hidden}.post-card:hover{transform:translateY(-1px)}.post-card-blur-bg{filter:blur(40px)brightness(.4);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.post-card-content-wrapper{z-index:1;background:#0006;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative}.post-card-header{align-items:center;gap:.75rem;display:flex}.post-avatar{background:var(--surface-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.post-avatar img{object-fit:cover;width:100%;height:100%}.post-avatar span{color:var(--text-primary);font-weight:700}.post-creator-meta{flex-direction:column;flex-grow:1;display:flex}.post-creator-name{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.post-creator-handle{color:var(--text-muted);font-size:.8rem;font-weight:400}.post-creator-time{color:var(--text-muted);margin-top:2px;font-size:.75rem}.post-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.4}.post-media-container{border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.post-media{background:#000;width:100%;display:flex;position:relative}.post-media video,.post-media img{object-fit:contain;width:100%;max-height:60vh;display:block}.ai-co-created-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#9333ea99;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:10px;right:10px}.ai-co-created-badge span{color:#fff;font-size:.65rem;font-weight:700}.post-link-overlay{background:#000000b3;padding:10px 12px;text-decoration:none;display:block;position:absolute;bottom:0;left:0;right:0}.post-link-content{justify-content:space-between;align-items:center;gap:8px;display:flex}.post-link-title{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:.85rem;font-weight:700;overflow:hidden}.post-link-arrow{color:var(--text-muted);font-size:1.2rem}.post-actions-row{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.post-action-pill{cursor:pointer;color:var(--text-primary);background:#ffffff1a;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.post-action-pill:hover{background:#fff3}.post-card-skeleton{border-radius:18px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.skeleton-line{background:#ffffff0d;border-radius:6px;height:12px;animation:1.5s infinite shimmer}.skeleton-line.short{width:40%}.skeleton-block{background:#ffffff0a;border-radius:14px;height:200px;animation:1.5s infinite shimmer}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.skeleton-avatar{background:#ffffff0d;border-radius:50%;width:52px;height:52px}.feed-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;font-size:.85rem;display:flex}.feed-empty-icon{opacity:.3}.feed-loading-more{justify-content:center;padding:1rem;display:flex}.live-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.live-room-card{cursor:pointer;border-radius:16px;transition:transform .2s;overflow:hidden}.live-room-card:hover{transform:scale(1.02)}.live-room-cover{aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden}.live-room-cover img{object-fit:cover;width:100%;height:100%}.live-room-cover-fallback{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.live-badge-pill{color:#fff;letter-spacing:.08em;background:#ef4444;border-radius:6px;padding:2px 7px;font-size:.6rem;font-weight:800;position:absolute;top:8px;left:8px}.live-room-info{flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.live-room-title{color:var(--text-primary);font-size:.8rem;font-weight:700}.live-room-host{color:var(--text-muted);font-size:.7rem}.live-room-meta{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.65rem;display:flex}.twins-page{flex-direction:column;gap:1rem;display:flex}.page-header{margin-bottom:.5rem}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.twins-tabs,.studio-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;display:flex}.twins-tab-btn,.studio-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:relative;bottom:-1px}.twins-tab-btn.active,.studio-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tab-badge{background:var(--accent-primary);color:#fff;border-radius:10px;padding:1px 5px;font-size:.6rem}.twins-search-wrap{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff08;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.twins-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.speciality-chips{flex-wrap:wrap;gap:.4rem;display:flex}.spec-chip{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:.3rem .75rem;font-size:.72rem;transition:all .2s}.spec-chip.active{background:var(--accent-primary-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.companions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.companion-card{text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 1rem;transition:transform .2s;display:flex}.companion-card:hover{transform:translateY(-2px)}.companion-card-avatar{width:60px;height:60px;margin-bottom:.35rem;position:relative}.companion-card-avatar img,.companion-card-avatar span{object-fit:cover;background:var(--accent-primary-glow);width:60px;height:60px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.companion-online-indicator{border:2px solid var(--bg-secondary);background:#10b981;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.companion-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.companion-handle{color:var(--text-muted);font-size:.68rem}.companion-genre{color:var(--accent-primary);font-size:.7rem}.companion-bio{color:var(--text-muted);font-size:.68rem;line-height:1.5}.companion-specs{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.spec-tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;padding:2px 6px;font-size:.6rem}.companion-premium-badge{color:#f59e0b;align-items:center;gap:.25rem;font-size:.62rem;font-weight:700;display:flex}.btn-chat-twin{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.3rem;margin-top:.25rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;transition:background .2s;display:flex}.btn-chat-twin:hover{background:var(--accent-primary-hover)}.companion-card-skeleton{border-radius:18px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.sessions-list{flex-direction:column;gap:.5rem;display:flex}.session-row{cursor:pointer;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:background .2s;display:flex}.session-row:hover{background:#ffffff0a}.session-avatar{background:var(--accent-primary-glow);width:44px;height:44px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.session-avatar img{object-fit:cover;width:100%;height:100%}.session-meta{flex:1}.session-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.session-last{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.session-arrow{color:var(--text-muted);flex-shrink:0}.twin-chat-page{flex-direction:column;height:100%;max-height:calc(100vh - 160px);display:flex}.twin-chat-header{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.85rem;padding:.75rem 0 1rem;display:flex}.back-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.twin-chat-avatar{width:40px;height:40px;position:relative}.twin-chat-avatar img,.twin-chat-avatar span{object-fit:cover;background:var(--accent-primary-glow);width:40px;height:40px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.online-dot{border:2px solid var(--bg-primary);background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.twin-chat-meta{flex:1}.twin-chat-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.twin-chat-status{color:#10b981;font-size:.68rem}.twin-chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem 0;display:flex;overflow-y:auto}.chat-loading{justify-content:center;padding:3rem;display:flex}.chat-intro{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.chat-intro-avatar{background:var(--accent-primary-glow);width:72px;height:72px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;overflow:hidden}.chat-intro-avatar img{object-fit:cover;width:100%;height:100%}.chat-intro-name{color:var(--text-primary);font-size:1rem;font-weight:700}.chat-intro-bio{color:var(--text-muted);max-width:280px;font-size:.8rem}.chat-starter-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.5rem;display:flex}.starter-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:.4rem .85rem;font-size:.72rem;transition:all .2s}.starter-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.chat-bubble-row.user{flex-direction:row-reverse}.bubble-avatar{background:var(--accent-primary-glow);width:28px;height:28px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;overflow:hidden}.bubble-avatar img{object-fit:cover;width:100%;height:100%}.chat-bubble{border-radius:18px;max-width:72%;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.chat-bubble.twin{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-bottom-left-radius:4px}.chat-bubble.user{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px}.bubble-time{opacity:.5;text-align:right;margin-top:.25rem;font-size:.6rem;display:block}.twin-chat-input-bar{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.5rem;padding:.85rem 0 0;display:flex}.twin-chat-input{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a;border-radius:24px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.82rem;transition:border-color .2s}.twin-chat-input:focus{border-color:var(--accent-primary)}.twin-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.twin-send-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.twin-send-btn:disabled{opacity:.4}.studio-page,.cocreate-tab{flex-direction:column;gap:1.25rem;display:flex}.cocreate-input-card{border-radius:18px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.cocreate-input-header{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.cocreate-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;background:#ffffff08;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.82rem;line-height:1.5;transition:border-color .2s}.cocreate-textarea:focus{border-color:var(--accent-primary)}.cocreate-options-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.genre-select-wrap{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.72rem;display:flex}.genre-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:.3rem .65rem;font-size:.75rem}.instrumental-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.72rem;display:flex}.btn-generate{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-size:.85rem;font-weight:700;transition:background .2s;display:flex}.btn-generate:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-generate:disabled{opacity:.5;cursor:default}.results-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:700}.cocreate-results{flex-direction:column;gap:.5rem;display:flex}.audio-result-card{border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.audio-result-icon{background:var(--accent-primary-glow);width:44px;height:44px;color:var(--accent-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-result-meta{flex:1}.audio-result-prompt{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.78rem;overflow:hidden}.audio-result-genre{color:var(--text-muted);margin-top:.15rem;font-size:.68rem}.audio-result-status{margin-top:.15rem;font-size:.65rem}.audio-result-status.pending{color:#f59e0b}.audio-result-status.done{color:#10b981}.audio-play-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.media-type-toggle{gap:.4rem;display:flex}.media-type-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.media-type-btn.active{background:var(--accent-primary-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.imagine-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.imagine-card{border-radius:16px;overflow:hidden}.imagine-media{aspect-ratio:1;object-fit:cover;width:100%;display:block}.imagine-pending{aspect-ratio:1;color:var(--text-muted);background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.imagine-caption{padding:.65rem}.imagine-caption p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.imagine-caption span{color:var(--text-muted);font-size:.62rem}.cocreate-empty{height:100%;color:var(--text-muted);text-align:center;opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.82rem;display:flex}.studio-immersive-container{flex-direction:column;height:calc(100vh - 100px);margin:-1.25rem -1.25rem 0;display:flex;position:relative;overflow:hidden}.studio-immersive-messages{scrollbar-width:none;flex-direction:column;flex:1;gap:.85rem;padding:1rem 1.25rem 120px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%);mask-image:linear-gradient(#0000 0%,#000 5% 100%)}.studio-immersive-messages::-webkit-scrollbar{display:none}.studio-input-wrapper{z-index:10;background:linear-gradient(to bottom, transparent, var(--bg-primary) 30%);flex-direction:column;align-items:center;padding:0 1.25rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-chiclets-row{scrollbar-width:none;gap:.4rem;width:100%;max-width:500px;padding-bottom:.5rem;display:flex;overflow-x:auto}.studio-chiclets-row::-webkit-scrollbar{display:none}.studio-chiclet{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.studio-chiclet.active{color:var(--text-primary)}.studio-floating-input{-webkit-backdrop-filter:blur(16px);background:#0000008c;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;width:100%;max-width:500px;padding:.5rem .65rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.studio-floating-input.is-editing{background:#000000d9;border-radius:16px;padding:.85rem;box-shadow:0 10px 40px #00000080}.studio-input-row{align-items:center;gap:.5rem;display:flex}.studio-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:.4rem .5rem;font-family:inherit;font-size:.85rem;line-height:1.4}.studio-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:flex}.studio-submit-btn:disabled{opacity:.4;pointer-events:none}.studio-submit-btn:hover:not(:disabled){transform:scale(1.05)}.studio-edit-options{border-top:1px solid #ffffff1a;flex-direction:column;gap:.65rem;margin-top:.75rem;padding-top:.75rem;display:flex}.studio-coin-badge{border:1px solid;border-radius:12px;align-self:flex-end;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.studio-options-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.studio-option-toggle{color:var(--text-muted);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.72rem;transition:all .2s;display:flex}.studio-option-toggle.active{color:var(--text-primary);border-color:currentColor}.studio-tabs-bar{z-index:10;border-bottom:1px solid #ffffff1a;margin:0 -1.25rem;padding:0 1.25rem;display:flex;position:relative}.studio-tab{text-align:center;color:var(--text-muted);cursor:pointer;flex:1;padding:.85rem 0;font-size:.85rem;font-weight:600;transition:color .2s;position:relative}.studio-tab.active{color:var(--text-primary)}.studio-tab.active:after{content:"";background:var(--accent-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.studio-gallery-container{flex:1;margin:0 -1.25rem;padding:1.25rem 1.25rem 120px;overflow-y:auto}.studio-gallery-container::-webkit-scrollbar{display:none}.studio-masonry-grid{columns:2;column-gap:10px}@media (width>=768px){.studio-masonry-grid{columns:3}}@media (width>=1024px){.studio-masonry-grid{columns:4}}.studio-masonry-item{break-inside:avoid;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;margin-bottom:10px;position:relative;overflow:hidden}.studio-masonry-media{object-fit:cover;width:100%;display:block}.studio-masonry-overlay{-webkit-backdrop-filter:blur(2px);opacity:0;background:#00000080;align-items:flex-end;padding:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.studio-masonry-item:hover .studio-masonry-overlay{opacity:1}.studio-masonry-prompt{color:#fff;scrollbar-width:none;max-height:100%;font-size:.72rem;line-height:1.4;overflow-y:auto}.studio-masonry-prompt::-webkit-scrollbar{display:none}.studio-music-library{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:10px;display:grid}@media (width>=768px){.studio-music-library{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}.audio-track-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:8px;transition:transform .2s,background .2s;display:flex}.audio-track-card:hover{background:#ffffff0f;transform:translateY(-2px)}.audio-track-card-cover-wrapper{aspect-ratio:1;background:#111;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 6px #0006}.audio-track-card-cover{object-fit:cover;width:100%;height:100%}.audio-track-card-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.audio-track-card:hover .audio-track-card-play-overlay,.audio-track-card-cover-wrapper.is-playing .audio-track-card-play-overlay{opacity:1}.audio-track-card-info{flex-direction:column;gap:2px;display:flex}.audio-track-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;font-weight:700;overflow:hidden}.audio-track-card-subinfo{justify-content:space-between;align-items:center;display:flex}.audio-track-card-username{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.65rem;overflow:hidden}.audio-track-card-genre{color:var(--text-muted);text-transform:uppercase;font-size:.55rem;font-weight:800}.studio-timeline-marker{flex-direction:column;align-items:center;width:24px;display:flex;position:relative}.studio-timeline-dot{background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;width:10px;height:10px;margin-top:1.25rem;box-shadow:0 0 0 1px #fff3}.studio-timeline-line{background-image:linear-gradient(#ffffff26 50%,#0000 50%);background-size:100% 8px;flex:1;width:2px}.studio-timeline-wrapper{gap:.75rem;margin-bottom:1rem;display:flex}.studio-timeline-content{flex:1}.profile-page{flex-direction:column;display:flex}.profile-auth-gate{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.auth-gate-inner{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:340px;padding:2.5rem 2rem;display:flex}.auth-gate-avatar{opacity:.3;font-size:3rem}.profile-cover{background:linear-gradient(135deg,#3b0764,#1e1b4b);height:160px;margin:-2.5rem -2rem 0;position:relative;overflow:hidden}.profile-cover-img{object-fit:cover;width:100%;height:100%}.profile-cover-overlay{background:linear-gradient(to bottom, transparent 50%, var(--bg-primary) 100%);position:absolute;inset:0}.profile-identity{z-index:1;align-items:flex-end;gap:1rem;margin-top:-30px;padding:0 0 1rem;display:flex;position:relative}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{border:3px solid var(--bg-primary);object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-avatar-fallback{border:3px solid var(--bg-primary);background:var(--accent-primary-glow);width:80px;height:80px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.profile-info{flex:1;padding-bottom:.25rem}.profile-username{color:var(--text-primary);font-size:1.1rem;font-weight:800}.profile-handle{color:var(--text-muted);font-size:.75rem}.profile-bio{color:var(--text-secondary);margin-top:.3rem;font-size:.78rem;line-height:1.5}.profile-tags-row{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.profile-tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;align-items:center;gap:.25rem;padding:2px 8px;font-size:.65rem;display:flex}.profile-actions{flex-shrink:0;align-items:center;gap:.5rem;padding-bottom:.25rem;display:flex}.btn-edit-profile{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0f;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.72rem;font-weight:600;display:flex}.profile-stats-row{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:0;margin-bottom:.5rem;padding:.85rem 0;display:flex}.profile-stat{border-right:1px solid var(--border-color);flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.profile-stat:last-child{border-right:none}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem}.profile-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;display:flex}.profile-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:relative;bottom:-1px}.profile-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.profile-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:.75rem;display:grid}.post-thumb{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.post-thumb-media{object-fit:cover;width:100%;height:100%;display:block}.post-thumb-text{width:100%;height:100%;color:var(--text-muted);text-align:center;background:var(--bg-tertiary);justify-content:center;align-items:center;padding:.5rem;font-size:.65rem;display:flex}.post-thumb-audio{background:var(--accent-primary-glow);width:100%;height:100%;color:var(--accent-primary);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.post-thumb-audio p{text-align:center;padding:0 .25rem;font-size:.6rem}.post-thumb-pending{background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.post-thumb-overlay{color:#fffc;opacity:0;background:#00000080;align-items:center;gap:.25rem;padding:.3rem .4rem;font-size:.6rem;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.post-thumb:hover .post-thumb-overlay{opacity:1}.post-thumb-skeleton{aspect-ratio:1;background:#ffffff0a;animation:1.5s infinite shimmer}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-icon-sm{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .2s;display:flex}.btn-icon-sm:hover{color:var(--text-primary)}.rooms-page{flex-direction:column;gap:1.5rem;display:flex}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.room-card{cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;transition:transform .25s,border-color .25s;overflow:hidden}.room-card:hover{border-color:#7c3aed4d;transform:translateY(-2px)}.room-card-cover{aspect-ratio:16/10;background:var(--bg-tertiary);position:relative;overflow:hidden}.room-card-cover img{object-fit:cover;width:100%;height:100%}.room-cover-fallback{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#7c3aed1a,#ec48991a);justify-content:center;align-items:center;display:flex}.room-viewers-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:20px;align-items:center;gap:.25rem;padding:3px 8px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.room-card-info{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.room-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.5rem;font-size:.88rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.room-card-host{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.room-card-genre{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.68rem}.btn-join-room{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.6rem;font-size:.8rem;font-weight:700;transition:background .2s}.room-card:hover .btn-join-room{background:var(--accent-primary-hover)}.room-card-skeleton{aspect-ratio:16/15;background:#ffffff08;border-radius:16px;animation:1.5s infinite shimmer}.room-viewer{flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}.room-viewer-header{align-items:center;gap:1rem;display:flex}.room-viewer-title{align-items:center;gap:.75rem;display:flex}.room-viewer-title p{color:var(--text-primary);font-size:1.1rem;font-weight:800}.room-viewer-video{aspect-ratio:16/9;background:#000;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.room-video-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;display:flex}.room-viewer-meta{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.room-viewer-host{align-items:center;gap:.85rem;display:flex}.room-viewer-host img{object-fit:cover;border-radius:50%;width:48px;height:48px}.room-viewer-host span{background:var(--accent-primary-glow);width:48px;height:48px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.room-host-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.room-host-genre{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.companion-card.premium-design{aspect-ratio:1;text-align:left;border:1px solid var(--border-color);cursor:pointer;background:#000;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.companion-card.premium-design .companion-bg-media{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.companion-card.premium-design:hover .companion-bg-media{transform:scale(1.04)}.companion-card.premium-design .card-gradient-overlay{pointer-events:none;background:linear-gradient(#0000 35%,#000000d9 100%);position:absolute;inset:0}.companion-card.premium-design .card-content-overlay{pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.companion-card.premium-design .card-header-row{align-items:center;gap:.35rem;display:flex}.companion-card.premium-design .card-title{color:#fff;text-shadow:0 1px 3px #000c;font-size:.88rem;font-weight:800}.companion-card.premium-design .card-subtitle{color:#ffffffb3;text-shadow:0 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.companion-card.premium-design .card-bio{color:#ffffff8c;-webkit-line-clamp:2;text-shadow:0 1px 2px #000c;-webkit-box-orient:vertical;margin-top:2px;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.companion-card.premium-design .participants-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:12px;align-items:center;gap:.25rem;padding:2px 6px;font-size:.65rem;display:flex;position:absolute;top:8px;right:8px}.companion-card.premium-design .audio-wave-gif{opacity:.9;height:10px}.twin-details-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.twin-details-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:460px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.twin-details-hero{aspect-ratio:16/11;background:#000;position:relative;overflow:hidden}.twin-details-hero img,.twin-details-hero video{object-fit:cover;width:100%;height:100%}.twin-details-hero .hero-gradient{background:linear-gradient(#0000004d 0%,#0000 40%,#000000e6 100%);position:absolute;inset:0}.twin-details-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.twin-details-close:hover{background:#000000b3}.twin-details-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.twin-details-meta{flex-direction:column;gap:.25rem;display:flex}.twin-details-name-row{align-items:center;gap:.4rem;display:flex}.twin-details-name{color:var(--text-primary);font-size:1.2rem;font-weight:800}.twin-details-handle{color:var(--text-muted);font-size:.8rem}.twin-details-bio{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.twin-details-specs{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.twin-details-action{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.8rem;font-size:.88rem;font-weight:700;transition:background .2s;display:flex}.twin-details-action:hover{background:var(--accent-primary-hover)}.twin-chat-immersive-container{background:#000;border-radius:20px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.twin-chat-immersive-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.twin-chat-immersive-overlay{z-index:2;pointer-events:none;background:linear-gradient(#00000080 0%,#0000001a 40%,#000000e0 100%);position:absolute;inset:0}.twin-chat-immersive-header{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000073;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative}.twin-chat-immersive-messages{z-index:3;scrollbar-width:none;flex-direction:column;flex:1;gap:.65rem;padding:.5rem 1rem;display:flex;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#fff 12% 100%);mask-image:linear-gradient(#0000 0%,#fff 12% 100%)}.twin-chat-immersive-messages::-webkit-scrollbar{display:none}.twin-chat-immersive-bubble-row{align-items:flex-end;gap:.5rem;width:100%;display:flex}.twin-chat-immersive-bubble-row.user{justify-content:flex-end}.twin-chat-immersive-bubble{color:#fff;word-break:break-word;border-radius:16px;max-width:75%;padding:.65rem .85rem;font-size:.82rem;line-height:1.4;box-shadow:0 2px 8px #0000004d}.twin-chat-immersive-bubble.twin{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.twin-chat-immersive-bubble.user{background:var(--accent-primary);border-bottom-right-radius:4px}.twin-chat-immersive-input-bar{z-index:3;-webkit-backdrop-filter:blur(16px);background:#0000008c;border:1px solid #ffffff26;border-radius:40px;align-items:center;gap:.4rem;margin:.5rem;padding:.5rem .65rem;display:flex;position:relative}.twin-input-action-btn{border:1px solid var(--accent-primary);width:34px;height:34px;color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.twin-input-action-btn:hover{background:#ffffff0f}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{background:#fff9;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.audio-track-preview-card{border:1px solid var(--border-color);background:#000;border-radius:20px;width:100%;max-width:380px;height:150px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.audio-track-preview-blur-bg{object-fit:cover;filter:blur(25px)brightness(.4);z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.audio-track-preview-inner{z-index:2;align-items:center;gap:12px;width:100%;height:100%;padding:12px;display:flex;position:relative}.audio-track-preview-artwork{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:105px;height:105px;position:relative;overflow:hidden}.audio-track-preview-artwork img{object-fit:cover;width:100%;height:100%}.audio-track-preview-artwork-play-btn{color:#fff;cursor:pointer;background:#0006;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.audio-track-preview-artwork-play-btn:hover{background:#0009}.audio-track-preview-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.audio-track-preview-title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;text-shadow:0 1px 2px #000c;-webkit-box-orient:vertical;font-size:.88rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.audio-track-preview-username{color:#ffffffb3;text-shadow:0 1px 2px #000c;font-size:.72rem}.audio-track-preview-genre{color:var(--accent-primary);background:#a855f726;border:1px solid #a855f733;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.65rem;font-weight:700}.audio-track-preview-progress-bar{background:#ffffff26;border-radius:2px;width:100%;height:4px;margin-top:4px;position:relative;overflow:hidden}.audio-track-preview-progress-fill{background:var(--accent-primary);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.audio-track-preview-status{color:#ffffff80;align-items:center;gap:.25rem;font-size:.65rem;display:flex}.comment-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.comment-modal-content{background:var(--bg-primary);border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:600px;height:85vh;display:flex;overflow:hidden}.comment-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.comment-modal-header h2{margin:0;font-size:1rem;font-weight:700}.comment-modal-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.comment-post-context{padding:.5rem}.comment-post-context .post-card{background:0 0;border:none;margin-bottom:0}.comment-list-divider{background:var(--border-color);height:1px;margin:0 1rem}.comment-list{flex-direction:column;gap:1.2rem;padding:1rem;display:flex}.comment-thread{flex-direction:column;gap:.8rem;display:flex}.comment-reply-wrapper{padding-left:3.5rem}.comment-item{gap:.8rem;display:flex}.comment-avatar{background:var(--surface-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-avatar span{color:var(--text-primary);font-size:.8rem;font-weight:700}.comment-item.is-reply .comment-avatar{width:28px;height:28px}.comment-content-wrap{flex-direction:column;flex-grow:1;gap:.2rem;display:flex}.comment-bubble{background:var(--surface-hover);border-radius:4px 16px 16px;padding:.75rem 1rem}.comment-username{color:var(--text-primary);margin-bottom:.25rem;font-size:.85rem;font-weight:700;display:block}.comment-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9rem;line-height:1.4}.comment-actions{align-items:center;gap:1rem;padding-left:.5rem;display:flex}.comment-time{color:var(--text-muted);font-size:.7rem}.comment-reply-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.comment-reply-btn:hover{color:var(--text-primary)}.comment-input-area{border-top:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.replying-to-banner{background:var(--surface-hover);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.8rem;display:flex}.replying-to-banner button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0}.comment-input-form{align-items:center;gap:.8rem;display:flex}.comment-avatar-mini{background:var(--surface-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.comment-avatar-mini img{object-fit:cover;width:100%;height:100%}.comment-avatar-mini span{color:var(--text-primary);font-size:.75rem;font-weight:700}.comment-input-form input{background:var(--surface-hover);color:var(--text-primary);border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;padding:.7rem 1rem;font-size:.9rem}.comment-input-form input:focus{border-color:var(--accent-primary)}.comment-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.comment-send-btn:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed}.empty-comments{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9rem}.right-panel-twins-section{margin-bottom:2rem}.right-panel-twins-list{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.ai-persona-card{cursor:pointer;background:var(--surface-hover);border:1px solid #ffffff14;border-radius:18px;width:100%;height:180px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d}.ai-persona-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 16px 36px #7c3aed40}.ai-persona-bg{object-fit:cover;width:100%;height:100%}.ai-persona-gradient{background:linear-gradient(#0000 30%,#000000d9 100%);position:absolute;inset:0}.ai-persona-active-badge{color:#10b981;background:#10b98133;border:1px solid #10b98166;border-radius:12px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.ai-persona-active-badge .active-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.ai-persona-info{flex-direction:column;padding:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.ai-persona-name-row{align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.ai-persona-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:800;overflow:hidden}.ai-persona-flag{font-size:.9rem}.ai-persona-wave{height:10px}.ai-persona-specs{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.7rem;overflow:hidden}.ai-persona-bio{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1.5rem 0;display:grid}.go-live-card{border:1px dashed var(--accent-primary)!important;background:#7c3aed0d!important}.go-live-overlay-centered{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.go-live-icon-btn{background:#ef4444d9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;box-shadow:0 0 20px #ef444466}.go-live-card:hover .go-live-icon-btn{transform:scale(1.1)}.go-live-badge{letter-spacing:.5px;font-size:.7rem;font-weight:800}.room-viewer-body{grid-template-columns:1fr 320px;gap:1.5rem;height:calc(100vh - 180px);margin-top:1rem;display:grid}@media (width<=768px){.room-viewer-body{grid-template-columns:1fr;height:auto}}.room-viewer-video-container{background:#000;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.host-controls-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:30px;gap:1rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.control-btn:hover{background:#fff3}.control-btn.end-btn{background:#ef4444;border-radius:20px;gap:.35rem;width:auto;padding:0 1rem;font-size:.8rem;font-weight:700}.control-btn.end-btn:hover{background:#dc2626}.room-chat-panel{background:var(--surface-hover);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--border-color);padding:1rem}.chat-panel-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.chat-messages-scroll{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-bubble-row{align-items:flex-start;gap:.6rem;display:flex}.chat-bubble-row.status-msg{justify-content:center;padding:.25rem .5rem}.status-text{color:var(--text-muted);background:#ffffff08;border-radius:12px;padding:.25rem .75rem;font-size:.75rem}.chat-avatar-mini{background:var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.chat-avatar-mini img{object-fit:cover;width:100%;height:100%}.chat-avatar-mini span{color:var(--text-primary);font-size:.75rem;font-weight:700}.chat-text-content{background:#ffffff08;border-radius:0 12px 12px;flex-direction:column;max-width:85%;padding:.5rem .75rem;display:flex}.chat-username{color:var(--text-secondary);margin-bottom:.15rem;font-size:.75rem;font-weight:700}.chat-text{color:var(--text-primary);word-break:break-all;margin:0;font-size:.8rem;line-height:1.3}.chat-input-area{border-top:1px solid var(--border-color);background:#00000026;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.chat-input-area input{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;border-radius:20px;outline:none;flex:1;padding:.5rem 1rem;font-size:.85rem}.chat-input-area input:focus{border-color:var(--accent-primary)}.chat-input-area button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-input-area button:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff0d}.audio-wave-bars{align-items:flex-end;gap:3px;height:20px;margin-top:1rem;display:flex}.audio-wave-bars span{background:var(--accent-primary);width:3px;animation:1.2s ease-in-out infinite alternate audioWave}.audio-wave-bars span:first-child{height:5px;animation-delay:.1s}.audio-wave-bars span:nth-child(2){height:15px;animation-delay:.3s}.audio-wave-bars span:nth-child(3){height:8px;animation-delay:.5s}.audio-wave-bars span:nth-child(4){height:18px;animation-delay:.2s}.audio-wave-bars span:nth-child(5){height:10px;animation-delay:.4s}@keyframes audioWave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.live-animate-pulse{animation:2s infinite alternate pulseColor}@keyframes pulseColor{0%{color:var(--text-muted);transform:scale(1)}to{color:#ef4444;transform:scale(1.1)}}