@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&family=Raleway:wght@400;500;600;700&family=Roboto+Condensed:wght@400;700&family=Lobster&family=Pacifico&family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&family=Merriweather:wght@400;700&family=Abril+Fatface&family=Dancing+Script:wght@400;700&family=Cinzel:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@400;600;700&family=VT323&family=Fira+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap";.reels-container{height:calc(100vh - 120px);overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;background:#000;position:relative}.reels-container::-webkit-scrollbar{display:none}.reel-card{height:calc(100vh - 120px);scroll-snap-align:start;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.reel-video-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.reel-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent 20%,#0009);pointer-events:none;z-index:1}.reel-top-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:10;justify-content:center}.reel-dot{flex:1;height:2.5px;border-radius:2px;background:#ffffff4d;transition:all .3s ease;max-width:40px}.reel-dot.active{background:#fff}.reel-heart-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;color:#fff;font-size:80px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4))}.reel-bottom-section{position:absolute;bottom:20px;left:16px;right:70px;z-index:5;display:flex;flex-direction:column;gap:8px}.reel-user-row{display:flex;align-items:center;gap:10px}.reel-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff26;font-size:18px;border:2px solid rgba(255,255,255,.3);flex-shrink:0;overflow:hidden}.reel-username{color:#fff;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-verified{color:#3897f0;font-size:14px;flex-shrink:0}.reel-follow-btn{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:4px;cursor:pointer;margin-left:auto;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-follow-btn:hover{background:#ffffff1a;border-color:#fff}.reel-caption{font-size:13px;color:#ffffffd9;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-caption-user{font-weight:600;color:#fff;margin-right:6px}.reel-caption-text{word-break:break-word}.reel-more-btn{background:none;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:0;margin-left:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-music-row{display:flex;align-items:center;gap:10px;margin-top:2px}.reel-music-disc{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;animation:spinDisc 4s linear infinite;flex-shrink:0}@keyframes spinDisc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-music-name{font-size:12px;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-actions{position:absolute;right:12px;bottom:80px;z-index:5;display:flex;flex-direction:column;gap:16px;align-items:center}.reel-action-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s ease;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-action-btn:active{transform:scale(.9)}.reel-action-btn svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.reel-action-btn span{font-size:11px;color:#fff;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.5)}.reel-action-btn svg.liked{color:#e94057}.reel-action-btn svg.saved{color:gold}.reel-comments-panel{position:absolute;bottom:0;left:0;right:0;z-index:30;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%;display:flex;align-items:flex-end}.reel-comments-inner{background:#1a1a1a;border-radius:16px 16px 0 0;width:100%;max-height:60%;display:flex;flex-direction:column}.reel-comments-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.reel-comments-header h4{margin:0;font-size:16px;font-weight:600;color:#fff}.reel-comments-header button{background:none;border:none;color:#fff9;cursor:pointer;font-size:18px;padding:4px}.reel-comments-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;min-height:60px}.reel-no-comments{color:#fff6;font-size:13px;text-align:center;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-comment-item{display:flex;gap:8px;font-size:13px;color:#ffffffd9;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-comment-user{font-weight:600;color:#fff;flex-shrink:0}.reel-comment-input-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.1)}.reel-comment-input-row input{flex:1;background:#ffffff14;border:none;border-radius:24px;padding:10px 16px;color:#fff;font-size:13px;outline:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-comment-input-row input::placeholder{color:#fff6}.reel-comment-post-btn{background:none;border:none;color:#ffffff4d;font-size:13px;font-weight:600;cursor:pointer;padding:8px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.reel-comment-post-btn.active{color:#3897f0}@media (max-width: 480px){.reel-bottom-section{bottom:16px;left:12px;right:60px}.reel-actions{right:8px;bottom:70px;gap:14px}.reel-action-btn svg{width:24px;height:24px}.reel-action-btn span{font-size:10px}.reel-heart-burst{font-size:60px}.reel-user-avatar{width:30px;height:30px;font-size:15px}.reel-username{font-size:13px}.reel-follow-btn{font-size:10px;padding:3px 10px}.reel-caption{font-size:12px}.reel-music-disc{width:28px;height:28px;font-size:12px}.reel-music-name{font-size:11px}}.loading-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 120px);background:#000;color:#fff9;gap:16px}.loader{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.omegle-container{height:calc(100vh - 120px);display:flex;flex-direction:column;background:#0a0a12;position:relative}.omegle-video-area{flex:1;position:relative;background:#000;overflow:hidden}.omegle-remote-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000c}.omegle-video{width:100%;height:100%;object-fit:cover}.omegle-placeholder{text-align:center;color:#ffffff4d;padding:40px}.omegle-placeholder-icon{font-size:64px;color:#6c3ce1;margin-bottom:16px}.omegle-placeholder h3{font-size:20px;color:#fff9;margin-bottom:8px}.omegle-placeholder p{font-size:14px;margin-bottom:20px}.omegle-loading-spinner{width:48px;height:48px;margin:0 auto 16px;border:3px solid rgba(108,60,225,.1);border-top:3px solid #6C3CE1;border-radius:50%;animation:spin 1s linear infinite}.omegle-loading-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.omegle-loading-dots span{width:8px;height:8px;border-radius:50%;background:#6c3ce1;animation:dotPulse 1.4s ease-in-out infinite}.omegle-loading-dots span:nth-child(2){animation-delay:.2s}.omegle-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.3}40%{transform:scale(1.2);opacity:1}}.omegle-local-video{position:absolute;bottom:80px;right:16px;width:120px;height:160px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080}.omegle-video-small{width:100%;height:100%;object-fit:cover}.omegle-local-controls{position:absolute;bottom:4px;left:4px;right:4px;display:flex;gap:4px;justify-content:center}.omegle-local-controls .omegle-control-btn.small{width:28px;height:28px;font-size:10px;background:#0009}.omegle-stranger-info{position:absolute;top:16px;left:16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;border-radius:12px;color:#fff;max-width:80%}.omegle-stranger-details{display:flex;gap:12px;font-size:12px;flex-wrap:wrap}.omegle-stranger-details span{display:flex;align-items:center;gap:4px;color:#ffffffb3}.omegle-stranger-interests{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.omegle-interest-tag{font-size:9px;padding:2px 8px;border-radius:8px;background:#6c3ce133;color:#6c3ce1}.omegle-controls{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.omegle-control-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff0d;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px}.omegle-control-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.omegle-control-btn.danger{background:#e940571a;color:#e94057}.omegle-control-btn.danger:hover{background:#e9405733}.omegle-control-btn.primary{background:#6c3ce126;color:#6c3ce1}.omegle-control-btn.primary:hover{background:#6c3ce140}.omegle-control-btn .spinner{animation:spin 1s linear infinite}.omegle-start-btn{padding:12px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-size:16px;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.omegle-start-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #6c3ce14d}.omegle-interests-toggle-btn{margin-top:8px;padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff80;cursor:pointer;font-size:12px;font-family:Orbitron,sans-serif;transition:all .3s ease}.omegle-interests-toggle-btn:hover{background:#ffffff0f;color:#fff}.omegle-chat-panel{position:absolute;bottom:80px;right:16px;width:300px;max-height:400px;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000080}.omegle-chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.omegle-chat-header h4{color:#fff;font-size:14px;margin:0}.omegle-chat-header button{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:16px}.omegle-chat-messages{flex:1;overflow-y:auto;padding:10px 14px;max-height:250px}.omegle-chat-empty{text-align:center;color:#fff3;padding:20px 0}.omegle-chat-msg{margin-bottom:8px}.omegle-chat-msg.me{text-align:right}.omegle-chat-msg.stranger{text-align:left}.omegle-chat-bubble{display:inline-block;max-width:80%;padding:6px 12px;border-radius:12px;background:#ffffff0d}.omegle-chat-msg.me .omegle-chat-bubble{background:linear-gradient(135deg,#6c3ce1,#e94057)}.omegle-chat-sender{font-size:10px;color:#ffffff4d;display:block}.omegle-chat-bubble p{margin:2px 0 0;font-size:13px;color:#fffc}.omegle-chat-input{display:flex;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05)}.omegle-chat-input input{flex:1;padding:8px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:12px;font-family:Orbitron,sans-serif}.omegle-chat-input input:focus{outline:none;border-color:#6c3ce133}.omegle-chat-input button{padding:6px 16px;border-radius:20px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;cursor:pointer;font-size:12px;font-family:Orbitron,sans-serif}.omegle-interests-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center}.omegle-interests-content{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;max-width:400px;width:90%}.omegle-interests-content h3{color:#fff;font-size:20px;margin-bottom:4px}.omegle-interests-content p{color:#ffffff4d;font-size:13px;margin-bottom:16px}.omegle-interests-grid{display:flex;flex-wrap:wrap;gap:6px}.omegle-interest-btn{padding:6px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#fff6;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;transition:all .3s ease}.omegle-interest-btn.active{border-color:#6c3ce1;background:#6c3ce11f;color:#6c3ce1}.omegle-interest-btn:hover{background:#ffffff0d;color:#fff}.omegle-close-btn{width:100%;padding:10px;margin-top:16px;border-radius:12px;border:none;background:#6c3ce126;color:#6c3ce1;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.omegle-close-btn:hover{background:#6c3ce140}@media (max-width: 480px){.omegle-local-video{width:80px;height:120px;bottom:70px;right:8px}.omegle-chat-panel{width:100%;right:0;bottom:70px;max-height:50vh;border-radius:12px 12px 0 0}.omegle-control-btn{width:36px;height:36px;font-size:14px}.omegle-start-btn{padding:10px 20px;font-size:14px}.omegle-stranger-info{font-size:11px;padding:6px 10px}}.omegle-stranger-details{display:flex;align-items:center;gap:8px}.omegle-stranger-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.omegle-stranger-name{font-size:12px;font-weight:600;color:#fff}.omegle-stranger-meta{font-size:9px;color:#fff6;display:flex;align-items:center;gap:3px}.omegle-follow-btn{width:30px;height:30px;border-radius:50%;border:none;background:#6c3ce133;color:#6c3ce1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0;font-size:12px}.omegle-follow-btn:hover{background:#6c3ce159}.omegle-follow-btn.following{background:#2ecc7133;color:#2ecc71}.omegle-follow-btn.following:hover{background:#2ecc7159}.omegle-control-btn-wrapper{position:relative}.omegle-games-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1e24;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;white-space:nowrap;z-index:10;margin-bottom:6px}.omegle-game-option{background:none;border:none;color:#ffffffb3;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px;transition:background .15s}.omegle-game-option:hover{background:#ffffff0f;color:#fff}.omegle-game-overlay{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#0d0f12f2;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 16px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px;width:100%}.omegle-game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.omegle-game-title{font-size:11px;font-weight:600;color:#ffffffb3}.omegle-game-actions{display:flex;gap:4px}.omegle-game-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:2px 6px;font-size:11px;border-radius:4px;transition:color .15s}.omegle-game-btn:hover{color:#fff}.omegle-game-result{text-align:center;font-size:13px;font-weight:700;color:#2ecc71;margin-bottom:6px}.omegle-game-turn{font-size:10px;color:#ffffff4d;text-align:center;margin-top:4px}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:180px;margin:0 auto}.ttt-cell{aspect-ratio:1;background:#ffffff08;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ttt-cell.empty:hover{background:#6c3ce11a}.ttt-cell.empty{cursor:pointer}.ttt-mark{font-size:22px;font-weight:800}.x-mark{color:#6c3ce1}.o-mark{color:#e94057}.rps-buttons{display:flex;gap:8px;justify-content:center}.rps-choice-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 14px;cursor:pointer;transition:all .15s}.rps-choice-btn:hover{background:#6c3ce11a;border-color:#6c3ce14d}.rps-moves{display:flex;align-items:center;justify-content:center;gap:16px}.rps-player-move{display:flex;flex-direction:column;align-items:center;gap:2px}.rps-vs{font-size:10px;font-weight:700;color:#fff3}.rps-waiting{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0}.studio-page{min-height:100vh;background:linear-gradient(135deg,#0b0d10,#141820);color:#e8edf2;padding:20px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.studio-header{text-align:center;margin-bottom:24px;animation:fadeInDown .6s ease}.studio-header h1{font-size:2.5rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#5b7cfa,#e94057);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-header p{font-size:1.1rem;color:#a0abb8;margin:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.studio-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;padding:12px;background:#14182099;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05)}.studio-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:2px solid transparent;background:#2d343f66;color:#8892a0;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.studio-tab-btn:hover{background:#2d343fb3;color:#e8edf2;border-color:#5b7cfa4d}.studio-tab-btn.active{background:linear-gradient(135deg,#5b7cfa33,#e9405733);color:#e8edf2;border-color:#5b7cfa;box-shadow:0 0 20px #5b7cfa4d}.tab-icon{font-size:1.3rem;display:inline-block}.tab-label{display:none}@media (min-width: 480px){.tab-label{display:inline}}.studio-content{max-width:1400px;margin:0 auto;animation:fadeInUp .6s ease .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.studio-posts-panel{display:flex;gap:16px;flex-wrap:wrap}.canvas-wrapper{flex:2;min-width:280px;background:#0f1318cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.studio-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);justify-content:center}.template-panel{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;justify-content:center}.template-btn{background:#ffffff14;color:#e8edf2;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.template-btn:hover{background:#ffffff24;border-color:#5b7cfa59}.template-btn.active{background:linear-gradient(135deg,#5b7cfaf2,#e94057f2);color:#fff;border-color:#5b7cfae6;box-shadow:0 8px 18px #5b7cfa2e}.canvas-container{position:relative;width:100%;max-width:600px;aspect-ratio:1 / 1;background:#1e252e;border-radius:14px;overflow:hidden;border:2px solid rgba(91,124,250,.2);margin:0 auto}.canvas-container canvas{width:100%;height:100%;display:block;cursor:grab}.canvas-container canvas:active{cursor:grabbing}.studio-sidebar{flex:1;min-width:220px;background:#0f1318cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:16px;max-height:700px;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;color:#6b7a8a;font-weight:700;margin:0}.ctrl-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ctrl-group label{font-size:.75rem;color:#a0abb8;font-weight:500;min-width:50px}.ctrl-group input[type=color]{width:40px;height:40px;border:2px solid rgba(255,255,255,.05);border-radius:8px;background:transparent;cursor:pointer;padding:2px;transition:all .2s ease}.ctrl-group input[type=color]:hover{border-color:#5b7cfa80;box-shadow:0 0 12px #5b7cfa33}.ctrl-group input[type=range]{flex:1;min-width:70px;accent-color:#5b7cfa;height:5px;border-radius:5px;cursor:pointer}.ctrl-group select,.ctrl-group input[type=text],.ctrl-group input[type=number]{background:#1e252ecc;border:1px solid rgba(255,255,255,.05);color:#e8edf2;padding:8px 12px;border-radius:8px;font-size:.8rem;flex:1;min-width:70px;transition:all .2s ease}.ctrl-group select:focus,.ctrl-group input[type=text]:focus,.ctrl-group input[type=number]:focus{outline:none;border-color:#5b7cfa80;background:#1e252e;box-shadow:0 0 12px #5b7cfa1a}.btn{background:#2d343f99;border:1px solid rgba(255,255,255,.05);color:#e8edf2;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:#2d343fe6;border-color:#5b7cfa4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#5b7cfacc,#e94057cc);border-color:#5b7cfa80;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5b7cfa,#e94057);box-shadow:0 6px 20px #5b7cfa4d}.btn-outline{background:transparent;border-color:#ffffff1a}.btn-outline:hover{background:#ffffff0d;border-color:#5b7cfa4d}.btn-sm{padding:6px 10px;font-size:.7rem}.btn-danger{color:#e74c3c}.btn-danger:hover{background:#e74c3c1a;border-color:#e74c3c4d}.layer-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1a1e24cc;border-radius:8px;border-left:3px solid transparent;cursor:pointer;font-size:.75rem;transition:all .15s ease;touch-action:none}.layer-item:hover{background:#1a1e24;border-left-color:#5b7cfa80}.layer-item.selected{border-left-color:#5b7cfa;background:#5b7cfa1a;box-shadow:inset 0 0 12px #5b7cfa0d}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0abb8}.layer-btn-small{background:none;border:none;color:#fff6;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;font-size:.8rem}.layer-btn-small:hover{color:#e8edf2;background:#5b7cfa1a}.studio-reels-panel{display:flex;gap:16px;flex-wrap:wrap}.reels-preview-section{flex:2;min-width:280px;background:#0f1318cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.05)}.video-preview{width:100%;max-width:500px;margin:0 auto;border-radius:12px;overflow:hidden;background:#000}.waveform-container{width:100%;height:60px;background:#0f1318e6;border-radius:8px;border:1px solid rgba(91,124,250,.2);margin:8px 0;overflow:hidden;cursor:crosshair;position:relative}.waveform-container canvas{width:100%;height:100%;display:block;border-radius:8px}.studio-input{background:#1e252ecc;border:1px solid rgba(255,255,255,.05);color:#e8edf2;padding:8px 12px;border-radius:8px;font-size:.8rem;transition:all .2s ease}.studio-input:focus{outline:none;border-color:#5b7cfa80;box-shadow:0 0 12px #5b7cfa1a}.studio-select{background:#1e252ecc;border:1px solid rgba(255,255,255,.05);color:#e8edf2;padding:8px 12px;border-radius:8px;font-size:.8rem;width:100%;cursor:pointer;transition:all .2s ease}.studio-select:focus{outline:none;border-color:#5b7cfa80}.reels-sidebar{flex:.8;min-width:160px}.studio-live-panel{display:flex;gap:16px;flex-wrap:wrap}.live-preview-wrapper{flex:2;min-width:280px;background:#0f1318cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.05)}.live-preview-container{position:relative;width:100%;max-width:500px;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;margin:0 auto;border:2px solid rgba(91,124,250,.2)}.live-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.live-overlays>*{pointer-events:auto}.lower-third-live{position:absolute;bottom:30px;left:16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px;border-radius:10px;border-left:4px solid #5b7cfa;max-width:70%;z-index:10}.lt-name-live{font-weight:700;font-size:1.1rem;color:#fff;margin:0 0 2px}.lt-title-live{font-size:.8rem;color:#ffffffb3;margin:0}.countdown-overlay-live{position:absolute;top:12px;right:12px;font-size:2.2rem;font-weight:900;font-family:Courier Prime,monospace;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 16px;border-radius:12px;color:#fff;z-index:10;letter-spacing:2px}.chat-scroll-live{position:absolute;bottom:80px;right:12px;max-width:220px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 12px;border-radius:10px;font-size:.75rem;max-height:120px;overflow:hidden;display:flex;flex-direction:column;gap:4px;z-index:10}.msg-live{word-break:break-word;color:#ffffffe6;padding:2px 0;border-bottom:1px solid rgba(91,124,250,.1)}.emoji-rain-container-live{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5}.emoji-drop-live{position:absolute;font-size:1.8rem;animation:dropFallLive linear forwards;pointer-events:none}@keyframes dropFallLive{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.2}}.neon-border-live{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:14px;pointer-events:none;animation:neonPulseLive 1.5s ease-in-out infinite alternate;z-index:8}@keyframes neonPulseLive{0%{border-color:#5b7cfa33;box-shadow:0 0 8px #5b7cfa1a,inset 0 0 8px #5b7cfa0d}to{border-color:#5b7cfae6;box-shadow:0 0 30px #5b7cfa99,inset 0 0 30px #5b7cfa1a}}.live-sidebar{flex:.8;min-width:160px}.text-muted{color:#6b7a8a;font-size:.7rem}.text-sm{font-size:.75rem}.studio-sidebar::-webkit-scrollbar,.layer-list::-webkit-scrollbar{width:4px}.studio-sidebar::-webkit-scrollbar-track,.layer-list::-webkit-scrollbar-track{background:#0f131880;border-radius:8px}.studio-sidebar::-webkit-scrollbar-thumb,.layer-list::-webkit-scrollbar-thumb{background:#5b7cfa4d;border-radius:8px;transition:all .2s ease}.studio-sidebar::-webkit-scrollbar-thumb:hover,.layer-list::-webkit-scrollbar-thumb:hover{background:#5b7cfa99}@media (max-width: 700px){.studio-page{padding:12px 8px}.studio-header h1{font-size:2rem}.studio-posts-panel,.studio-reels-panel,.studio-live-panel{flex-direction:column}.canvas-wrapper,.reels-preview-section,.live-preview-wrapper,.studio-sidebar{flex:1;min-width:auto;max-height:none}.studio-toolbar{gap:4px}.btn{padding:6px 10px;font-size:.7rem}.section-title{font-size:.7rem}.ctrl-group{gap:4px}.ctrl-group label{min-width:40px;font-size:.7rem}.canvas-container,.live-preview-container{max-width:100%}.lower-third-live{font-size:.9rem}.lt-name-live{font-size:.95rem}.lt-title-live{font-size:.75rem}.countdown-overlay-live{font-size:1.8rem;padding:4px 12px}}@media (max-width: 400px){.studio-page{padding:8px 4px}.studio-header h1{font-size:1.5rem}.studio-header p{font-size:.9rem}.studio-tabs{padding:8px;gap:4px}.studio-tab-btn{padding:8px 12px;font-size:.75rem}.canvas-wrapper,.reels-preview-section,.live-preview-wrapper,.studio-sidebar{padding:12px}.waveform-container{height:50px}.btn-sm{padding:4px 6px;font-size:.6rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.camera-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.camera-modal{background:#141820;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;max-width:500px;width:90%;display:flex;flex-direction:column;gap:14px}.camera-modal-header{display:flex;justify-content:space-between;align-items:center}.camera-modal-header h4{margin:0;font-size:1.1rem;color:#e8edf2}.camera-preview{width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;overflow:hidden;border:2px solid rgba(91,124,250,.3)}.camera-preview video{width:100%;height:100%;object-fit:cover;display:block}.camera-actions{display:flex;gap:10px;justify-content:center}.camera-actions .btn-accent{min-width:140px}.studio-caption-input{background:#1e252ecc;border:1px solid rgba(255,255,255,.05);color:#e8edf2;padding:10px 12px;border-radius:10px;font-size:.85rem;resize:vertical;font-family:inherit;transition:all .2s ease;width:100%;box-sizing:border-box}.studio-caption-input:focus{outline:none;border-color:#5b7cfa80;box-shadow:0 0 12px #5b7cfa1a}.studio-caption-input::placeholder{color:#6b7a8a}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a12;font-family:Orbitron,Segoe UI,Roboto,sans-serif;color:#fff;overflow-x:hidden}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.auth-gradient-bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(108,60,225,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.2) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(233,64,87,.15) 0%,transparent 50%);animation:rotateBg 80s linear infinite;z-index:0}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#6c3ce180;border-radius:50%;animation:floatParticle 15s infinite}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:0}50%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}.auth-card{position:relative;z-index:1;width:100%;max-width:520px;background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(108,60,225,.2);border-radius:32px;padding:48px 40px;box-shadow:0 24px 80px #000c,0 0 60px #6c3ce11a,inset 0 1px #ffffff0d;animation:floatCard 6s ease-in-out infinite;max-height:90vh;overflow-y:auto}.auth-card::-webkit-scrollbar{width:4px}.auth-card::-webkit-scrollbar-track{background:transparent}.auth-card::-webkit-scrollbar-thumb{background:#6c3ce14d;border-radius:2px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;border-radius:32px}.auth-logo{display:block;margin:0 auto 16px;width:72px;height:72px;filter:drop-shadow(0 0 30px rgba(108,60,225,.3));animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 30px rgba(108,60,225,.3))}50%{filter:drop-shadow(0 0 60px rgba(108,60,225,.6))}}.auth-title{font-size:28px;font-weight:900;text-align:center;letter-spacing:4px;margin-bottom:4px;background:linear-gradient(135deg,#6c3ce1,#e94057,#f27121,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite;text-shadow:0 0 40px rgba(108,60,225,.3)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-subtitle{color:#fff6;font-size:11px;text-align:center;margin-bottom:28px;letter-spacing:3px;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.form-label .required{color:#e94057}.form-input{background:#ffffff08;border:1px solid rgba(108,60,225,.12);border-radius:14px;padding:14px 18px;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;transition:all .3s ease;letter-spacing:.5px;width:100%}.form-input:focus{outline:none;border-color:#6c3ce1;box-shadow:0 0 30px #6c3ce114,inset 0 0 30px #6c3ce108;background:#ffffff0f}.form-input::placeholder{color:#ffffff26;letter-spacing:1px;font-size:12px}.form-input.error{border-color:#e94057;box-shadow:0 0 30px #e9405714}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff08;border:1px solid rgba(108,60,225,.12);border-radius:14px;padding:14px 18px;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;transition:all .3s ease;cursor:pointer;width:100%;letter-spacing:.5px}.form-select:focus{outline:none;border-color:#6c3ce1;box-shadow:0 0 30px #6c3ce114}.form-select option{background:#1a1a2e;color:#fff}textarea.form-input{resize:vertical;min-height:60px;font-family:Orbitron,sans-serif}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff40;cursor:pointer;padding:4px;transition:color .3s ease}.password-toggle:hover{color:#fff9}.error-message{color:#e94057;font-size:10px;letter-spacing:1px;margin-top:3px}.auth-button{background:linear-gradient(135deg,#6c3ce1,#e94057);border:none;border-radius:14px;padding:16px;color:#fff;font-size:13px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:3px;text-transform:uppercase;position:relative;overflow:hidden;width:100%}.auth-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:btnPulse 3s ease-in-out infinite}@keyframes btnPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.auth-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px #6c3ce166}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-button .spinner{animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;gap:16px;margin:16px 0;color:#ffffff26;font-size:10px;letter-spacing:2px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff0d}.auth-google-btn{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:2px}.auth-google-btn:hover{background:#ffffff0f;border-color:#6c3ce14d;transform:translateY(-2px)}.auth-google-btn svg{color:#ea4335;font-size:18px}.auth-footer{margin-top:20px;text-align:center;color:#ffffff40;font-size:11px;letter-spacing:1px}.auth-footer a{color:#6c3ce1;text-decoration:none;font-weight:700;transition:all .3s ease}.auth-footer a:hover{color:#e94057;text-shadow:0 0 20px rgba(233,64,87,.2)}.form-options{text-align:right;margin-top:-4px}.forgot-link{color:#fff3;font-size:10px;text-decoration:none;letter-spacing:1px;transition:color .3s ease}.forgot-link:hover{color:#6c3ce1}.terms-text{color:#fff3;font-size:9px;text-align:center;letter-spacing:1px;line-height:1.6;margin-top:4px}.terms-text a{color:#6c3ce1;text-decoration:none}.terms-text a:hover{color:#e94057}.permission-notice{color:#ffffff26;font-size:8px;text-align:center;letter-spacing:1px;margin-top:4px}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.landing-gradient-bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(108,60,225,.2) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(233,64,87,.12) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(0,212,255,.08) 0%,transparent 40%);animation:rotateBg 90s linear infinite;z-index:0}.landing-content{position:relative;z-index:1;text-align:center;max-width:700px;padding:40px}.landing-title{font-size:44px;font-weight:900;background:linear-gradient(135deg,#6c3ce1,#e94057,#f27121,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite;letter-spacing:4px;margin-bottom:12px}.landing-description{font-size:18px;color:#ffffff80;margin-bottom:32px;letter-spacing:3px}.landing-features{display:flex;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:10px;color:#ffffff80;font-size:13px;letter-spacing:1px;padding:10px 20px;border:1px solid rgba(108,60,225,.12);border-radius:20px;background:#ffffff05}.feature-item svg{color:#6c3ce1;font-size:18px}.landing-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-btn-primary{background:linear-gradient(135deg,#6c3ce1,#e94057);border:none;border-radius:14px;padding:16px 40px;color:#fff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;letter-spacing:2px;text-transform:uppercase;box-shadow:0 8px 30px #6c3ce14d}.landing-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #6c3ce180}.landing-btn-secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 40px;color:#fff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:2px;text-transform:uppercase}.landing-btn-secondary:hover{background:#ffffff0f;transform:translateY(-3px);border-color:#6c3ce1}.landing-footer{margin-top:40px;color:#ffffff26;font-size:12px;letter-spacing:2px}.avatar-upload{display:flex;justify-content:center;margin-bottom:16px}.avatar-preview.cover-preview{width:100%;height:110px;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.08)}.interests-grid{display:flex;flex-wrap:wrap;gap:6px}.interest-tag{padding:6px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#fff6;cursor:pointer;font-size:10px;transition:all .3s ease;font-family:Orbitron,sans-serif;letter-spacing:.5px}.interest-tag:hover{border-color:#6c3ce133}.interest-tag.active{border-color:#6c3ce1;background:#6c3ce11f;color:#fff;box-shadow:0 0 20px #6c3ce10d}.follow-card{max-width:550px}.follow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.follow-skip-btn{background:none;border:none;color:#fff3;font-size:18px;cursor:pointer;transition:color .3s ease;padding:8px}.follow-skip-btn:hover{color:#fff}.follow-list{max-height:350px;overflow-y:auto;margin:16px 0}.follow-list::-webkit-scrollbar{width:3px}.follow-list::-webkit-scrollbar-thumb{background:#6c3ce14d;border-radius:2px}.follow-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:#ffffff05;margin-bottom:6px;transition:all .3s ease}.follow-item:hover{background:#ffffff0a}.follow-avatar{font-size:30px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6c3ce114}.follow-info{flex:1}.follow-info h4{color:#fff;font-size:13px;font-weight:700}.follow-info span{color:#ffffff4d;font-size:10px}.follow-info p{color:#ffffff59;font-size:11px;margin-top:1px}.follow-btn{padding:6px 14px;border-radius:16px;border:1px solid rgba(108,60,225,.2);background:#6c3ce114;color:#fff;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;transition:all .3s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}.follow-btn:hover{background:#6c3ce129;transform:scale(1.05)}.follow-btn.following{background:#e940571f;border-color:#e9405733}.follow-btn.following:hover{background:#e9405733}.main-layout{max-width:100%;margin:0 auto;height:100vh;display:flex;flex-direction:column;background:#0a0a12;position:relative;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding-bottom:70px;padding-top:60px}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);height:56px}.header-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#6c3ce1,#e94057);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;gap:16px}.header-btn{background:none;border:none;color:#fff9;cursor:pointer;transition:color .3s ease;padding:4px}.header-btn:hover{color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;padding:8px 0;height:64px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#fff6;cursor:pointer;transition:color .3s ease;padding:4px 12px;position:relative;font-size:10px;font-family:Orbitron,sans-serif}.bottom-nav-item.active{color:#6c3ce1}.bottom-nav-label{font-size:9px;letter-spacing:.5px}.bottom-nav-indicator{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(135deg,#6c3ce1,#e94057);border-radius:1px}.bottom-nav-create-btn{background:none;border:none;color:#6c3ce1;cursor:pointer;transition:transform .3s ease;padding:0}.bottom-nav-create-btn:hover{transform:scale(1.1)}.stories-container{display:flex;gap:12px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.03);margin-bottom:8px}.stories-container::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:60px}.story-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#6c3ce1,#e94057);border:2px solid transparent;transition:all .3s ease;position:relative}.story-item.seen .story-avatar{border-color:#fff3;opacity:.6}.story-item:not(.seen) .story-avatar{border-color:#6c3ce1;box-shadow:0 0 20px #6c3ce126}.story-item.create-story .story-avatar{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2)}.story-item span{font-size:10px;color:#ffffff80;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-icon{color:#fff;font-size:16px}.bookverse-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;margin:16px 0;border-radius:24px;background:linear-gradient(135deg,#6c3ce133,#e9405724);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bookverse-kicker{margin:0 0 4px;color:#8b5cf6;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700}.bookverse-hero-copy h3{margin:0 0 8px;color:#fff;font-size:16px}.bookverse-stats{display:flex;gap:8px;flex-wrap:wrap}.bookverse-stats span{border-radius:999px;padding:6px 10px;background:#ffffff14;color:#fffc;font-size:12px}.bookverse-new-btn,.bookverse-save-btn,.bookverse-lock-box button{border:none;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;cursor:pointer}.bookverse-editor-card{padding:16px;border-radius:24px;margin-bottom:16px;background:#080a16c7;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #0000003d}.bookverse-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bookverse-editor-header h4{margin:0;color:#fff}.bookverse-editor-header button{background:none;border:none;color:#ffffffa8;cursor:pointer}.bookverse-editor-form{display:grid;gap:10px}.bookverse-editor-form input,.bookverse-editor-form textarea,.bookverse-editor-form select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;background:#ffffff0f;color:#fff;font-family:Orbitron,sans-serif}.bookverse-editor-form textarea{min-height:140px;resize:vertical}.bookverse-editor-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bookverse-editor-controls label,.bookverse-toggle-row label{display:flex;flex-direction:column;gap:6px;color:#ffffffc2;font-size:12px}.bookverse-toggle-row{display:flex;gap:12px;flex-wrap:wrap}.bookverse-toggle-row label{flex-direction:row;align-items:center}.bookverse-companion-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.bookverse-prompt-card{padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.bookverse-prompt-card h4{margin:0 0 6px;color:#fff;font-size:14px}.bookverse-prompt-card p,.bookverse-prompt-card span{color:#ffffffbf;font-size:13px;line-height:1.5}.bookverse-prompt-card button{margin-top:10px;border:none;border-radius:999px;padding:8px 12px;background:#ffffff1f;color:#fff;cursor:pointer}.bookverse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.bookverse-card{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.14);min-height:220px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffff14}.bookverse-card.dreamy{box-shadow:0 14px 40px #f472b629}.bookverse-card.classic{box-shadow:0 14px 40px #ffffff14}.bookverse-card.midnight{box-shadow:0 14px 40px #38bdf829}.bookverse-card.glow{box-shadow:0 14px 40px #facc1529}.bookverse-card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.bookverse-card-top h4{margin:3px 0 0;color:#111827}.bookverse-card-mood{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#111827b3}.bookverse-card-actions{display:flex;gap:6px}.bookverse-card-actions button{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer}.bookverse-card-content{flex:1;margin:0;color:#111827db;line-height:1.5;font-size:14px;white-space:pre-wrap}.bookverse-card-footer{display:flex;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#111827b3}.bookverse-lock-box{display:flex;gap:8px}.bookverse-lock-box input{flex:1;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 10px}.post-card-instagram{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:12px;margin-bottom:4px}.post-header-instagram{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.post-user-instagram{display:flex;align-items:center;gap:10px}.post-avatar-instagram{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:#6c3ce11a}.post-user-info-instagram{display:flex;flex-direction:column}.post-username-instagram{font-size:13px;font-weight:600;color:#fff}.post-location-instagram{font-size:10px;color:#ffffff4d}.post-more-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px}.post-image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#ffffff05}.post-image-instagram{width:100%;height:100%;object-fit:cover}.post-actions-instagram{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.post-actions-left{display:flex;gap:16px}.post-action-btn{background:none;border:none;color:#fff9;cursor:pointer;transition:all .3s ease;padding:4px}.post-action-btn:hover{color:#fff;transform:scale(1.1)}.post-action-btn.liked{color:#e94057}.post-action-btn .saved{color:#6c3ce1}.post-likes-instagram{padding:0 16px;font-size:13px;font-weight:600;color:#fff}.post-caption-instagram{padding:4px 16px;font-size:13px;color:#fffc;display:flex;gap:6px}.post-caption-username{font-weight:600;color:#fff}.post-comments-preview{padding:2px 16px;font-size:12px;color:#ffffff4d;cursor:pointer}.post-comments-section{padding:8px 16px;border-top:1px solid rgba(255,255,255,.04);margin-top:8px}.post-comment{display:flex;gap:6px;font-size:13px;padding:2px 0}.post-comment-user{font-weight:600;color:#fff}.post-comment-text{color:#ffffffb3}.post-comment-input{display:flex;gap:8px;margin-top:8px}.post-comment-input input{flex:1;background:#ffffff0d;border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.post-comment-input input:focus{outline:none;background:#ffffff14}.post-comment-input button{background:none;border:none;color:#6c3ce1;cursor:pointer;font-size:13px;font-weight:600}.post-timestamp-instagram{padding:0 16px;font-size:10px;color:#fff3;margin-top:4px}.reels-container-instagram{height:calc(100vh - 120px);overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-container-instagram::-webkit-scrollbar{display:none}.reel-card{height:calc(100vh - 120px);scroll-snap-align:start;position:relative;background:#000}.reel-video-wrapper{width:100%;height:100%;position:relative}.reel-video{width:100%;height:100%;object-fit:cover}.reel-overlay{position:absolute;bottom:80px;left:16px;z-index:2}.reel-user-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}.reel-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-size:16px}.reel-username{color:#fff;font-size:14px;font-weight:600}.reel-description{color:#fffc;font-size:13px;max-width:70%}.reel-actions{position:absolute;right:16px;bottom:120px;z-index:2;display:flex;flex-direction:column;gap:20px;align-items:center}.reel-action-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease}.reel-action-btn:hover{transform:scale(1.1)}.reel-action-btn .liked{color:#e94057}.reel-action-btn .saved{color:#6c3ce1}.reel-action-btn span{font-size:11px}.messages-container{height:100%;display:flex;flex-direction:column;background:#0a0a12fa}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.messages-back-btn,.messages-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px}.messages-header h4{font-size:16px;color:#fff}.messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-item{display:flex;flex-direction:column;max-width:70%}.message-item.sent{align-self:flex-end}.message-item.received{align-self:flex-start}.message-bubble{padding:10px 14px;border-radius:18px;font-size:14px;word-wrap:break-word}.message-item.sent .message-bubble{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;border-bottom-right-radius:4px}.message-item.received .message-bubble{background:#ffffff0d;color:#fffc;border-bottom-left-radius:4px}.message-sticker{max-width:150px;border-radius:12px}.message-time{font-size:10px;color:#fff3;margin-top:2px;padding:0 4px}.message-item.sent .message-time{text-align:right}.messages-input-container{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.messages-input-container input{flex:1;background:#ffffff0d;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;font-family:Orbitron,sans-serif}.messages-input-container input:focus{outline:none;background:#ffffff14}.sticker-btn,.send-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;transition:color .3s ease}.sticker-btn:hover,.send-btn:hover{color:#6c3ce1}.sticker-picker{position:absolute;bottom:70px;left:0;right:0;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);border-radius:20px 20px 0 0;padding:16px;max-height:300px;z-index:200}.sticker-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sticker-picker-header h4{color:#fff;font-size:14px}.sticker-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sticker-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden}.sticker-item:hover{background:#ffffff0f;transform:scale(1.05)}.sticker-item img{width:100%;height:100%;object-fit:contain}.profile-container{padding:16px 16px 80px}.profile-avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:16px}.profile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#6c3ce1,#e94057)}.profile-stats{display:flex;gap:30px}.profile-stat{display:flex;flex-direction:column;align-items:center}.profile-info h2{font-size:18px;color:#fff}.profile-info span{font-size:13px;color:#ffffff4d}.profile-info p{font-size:13px;color:#ffffffb3;margin-top:4px}.profile-actions{display:flex;gap:8px;margin-top:12px}.profile-edit-btn{flex:1;padding:8px;border-radius:8px;border:none;background:#ffffff0d;color:#fff;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif}.profile-settings-btn{padding:8px 12px;border-radius:8px;border:none;background:#ffffff0d;color:#fff9;cursor:pointer}.profile-tabs{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.05);margin-bottom:16px}.profile-tab{flex:1;padding:12px;text-align:center;background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:12px;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;transition:all .3s ease}.profile-grid-item{aspect-ratio:1;overflow:hidden;cursor:pointer}.profile-logout-btn{margin-top:20px;width:100%;padding:12px;border-radius:8px;border:1px solid rgba(233,64,87,.2);background:#e940570d;color:#e94057;cursor:pointer;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.profile-logout-btn:hover{background:#e940571a}.discover-container{padding:16px 16px 80px}.discover-header{margin-bottom:16px}.discover-header h2{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}.discover-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.discover-tabs::-webkit-scrollbar{display:none}.discover-tab-btn{flex:1;min-width:110px;padding:10px 14px;border-radius:999px;border:none;background:#ffffff0d;color:#ffffffb3;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .25s ease}.discover-tab-btn.active{background:#6c3ce1;color:#fff;box-shadow:0 10px 30px #6c3ce133}.discover-tab-btn:hover{background:#ffffff1f}.search-bar{display:flex;align-items:center;gap:10px;background:#ffffff0d;border-radius:12px;padding:10px 14px}.search-bar svg{color:#ffffff4d}.search-bar input{flex:1;background:none;border:none;color:#fff;font-size:14px;font-family:Orbitron,sans-serif}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:#ffffff4d}.discover-categories{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.discover-categories::-webkit-scrollbar{display:none}.discover-category{padding:6px 16px;border-radius:20px;border:none;background:#ffffff0d;color:#fff9;cursor:pointer;font-size:12px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease;display:flex;align-items:center;gap:6px}.discover-category.active{background:#6c3ce1;color:#fff}.discover-category:hover{background:#ffffff1a}.discover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.discover-item{border-radius:12px;overflow:hidden;background:#ffffff05;position:relative;aspect-ratio:1}.discover-image{width:100%;height:100%;object-fit:cover}.discover-item-info{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000c)}.discover-item-source{font-size:9px;color:#ffffff80;display:block}.discover-item-title{font-size:11px;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.story-viewer-content{width:100%;max-width:400px;height:100%;max-height:800px;padding:20px;display:flex;flex-direction:column;position:relative}.story-progress-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:12px}.story-progress-fill{height:100%;background:linear-gradient(135deg,#6c3ce1,#e94057);border-radius:2px;transition:width .1s linear}.story-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.story-viewer-user{display:flex;align-items:center;gap:10px}.story-viewer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:#ffffff1a}.story-viewer-name{color:#fff;font-weight:600}.story-viewer-close{background:none;border:none;color:#ffffff80;cursor:pointer}.story-viewer-body{flex:1;display:flex;align-items:center;justify-content:center}.story-video-wrapper{width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden}.story-video-iframe{width:100%;height:100%;border:none}.story-text-content{text-align:center;color:#fff}.story-big-avatar{font-size:64px;margin-bottom:16px}.story-text-content h3{font-size:20px;margin-bottom:8px}.story-text-content p{color:#fff9}.story-viewer-footer{margin-top:16px;text-align:center}.story-viewer-btn{padding:10px 32px;border-radius:20px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif}.feed-container{display:flex;min-height:100vh;background:#0a0a12;gap:20px;padding:20px;max-width:1400px;margin:0 auto}.feed-sidebar{position:sticky;top:20px;height:fit-content;width:220px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px}.loading-posts{text-align:center;padding:40px 20px;color:#ffffff4d}.loader{width:40px;height:40px;margin:0 auto 16px;border:3px solid rgba(108,60,225,.1);border-top:3px solid #6C3CE1;border-radius:50%;animation:spin 1s linear infinite}.no-posts{text-align:center;padding:40px 20px;color:#ffffff4d}.no-messages{text-align:center;padding:40px 20px;color:#ffffff4d;flex:1}.load-more-btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:#ffffff08;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.load-more-btn:hover{background:#ffffff0f;color:#fff}.coming-soon{padding:60px 20px;text-align:center}.coming-soon h3{font-size:24px;color:#fff9;margin-bottom:8px}.coming-soon p{color:#ffffff4d}@media (max-width: 1024px){.feed-right-sidebar{display:none}}@media (max-width: 768px){.feed-sidebar{display:none}.feed-main{max-width:100%}.feed-container{padding:12px}.stories-container{gap:8px;padding:12px}.story-item .story-avatar{width:44px;height:44px;font-size:18px}.post-actions{flex-wrap:wrap;gap:4px}.post-action{padding:6px 12px;font-size:10px}.create-post-actions{gap:12px}.auth-card{padding:28px 20px;margin:12px;border-radius:24px;max-height:95vh}.auth-title{font-size:22px;letter-spacing:3px}.auth-subtitle{font-size:10px;letter-spacing:2px;margin-bottom:20px}.auth-logo{width:56px;height:56px}.auth-button{font-size:12px;padding:14px;letter-spacing:2px}.form-input,.form-select{font-size:12px;padding:12px 14px}.landing-title{font-size:30px}.landing-description{font-size:14px}.landing-features{gap:12px}.feature-item{font-size:11px;padding:6px 14px}.landing-btn-primary,.landing-btn-secondary{padding:14px 28px;font-size:12px}.movie-card{flex-direction:column;align-items:center}.movie-poster{width:100%;height:200px}.movie-info p{-webkit-line-clamp:2;line-clamp:2}.video-play-button{width:44px;height:44px;font-size:18px}.image-modal-content{max-width:95%}.reels-grid{grid-template-columns:repeat(2,1fr);gap:12px}.reels-title{font-size:16px}.reel-play-icon{font-size:24px}.reel-title{font-size:10px}.reel-source-badge{font-size:8px;padding:2px 8px}.header-title{font-size:16px}.story-item{min-width:50px}.story-avatar{width:44px;height:44px;font-size:18px}.profile-stats{gap:16px}.profile-stat span{font-size:15px}.profile-avatar{width:64px;height:64px;font-size:28px}.discover-grid{grid-template-columns:repeat(2,1fr)}.message-item{max-width:80%}}@media (max-width: 360px){.reels-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (min-width: 768px){.main-layout{max-width:430px;margin:0 auto;border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a12}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6c3ce1,#e94057);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#f27121)}.header-btn{position:relative}.discover-live-section{padding:0 0 80px}.discover-section-title{font-size:13px;color:#ffffff80;font-weight:600;letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.discover-featured-streams{margin-bottom:16px}.featured-streams-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.featured-streams-scroll::-webkit-scrollbar{display:none}.featured-stream-card{flex-shrink:0;width:280px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;background:#ffffff08}.featured-stream-card:hover .featured-stream-overlay{opacity:1}.featured-stream-thumb{height:160px;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative}.featured-stream-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#000000d9);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;opacity:.9;transition:opacity .2s}.featured-stream-info h4{font-size:14px;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-stream-info span{font-size:10px;color:#ffffff80}.featured-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#6c3ce1e6;border:none;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.featured-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.live-badge-animated{position:absolute;top:10px;left:10px;background:#e94057;color:#fff;font-size:9px;font-weight:700;padding:3px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;animation:badgePulse 2s ease-in-out infinite}.live-badge-animated svg{font-size:6px}.discover-categories-scroll{display:flex;gap:6px;overflow-x:auto;padding:0 0 14px;scrollbar-width:none;-ms-overflow-style:none}.discover-categories-scroll::-webkit-scrollbar{display:none}.live-category-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff80;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.live-category-chip:hover{background:#ffffff0f;color:#fffc}.live-category-chip.active{color:#fff;font-weight:600}.discover-live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.live-stream-card{border-radius:14px;overflow:hidden;background:#ffffff05;cursor:pointer;transition:transform .15s}.live-stream-card:hover{transform:translateY(-2px)}.live-stream-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative}.live-badge-pill{position:absolute;top:8px;left:8px;background:#e94057;color:#fff;font-size:8px;font-weight:700;padding:2px 8px;border-radius:12px;display:flex;align-items:center;gap:3px}.live-badge-pill svg{font-size:5px}.live-viewer-count{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fffc;font-size:9px;padding:2px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}.live-stream-info{display:flex;gap:8px;padding:8px 10px;align-items:flex-start}.live-streamer-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0}.live-streamer-avatar img{width:100%;height:100%;object-fit:cover}.live-streamer-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6c3ce1,#e94057);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.live-stream-title{flex:1;min-width:0}.live-stream-title strong{display:block;font-size:12px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-stream-title span{display:block;font-size:10px;color:#ffffff4d;margin-top:1px}@media (max-width: 480px){.discover-live-grid{grid-template-columns:1fr}.featured-stream-card{width:220px}}.profile-container{padding:16px 16px 80px;max-width:600px;margin:0 auto}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#ffffff4d}.profile-header{margin-bottom:20px}.profile-cover{width:100%;height:220px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#151522,#0a0a14);margin-bottom:16px}.profile-cover-media{width:100%;height:100%;object-fit:cover;display:block}.profile-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#00000059)}.profile-avatar-section{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:-52px;padding-bottom:16px}.profile-avatar-wrapper{position:relative}.profile-avatar-ring{width:88px;height:88px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#6c3ce1,#e94057);animation:rotateBg 4s linear infinite}.profile-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;background:#0a0a12}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-verified{position:absolute;bottom:0;right:0;font-size:16px}.profile-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;width:100%}.profile-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.profile-stat span{font-size:18px;font-weight:700;color:#fff}.profile-stat label{font-size:11px;color:#ffffff4d}.profile-stat.clickable{cursor:pointer}.profile-stat.pinned-stat span,.profile-stat.pinned-stat label{color:#ffd166}.profile-pinned-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;margin-top:20px}.profile-pinned-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.profile-pinned-panel-header span{font-size:13px;color:#ffffffd9}.pinned-panel-view{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:12px;cursor:pointer}.profile-pinned-chips{display:flex;flex-wrap:wrap;gap:10px}.profile-pinned-chip{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);min-width:120px}.profile-pinned-chip span{font-size:16px}.profile-pinned-chip small{display:block;font-size:10px;color:#ffffff73;line-height:1.2}.profile-pinned-chip.more-chip{display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff;min-width:52px;height:44px;border-radius:16px}.profile-pinned-empty{color:#ffffff73;font-size:12px}.pinned-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1300}.pinned-modal-card{width:min(520px,calc(100% - 40px));background:#10101cfa;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 80px #00000059;padding:22px}.pinned-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.pinned-modal-header h3{margin:0;font-size:18px;color:#fff}.modal-close{width:38px;height:38px;border-radius:12px;border:none;background:#ffffff0f;color:#fff;cursor:pointer;display:grid;place-items:center}.pinned-modal-list{display:grid;gap:12px}.pinned-modal-section{margin-top:18px}.pinned-modal-section h4{margin:0 0 10px;color:#fff;font-size:14px}.pinned-modal-subtitle{font-size:12px;color:#ffffff8c;margin-top:4px}.pinned-modal-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.pinned-unpin-btn{padding:8px 12px;border-radius:10px;border:none;background:#e9405726;color:#f45d74;cursor:pointer;font-size:12px}.pinned-friend-grid{display:grid;gap:16px}.pinned-friend-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;display:grid;gap:12px}.pinned-friend-info{display:flex;align-items:center;gap:12px}.pinned-friend-info strong{display:block;color:#fff}.pinned-friend-info span{font-size:12px;color:#ffffff8c}.pinned-tag-options{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffbf;font-size:11px;cursor:pointer}.tag-btn.active{background:#6c3ce12e;border-color:#6c3ce159;color:#fff}.pinned-custom-tag input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;font-size:12px}.request-pin-btn{width:100%;padding:10px 12px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease}.request-pin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.request-pin-btn:hover:not(:disabled){transform:translateY(-1px)}.pinned-modal-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#6c3ce12e,#e940572e)}.pinned-modal-item strong{color:#fff}.pinned-modal-item p{margin:4px 0 0;font-size:12px;color:#ffffff8c}.pinned-modal-empty{color:#ffffff8c;font-size:14px;text-align:center;padding:24px 0}.profile-info{margin-bottom:16px}.profile-name-section{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.profile-name-section h2{font-size:18px;color:#fff}.profile-username{font-size:13px;color:#ffffff4d}.profile-relationship{font-size:12px;color:#e94057;background:#e940571a;padding:2px 10px;border-radius:12px}.profile-bio{font-size:13px;color:#ffffffb3;margin-bottom:8px;line-height:1.5}.profile-details{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#fff6}.profile-details svg{margin-right:4px}.profile-details a{color:#6c3ce1;text-decoration:none}.profile-details a:hover{text-decoration:underline}.profile-details span{display:inline-flex;align-items:center;gap:6px}.form-row.edit-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row.edit-row .form-group{margin-bottom:0}.edit-profile-card{max-height:calc(100vh - 120px);overflow-y:auto;padding:24px}.edit-profile-card::-webkit-scrollbar{width:8px}.edit-profile-card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.profile-coverage-preview.small-preview{width:88px;height:88px}.verification-request-box{display:flex;gap:8px;margin-top:12px;position:relative}.profile-edit-btn{flex:1;padding:8px 16px;border-radius:8px;border:none;background:#ffffff0d;color:#fff;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.profile-edit-btn:hover{background:#ffffff1a}.profile-follow-btn{padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff}.profile-follow-btn.following{background:#ffffff0d;color:#fff}.profile-follow-btn:hover{transform:scale(1.05)}.profile-share-btn{padding:8px 12px;border-radius:8px;border:none;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .3s ease}.profile-share-btn:hover{background:#ffffff1a;color:#fff}.profile-more-btn{padding:8px 12px;border-radius:8px;border:none;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .3s ease}.profile-more-btn:hover{background:#ffffff1a;color:#fff}.profile-dropdown-wrapper{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px;min-width:180px;z-index:100;box-shadow:0 8px 40px #00000080}.profile-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.profile-dropdown button:hover{background:#ffffff0d;color:#fff}.profile-dropdown .dropdown-danger{color:#e94057}.profile-dropdown .dropdown-danger:hover{background:#e940571a}.profile-highlights{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);margin-top:12px}.highlight-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.highlight-item img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.highlight-item span{font-size:9px;color:#fff6}.profile-tabs{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:16px}.profile-tab{flex:1;padding:12px 8px;text-align:center;background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;transition:all .3s ease}.profile-tab.active{color:#fff;border-bottom-color:#6c3ce1}.profile-tab:hover{color:#fff9}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.profile-grid-item{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative}.profile-grid-item img{width:100%;height:100%;object-fit:cover}.grid-item-reel-badge{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.grid-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:space-around;color:#fff;font-size:12px;opacity:0;transition:opacity .3s ease}.profile-grid-item:hover .grid-item-overlay{opacity:1}.grid-item-overlay div{display:flex;align-items:center;gap:4px}.profile-avatar-wrapper{display:flex;gap:16px;align-items:center}.profile-avatar-ring{position:relative;width:96px;height:96px}.profile-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#111,#222);border:3px solid rgba(255,255,255,.04)}.profile-verified{position:absolute;right:6px;bottom:6px;background:#fff;border-radius:50%;padding:4px;font-size:12px}.profile-hover-media{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-ring:hover{box-shadow:0 8px 30px #6c3ce140,0 2px 8px #0009;transform:translateY(-2px);transition:all .18s ease}.edit-profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a3;z-index:1200;padding:20px}.edit-profile-card{background:#12121efa;padding:24px;border-radius:20px;width:520px;max-width:100%;max-height:calc(100vh - 40px);border:1px solid rgba(108,60,225,.16);box-shadow:0 24px 80px #00000059;overflow-y:auto}.edit-profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.edit-profile-card h3{margin:0;color:#fff;font-size:20px}.close-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:12px;background:#ffffff0d;color:#fffc;cursor:pointer;transition:background .2s ease}.close-edit-btn:hover,.close-edit-btn:focus-visible{background:#ffffff1a;outline:none}.edit-profile-card .form-group{margin-bottom:14px}.edit-profile-card label{display:block;color:#ffffffbf;margin-bottom:8px;font-size:13px}.edit-profile-card input,.edit-profile-card textarea,.edit-profile-card select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.edit-profile-card input:focus,.edit-profile-card textarea:focus,.edit-profile-card select:focus{outline:none;border-color:#6c3ce1b3;box-shadow:0 0 0 4px #6c3ce11f}.edit-profile-card textarea{min-height:96px;resize:vertical}.edit-profile-card .switch-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#fffc}.edit-profile-card .switch-group input{width:auto;height:auto;accent-color:#6C3CE1}.edit-profile-card .file-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:#6c3ce126;border:1px solid rgba(108,60,225,.3);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.edit-profile-card .file-upload-button:hover{background:#6c3ce13d;transform:translateY(-1px)}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.edit-actions button{padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:600}.edit-actions button:first-child{background:#ffffff0f;color:#ffffffd9}.edit-actions button:last-child{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff}@media (max-width: 700px){.form-row.edit-row{grid-template-columns:1fr}.edit-profile-card{width:100%;padding:18px}}.profile-coverage-preview{width:100%;border-radius:16px;overflow:hidden;margin-top:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-coverage-preview.small-preview{width:100px;max-width:100px;height:100px;border-radius:18px}.profile-coverage-preview video,.profile-coverage-preview img{width:100%;display:block;object-fit:cover}.interest-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffbf;font-size:12px;cursor:pointer;transition:all .2s ease}.interest-chip.active{background:#6c3ce12e;border-color:#6c3ce159;color:#fff}.verification-request-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;margin-top:12px}.verification-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.verification-header h4{margin:0;color:#fff;font-size:15px}.verification-header p{margin:6px 0 0;color:#ffffffb3;font-size:12px}.verification-badge-preview{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:10px 12px;border-radius:14px}.verification-badge-preview span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#6c3ce126;color:#fff}.verification-badge-preview strong{color:#fff;display:block;font-size:13px}.verification-badge-preview small{display:block;color:#ffffff8c;font-size:11px}.verified-status,.verified-note,.verification-list,.verification-price,.verify-request-btn{margin:8px 0}.verified-status{color:#adf8ff;font-size:13px}.verified-note{color:#fff9;font-size:12px}.verification-list{padding-left:18px;color:#ffffffa6;font-size:12px}.verification-list li{margin-bottom:4px}.verification-price{color:#ffffffd9;font-size:13px;font-weight:600}.verify-request-btn{width:100%;padding:10px 14px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;cursor:pointer;font-weight:700}.profile-coverage-upload{display:flex;align-items:center;gap:10px;margin-top:6px}.profile-coverage-upload label{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;cursor:pointer;font-size:13px}.profile-coverage-upload input{display:none}.profile-visits-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.profile-visits-modal{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.profile-visits-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.profile-visits-header h2{font-size:18px;color:#fff}.close-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:20px;padding:4px;transition:color .3s ease}.close-btn:hover{color:#fff}.profile-visits-stats{display:flex;gap:12px;padding:16px 20px}.stat-card{flex:1;background:#ffffff08;border-radius:12px;padding:12px;text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:#fff}.stat-label{display:block;font-size:10px;color:#ffffff4d;margin-top:2px}.profile-visits-periods{display:flex;gap:6px;padding:0 20px 12px;overflow-x:auto}.period-btn{padding:4px 12px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease}.period-btn.active{background:#6c3ce126;color:#6c3ce1}.period-btn:hover{background:#ffffff0f;color:#fff}.profile-visits-list{flex:1;overflow-y:auto;padding:0 20px 12px}.visit-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff05;margin-bottom:6px;transition:background .3s ease}.visit-item:hover{background:#ffffff0a}.visit-avatar{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6c3ce114}.visit-info{flex:1}.visit-name{font-size:13px;font-weight:600;color:#fff}.visit-username{font-size:10px;color:#ffffff4d}.visit-details{display:flex;align-items:center;gap:8px;font-size:10px;color:#ffffff4d}.visit-liked{color:#e94057}.visit-time{display:flex;align-items:center;gap:4px}.visit-views{background:#ffffff08;padding:2px 8px;border-radius:8px}.loading-visits,.no-visits{text-align:center;padding:20px;color:#ffffff4d}.profile-visits-period-stats{padding:12px 20px;border-top:1px solid rgba(255,255,255,.05)}.period-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.period-stat-item{text-align:center}.period-stat-value{display:block;font-size:14px;font-weight:700;color:#fff}.period-stat-label{display:block;font-size:8px;color:#ffffff4d}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end;padding:20px}.settings-modal{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:420px;width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.settings-header h2{font-size:18px;color:#fff;display:flex;align-items:center;gap:8px}.settings-body{flex:1;overflow-y:auto;padding:16px 20px}.settings-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#ffffff4d;font-size:12px}.settings-section-header h3{font-size:13px;font-weight:600;color:#ffffff80}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03)}.settings-item-label{font-size:12px;color:#ffffffb3}.toggle-btn{background:none;border:none;cursor:pointer;padding:0}.toggle-track{width:40px;height:22px;border-radius:11px;background:#ffffff1a;transition:background .3s ease;position:relative}.toggle-btn.active .toggle-track{background:#6c3ce1}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .3s ease}.toggle-btn.active .toggle-thumb{transform:translate(18px)}.settings-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:4px 12px;color:#fff;font-size:11px;font-family:Orbitron,sans-serif}.settings-action-btn{background:none;border:none;color:#fff3;cursor:pointer;padding:4px;transition:color .3s ease}.settings-action-btn:hover{color:#fff}.settings-footer{padding:16px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:8px}.settings-logout-btn{flex:1;padding:12px;border-radius:10px;border:none;background:#e940571a;color:#e94057;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.settings-logout-btn:hover{background:#e9405733}.settings-cancel-btn{padding:12px 24px;border-radius:10px;border:none;background:#ffffff0d;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.settings-cancel-btn:hover{background:#ffffff1a;color:#fff}@media (max-width: 480px){.profile-stats{gap:16px}.profile-stat span{font-size:15px}.profile-avatar-ring{width:72px;height:72px}.profile-avatar{font-size:28px}.profile-details{font-size:11px;gap:8px}.profile-tab{font-size:10px;padding:10px 4px}.profile-tab svg{font-size:14px}.profile-visits-modal{max-width:100%;max-height:90vh;border-radius:16px}.settings-modal{max-width:100%;border-radius:16px}.period-stats-grid{grid-template-columns:repeat(3,1fr)}}.messages-container-full{height:100%;display:flex;flex-direction:column;background:#0a0a12}.messages-layout{display:flex;height:100%;flex:1}.messages-sidebar{width:380px;min-width:280px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;height:100%}.chat-list{display:flex;flex-direction:column;height:100%}.chat-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.chat-list-header h2{font-size:18px;color:#fff}.new-chat-btn{background:none;border:none;color:#fff6;cursor:pointer;font-size:18px;padding:4px;transition:color .3s ease}.new-chat-btn:hover{color:#6c3ce1}.chat-list-search{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff08;margin:8px 16px;border-radius:12px}.chat-list-search svg{color:#fff3}.chat-list-search input{flex:1;background:none;border:none;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.chat-list-search input:focus{outline:none}.chat-list-search input::placeholder{color:#fff3}.chat-list-filters{display:flex;gap:6px;padding:0 16px 12px}.filter-btn{padding:4px 14px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;transition:all .3s ease}.filter-btn:hover{background:#ffffff0f;color:#fff}.chat-list-items{flex:1;overflow-y:auto;padding:0 12px 12px}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .3s ease;position:relative}.chat-item.active{background:#6c3ce114}.chat-item:hover{background:#ffffff05}.chat-avatar-wrapper{position:relative}.chat-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#6c3ce114}.online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#45bd62;border:2px solid #0a0a12}.chat-info{flex:1;min-width:0}.chat-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.chat-name{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.pinned-icon,.chat-time{font-size:10px;color:#ffffff4d}.chat-last-message{font-size:12px;color:#fff6;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-last-message .unread{color:#fff;font-weight:600}.read-icon{font-size:10px;color:#6c3ce1}.empty-chat{color:#fff3;font-style:italic}.unread-badge{background:#6c3ce1;color:#fff;font-size:10px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.muted-icon{font-size:12px;color:#fff3}.status-online{width:8px;height:8px;border-radius:50%;background:#45bd62;display:inline-block}.status-typing{color:#6c3ce1;font-size:10px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.call-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.call-modal{background:#090c1af5;border-radius:24px;padding:24px;max-width:720px;width:100%;position:relative;overflow:hidden;box-shadow:0 22px 80px #00000073}.close-btn{border:none;background:#ffffff14;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.group-create-modal{max-width:720px;width:min(100%,720px);margin:24px 16px;background:#090c1af5;border-radius:24px;padding:24px;box-shadow:0 22px 80px #00000073;position:relative;max-height:min(92vh,960px);overflow-y:auto;scrollbar-width:thin}.group-create-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.group-create-header h3{margin:0;font-size:22px;color:#fff}.group-create-subtitle{margin:8px 0 0;color:#fff9;font-size:13px;max-width:60ch}.group-create-body{display:grid;gap:20px;margin-top:20px}.group-create-row{display:grid;gap:20px;grid-template-columns:220px 1fr}.group-avatar-panel{display:grid;gap:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.group-avatar-preview{width:100%;aspect-ratio:1 / 1;border-radius:28px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff;overflow:hidden}.group-avatar-preview img{width:100%;height:100%;object-fit:cover}.group-avatar-upload-btn,.group-avatar-action,.member-actions button,.primary-btn,.secondary-btn{border:none;cursor:pointer;border-radius:999px;font-size:13px}.group-avatar-upload-btn,.member-actions button{background:#6c3ce12e;color:#fff;padding:10px 14px}.group-avatar-action{background:#ffffff14;color:#ffffffd9;padding:10px 14px}.group-avatar-emojis{display:flex;flex-wrap:wrap;gap:10px}.group-avatar-emojis button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:#fff}.group-avatar-emojis button.active,.group-theme-options button.active,.contact-item.selected{border-color:#6c3ce1cc;background:#6c3ce129}.group-create-fields{display:grid;gap:16px}.group-create-fields label,.group-create-section label{display:grid;gap:8px;color:#ffffffbf;font-size:13px}.group-create-fields input,.group-create-fields textarea,.group-create-section input,.group-create-section select,.group-search-box input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0a;color:#fff;padding:12px 14px;font-size:13px}.group-create-fields textarea{min-height:104px;resize:vertical}.group-theme-row{display:grid;gap:12px}.group-theme-options{display:flex;flex-wrap:wrap;gap:10px}.group-theme-options button{padding:10px 12px;background:#ffffff0d;color:#fff}.toggle-row{display:grid;gap:10px}.toggle-row label{display:flex;align-items:center;gap:10px;color:#fffc;font-size:13px}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:#6C3CE1}.group-create-section{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:grid;gap:16px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.section-title-row h4{margin:0;color:#fff;font-size:16px}.section-title-row p{margin:4px 0 0;color:#fff9;font-size:12px}.member-actions{display:flex;gap:10px;flex-wrap:wrap}.member-actions button{background:#ffffff0f;color:#ffffffe6;padding:10px 14px}.group-search-box input{width:100%}.group-contact-list{display:grid;gap:12px;max-height:260px;overflow-y:auto;padding-right:4px}.contact-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff;cursor:pointer}.contact-meta{display:flex;gap:12px;align-items:center}.contact-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#6c3ce11a;font-size:18px}.contact-info div{font-size:14px}.contact-info small{color:#ffffff80}.empty-message{padding:18px;border-radius:16px;background:#ffffff0d;color:#fff9}.selected-members-row{display:flex;flex-wrap:wrap;gap:10px}.selected-member-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:#fff;font-size:13px}.group-create-footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.secondary-btn{background:#ffffff0f;color:#fff;padding:12px 18px}.primary-btn{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;padding:12px 18px}@media screen and (max-width: 900px){.group-create-row{grid-template-columns:1fr}}@media screen and (max-width: 640px){.group-create-modal{padding:18px}}.messages-content{flex:1;display:flex;flex-direction:column;height:100%}.chat-window{display:flex;flex-direction:column;height:100%}.chat-window-empty{flex:1;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:#fff3}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-size:18px;color:#fff6;margin-bottom:4px}.empty-state p{font-size:13px}.chat-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);gap:12px;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-back-btn{display:none;background:none;border:none;color:#fff9;cursor:pointer;padding:4px}.chat-back-btn:hover{color:#fff}.chat-header-user{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer}.chat-header-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#6c3ce114}.chat-header-name{font-size:14px;font-weight:600;color:#fff}.chat-header-status{font-size:11px;color:#ffffff4d}.chat-header-actions{display:flex;gap:4px}.chat-action-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.chat-action-btn:hover{background:#ffffff0d;color:#fff}.pinned-messages-bar{padding:8px 16px;background:#6c3ce10f;border-bottom:1px solid rgba(108,60,225,.1);display:flex;flex-direction:column;gap:4px}.pinned-messages-header{font-size:10px;color:#6c3ce1;display:flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.05em}.pinned-messages-list{display:flex;flex-direction:column;gap:2px}.pinned-message-item{font-size:11px;color:#ffffff80;border-left:2px solid rgba(108,60,225,.3);padding:2px 0 2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-message-text{font-style:italic}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px;background:#0a0a12}.chat-date-divider{text-align:center;color:#fff3;font-size:11px;padding:12px 0}.message-wrapper{display:flex;flex-direction:column;max-width:75%;margin-bottom:4px;position:relative}.message-wrapper.sent{align-self:flex-end}.message-wrapper.received{align-self:flex-start}.message-bubble-wrapper{display:flex;align-items:flex-end;gap:8px}.message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#6c3ce114;flex-shrink:0}.message-bubble{padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.4;position:relative;word-wrap:break-word;max-width:100%}.message-wrapper.sent .message-bubble{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;border-bottom-right-radius:4px}.message-wrapper.received .message-bubble{background:#ffffff0d;color:#fffc;border-bottom-left-radius:4px}.message-bubble p{margin:0}.message-image{max-width:200px;max-height:300px;border-radius:8px;cursor:pointer}.message-audio{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 12px;border-radius:20px;min-width:140px}.audio-play-btn{background:none;border:none;color:#fff;cursor:pointer}.audio-waveform{display:flex;align-items:center;gap:2px;flex:1;height:20px}.audio-waveform span{width:3px;background:#ffffff4d;border-radius:2px;animation:waveform 1s ease-in-out infinite}.audio-waveform span:nth-child(1){height:8px}.audio-waveform span:nth-child(2){height:14px;animation-delay:.1s}.audio-waveform span:nth-child(3){height:10px;animation-delay:.2s}.audio-waveform span:nth-child(4){height:16px;animation-delay:.3s}.audio-waveform span:nth-child(5){height:12px;animation-delay:.4s}.audio-waveform span:nth-child(6){height:18px;animation-delay:.5s}.audio-waveform span:nth-child(7){height:10px;animation-delay:.6s}.audio-waveform span:nth-child(8){height:14px;animation-delay:.7s}@keyframes waveform{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.audio-duration{font-size:11px;color:#fff6}.message-time{font-size:10px;color:#fff3;margin-top:2px;display:flex;align-items:center;gap:4px}.message-wrapper.sent .message-time{justify-content:flex-end}.read-receipt{color:#6c3ce1;font-size:10px}.delivered-receipt{color:#fff3;font-size:10px}.message-reactions{display:flex;gap:2px;margin-top:4px}.reaction-emoji{font-size:14px;background:#ffffff0d;border-radius:10px;padding:2px 4px}.message-actions{display:flex;gap:2px;margin-top:4px;opacity:0;transition:opacity .3s ease}.group-info-card{display:grid;gap:8px;padding:12px;border-radius:14px;background:#ffffff0a;margin-bottom:10px}.group-info-card h4{margin:0;color:#fff}.group-info-card p{margin:0;color:#ffffffa6;font-size:13px}.group-info-pill{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;background:#6c3ce129;color:#c8b7ff;font-size:11px}.group-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.invite-link{margin-top:10px;padding:10px 12px;border-radius:10px;background:#ffffff0d;color:#ffffffb8;font-size:12px;word-break:break-all}.group-section-title{margin:12px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff6b}.sticker-picker .chat-input{width:100%;padding:8px 10px;border-radius:999px;background:#ffffff0d}.sticker-picker .sticker-item{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;cursor:pointer}.sticker-picker .sticker-item img{width:56px;height:56px;object-fit:contain;border-radius:10px}.message-wrapper:hover .message-actions{opacity:1}.msg-action-btn{background:#ffffff0d;border:none;color:#ffffff4d;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:10px;transition:all .3s ease}.msg-action-btn:hover{background:#ffffff1a;color:#fff}.reaction-picker{position:absolute;top:-40px;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:4px 8px;display:flex;gap:2px;box-shadow:0 8px 40px #00000080}.reaction-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;transition:transform .3s ease}.reaction-btn:hover{transform:scale(1.3)}.message-reply-indicator{font-size:11px;color:#ffffff4d;padding:2px 12px;margin-bottom:2px;border-left:2px solid #6C3CE1}.smart-replies{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;background:#ffffff05;border-top:1px solid rgba(255,255,255,.03)}.smart-reply-btn{padding:6px 16px;border-radius:16px;border:1px solid rgba(108,60,225,.2);background:#6c3ce10d;color:#fff9;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease}.smart-reply-btn:hover{background:#6c3ce126;border-color:#6c3ce1;color:#fff}.sticker-picker{background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);padding:12px 16px}.sticker-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sticker-picker-header h4{font-size:13px;color:#fff}.sticker-picker-header button{background:none;border:none;color:#ffffff4d;cursor:pointer}.sticker-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sticker-picker-grid .sticker-item{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:#ffffff08;cursor:pointer;transition:all .3s ease}.sticker-picker-grid .sticker-item:hover{background:#ffffff0f;transform:scale(1.1)}.voice-recording-inline{padding:8px 0;border-top:1px solid rgba(255,255,255,.05);margin-bottom:8px}.start-recording-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(108,60,225,.3);background:#6c3ce114;color:#fff;cursor:pointer;font-size:12px;transition:all .3s ease}.start-recording-btn:hover{background:#6c3ce126;border-color:#6c3ce1}.voice-recording{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:999px}.voice-recording-waveform{display:flex;align-items:center;gap:2px;flex:1;height:32px}.recording-waveform-bar{width:3px;border-radius:2px;animation:recordingWave .5s ease-in-out infinite alternate}@keyframes recordingWave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.voice-recording-info{display:flex;align-items:center;gap:8px}.recording-dot{width:8px;height:8px;border-radius:50%;background:#e94057;animation:pulse 1s ease-in-out infinite}.recording-time{font-size:12px;color:#fff9;font-variant-numeric:tabular-nums}.recording-stop-btn{background:none;border:none;color:#e94057;cursor:pointer;padding:4px}.voice-preview{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:999px}.voice-preview-waveform{display:flex;align-items:center;gap:2px;flex:1;height:24px}.preview-waveform-bar{width:3px;border-radius:2px;animation:recordingWave .8s ease-in-out infinite alternate}.voice-preview-actions{display:flex;align-items:center;gap:6px}.preview-time{font-size:11px;color:#ffffff80}.preview-play-btn{background:#6c3ce11f;border:1px solid rgba(108,60,225,.2);color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.preview-cancel-btn{background:#ffffff0d;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:50%}.preview-send-btn{background:linear-gradient(135deg,#6c3ce1,#e94057);border:none;color:#fff;cursor:pointer;padding:6px 12px;border-radius:999px;font-size:11px}.voice-message-received{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#6c3ce114;border-radius:999px;min-width:120px}.voice-play-btn{background:#6c3ce133;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.voice-waveform{display:flex;align-items:center;gap:2px;flex:1;height:20px}.voice-waveform-bar{width:3px;border-radius:2px;animation:recordingWave .6s ease-in-out infinite alternate}.voice-duration{font-size:10px;color:#fff6;white-space:nowrap}.live-location-badge{font-size:9px;padding:1px 6px;border-radius:999px;background:#6c3ce133;color:#6c3ce1;margin-top:2px;display:inline-block}.location-sharing-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;color:#ffffff80;background:#6c3ce10f;border-radius:8px;margin-bottom:6px}.chat-input-area{padding:8px 16px;border-top:1px solid rgba(255,255,255,.05);background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reply-indicator{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:#6c3ce10d;border-radius:8px;margin-bottom:6px}.reply-indicator span{font-size:11px;color:#fff6}.reply-indicator button{background:none;border:none;color:#ffffff4d;cursor:pointer}.chat-input-wrapper{display:flex;align-items:center;gap:8px;background:#ffffff08;border-radius:24px;padding:4px 4px 4px 12px}.input-action-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease}.input-action-btn:hover{background:#ffffff0d;color:#fff}.input-action-btn.recording{animation:pulse 1s ease-in-out infinite}.chat-input{flex:1;background:none;border:none;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;padding:8px 0}.chat-input:focus{outline:none}.chat-input::placeholder{color:#fff3}.send-btn{background:linear-gradient(135deg,#6c3ce1,#e94057);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.send-btn:hover{transform:scale(1.05)}@media (max-width: 768px){.messages-sidebar{width:100%;min-width:100%;border-right:none}.chat-window{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;background:#0a0a12}.chat-back-btn{display:block}.messages-content{position:relative}.chat-messages{padding:12px 16px}.message-wrapper{max-width:85%}.chat-list-items{padding:0 8px 8px}.sticker-picker-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.message-wrapper{max-width:90%}.message-image{max-width:150px}.chat-header-name{font-size:13px}.chat-header-status{font-size:10px}}.advanced-features-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.advanced-features-modal{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.advanced-features-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.advanced-features-header h3{font-size:18px;color:#fff}.advanced-features-tabs{display:flex;gap:4px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.05)}.feature-tab{padding:6px 14px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .3s ease}.feature-tab.active{background:#6c3ce126;color:#6c3ce1}.feature-tab:hover{background:#ffffff0f;color:#fff}.advanced-features-content{flex:1;overflow-y:auto;padding:16px 20px}.advanced-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:center}.feature-card:hover{background:#ffffff0a;border-color:#6c3ce133;transform:translateY(-2px)}.feature-card svg{font-size:24px;color:#6c3ce1;display:block;margin:0 auto 8px}.feature-card .feature-desc{font-size:10px;color:#ffffff4d;margin-top:4px}.advanced-panel{display:flex;flex-direction:column;gap:12px}.advanced-panel h4{font-size:14px;color:#fff;margin-bottom:4px}.schedule-input-group{display:flex;flex-direction:column;gap:8px}.timer-controls{display:flex;align-items:center;gap:12px}.timer-slider{flex:1;-webkit-appearance:none;background:#ffffff0d;height:4px;border-radius:2px;outline:none}.timer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6c3ce1;cursor:pointer}.timer-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.self-destruct-group{border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:4px}.game-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .3s ease}.game-cell:hover{background:#ffffff0f}.game-cell.X{color:#6c3ce1}.game-cell.O{color:#e94057}.game-status{text-align:center;font-size:14px;color:#fff9;padding:8px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analytics-item{text-align:center;padding:12px;background:#ffffff05;border-radius:10px}.analytics-value{display:block;font-size:24px;font-weight:700;color:#fff}.analytics-label{display:block;font-size:10px;color:#ffffff4d;margin-top:2px}.search-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.search-result{display:flex;justify-content:space-between;padding:8px 12px;background:#ffffff05;border-radius:8px;font-size:12px}.search-result-sender{font-weight:600;color:#6c3ce1}.search-result-text{color:#ffffffb3;flex:1;margin:0 8px}.search-result-time{color:#fff3;font-size:10px}.search-input-group{display:flex;gap:8px}.search-input-group .form-input{flex:1}@media (max-width: 480px){.advanced-features-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.advanced-features-modal{max-height:90vh}.feature-tab{font-size:10px;padding:4px 10px}}.voice-recording{display:flex;flex-direction:column;align-items:center;padding:12px;background:#6c3ce10d;border-radius:12px;min-width:200px}.voice-recording-waveform{display:flex;align-items:center;gap:3px;height:60px;width:100%;padding:4px 0}.recording-waveform-bar{flex:1;border-radius:2px;animation:waveAnim .6s ease-in-out infinite alternate}@keyframes waveAnim{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.voice-recording-info{display:flex;align-items:center;gap:12px;margin-top:8px}.recording-dot{width:10px;height:10px;border-radius:50%;background:#e94057;animation:pulse 1s ease-in-out infinite}.recording-time{font-size:14px;color:#fff9}.recording-stop-btn{background:none;border:none;color:#e94057;cursor:pointer;font-size:18px;padding:4px}.voice-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff08;border-radius:12px;min-width:200px}.voice-preview-waveform{display:flex;align-items:center;gap:3px;height:40px;width:100%}.preview-waveform-bar{flex:1;border-radius:2px;animation:waveAnim .8s ease-in-out infinite alternate}.preview-waveform-bar:nth-child(odd){animation-delay:.1s}.preview-waveform-bar:nth-child(3n){animation-delay:.2s}.voice-preview-actions{display:flex;align-items:center;gap:12px}.preview-time{font-size:12px;color:#fff6}.preview-play-btn,.preview-cancel-btn,.preview-send-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease}.preview-play-btn{color:#fff;background:#ffffff0d}.preview-cancel-btn{color:#ffffff4d}.preview-cancel-btn:hover{color:#e94057}.preview-send-btn{color:#fff;background:#45bd62}.preview-send-btn:hover{transform:scale(1.1)}.start-recording-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid rgba(108,60,225,.2);background:#6c3ce10d;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.start-recording-btn:hover{background:#6c3ce11a}.voice-message-received{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff08;border-radius:20px;min-width:150px}.voice-play-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.voice-waveform{display:flex;align-items:center;gap:2px;flex:1;height:30px}.voice-waveform-bar{flex:1;border-radius:2px;animation:waveAnim .6s ease-in-out infinite alternate}.voice-duration{font-size:11px;color:#ffffff4d}.message-dropdown{position:absolute;top:-20px;right:0;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:6px;min-width:150px;box-shadow:0 8px 40px #00000080;z-index:50}.message-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;transition:all .3s ease}.message-dropdown-item:hover{background:#ffffff0d;color:#fff}.message-dropdown-close{width:100%;padding:4px;border:none;border-top:1px solid rgba(255,255,255,.05);background:transparent;color:#fff3;cursor:pointer;font-size:12px}.chat-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end}.chat-settings-modal{background:#141428f2;border-left:1px solid rgba(255,255,255,.05);max-width:420px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.chat-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.chat-settings-user{display:flex;align-items:center;gap:12px}.chat-settings-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#6c3ce114}.chat-settings-user h3{font-size:16px;color:#fff;margin-bottom:2px}.chat-settings-user span{font-size:12px;color:#ffffff4d}.chat-settings-body{flex:1;overflow-y:auto;padding:16px 20px}.settings-section-title{font-size:12px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.settings-items{background:#ffffff05;border-radius:12px;overflow:hidden}.settings-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .3s ease}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#ffffff08}.settings-item-icon{font-size:16px;color:#ffffff4d;width:24px}.settings-item-content{flex:1;display:flex;align-items:center;justify-content:space-between}.settings-item-label{font-size:13px;color:#ffffffb3}.settings-item-select{min-width:100px}.settings-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:4px 10px;color:#fff;font-size:11px;font-family:Orbitron,sans-serif;cursor:pointer}.settings-select:focus{outline:none;border-color:#6c3ce14d}.settings-select option{background:#1a1a2e}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-card:hover{background:#ffffff0a;border-color:#6c3ce133;transform:translateY(-2px)}.game-card-icon{font-size:32px;margin-bottom:8px}.game-card-name{font-size:11px;color:#fff9}@media (max-width: 480px){.voice-preview,.voice-recording{min-width:150px;padding:8px}.voice-waveform{height:20px}.games-grid{grid-template-columns:1fr}.chat-settings-modal{max-width:100%}.message-dropdown{right:-10px;min-width:130px}}.games-container{padding:16px 16px 90px;max-width:920px;margin:0 auto;position:relative}.games-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#6c3ce13d,#e9405729);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 36px #00000038;margin-bottom:16px}.games-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:#ffffffb3;margin-bottom:6px}.games-hero h2{color:#fff;font-size:22px;margin:0 0 6px}.games-hero p{color:#ffffffb3;margin:0;font-size:13px}.games-pulse{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:#ffffff1a;color:#ffd166;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff14}.game-selector{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:14px}.game-selector-current{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.game-selector-current strong{display:block;color:#fff;font-size:14px}.game-selector-current small{display:block;color:#ffffffa6;font-size:11px}.game-selector-dropdown{width:100%;max-width:240px;padding:12px 14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px}.game-selector-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fffc;text-align:left;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-selector-btn.active{background:linear-gradient(135deg,#6c3ce147,#e940572e);border-color:#6c3ce159;transform:translateY(-2px);box-shadow:0 10px 22px #6c3ce129}.game-selector-btn strong{display:block;font-size:13px;color:#fff}.game-selector-btn small{display:block;font-size:11px;color:#fff9}.game-selector-icon{font-size:18px}.games-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.games-stat{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffffb3;font-size:12px}.games-stat strong{font-size:18px;color:#fff}.game-stage{border-radius:24px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.game-panel{padding:6px 2px 4px}.game-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.game-panel-header h3{margin:0;color:#fff;font-size:18px}.game-panel-header span{color:#fff9;font-size:12px}.game-panel p{color:#ffffffc2;margin:0 0 12px}.tap-score{font-size:54px;font-weight:800;color:#ffd166;text-align:center;margin-bottom:8px}.tap-timer{text-align:center;color:#ffffffb3;margin-bottom:12px}.game-action-btn,.ghost-btn,.quiz-option-btn{border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.game-action-btn{display:block;width:100%;padding:12px 16px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;box-shadow:0 10px 24px #6c3ce13d}.ghost-btn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:#ffffff0f;color:#ffffffd1}.quiz-options{display:grid;gap:8px;margin-top:10px}.quiz-option-btn{padding:10px 12px;background:#ffffff0a;color:#fff;text-align:left;box-shadow:inset 0 0 0 1px #ffffff0a}.game-caption{color:#ffffffb3;margin-top:12px;font-size:13px}.tap-score.pulse{animation:tapPulse .12s ease-out}.quiz-options.glow .quiz-option-btn{animation:quizGlow .4s ease-out}@keyframes tapPulse{0%{transform:scale(1)}50%{transform:scale(1.08);text-shadow:0 0 24px rgba(255,209,102,.45)}to{transform:scale(1)}}@keyframes quizGlow{0%{transform:translateY(0)}50%{transform:translateY(-2px);background:#ffffff14}to{transform:translateY(0)}}.color-pattern{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;margin:12px 0}.color-chip,.color-pad{border-radius:50%;border:1px solid rgba(255,255,255,.12)}.color-chip{width:16px;height:16px;display:inline-block}.color-chip.red,.color-pad.red{background:#ff4d67}.color-chip.blue,.color-pad.blue{background:#4d7cff}.color-chip.green,.color-pad.green{background:#2ed573}.color-chip.yellow,.color-pad.yellow{background:#ffd166}.color-placeholder{color:#ffffff8c;font-size:13px}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-pad{width:100%;aspect-ratio:1;min-height:72px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 20px #0000002e}.game-container{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;max-width:400px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-header h4{color:#fff;font-size:16px;font-family:Orbitron,sans-serif}.game-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:18px;transition:color .3s ease}.game-close:hover{color:#fff}.game-status{text-align:center;padding:8px;color:#fff9;font-size:14px;font-family:Orbitron,sans-serif}.game-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:200px;margin:8px auto}.game-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .3s ease}.game-cell:hover:not(.x):not(.o){background:#ffffff0f;border-color:#6c3ce133}.game-cell.x{color:#6c3ce1}.game-cell.o{color:#e94057}.game-cell.winner{animation:winPulse .5s ease-in-out 3;border-color:gold;box-shadow:0 0 20px #ffd7004d}@keyframes winPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-reset-btn{display:block;width:100%;padding:10px;margin-top:12px;border:none;border-radius:8px;background:#6c3ce126;color:#6c3ce1;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.game-reset-btn:hover{background:#6c3ce140;transform:translateY(-2px)}.connect4-board{display:flex;flex-direction:column;gap:4px;max-width:280px;margin:8px auto}.connect4-row{display:flex;gap:4px}.connect4-cell{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease}.connect4-cell.winner{animation:winPulse .5s ease-in-out 3;border-color:gold;box-shadow:0 0 20px #ffd7004d}.connect4-columns{display:flex;gap:4px;justify-content:center;margin-top:8px}.connect4-col-btn{width:36px;height:30px;border:none;border-radius:4px;background:#6c3ce11a;color:#ffffff4d;cursor:pointer;font-size:14px;font-family:Orbitron,sans-serif;transition:all .3s ease}.connect4-col-btn:hover{background:#6c3ce133;color:#fff;transform:translateY(-2px)}.rps-container{text-align:center;padding:16px}.rps-choices{display:flex;gap:16px;justify-content:center;margin:16px 0}.rps-choice-btn{font-size:40px;padding:16px;border-radius:50%;border:2px solid rgba(255,255,255,.05);background:#ffffff08;cursor:pointer;transition:all .3s ease}.rps-choice-btn:hover{background:#ffffff0f;border-color:#6c3ce133;transform:scale(1.1)}.rps-result{font-size:18px;color:#fffc;margin:12px 0}.rps-score{display:flex;justify-content:center;gap:32px;font-size:14px;color:#fff6}.rps-score span{color:#fff;font-size:20px;font-weight:700}.trivia-container{padding:16px}.trivia-question{font-size:16px;color:#fff;margin-bottom:16px;text-align:center}.trivia-options{display:flex;flex-direction:column;gap:8px}.trivia-option-btn{padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#ffffffb3;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.trivia-option-btn:hover:not(:disabled){background:#ffffff0f;border-color:#6c3ce133}.trivia-option-btn.correct{border-color:#45bd62;background:#45bd621a;color:#45bd62}.trivia-option-btn.wrong{border-color:#e94057;background:#e940571a;color:#e94057}.trivia-option-btn:disabled{cursor:not-allowed;opacity:.7}.trivia-scores{display:flex;justify-content:center;gap:24px;margin:16px 0;font-size:14px;color:#fff6}.trivia-scores span{color:#fff;font-weight:700}.wordscramble-container{text-align:center;padding:16px}.wordscramble-word{font-size:32px;letter-spacing:8px;color:#6c3ce1;font-weight:700;margin:16px 0}.wordscramble-input{padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff0d;color:#fff;font-size:16px;text-align:center;font-family:Orbitron,sans-serif;width:80%;max-width:200px}.wordscramble-input:focus{outline:none;border-color:#6c3ce1}.wordscramble-hint{font-size:12px;color:#ffffff4d;margin-top:8px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:300px;margin:8px auto}.memory-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .3s ease}.memory-card:hover:not(.flipped):not(.matched){background:#ffffff1a}.memory-card.flipped{background:#6c3ce11a;border-color:#6c3ce133}.memory-card.matched{background:#45bd621a;border-color:#45bd6233}.memory-card.hidden{font-size:0}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px}.game-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .3s ease}.game-card:hover{background:#ffffff0a;border-color:#6c3ce133;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.game-card-icon{font-size:32px;display:block;margin-bottom:8px}.game-card-name{font-size:11px;color:#fff9;font-family:Orbitron,sans-serif}@media (max-width: 480px){.game-container{max-width:100%;padding:16px}.game-board{max-width:160px}.game-cell{font-size:24px}.connect4-board{max-width:220px}.connect4-cell{width:28px;height:28px;font-size:16px}.connect4-col-btn{width:28px;height:24px;font-size:12px}.games-grid{grid-template-columns:1fr}.games-hero,.games-stats,.game-selector{grid-template-columns:1fr;display:flex;flex-direction:column}.games-pulse{align-self:flex-start}.rps-choice-btn{font-size:30px;padding:12px}.wordscramble-word{font-size:24px;letter-spacing:4px}.memory-grid{max-width:220px}.memory-card{font-size:20px}}.ai-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.ai-chat-modal{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.ai-header-info{display:flex;align-items:center;gap:12px}.ai-icon{font-size:28px;color:#6c3ce1}.ai-header-info h3{font-size:16px;color:#fff;margin:0}.ai-header-info span{font-size:11px;color:#ffffff4d}.ai-header-actions{display:flex;gap:8px}.ai-action-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:6px;border-radius:8px;transition:all .3s ease}.ai-action-btn:hover{background:#ffffff0d;color:#fff}.ai-personality-selector{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.03)}.personality-btn{padding:4px 12px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease}.personality-btn.active{background:#6c3ce126;color:#6c3ce1}.personality-btn:hover{background:#ffffff0f;color:#fff}.ai-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ai-message{display:flex;gap:10px;max-width:85%}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:#6c3ce11a;flex-shrink:0}.ai-message.user .ai-message-avatar{background:#e940571a}.ai-message-content{display:flex;flex-direction:column;gap:4px;flex:1}.ai-message-bubble{padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5;word-wrap:break-word;color:#ffffffe6}.ai-message.ai .ai-message-bubble{background:#ffffff0d;border-bottom-left-radius:4px}.ai-message.user .ai-message-bubble{background:linear-gradient(135deg,#6c3ce1,#e94057);border-bottom-right-radius:4px}.ai-message-bubble.loading{display:flex;gap:4px;align-items:center;min-width:40px}.ai-message-bubble.loading span{width:8px;height:8px;border-radius:50%;background:#ffffff4d;animation:aiLoading 1s ease-in-out infinite}.ai-message-bubble.loading span:nth-child(2){animation-delay:.2s}.ai-message-bubble.loading span:nth-child(3){animation-delay:.4s}@keyframes aiLoading{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:1}}.ai-copy-btn{background:none;border:none;color:#fff3;cursor:pointer;padding:2px 4px;font-size:12px;transition:all .3s ease;align-self:flex-end}.ai-copy-btn:hover{color:#fff9}.ai-quick-actions{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.03)}.quick-action-btn{padding:6px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#fff6;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff0d;border-color:#6c3ce133;color:#fff}.ai-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.05)}.ai-input{flex:1;padding:10px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.ai-input:focus{outline:none;border-color:#6c3ce133}.ai-input::placeholder{color:#fff3}.ai-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ai-send-btn:hover:not(:disabled){transform:scale(1.05)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn .spinner{animation:spin 1s linear infinite}@media (max-width: 480px){.ai-chat-modal{max-height:95vh;border-radius:16px}.ai-message{max-width:95%}.ai-quick-actions{gap:4px}.quick-action-btn{font-size:9px;padding:4px 10px}.ai-personality-selector{gap:2px}.personality-btn{font-size:9px;padding:3px 8px}}.notification-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:flex-end;padding:20px}.notification-center{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.notification-header-left{display:flex;align-items:center;gap:12px}.notification-icon{font-size:20px;color:#6c3ce1}.notification-header h3{font-size:16px;color:#fff;margin:0}.notification-count{background:#e94057;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700}.notification-header-actions{display:flex;gap:8px}.notif-action-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:6px 10px;border-radius:8px;font-size:12px;font-family:Orbitron,sans-serif;transition:all .3s ease;display:flex;align-items:center;gap:4px}.notif-action-btn:hover{background:#ffffff0d;color:#fff}.notif-action-btn.small{padding:4px 6px;font-size:10px}.notif-action-btn.danger:hover{color:#e94057}.notification-filters{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.03)}.notification-filters .filter-btn{padding:4px 14px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease}.notification-filters .filter-btn.active{background:#6c3ce126;color:#6c3ce1}.notification-filters .filter-btn:hover{background:#ffffff0f;color:#fff}.notification-list{flex:1;overflow-y:auto;padding:8px 12px}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff3}.no-notifications .empty-icon{font-size:48px;margin-bottom:16px}.no-notifications h4{font-size:18px;color:#fff6;margin:0}.no-notifications p{font-size:13px;margin:4px 0 0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff05;margin-bottom:4px;transition:all .3s ease;cursor:pointer}.notification-item:hover{background:#ffffff0a}.notification-item.unread{background:#6c3ce10d;border-left:2px solid #6C3CE1}.notification-icon-wrapper{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff08;flex-shrink:0;font-size:16px}.notification-content{flex:1;min-width:0}.notification-title{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.notification-group-count{font-size:10px;background:#6c3ce126;color:#6c3ce1;padding:0 6px;border-radius:8px}.notification-message{font-size:12px;color:#ffffff80;margin-top:2px}.notification-time{font-size:10px;color:#fff3;margin-top:4px;display:flex;align-items:center;gap:4px}.notification-actions{display:flex;gap:4px;flex-shrink:0}.notification-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.05)}.clear-all-btn{width:100%;padding:8px;border-radius:8px;border:none;background:#e940570d;color:#e9405780;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.clear-all-btn:hover{background:#e940571a;color:#e94057}.notification-toast{position:fixed;top:20px;right:20px;z-index:3000;max-width:380px;width:100%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast-content{background:#141428f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 40px #00000080}.notification-toast-icon{font-size:20px}.notification-toast-info{flex:1}.notification-toast-title{font-size:13px;font-weight:600;color:#fff}.notification-toast-message{font-size:12px;color:#ffffff80}.notification-toast-close{background:none;border:none;color:#fff3;cursor:pointer;font-size:14px}@media (max-width: 480px){.notification-center{max-width:100%;max-height:95vh;border-radius:16px}.notification-header{padding:12px 16px}.notification-item{padding:8px 10px}.notification-toast{top:10px;right:10px;left:10px;max-width:100%}}.header-instagram{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);height:56px}.header-btn-left,.header-btn-right{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;position:relative;transition:color .3s ease}.header-btn-left:hover,.header-btn-right:hover{color:#fff}.header-btn-studio,.header-btn-games{color:#fff;background:#6c3ce12e;border-radius:50%;padding:8px;box-shadow:0 0 #6c3ce159;animation:studioGlow 2.6s ease-in-out infinite;transition:transform .25s ease,background .25s ease}.header-btn-studio:hover,.header-btn-studio:focus-visible,.header-btn-games:hover,.header-btn-games:focus-visible{transform:scale(1.05);background:#6c3ce147;color:#fff}.header-btn-games{margin-left:6px;animation:none;box-shadow:none}@keyframes studioGlow{0%,to{box-shadow:0 0 #6c3ce12e}50%{box-shadow:0 0 18px 8px #6c3ce12e}}.header-center{flex:1;display:flex;justify-content:center}.header-brand-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:6px 10px;border-radius:999px;cursor:pointer;color:inherit;transition:transform .2s ease,background .2s ease}.header-brand-button:hover,.header-brand-button:focus-visible{transform:translateY(-1px);background:#ffffff14;outline:none}.header-brand-logo{border-radius:50%;box-shadow:0 0 0 2px #ffffff14}.header-brand-content{display:flex;flex-direction:column;align-items:center;gap:2px}.header-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#6c3ce1,#e94057,#f27121);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.2px;text-shadow:0 0 12px rgba(108,60,225,.28);animation:headerGlow 2.4s ease-in-out infinite}.header-press-hint{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;animation:hintPulse 1.4s ease-in-out infinite}.header-badge{position:absolute;top:-4px;right:-4px;background:#e94057;color:#fff;font-size:9px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePulse 2s ease-in-out infinite}.brand-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(108,60,225,.35),transparent 28%),radial-gradient(circle at bottom right,rgba(233,64,87,.28),transparent 32%),linear-gradient(135deg,#05060b,#0c1024 45%,#090b17);overflow:hidden;cursor:zoom-out}.brand-reveal-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand-reveal-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7;mix-blend-mode:screen;animation:brandFloat 6s ease-in-out infinite}.brand-reveal-close{position:absolute;top:20px;right:20px;z-index:3;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-reveal-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center}.brand-reveal-logo-wrap{display:flex;align-items:center;justify-content:center;animation:brandPulse 3s ease-in-out infinite}.brand-reveal-logo{box-shadow:0 0 0 4px #ffffff14,0 24px 60px #6c3ce159}.brand-reveal-title-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.06em;font-size:clamp(34px,7.4vw,92px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 16px rgba(255,255,255,.18)}.brand-reveal-letter{display:inline-block;transform-origin:center;text-shadow:0 0 24px rgba(255,255,255,.12)}.brand-reveal-subtitle{margin:0;font-size:clamp(14px,2vw,20px);color:#ffffffc7;letter-spacing:.26em;text-transform:uppercase}.brand-reveal-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.brand-reveal-nav-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-reveal-nav-btn.active{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;border-color:transparent}.brand-reveal-robot-card{width:min(92vw,520px);padding:18px;border-radius:24px;background:#080a16b8;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-reveal-robot-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#ffffffd9;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.brand-reveal-speech-bubble{margin:0 auto 10px;max-width:320px;padding:10px 12px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:13px;line-height:1.45;box-shadow:inset 0 0 0 1px #ffffff0a}.brand-reveal-robot{position:relative;width:140px;height:180px;margin:8px auto 16px;display:flex;align-items:center;justify-content:center}.robot-antenna{position:absolute;top:10px;left:50%;width:4px;height:28px;background:linear-gradient(180deg,#fef3c7,#f59e0b);transform:translate(-50%)}.robot-head{position:absolute;top:24px;width:86px;height:74px;background:linear-gradient(135deg,#7dd3fc,#3b82f6);border-radius:20px;border:3px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 3px #ffffff1f}.robot-eye{position:absolute;top:30px;width:12px;height:12px;background:#05060b;border-radius:50%}.robot-eye.left{left:24px}.robot-eye.right{right:24px}.robot-eye.teary{height:16px;border-radius:50% 50% 60% 60%;background:linear-gradient(180deg,#38bdf8,#0f172a)}.robot-mouth{position:absolute;bottom:16px;left:50%;width:24px;height:12px;transform:translate(-50%);border:2px solid #05060b;border-top:none;border-radius:0 0 18px 18px}.robot-mouth.smile{border-color:#05060b}.robot-mouth.frown{border-top:2px solid #05060b;border-bottom:none;border-radius:18px 18px 0 0}.robot-mouth.neutral{width:18px;height:3px;border:none;background:#05060b;border-radius:999px}.robot-tear{position:absolute;bottom:12px;width:8px;height:12px;background:#8dd3ff;border-radius:0 0 8px 8px;opacity:.8;animation:tearDrop 1.2s ease-in-out infinite}.tear-left{left:20px}.tear-right{right:20px}.robot-body{position:absolute;top:94px;width:96px;height:62px;background:linear-gradient(135deg,#f8fafc,#cbd5e1);border-radius:22px;border:3px solid rgba(255,255,255,.32)}.robot-body:after{content:"PRINCE";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;letter-spacing:.24em;color:#1c2238bf;text-transform:uppercase;opacity:.9}.robot-arm,.robot-leg{position:absolute;background:linear-gradient(180deg,#7dd3fc,#2563eb);border-radius:999px}.robot-arm{top:104px;width:16px;height:54px}.robot-arm.left{left:18px;transform:rotate(18deg)}.robot-arm.right{right:18px;transform:rotate(-18deg)}.robot-leg{top:150px;width:18px;height:28px}.robot-leg.left{left:46px}.robot-leg.right{right:46px}.brand-reveal-question{margin:10px 0 8px;font-size:16px;color:#fff;font-weight:600}.brand-reveal-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.brand-reveal-input{flex:1;min-width:220px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;background:#ffffff14;color:#fff}.brand-reveal-submit,.brand-reveal-action-btn{border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6c3ce1,#e94057);box-shadow:0 10px 26px #6c3ce13d}.brand-reveal-action-btn.alt{background:linear-gradient(135deg,#00d4ff,#2563eb)}.brand-reveal-feedback{margin:10px 0 0;color:#ffffffe0;font-size:14px}.brand-reveal-actions{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}.brand-reveal-games-panel{width:min(92vw,760px);padding:12px;border-radius:24px;background:#050812ad;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-reveal-bmi-card{width:min(92vw,560px);padding:20px;border-radius:24px;background:#070a16bd;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-reveal-bookverse-card,.brand-reveal-random-card,.brand-reveal-leaderboard-card{width:min(96vw,1080px);padding:20px;border-radius:24px;background:#070a16c7;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-reveal-bookverse-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.brand-reveal-bookverse-header h3{margin:0 0 6px;color:#fff;font-size:20px}.brand-reveal-bookverse-header p{margin:0;color:#ffffffb8;font-size:13px}.brand-reveal-bookverse-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.brand-reveal-bookverse-stats span{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#ffffffc7;font-size:11px}.brand-reveal-bookverse-toolbar,.brand-reveal-bookverse-search-row,.brand-reveal-bookverse-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.brand-reveal-bookverse-btn,.brand-reveal-bookverse-chip,.brand-reveal-bookverse-mood,.brand-reveal-bookverse-filter-row button{border:none;border-radius:999px;padding:8px 12px;color:#fff;background:linear-gradient(135deg,#6c3ce1,#e94057);cursor:pointer;font-size:12px}.brand-reveal-bookverse-btn.secondary,.brand-reveal-bookverse-filter-row button{background:#ffffff14}.brand-reveal-bookverse-status{margin-bottom:12px;color:#ffffffc7;font-size:12px}.brand-reveal-bookverse-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.brand-reveal-bookverse-composer,.brand-reveal-bookverse-preview{padding:12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.brand-reveal-bookverse-composer input,.brand-reveal-bookverse-composer textarea,.brand-reveal-bookverse-composer select,.brand-reveal-bookverse-search-row input,.brand-reveal-bookverse-lock-box input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:9px 10px;background:#ffffff0f;color:#fff;margin-bottom:8px}.brand-reveal-bookverse-template-row,.brand-reveal-bookverse-toggle-row,.brand-reveal-bookverse-moods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.brand-reveal-bookverse-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.brand-reveal-bookverse-controls label,.brand-reveal-bookverse-toggle-row label{display:flex;flex-direction:column;gap:6px;color:#ffffffc7;font-size:12px}.brand-reveal-bookverse-toggle-row label{flex-direction:row;align-items:center}.brand-reveal-bookverse-preview-card{padding:14px;border-radius:16px;min-height:150px;display:flex;flex-direction:column;gap:8px}.brand-reveal-leaderboard-card .brand-reveal-bookverse-preview-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.brand-reveal-leaderboard-card .brand-reveal-bookverse-entry{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.brand-reveal-leaderboard-card .brand-reveal-bookverse-entry-top{padding:12px 0}.brand-reveal-leaderboard-card .brand-reveal-bookverse-entry-meta{justify-content:flex-end}.brand-reveal-bookverse-toolbar .brand-reveal-bookverse-btn{min-width:120px}.brand-reveal-bookverse-preview-label{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#111827b3}.brand-reveal-bookverse-preview-card h4{margin:0;color:#111827}.brand-reveal-bookverse-preview-card p{margin:0;color:#111827d1;line-height:1.45}.brand-reveal-bookverse-preview-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.brand-reveal-bookverse-preview-stats span{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#fffc;font-size:11px}.brand-reveal-bookverse-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-reveal-bookverse-entry{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px}.brand-reveal-bookverse-entry-top{display:flex;justify-content:space-between;gap:8px}.brand-reveal-bookverse-entry-top h5{margin:0 0 4px;color:#111827}.brand-reveal-bookverse-entry-top p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#111827b3}.brand-reveal-bookverse-entry-actions{display:flex;gap:6px}.brand-reveal-bookverse-entry-actions button,.brand-reveal-bookverse-lock-box button{width:28px;height:28px;border:none;border-radius:50%;background:#ffffff4d;color:#111827;cursor:pointer}.brand-reveal-bookverse-entry-content{margin:0;line-height:1.45;color:#111827d1;font-size:13px;white-space:pre-wrap}.brand-reveal-bookverse-entry-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#111827b3}.brand-reveal-bookverse-lock-box{display:flex;gap:8px}.brand-reveal-bookverse-lock-box input{margin-bottom:0}.brand-reveal-random-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.brand-reveal-random-header h3{margin:0 0 6px;color:#fff;font-size:20px}.brand-reveal-random-header p{margin:0;color:#ffffffb8;font-size:13px}.brand-reveal-random-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.brand-reveal-random-mode{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fffc;border-radius:999px;padding:8px 12px;cursor:pointer;text-transform:capitalize}.brand-reveal-random-mode.active{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;border-color:transparent}.brand-reveal-random-action{margin-top:12px;color:#c7d2fe;font-size:13px;line-height:1.5}.brand-reveal-bookverse-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.bookverse-tool-item{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.bookverse-tool-item span{color:#ffffffc2;font-size:12px}.bookverse-tool-item select,.bookverse-tool-item input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:13px}.brand-reveal-bmi-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;color:#ffffffbf;font-size:13px}.brand-reveal-random-card-body{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.brand-reveal-random-spark,.brand-reveal-random-mini-card,.brand-reveal-random-history{padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.brand-reveal-random-emoji{font-size:28px;margin-bottom:8px}.brand-reveal-random-spark h4,.brand-reveal-random-mini-card h4,.brand-reveal-random-history h4{margin:0 0 8px;color:#fff;font-size:15px}.brand-reveal-random-spark p,.brand-reveal-random-mini-card p,.brand-reveal-random-history p{margin:0;color:#ffffffbf;line-height:1.45;font-size:13px}.brand-reveal-random-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}.brand-reveal-random-meta span{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#fffc;font-size:11px;text-transform:capitalize}.brand-reveal-random-sidebar{display:grid;gap:10px}.brand-reveal-random-history-item{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.brand-reveal-random-history-item:first-of-type{border-top:none;padding-top:0}.brand-reveal-random-history-item strong{color:#fff;display:block;margin-bottom:4px;font-size:12px}.brand-reveal-random-history-item p{font-size:11px}@media (max-width: 900px){.brand-reveal-random-card-body,.brand-reveal-bookverse-grid,.brand-reveal-bookverse-list{grid-template-columns:1fr}}.brand-reveal-bmi-header h3{margin:0 0 6px;color:#fff;font-size:20px}.brand-reveal-bmi-header p{margin:0 0 16px;color:#ffffffbf;font-size:14px}.brand-reveal-bmi-form{display:grid;gap:12px;margin-bottom:14px}.brand-reveal-bmi-form label{display:grid;gap:6px;color:#ffffffd1;font-size:13px;text-align:left}.brand-reveal-bmi-form input{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;background:#ffffff14;color:#fff}.brand-reveal-bmi-ranges{display:grid;gap:8px;margin:0 0 14px}.brand-reveal-bmi-range-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:999px;background:#ffffff14;color:#ffffffd6;font-size:12px}.brand-reveal-bmi-range-row.healthy{background:#44d69038;color:#ecfff6}.brand-reveal-bmi-range-row strong{color:#fff;font-weight:700}.brand-reveal-bmi-result{border-radius:18px;padding:14px;background:linear-gradient(135deg,#6c3ce133,#e9405729);border:1px solid rgba(255,255,255,.12);text-align:left}.brand-reveal-bmi-score{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ffffff24;color:#fff;font-size:20px;font-weight:800;margin-bottom:8px}.brand-reveal-bmi-category{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.brand-reveal-bmi-result p{margin:0 0 8px;color:#ffffffd6;line-height:1.5}.brand-reveal-bmi-result ul{margin:0;padding-left:18px;color:#ffffffd1;display:grid;gap:6px}.brand-reveal-games-panel .games-container{padding:0;max-width:none}.brand-reveal-games-panel .games-hero,.brand-reveal-games-panel .game-stage,.brand-reveal-games-panel .games-stats,.brand-reveal-games-panel .game-selector{background:#ffffff0d}.brand-reveal-games-panel .game-selector-btn{background:#ffffff0f}.brand-reveal-games-panel .game-action-btn{width:auto;min-width:180px}.brand-reveal-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand-reveal-sparkle{position:absolute;display:inline-block;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff,#fff0 72%);filter:blur(.2px)}.brand-reveal-spawn-robot{position:absolute;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 18px #ffffff1f}.robot-face-mini{font-size:24px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes brandFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.08)}}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes tearDrop{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:.9}}.messages-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.messages-modal{width:100%;max-width:800px;height:80vh;background:#141428f2;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.user-profile-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin:8px 16px 16px;display:flex;align-items:center;gap:16px}.profile-card-avatar{flex-shrink:0}.profile-card-avatar-ring{width:60px;height:60px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#6c3ce1,#e94057);display:flex;align-items:center;justify-content:center}.profile-card-avatar-emoji{font-size:32px;width:54px;height:54px;border-radius:50%;background:#0a0a12;display:flex;align-items:center;justify-content:center}.profile-card-info{flex:1;min-width:0}.profile-card-name{font-size:16px;font-weight:700;color:#fff;margin:0}.profile-card-username{font-size:12px;color:#fff6}.profile-card-bio{font-size:13px;color:#fff9;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-card-edit-btn{padding:6px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer;font-size:12px;font-family:Orbitron,sans-serif;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.profile-card-edit-btn:hover{background:#ffffff0d;color:#fff}.create-buttons-row{display:flex;gap:10px;padding:0 16px 16px}.create-btn{flex:1;padding:12px;border:none;border-radius:12px;background:#ffffff08;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);font-family:Orbitron,sans-serif}.create-btn:hover{background:#ffffff0f;border-color:var(--btn-color, #6C3CE1)}.create-btn-icon{font-size:20px;color:var(--btn-color, #6C3CE1)}.create-btn-label{font-size:9px;font-weight:700;color:#fff6;letter-spacing:1px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;padding:8px 0;height:60px}@media (max-width: 480px){.user-profile-card{flex-wrap:wrap;justify-content:center;text-align:center;padding:16px}.profile-card-info{text-align:center}.create-buttons-row{gap:6px;padding:0 12px 12px}.create-btn{padding:10px 6px}.create-btn-label{font-size:8px}.header-title{font-size:15px}.messages-modal{height:100vh;max-width:100%;border-radius:0}}.create-post-bar{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;margin:8px 16px 12px;padding:12px 16px}.create-post-bar-inner{display:flex;align-items:center;gap:12px}.create-post-bar-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,#6c3ce1,#e94057);flex-shrink:0}.create-post-bar-input{flex:1;padding:10px 16px;border-radius:20px;background:#ffffff08;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.03)}.create-post-bar-input:hover{background:#ffffff0f;border-color:#ffffff14}.create-post-bar-placeholder{color:#ffffff4d;font-size:13px;font-family:Orbitron,sans-serif;letter-spacing:.3px}.create-post-bar-actions{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}.create-post-bar-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#ffffff4d;font-size:11px;font-family:Orbitron,sans-serif;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .3s ease}.create-post-bar-btn:hover{background:#ffffff08;color:#fff9}.create-post-bar-btn .action-icon{font-size:14px}.create-post-bar-btn .action-icon.photo{color:#45bd62}.create-post-bar-btn .action-icon.reel{color:#6c3ce1}.create-post-bar-btn .action-icon.emoji{color:#ffd93d}@media (max-width: 480px){.create-post-bar{margin:6px 12px 10px;padding:10px 12px;border-radius:12px}.create-post-bar-avatar{width:30px;height:30px;font-size:14px}.create-post-bar-placeholder{font-size:12px}.create-post-bar-btn{font-size:10px;padding:3px 6px}.create-post-bar-btn .action-icon{font-size:12px}}:root{--live-primary: #9147ff;--live-primary-dark: #772ce8;--live-primary-glow: rgba(145, 71, 255, .3);--live-danger: #e91916;--live-danger-glow: rgba(233, 25, 22, .3);--live-success: #00d95a;--live-gold: #ffd700;--live-bg: #0e0e10;--live-bg-alt: #18181b;--live-bg-card: #1f1f23;--live-bg-hover: #2a2a2e;--live-text: #efeff1;--live-text-muted: #adadb8;--live-text-dim: #5c5c66;--live-border: #2d2d31;--live-border-light: #3a3a3e;--live-radius: 8px;--live-radius-lg: 12px;--live-radius-xl: 16px;--live-shadow: 0 4px 20px rgba(0,0,0,.4);--live-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}30%{transform:translateY(-20px) scale(1.2);opacity:1}to{transform:translateY(-120px) scale(.8);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.spin{animation:spin 1s linear infinite}.live-stream-container{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--live-bg);z-index:1000;display:flex;flex-direction:column;font-family:var(--live-font);color:var(--live-text)}.live-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--live-primary)}.live-setup-screen{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.live-setup-header{grid-column:1 / -1;text-align:center}.live-setup-header h2{font-size:28px;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--live-text)}.live-setup-icon{color:var(--live-danger);font-size:20px}.live-setup-header p{color:var(--live-text-muted);margin:8px 0 0}.live-setup-preview{position:relative;background:#000;border-radius:var(--live-radius-lg);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.live-setup-video{width:100%;height:100%;object-fit:cover}.live-setup-preview-overlay{position:absolute;top:0;left:0;right:0;padding:12px;display:flex;justify-content:space-between}.live-setup-preview-badge{background:#000000b3;color:var(--live-text-muted);font-size:11px;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.live-setup-preview-filter{background:#000000b3;color:var(--live-text);font-size:12px;padding:4px 10px;border-radius:4px}.live-setup-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--live-text-dim);background:var(--live-bg-alt)}.live-setup-preview-placeholder p{margin:0}.live-setup-form{display:flex;flex-direction:column;gap:16px}.form-group{position:relative;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--live-text)}.form-input{width:100%;padding:10px 14px;border-radius:var(--live-radius);border:1px solid var(--live-border);background:var(--live-bg-alt);color:var(--live-text);font-size:14px;font-family:var(--live-font);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--live-primary);box-shadow:0 0 0 3px var(--live-primary-glow)}.form-textarea{resize:vertical;min-height:80px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23adadb8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background:var(--live-bg-alt);color:var(--live-text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-char-count{position:absolute;bottom:8px;right:10px;font-size:11px;color:var(--live-text-dim)}.live-setup-actions{display:flex;gap:12px;margin-top:8px}.live-setup-actions .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--live-radius);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--live-font);text-decoration:none}.btn-primary{background:var(--live-primary);color:#fff}.btn-primary:hover{background:var(--live-primary-dark)}.btn-ghost{background:transparent;color:var(--live-text);border:1px solid var(--live-border)}.btn-ghost:hover{background:var(--live-bg-hover);border-color:var(--live-border-light)}.btn-live{background:linear-gradient(135deg,var(--live-danger),#ff4444);color:#fff;box-shadow:0 2px 12px var(--live-danger-glow)}.btn-live:hover{box-shadow:0 4px 20px var(--live-danger-glow);transform:translateY(-1px)}.btn-live:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--live-text-muted);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--live-bg-hover);color:var(--live-text)}.btn-follow{background:var(--live-primary);color:#fff}.btn-following{background:transparent;color:var(--live-text);border:1px solid var(--live-border)}.btn-sub{background:var(--live-gold);color:#000}.btn-subbed{background:transparent;color:var(--live-gold);border:1px solid var(--live-gold)}.live-stream-active{flex:1;display:flex;position:relative;overflow:hidden}.live-stream-video-wrapper{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.live-stream-video{width:100%;height:100%;object-fit:contain;max-height:100vh}.live-stream-indicator{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:6px;font-size:13px;z-index:10}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--live-danger);animation:livePulse 1s ease-in-out infinite}.live-text{font-weight:700;color:var(--live-danger);text-transform:uppercase;letter-spacing:1px;font-size:12px}.live-stat{display:flex;align-items:center;gap:4px;color:var(--live-text-muted)}.live-stream-info{position:absolute;bottom:90px;left:16px;z-index:10}.live-stream-title{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);margin-bottom:4px}.live-stream-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.live-category{font-size:12px;background:#0009;padding:3px 8px;border-radius:4px;color:var(--live-text-muted)}.live-quality{font-size:11px;background:#0009;padding:3px 8px;border-radius:4px;color:var(--live-success)}.live-badge-slow,.live-badge-beauty,.live-badge-rec{font-size:11px;padding:3px 8px;border-radius:4px;background:#0009}.live-badge-rec{color:var(--live-danger);animation:livePulse 1s infinite}.live-stream-stats{position:absolute;top:16px;right:16px;display:flex;gap:12px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:6px;font-size:13px;z-index:10;cursor:pointer}.live-stream-stats span{display:flex;align-items:center;gap:4px}.live-screenshare-badge{position:absolute;top:60px;left:16px;display:flex;align-items:center;gap:8px;background:var(--live-success);color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;z-index:10;cursor:pointer}.live-controls-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(transparent,#000000d9);z-index:100}.live-controls-left,.live-controls-center,.live-controls-right{display:flex;gap:6px;align-items:center}.live-ctrl-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff14;color:var(--live-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative;font-size:15px}.live-ctrl-btn:hover{background:#ffffff26;transform:scale(1.05)}.live-ctrl-btn.active{background:var(--live-primary);color:#fff}.live-ctrl-btn.off{background:#e9191633;color:var(--live-danger)}.live-ctrl-btn.accent{background:#e9191626;color:#f44}.live-ctrl-btn.accent:hover{background:#e9191640}.live-ctrl-btn.rec{background:#e919164d;color:var(--live-danger);animation:livePulse 1s infinite}.live-ctrl-btn.danger{background:#e9191633;color:var(--live-danger)}.live-ctrl-btn.danger:hover{background:#e9191659}.live-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.ctrl-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--live-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.live-chat{width:340px;display:flex;flex-direction:column;background:var(--live-bg-alt);border-left:1px solid var(--live-border);overflow:hidden}.live-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--live-border);flex-shrink:0}.live-chat-header h4{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.live-chat-count{font-size:12px;color:var(--live-text-muted)}.live-chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.live-chat-messages::-webkit-scrollbar{width:4px}.live-chat-messages::-webkit-scrollbar-track{background:transparent}.live-chat-messages::-webkit-scrollbar-thumb{background:var(--live-border-light);border-radius:2px}.live-chat-empty{text-align:center;color:var(--live-text-dim);padding:40px 0;font-size:13px}.live-chat-msg{display:flex;gap:8px;padding:4px 0;position:relative;border-radius:4px;transition:background .15s}.live-chat-msg:hover{background:var(--live-bg-hover)}.live-chat-msg.deleted{opacity:.3;text-decoration:line-through}.chat-msg-avatar{font-size:20px;flex-shrink:0;width:24px;text-align:center}.chat-msg-body{flex:1;min-width:0}.chat-msg-user{font-size:12px;font-weight:700;color:var(--live-primary);display:inline-flex;align-items:center;gap:4px}.chat-msg-text{display:block;font-size:13px;color:var(--live-text);word-break:break-word;line-height:1.4}.chat-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.chat-badge.mod{background:var(--live-success);color:#000}.chat-badge.sub{background:var(--live-gold);color:#000}.chat-badge.vip{background:var(--live-primary);color:#fff}.chat-mod-menu{position:absolute;right:0;top:100%;background:var(--live-bg-card);border:1px solid var(--live-border);border-radius:var(--live-radius);padding:4px;z-index:50;box-shadow:var(--live-shadow);display:flex;flex-direction:column}.chat-mod-menu button{background:none;border:none;color:var(--live-text);padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:4px;white-space:nowrap}.chat-mod-menu button:hover{background:var(--live-bg-hover)}.live-chat-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--live-border);flex-shrink:0}.live-chat-input input{flex:1;padding:8px 12px;border-radius:20px;border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-text);font-size:13px;font-family:var(--live-font)}.live-chat-input input:focus{outline:none;border-color:var(--live-primary)}.live-chat-input button{width:36px;height:36px;border-radius:50%;border:none;background:var(--live-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.live-chat-input button:hover{background:var(--live-primary-dark)}.live-chat-input button:disabled{opacity:.4;cursor:not-allowed}.live-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:90%;max-width:480px;background:var(--live-bg-card);border:1px solid var(--live-border);border-radius:var(--live-radius-lg);overflow:hidden;z-index:50;box-shadow:var(--live-shadow)}.live-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--live-border)}.live-panel-header h4{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.live-panel-header button{background:none;border:none;color:var(--live-text-muted);cursor:pointer;font-size:16px}.live-panel-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.live-gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px}.live-gift-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:var(--live-radius);border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-text);cursor:pointer;transition:all .2s}.live-gift-btn:hover{background:var(--live-bg-hover);border-color:var(--live-border-light);transform:translateY(-2px)}.live-gift-btn.active{border-color:var(--live-primary);background:#9147ff1a}.gift-icon-large{font-size:28px;line-height:1}.gift-name{font-size:11px;color:var(--live-text-muted);text-align:center}.gift-value{font-size:10px;color:var(--live-gold)}.live-gift-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;text-align:center;pointer-events:none}.live-gift-emoji{font-size:80px;animation:floatUp 2.5s ease-out forwards}.live-gift-label{font-size:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.live-like-float{position:absolute;left:50%;bottom:50%;font-size:40px;z-index:55;pointer-events:none}.live-stats-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.live-stats-content{background:var(--live-bg-card);border-radius:var(--live-radius-lg);padding:24px;min-width:300px}.live-stats-content h4{margin:0 0 16px;font-size:18px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--live-bg);border-radius:var(--live-radius)}.stat-num{font-size:20px;font-weight:700;color:var(--live-text)}.stat-label{font-size:11px;color:var(--live-text-muted);text-transform:uppercase;letter-spacing:.5px}.poll-option-row{display:flex;gap:8px}.mod-section{padding:8px 0;border-bottom:1px solid var(--live-border)}.mod-section:last-child{border-bottom:none}.mod-section h5{margin:0 0 8px;font-size:13px;color:var(--live-text-muted)}.mod-stats{display:flex;gap:16px;font-size:13px;color:var(--live-text)}.mod-stats div{display:flex;align-items:center;gap:6px}@media (max-width: 768px){.live-setup-screen{grid-template-columns:1fr;padding:16px}.live-chat{position:absolute;right:0;top:0;bottom:70px;width:100%!important;z-index:40}.live-panel{width:95%;bottom:70px}.live-gift-grid{grid-template-columns:repeat(3,1fr)}.live-controls-bar{padding:6px 10px;gap:4px}.live-ctrl-btn{width:34px;height:34px;font-size:13px}.live-stream-title{font-size:16px}.live-panel{max-width:100%}}.skeleton{background:var(--live-bg-card);overflow:hidden}.skeleton-thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--live-bg-card) 25%,var(--live-bg-hover) 50%,var(--live-bg-card) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--live-radius)}.skeleton-info{display:flex;gap:10px;padding:10px}.skeleton-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,var(--live-bg-card) 25%,var(--live-bg-hover) 50%,var(--live-bg-card) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--live-bg-card) 25%,var(--live-bg-hover) 50%,var(--live-bg-card) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-line.w-75{width:75%}.skeleton-line.w-50{width:50%}.create-post-page{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(108,60,225,.16),transparent 30%),#06070d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2000;padding:24px;overflow-y:auto}.create-post-shell{max-width:1320px;margin:0 auto;background:#101220f5;border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:0 32px 90px #00000073;overflow:hidden}.create-post-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#6c3ce12e,#e940571a)}.create-post-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.22em;color:#8c7ff0;font-size:11px;font-weight:700}.create-post-hero h2{margin:0 0 8px;color:#fff;font-size:24px}.create-post-hero p{margin:0;color:#ffffffad;font-size:14px;max-width:560px}.create-post-close{background:#ffffff12;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.create-post-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:24px}.create-post-panel,.create-post-side-panel{display:flex;flex-direction:column;gap:16px}.create-post-panel{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:22px;padding:20px}.create-post-panel-header,.create-post-side-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.create-post-panel-header h3,.create-post-side-header h4{margin:0;color:#fff;font-size:16px}.create-post-panel-header p{margin:4px 0 0;color:#ffffff73;font-size:12px}.create-post-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#6c3ce129;color:#b9a8ff;font-size:12px}.create-post-textarea{width:100%;min-height:140px;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px 16px;background:#ffffff08;color:#fff;resize:vertical;font-size:15px;font-family:Inter,sans-serif}.create-post-textarea:focus{outline:none;border-color:#6c3ce159}.create-post-preview-card,.create-post-empty-preview,.create-post-side-card{border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#070912bf}.create-post-preview-card{position:relative;overflow:hidden;min-height:210px}.create-post-preview-card img{width:100%;height:100%;object-fit:cover;display:block}.create-post-remove-media{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer}.create-post-empty-preview{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff6;text-align:center;padding:20px}.create-post-empty-preview svg{font-size:26px;color:#8c7ff0}.create-post-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.create-post-action-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px 8px;color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.create-post-action-card:hover{transform:translateY(-2px);background:#6c3ce129;color:#fff}.create-post-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.create-post-secondary,.create-post-primary{border:none;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px}.create-post-secondary{background:#ffffff14;color:#fff}.create-post-primary{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff}.create-post-side-card{padding:16px}.create-post-side-header span{color:#ffffff80;font-size:12px}.create-post-preview-bubble{margin-top:12px;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:#ffffff0a}.create-post-preview-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6c3ce1,#e94057);font-size:18px;flex-shrink:0}.create-post-preview-bubble strong{color:#fff;display:block;margin-bottom:4px}.create-post-preview-bubble p{margin:0;color:#fff9;font-size:13px;line-height:1.4}.create-post-recent-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.create-post-recent-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.create-post-recent-item:last-child{border-bottom:none;padding-bottom:0}.create-post-recent-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6c3ce1,#e94057);margin-top:6px;flex-shrink:0}.create-post-recent-item strong{display:block;color:#fff;font-size:13px;margin-bottom:2px}.create-post-recent-item p{margin:0;color:#ffffff73;font-size:11px}.post-studio-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.post-studio{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.post-studio-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.post-studio-header h2{font-size:18px;color:#fff;margin:0}.post-studio-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:20px;padding:4px}.post-studio-close:hover{color:#fff}.post-studio-next{padding:8px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.post-studio-next:hover:not(:disabled){transform:scale(1.02)}.post-studio-next:disabled{opacity:.5;cursor:not-allowed}.post-studio-body{flex:1;overflow:hidden}.post-studio-main{display:flex;height:100%}.post-studio-preview-area{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;min-height:400px;background:#0000004d}.post-studio-empty{text-align:center;color:#fff3}.post-studio-empty svg{font-size:64px;margin-bottom:16px}.post-studio-preview{position:relative;width:100%;max-height:500px;overflow:hidden;border-radius:12px}.post-studio-image{width:100%;height:auto;max-height:500px;object-fit:contain}.post-studio-video{width:100%;max-height:500px}.post-studio-text-preview{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:10px 14px;border-radius:16px;font-weight:700;line-height:1.25;box-shadow:0 12px 40px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.reel-preview-wrapper{position:relative;width:100%}.reel-text-preview{position:absolute;left:12px;bottom:16px;max-width:calc(100% - 24px);padding:10px 14px;border-radius:16px;font-weight:700;line-height:1.25;box-shadow:0 12px 36px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.post-studio-media-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#0009;padding:6px 12px;border-radius:20px}.post-studio-media-controls button{background:none;border:none;color:#fff;cursor:pointer;padding:4px 8px}.post-studio-media-controls span{color:#fff9;font-size:12px}.post-studio-remove-media{position:absolute;top:12px;right:12px;background:#e94057cc;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.post-studio-remove-media:hover{background:#e94057;transform:scale(1.1)}.post-studio-tools{width:400px;padding:16px;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.post-studio-toolbar{display:flex;gap:4px;margin-bottom:16px}.post-studio-tool{flex:1;padding:8px;border:none;border-radius:8px;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.post-studio-tool:hover{background:#ffffff0f;color:#fff9}.post-studio-tool.active{background:#6c3ce126;color:#6c3ce1}.post-studio-tool:disabled{opacity:.3;cursor:not-allowed}.post-studio-tool-content{flex:1;overflow-y:auto}.post-studio-media-tools{display:flex;flex-direction:column;gap:12px}.post-studio-add-media{padding:12px;border-radius:12px;border:2px dashed rgba(255,255,255,.1);background:#ffffff05;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.post-studio-add-media:hover{border-color:#6c3ce14d;color:#fff}.post-studio-media-thumbnails{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.post-studio-thumbnail{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0}.post-studio-thumbnail.active{border-color:#6c3ce1}.post-studio-thumbnail img,.post-studio-thumbnail video{width:100%;height:100%;object-fit:cover}.post-studio-thumbnail span{position:absolute;bottom:2px;right:4px;font-size:9px;background:#0009;color:#fff;padding:0 4px;border-radius:4px}.post-studio-media-options{display:flex;gap:8px}.post-studio-media-options button{flex:1;padding:8px;border-radius:8px;border:none;background:#ffffff08;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.post-studio-media-options button:hover{background:#ffffff0f;color:#fff}.post-studio-edit-tools{display:flex;flex-direction:column;gap:12px}.post-studio-text-style-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.post-studio-style-row{display:flex;align-items:center;gap:8px}.post-studio-style-row label{min-width:38px;font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.post-studio-style-row input[type=color]{width:40px;height:32px;border:none;background:transparent;padding:0;cursor:pointer}.post-studio-style-row input[type=range]{flex:1}.post-studio-style-row select{flex:1;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:#fff}.post-studio-font-preview{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);text-align:center}.reel-text-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.reel-style-row{display:flex;align-items:center;gap:8px}.reel-style-row label{min-width:36px;font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.reel-style-row input[type=color]{width:40px;height:32px;border:none;background:transparent;padding:0;cursor:pointer}.reel-style-row input[type=range]{flex:1}.reel-style-row select{flex:1;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:#fff}.edit-tools-row h4{font-size:12px;color:#ffffff4d;margin:0 0 8px}.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-height:120px;overflow-y:auto}.filter-btn{display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:8px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;transition:all .3s ease;font-size:10px}.filter-btn:hover{background:#ffffff0f}.filter-btn.active{background:#6c3ce126;color:#6c3ce1}.filter-emoji{font-size:20px}.filter-name{font-size:8px;margin-top:2px}.adjustment-controls{display:flex;flex-direction:column;gap:6px}.adjustment-controls label{font-size:11px;color:#fff6;display:flex;flex-direction:column;gap:2px}.adjustment-controls input[type=range]{width:100%;-webkit-appearance:none;background:#ffffff0d;height:4px;border-radius:2px}.adjustment-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#6c3ce1;cursor:pointer}.effect-buttons{display:flex;gap:4px;flex-wrap:wrap}.effect-btn{padding:6px 12px;border-radius:12px;border:none;background:#ffffff08;color:#fff6;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;transition:all .3s ease}.effect-btn:hover{background:#ffffff0f;color:#fff}.effect-btn.active{background:#6c3ce126;color:#6c3ce1}.text-overlay-controls{display:flex;gap:8px;margin-top:8px;align-items:center}.text-overlay-controls input[type=text]{flex:1;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.text-overlay-controls input[type=color]{width:32px;height:32px;border-radius:8px;border:none;padding:0;cursor:pointer}.text-overlay-controls input[type=range]{width:80px}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:8px}.sticker-btn{padding:8px;border-radius:8px;border:none;background:#ffffff08;cursor:pointer;transition:all .3s ease}.sticker-btn:hover{background:#ffffff0f;transform:scale(1.1)}.sticker-emoji{font-size:24px}.post-studio-music-tools{display:flex;flex-direction:column;gap:12px}.music-search{display:flex;gap:8px}.music-search input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.music-search button{padding:8px 16px;border-radius:8px;border:none;background:#6c3ce126;color:#6c3ce1;cursor:pointer}.music-genres{display:flex;gap:4px;overflow-x:auto;padding:4px 0}.genre-btn{padding:4px 12px;border-radius:12px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-size:10px;font-family:Orbitron,sans-serif;white-space:nowrap;transition:all .3s ease}.genre-btn:hover{background:#ffffff0f;color:#fff9}.genre-btn.active{background:#6c3ce126;color:#6c3ce1}.music-list{flex:1;overflow-y:auto;max-height:250px}.music-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.music-play{font-size:14px}.music-loading{text-align:center;color:#fff3;padding:20px 0}.post-studio-caption-tools{display:flex;flex-direction:column;gap:12px}.caption-input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:14px;font-family:Orbitron,sans-serif;resize:none;min-height:80px}.caption-input:focus{outline:none;border-color:#6c3ce133}.caption-actions{display:flex;flex-direction:column;gap:8px}.caption-field{display:flex;flex-direction:column;gap:4px}.caption-field label{font-size:11px;color:#ffffff4d;display:flex;align-items:center;gap:4px}.caption-field input{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif}.caption-field input:focus{outline:none;border-color:#6c3ce133}.mention-input,.hashtag-input{display:flex;gap:8px}.mention-input input,.hashtag-input input{flex:1}.mention-input button,.hashtag-input button{padding:8px 16px;border-radius:8px;border:none;background:#6c3ce126;color:#6c3ce1;cursor:pointer}.tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag-item{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#6c3ce11a;color:#6c3ce1;font-size:11px}.tag-item button{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:14px;padding:0 2px}.tag-item button:hover{color:#e94057}.caption-privacy{display:flex;gap:4px}.privacy-btn{flex:1;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#ffffff4d;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.privacy-btn:hover{background:#ffffff0f}.privacy-btn.active{border-color:#6c3ce1;background:#6c3ce11a;color:#6c3ce1}.caption-schedule{display:flex;align-items:center;gap:12px;padding:8px 0}.caption-schedule label{display:flex;align-items:center;gap:6px;color:#fff6;font-size:12px;cursor:pointer}.caption-schedule input[type=datetime-local]{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-family:Orbitron,sans-serif;font-size:12px}@media (max-width: 1024px){.post-studio-main{flex-direction:column}.post-studio-tools{width:100%;max-height:50vh;border-left:none;border-top:1px solid rgba(255,255,255,.05)}.post-studio-preview-area{min-height:300px;max-height:50vh}}@media (max-width: 768px){.post-studio-overlay{padding:0}.post-studio{max-height:100vh;border-radius:0}.post-studio-header{padding:12px 16px}.post-studio-tools{padding:12px}.filter-grid{grid-template-columns:repeat(4,1fr)}.post-studio-media-thumbnails{gap:4px}.post-studio-thumbnail{width:44px;height:44px}.music-genres{gap:2px}.genre-btn{font-size:9px;padding:3px 8px}}@media (max-width: 480px){.filter-grid{grid-template-columns:repeat(3,1fr)}.post-studio-toolbar{gap:2px}.post-studio-tool{font-size:9px;padding:6px 4px}.post-studio-tool span{display:none}.caption-privacy{flex-direction:column}}.post-studio-interactive{display:flex;flex-direction:column;gap:12px}.interactive-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.interactive-tool-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;font-size:10px;transition:all .3s ease}.interactive-tool-btn:hover{background:#ffffff0f;border-color:var(--tool-color, #6C3CE1);color:#fff;transform:translateY(-2px)}.interactive-tool-btn svg{font-size:20px;color:var(--tool-color, #6C3CE1)}.interactive-form{background:#ffffff05;border-radius:12px;padding:16px;margin-top:8px}.interactive-form h4{color:#fff;font-size:14px;margin:0 0 12px}.interactive-form input,.interactive-form textarea,.interactive-form select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;margin-bottom:8px}.interactive-form input:focus,.interactive-form textarea:focus{outline:none;border-color:#6c3ce133}.interactive-form input::placeholder,.interactive-form textarea::placeholder{color:#fff3}.add-option-btn{padding:6px 12px;border-radius:8px;border:1px dashed rgba(255,255,255,.1);background:transparent;color:#ffffff4d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.add-option-btn:hover{border-color:#6c3ce133;color:#fff}.poll-duration{margin:8px 0}.poll-duration label{font-size:11px;color:#ffffff4d;display:block;margin-bottom:4px}.poll-duration input[type=range]{width:100%}.interactive-add-btn{width:100%;padding:10px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease;margin-top:4px}.interactive-add-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #6c3ce14d}.ai-caption-btn{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(108,60,225,.3);background:#6c3ce11a;color:#a78bfa;font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;margin-bottom:8px}.ai-caption-btn:hover:not(:disabled){background:#6c3ce133;border-color:#6c3ce1;transform:translateY(-1px)}.ai-caption-btn:disabled{opacity:.5;cursor:not-allowed}.adjust-sliders{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.adjust-sliders label{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff80;font-family:Orbitron,sans-serif}.adjust-sliders input[type=range]{flex:1;accent-color:#6C3CE1}.interactive-tools-actions{display:flex;gap:8px;margin-bottom:8px}.post-studio-tool-action{flex:1;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#ffffff80;font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.post-studio-tool-action:hover{background:#ffffff0f;border-color:#6c3ce14d;color:#fff}.drafts-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.drafts-list p{color:#ffffff4d;font-size:12px;text-align:center}.draft-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.draft-item span{flex:1;font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-item button{padding:4px 8px;border-radius:6px;border:none;background:#6c3ce133;color:#a78bfa;font-size:10px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .2s ease}.draft-item button:hover{background:#6c3ce14d}.draft-item button:last-child{background:#e9405733;color:#f87171}.draft-item button:last-child:hover{background:#e940574d}@media (max-width: 768px){.interactive-tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.interactive-tools-grid{grid-template-columns:repeat(2,1fr)}.interactive-tool-btn{font-size:9px;padding:8px 4px}.interactive-tool-btn svg{font-size:16px}}.story-creator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.story-creator{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.story-creator-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.story-creator-header h2{font-size:18px;color:#fff;margin:0}.story-creator-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:20px}.story-creator-close:hover{color:#fff}.story-creator-next{padding:8px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:600;cursor:pointer;font-family:Orbitron,sans-serif}.story-creator-next:disabled{opacity:.5;cursor:not-allowed}.story-creator-body{display:flex;flex:1;overflow:hidden}.story-creator-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000004d;min-height:400px}.story-preview-container{position:relative;width:100%;max-width:400px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000}.story-preview-image,.story-preview-video{width:100%;height:100%;object-fit:cover}.story-text-overlay{position:absolute;bottom:40px;left:0;right:0;padding:20px;text-align:center;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none}.story-sticker{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.remove-sticker{position:absolute;top:-12px;right:-12px;width:20px;height:20px;border-radius:50%;border:none;background:#e94057e6;color:#fff;font-size:10px;cursor:pointer;display:none}.story-sticker:hover .remove-sticker{display:block}.story-drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.story-empty-preview{text-align:center;color:#fff3}.story-empty-preview svg{font-size:48px;margin-bottom:16px}.story-creator-tools{width:400px;padding:16px;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.story-toolbar{display:flex;gap:4px;margin-bottom:16px}.story-tool{flex:1;padding:8px;border:none;border-radius:8px;background:#ffffff08;color:#ffffff4d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.story-tool:hover{background:#ffffff0f;color:#fff9}.story-tool.active{background:#6c3ce126;color:#6c3ce1}.story-tool:disabled{opacity:.3;cursor:not-allowed}.story-tool-content{flex:1;overflow-y:auto}.story-media-tools{display:flex;flex-direction:column;gap:8px}.story-media-btn{padding:12px;border-radius:12px;border:2px dashed rgba(255,255,255,.1);background:#ffffff05;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.story-media-btn:hover{border-color:#6c3ce14d;color:#fff}.story-edit-tools{display:flex;flex-direction:column;gap:12px}.story-edit-row h4{font-size:12px;color:#ffffff4d;margin:0 0 8px}.story-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.story-filter-btn{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:8px;border:none;background:#ffffff08;color:#ffffff4d;cursor:pointer;transition:all .3s ease;font-size:10px}.story-filter-btn:hover{background:#ffffff0f}.story-filter-btn.active{background:#6c3ce126;color:#6c3ce1}.story-filter-btn span:first-child{font-size:20px}.story-sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.story-sticker-btn{padding:8px;border-radius:8px;border:none;background:#ffffff08;cursor:pointer;font-size:20px;transition:all .3s ease}.story-sticker-btn:hover{background:#ffffff0f;transform:scale(1.1)}.story-drawing-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.story-drawing-tools input[type=color]{width:36px;height:36px;border-radius:8px;border:none;padding:0;cursor:pointer}.story-draw-btn{padding:6px 12px;border-radius:8px;border:none;background:#ffffff08;color:#fff6;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;transition:all .3s ease}.story-draw-btn:hover{background:#ffffff0f;color:#fff}.story-draw-btn.active{background:#e9405726;color:#e94057}.story-music-tools{display:flex;flex-direction:column;gap:8px}.music-search input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-family:Orbitron,sans-serif}.music-search input:focus{outline:none;border-color:#6c3ce133}.music-list{max-height:200px;overflow-y:auto}.music-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .3s ease}.music-item:hover{background:#ffffff08}.music-item.selected{background:#6c3ce114}.music-item-info{display:flex;align-items:center;gap:8px}.music-title{font-size:13px;color:#fff}.music-artist{font-size:11px;color:#ffffff4d}.music-item-duration{font-size:11px;color:#fff3}.story-text-tools{display:flex;flex-direction:column;gap:8px}.story-text-input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;resize:none}.story-text-input:focus{outline:none;border-color:#6c3ce133}.story-text-controls{display:flex;align-items:center;gap:8px}.story-text-controls input[type=color]{width:32px;height:32px;border-radius:8px;border:none;padding:0;cursor:pointer}.story-text-controls input[type=range]{flex:1}.story-text-controls span{color:#ffffff4d;font-size:12px;min-width:40px}.story-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center}.story-viewer-container{width:100%;max-width:400px;height:100vh;max-height:800px;position:relative;display:flex;flex-direction:column}.story-progress-container{display:flex;gap:4px;padding:12px 16px;position:absolute;top:0;left:0;right:0;z-index:10}.story-progress-track{flex:1;height:3px;background:#fff3;border-radius:2px;overflow:hidden;cursor:pointer}.story-progress-bar{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.story-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:absolute;top:30px;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.story-viewer-user{display:flex;align-items:center;gap:10px;cursor:pointer}.story-viewer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#6c3ce133;font-size:16px}.story-viewer-name{color:#fff;font-weight:600;font-size:14px}.story-viewer-time{color:#fff6;font-size:11px;display:flex;align-items:center;gap:4px}.story-viewer-actions{display:flex;gap:8px}.story-viewer-action{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;transition:color .3s ease}.story-viewer-action:hover{color:#fff}.story-content{flex:1;position:relative;cursor:pointer;overflow:hidden;border-radius:12px;margin:60px 12px 80px}.story-content-image,.story-content-video{width:100%;height:100%;object-fit:cover}.story-text-overlay{position:absolute;bottom:40px;left:0;right:0;padding:20px;text-align:center;color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.story-sticker-overlay{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.story-reaction-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;padding:16px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:20}.story-reaction-btn{background:none;border:none;font-size:32px;cursor:pointer;transition:transform .3s ease}.story-reaction-btn:hover{transform:scale(1.3)}.story-bottom-actions{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:16px;padding:12px 20px;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.story-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.story-action-btn:hover{background:#fff3}.story-reply-input{position:absolute;bottom:80px;left:20px;right:20px;display:flex;gap:8px;padding:8px 12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:15}.story-reply-input input{flex:1;padding:8px 12px;border:none;background:none;color:#fff;font-size:14px;font-family:Orbitron,sans-serif}.story-reply-input input:focus{outline:none}.story-reply-input button{padding:8px 12px;border-radius:12px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;cursor:pointer}.story-viewers-list{position:absolute;bottom:0;left:0;right:0;max-height:50vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;padding:16px 20px;z-index:15}.story-viewers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.story-viewers-header h4{color:#fff;font-size:16px;margin:0}.story-viewers-header button{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:18px}.viewer-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.viewer-avatar{font-size:20px}.viewer-name{flex:1;color:#fff;font-size:13px}.viewer-time{color:#fff3;font-size:11px}.story-viewer-empty{color:#fff3;font-size:18px}@media (max-width: 768px){.story-creator{max-height:100vh;border-radius:0}.story-creator-body{flex-direction:column}.story-creator-tools{width:100%;max-height:40vh;border-left:none;border-top:1px solid rgba(255,255,255,.05)}.story-creator-preview{min-height:300px;max-height:50vh}.story-viewer-container{max-height:100vh;border-radius:0}.story-content{margin:50px 0 70px;border-radius:0}.story-reaction-picker{gap:8px;padding:12px 16px}.story-reaction-btn{font-size:24px}}.ai-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end;padding:20px}.ai-settings-modal{background:#141428f2;border:1px solid rgba(255,255,255,.05);border-radius:20px;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ai-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.ai-settings-title{display:flex;align-items:center;gap:10px}.ai-settings-icon{font-size:24px;color:#6c3ce1}.ai-settings-title h3{font-size:18px;color:#fff;margin:0}.ai-settings-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:20px;padding:4px}.ai-settings-close:hover{color:#fff}.ai-settings-body{flex:1;overflow-y:auto;padding:16px 20px}.settings-section{margin-bottom:20px}.settings-section h4{font-size:13px;color:#fff6;margin:0 0 8px;display:flex;align-items:center;gap:6px}.settings-field{margin-bottom:10px}.settings-field label{font-size:12px;color:#ffffff4d;display:block;margin-bottom:4px}.settings-field input,.settings-field select,.settings-field textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff;font-size:13px;font-family:Orbitron,sans-serif;transition:border-color .3s ease}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{outline:none;border-color:#6c3ce14d}.settings-field textarea{resize:vertical}.settings-field small{font-size:10px;color:#fff3;display:block;margin-top:4px}.api-key-input{display:flex;gap:8px}.api-key-input input{flex:1}.api-key-input button{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#ffffff4d;cursor:pointer;transition:all .3s ease}.api-key-input button:hover{background:#ffffff0f;color:#fff}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-item{padding:10px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.permission-item label{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:12px;cursor:pointer}.permission-item input[type=checkbox]{width:16px;height:16px;accent-color:#6C3CE1;cursor:pointer}.permission-item small{font-size:10px;color:#fff3;display:block;margin-top:4px}.danger-zone{border-top:1px solid rgba(233,64,87,.1);padding-top:16px}.danger-zone h4{color:#e94057}.danger-btn{padding:10px 20px;border-radius:10px;border:1px solid rgba(233,64,87,.2);background:#e940570d;color:#e94057;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease;width:100%}.danger-btn:hover{background:#e940571a}.ai-settings-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.05)}.settings-cancel-btn{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:transparent;color:#ffffff4d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .3s ease}.settings-cancel-btn:hover{background:#ffffff0d;color:#fff}.settings-save-btn{flex:2;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.settings-save-btn:hover:not(:disabled){transform:scale(1.02)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.no-messages.ai-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff3;text-align:center;padding:40px}.no-messages.ai-chat svg{font-size:48px;margin-bottom:16px;color:#6c3ce1}.no-messages.ai-chat h4{font-size:18px;color:#fff6;margin:0 0 8px}.no-messages.ai-chat p{font-size:13px;max-width:300px}@media (max-width: 480px){.ai-settings-modal{max-width:100%;border-radius:16px}.permissions-grid{grid-template-columns:1fr}.ai-settings-footer{flex-direction:column}.settings-save-btn,.settings-cancel-btn{padding:12px}}.profile-progress{display:flex;align-items:center;justify-content:center;margin:20px 0 30px;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.3;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step .progress-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#ffffff4d;font-size:13px;font-weight:700;transition:all .3s ease}.progress-step.active .progress-number{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff}.progress-step span{font-size:10px;color:#ffffff4d;font-weight:600;letter-spacing:1px}.progress-line{width:40px;height:2px;background:#ffffff0d;transition:all .3s ease}.progress-line.active{background:linear-gradient(135deg,#6c3ce1,#e94057)}.avatar-upload-row{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-upload small{font-size:9px;color:#fff3;text-align:center}.avatar-label{cursor:pointer;position:relative}.avatar-preview{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #6C3CE1;box-shadow:0 0 40px #6c3ce126}.avatar-preview[type=video]{width:90px;height:90px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:90px;height:90px;border-radius:50%;border:2px dashed rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff4d;font-size:10px;gap:6px;transition:all .3s ease}.avatar-placeholder:hover{border-color:#6c3ce1;color:#fff}.avatar-upload input[type=file]{display:none}.form-row{display:flex;gap:12px}.profile-summary{padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.summary-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:#fff9;font-size:13px;border-bottom:1px solid rgba(255,255,255,.03)}.summary-item:last-child{border-bottom:none}.summary-item span{color:#fffc}.profile-summary-avatar{display:flex;justify-content:center;margin-top:16px}.summary-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #6C3CE1}.summary-avatar-placeholder{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.1);color:#fff3}.auth-button-secondary{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:14px;border-radius:14px;color:#fff3;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease}.auth-button-secondary:hover{background:#ffffff0d;color:#fff}@media (max-width: 480px){.avatar-upload-row{flex-direction:column;align-items:center}.form-row{flex-direction:column;gap:0}.profile-progress{gap:0}.progress-line{width:20px}}.discover-people{padding:16px}.discover-people-header{margin-bottom:20px}.discover-people-header h2{font-size:22px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.discover-people-header p{color:#ffffff4d;font-size:13px;margin-top:4px}.discover-people-search{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:12px;padding:12px 16px;margin-bottom:20px}.discover-people-search .search-icon{color:#ffffff4d}.discover-people-search input{flex:1;background:none;border:none;color:#fff;font-size:14px;font-family:Orbitron,sans-serif}.discover-people-search input:focus{outline:none}.discover-people-search input::placeholder{color:#fff3}.discover-people-grid{display:flex;flex-direction:column;gap:12px}.discover-user-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.discover-user-card:hover{background:#ffffff0a;border-color:#6c3ce11a}.discover-user-avatar{font-size:36px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6c3ce114;flex-shrink:0}.discover-user-info{flex:1;min-width:0}.discover-user-info h4{color:#fff;font-size:15px;font-weight:600;margin:0}.discover-user-info span{color:#ffffff4d;font-size:12px}.discover-user-info p{color:#ffffff80;font-size:12px;margin:4px 0 0}.discover-user-stats{display:flex;gap:12px;margin-top:4px}.discover-user-stats span{font-size:11px;color:#fff3}.discover-follow-btn{padding:6px 16px;border-radius:16px;border:1px solid rgba(108,60,225,.2);background:#6c3ce114;color:#fff;cursor:pointer;font-size:11px;font-family:Orbitron,sans-serif;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .3s ease}.discover-follow-btn:hover{background:#6c3ce129;transform:scale(1.02)}.discover-follow-btn.following{background:#45bd621f;border-color:#45bd6233;color:#45bd62}.no-results{text-align:center;padding:60px 20px;color:#fff3}.no-results svg{font-size:48px;margin-bottom:16px}.no-results h4{color:#fff6;font-size:18px;margin:0}.no-results p{color:#fff3;font-size:13px;margin-top:4px}.people-stories-row{display:flex;gap:14px;overflow-x:auto;padding:12px 0 16px;scrollbar-width:none;-ms-overflow-style:none}.people-stories-row::-webkit-scrollbar{display:none}.people-story-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:64px}.people-story-avatar{width:52px;height:52px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#6c3ce1,#e94057,#f27121);cursor:pointer;position:relative;transition:transform .15s}.people-story-avatar:hover{transform:scale(1.05)}.people-story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0d0f12}.people-story-avatar.following{background:linear-gradient(135deg,#2ecc71,#27ae60)}.people-story-check{position:absolute;bottom:-2px;right:-2px;background:#2ecc71;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;border:2px solid #0d0f12}.people-story-name{font-size:10px;color:#fff9;text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-list-divider{display:flex;align-items:center;gap:10px;padding:4px 0;margin-top:4px}.people-list-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.people-list-divider span{font-size:11px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.05em}.people-list{display:flex;flex-direction:column;gap:2px}.people-list-item{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:10px;transition:background .15s;cursor:pointer}.people-list-item:hover{background:#ffffff08}.people-list-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.people-list-avatar img{width:100%;height:100%;object-fit:cover}.people-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.people-list-info strong{font-size:13px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-list-info span{font-size:10px;color:#ffffff4d}.people-list-follow{font-size:10px;padding:4px 14px;border-radius:20px;border:1px solid rgba(108,60,225,.4);background:transparent;color:#6c3ce1;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .15s}.people-list-follow:hover{background:#6c3ce11a}.people-list-follow.following{border-color:#2ecc7166;color:#2ecc71}.people-list-follow.following:hover{background:#2ecc711a}@media (max-width: 480px){.discover-user-card{flex-wrap:wrap;padding:12px}.discover-user-avatar{font-size:28px;width:40px;height:40px}.discover-follow-btn{font-size:10px;padding:4px 12px}}.notes-strip{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0f0f0f;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.notes-strip::-webkit-scrollbar{display:none}.note-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;min-width:74px}.note-item-add .note-avatar,.note-avatar-add{border:2px solid transparent;background:linear-gradient(135deg,#fdc468,#d83a5f) padding-box,#ffffff14 border-box}.note-avatar{position:relative;width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 45%),#ffffff08}.note-avatar-active{border-color:#ffffff59;box-shadow:0 0 0 2px #6c3ce126}.note-avatar-inner{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#121212;color:#fff;font-size:24px}.note-avatar-emoji{font-size:26px}.note-add-icon{position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;border:2px solid #0f0f0f;font-size:12px;box-shadow:0 4px 14px #00000040}.note-status{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:100%;min-height:20px;padding:2px 6px;border-radius:999px;background:#fffffff2;color:#111;font-size:10px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 20px #0000002e}.note-status-inline{bottom:6px;left:50%;transform:translate(-50%);width:auto;min-width:48px;padding:4px 10px;font-size:11px;background:#000000a6;color:#fff}.note-username{font-size:11px;color:#ffffffa6;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.notes-loading{color:#ffffff73;font-size:13px;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.note-create-overlay,.note-reply-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.note-create-modal,.note-reply-modal-content{width:min(540px,calc(100% - 40px));background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 32px 80px #00000059}.note-create-header,.note-reply-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.note-create-header h3,.note-reply-modal-header span{color:#fff;font-size:18px;font-weight:700;margin:0}.note-type-selector{display:flex;gap:10px;padding:18px 20px 0}.note-type-btn,.audience-btn{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#ffffffb8;background:#ffffff08;cursor:pointer;transition:all .2s ease}.note-type-btn.active,.audience-btn.active{border-color:#6c3ce17a;background:#6c3ce12e;color:#fff}.note-create-body{padding:18px 20px 24px}.note-textarea{width:100%;min-height:90px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;padding:14px 16px;font-size:14px;resize:vertical;outline:none}.note-textarea::placeholder{color:#ffffff59}.note-audience-selector{display:flex;gap:10px;margin:18px 0 12px}.post-note-btn{width:100%;padding:14px 0;border:none;border-radius:18px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.post-note-btn:disabled{opacity:.45;cursor:not-allowed}.voice-recording-area,.meme-picker-area{margin-top:14px}.meme-search{display:flex;gap:10px;margin-bottom:14px}.meme-search input,.note-reply-input{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;background:#ffffff0a;color:#fff;outline:none}.meme-search button{padding:0 16px;border-radius:16px;border:none;background:#6c3ce138;color:#fff;cursor:pointer}.meme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meme-item{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .2s ease}.meme-item.selected{transform:translateY(-2px);border-color:#6c3ce173}.meme-item img{width:100%;height:100%;object-fit:cover}.meme-check{position:absolute;top:8px;right:8px;background:#000000bf;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:#fff}.note-reply-modal-content{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.note-reply-modal-body{padding:16px 20px 20px}.note-reply-send{margin-top:12px;width:100%;padding:12px;border:none;border-radius:18px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;cursor:pointer}.note-reply-input{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;padding:12px 14px}.note-reply-input::placeholder{color:#ffffff73}@media (max-width: 540px){.note-avatar{width:62px;height:62px}.note-avatar-inner{width:52px;height:52px}.note-username,.note-status{font-size:10px}.note-type-selector,.note-audience-selector{flex-direction:column}}.highlights-container{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);background:#0f0f0f}.highlights-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px 14px}.highlights-header h3{color:#ffffffb8;font-size:15px;font-weight:700;margin:0;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.add-highlight-btn{padding:8px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fffc;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.add-highlight-btn:hover{background:#ffffff14}.highlights-scroll{display:flex;gap:16px;overflow-x:auto;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.highlights-scroll::-webkit-scrollbar{display:none}.highlight-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;min-width:76px;transition:transform .2s ease}.highlight-item:hover{transform:translateY(-3px)}.highlight-circle{width:78px;height:78px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#fdc468,#d83a5f,#6c3ce1);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 48px #00000038}.highlight-ring{width:100%;height:100%;border-radius:50%;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:4px}.highlight-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#121212;display:flex;align-items:center;justify-content:center}.highlight-cover,.highlight-cover-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.highlight-cover-placeholder{background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-size:24px}.highlight-play{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.highlight-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;font-size:11px;color:#ffffffbf;text-align:center;max-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-highlights-message{color:#ffffff73;font-size:13px;padding:16px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.highlight-modal-overlay,.highlight-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#000000e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:24px}.highlight-modal,.highlight-viewer-content{background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:28px;width:min(760px,100%);max-height:min(90vh,760px);overflow:hidden;display:flex;flex-direction:column}.highlight-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.highlight-modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:700}.highlight-modal-body{padding:18px 22px 24px;color:#ffffffbf}.highlight-modal-body .form-group{margin-bottom:18px}.highlight-modal-body label{display:block;margin-bottom:8px;font-size:12px;color:#ffffffa6}.highlight-modal-body input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;background:#ffffff08;color:#fff;outline:none}.story-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px}.story-select-item{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px;background:#ffffff08;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.story-select-item.selected{border-color:#6c3ce199;box-shadow:0 8px 24px #6c3ce129}.story-select-item img{width:100%;height:84px;object-fit:cover;border-radius:14px}.story-select-placeholder{width:100%;height:84px;background:#ffffff14;border-radius:14px;display:grid;place-items:center;color:#ffffff73}.create-highlight-btn{width:100%;margin-top:8px;padding:14px 0;border:none;border-radius:18px;background:linear-gradient(135deg,#6c3ce1,#e94057);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.highlight-viewer{align-items:flex-start}.highlight-viewer-close{position:absolute;top:24px;right:24px;border:none;background:#ffffff14;color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.highlight-progress{display:flex;gap:6px;padding:18px 22px 0}.highlight-progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden}.highlight-progress-bar-fill{height:100%;background:linear-gradient(135deg,#6c3ce1,#e94057);transition:width .2s ease}.highlight-viewer-content{flex:1;padding:22px;overflow:auto}.highlight-story-view{display:flex;flex-direction:column;gap:16px;align-items:center}.highlight-story-image{width:100%;max-height:520px;object-fit:contain;border-radius:24px;background:#09090b}.highlight-story-text{width:100%;min-height:260px;display:grid;place-items:center;background:#ffffff0a;border-radius:24px;color:#ffffffbf;font-size:18px;padding:24px;text-align:center}.highlight-story-info{display:flex;gap:14px;color:#fff9;font-size:12px}.highlight-viewer-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 22px;border-top:1px solid rgba(255,255,255,.08)}.highlight-viewer-nav button{border:none;background:#ffffff14;color:#fff;padding:10px 14px;border-radius:14px;cursor:pointer}.highlight-viewer-nav span{color:#ffffffbf;font-size:13px}@media (max-width: 640px){.highlights-scroll{padding:0 12px}.highlight-circle{width:64px;height:64px}.highlight-label{font-size:10px;max-width:68px}.highlight-modal,.highlight-viewer-content{width:100%}.highlight-story-image{max-height:360px}}.follow-list-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.follow-list-modal{background:#141428f5;border:1px solid rgba(255,255,255,.05);border-radius:20px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000080}.follow-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.follow-list-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.follow-list-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:20px;padding:4px}.follow-list-close:hover{color:#fff}.follow-list-count{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.03);color:#ffffff4d;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.follow-list-count span{color:#ffffff80}.follow-list-search{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:0 16px 12px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.follow-list-search .search-icon{color:#fff3}.follow-list-search input{flex:1;background:none;border:none;color:#fff;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;outline:none}.follow-list-search input::placeholder{color:#fff3}.follow-list-items{flex:1;overflow-y:auto;padding:0 16px 12px}.follow-list-items::-webkit-scrollbar{width:3px}.follow-list-items::-webkit-scrollbar-thumb{background:#6c3ce14d;border-radius:2px}.follow-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff05;margin-bottom:4px;transition:background .2s ease}.follow-list-item:hover{background:#ffffff0a}.follow-item-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#6c3ce114;flex-shrink:0}.follow-item-info{flex:1;min-width:0}.follow-item-name{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.follow-badge{font-size:9px;padding:1px 8px;border-radius:8px;font-weight:400}.follow-badge.mutual{background:#45bd621f;color:#45bd62}.follow-badge.follows-you{background:#6c3ce11f;color:#6c3ce1}.follow-item-username{font-size:12px;color:#ffffff4d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.follow-item-bio{font-size:12px;color:#fff6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.follow-item-btn{padding:6px 14px;border-radius:16px;border:none;background:#6c3ce11f;color:#6c3ce1;cursor:pointer;font-size:11px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:all .2s ease}.follow-item-btn:hover{background:#6c3ce133;transform:scale(1.02)}.follow-item-btn.following{background:#45bd621f;color:#45bd62}.follow-item-btn.following:hover{background:#45bd6233}.follow-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff3}.follow-list-loading .loader{width:30px;height:30px}.follow-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff3;text-align:center}.follow-list-empty svg{margin-bottom:12px;opacity:.3}.follow-list-empty h4{color:#fff6;font-size:16px;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.follow-list-empty p{font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;margin:0}.follow-list-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.03);text-align:center;color:#fff3;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif}.profile-stat.clickable{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px}.profile-stat.clickable:hover{background:#ffffff0a;transform:scale(1.05)}.profile-stat.clickable:active{transform:scale(.95)}@media (max-width: 480px){.follow-list-modal{max-width:100%;max-height:100vh;border-radius:16px}.follow-list-item{padding:8px 10px}.follow-item-avatar{width:36px;height:36px;font-size:16px}.follow-item-name{font-size:13px}.follow-item-btn{font-size:10px;padding:4px 10px}.follow-list-search{margin:0 12px 10px;padding:8px 12px}}.shapes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.shape-btn{background:#5b7cfa1a;border:2px solid #5b7cfa;color:#5b7cfa;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px}.shape-btn:hover,.shape-btn.active{background:#5b7cfa40;box-shadow:0 0 12px #5b7cfa66;transform:translateY(-2px)}.drawing-tools{border:2px solid #5b7cfa;border-radius:8px;padding:12px;margin-top:8px}.drawing-tools .ctrl-group{margin-top:8px}.drawing-mode-toggle{width:100%;padding:10px;background:#5b7cfa33;border:2px solid #5b7cfa;color:#e8edf2;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.drawing-mode-toggle.active{background:linear-gradient(135deg,#5b7cfa,#e94057);box-shadow:0 0 20px #5b7cfa99}.canvas-drawing{cursor:crosshair;border:3px dashed rgba(233,64,87,.5);border-radius:8px}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.filter-btn{background:#a0abb81a;border:1px solid #a0abb8;color:#a0abb8;padding:8px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{background:#5b7cfa33;border-color:#5b7cfa;color:#5b7cfa}.effect-label{font-size:.8rem;color:#a0abb8;margin-top:6px}.effect-slider{width:100%;margin-top:4px}.gradient-input{width:100%;height:40px;border:2px solid #5b7cfa;border-radius:6px;cursor:pointer;background:linear-gradient(90deg,#5b7cfa,#e94057)}.alignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.alignment-btn{background:#a0abb81a;border:1px solid #a0abb8;color:#a0abb8;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.alignment-btn:hover{background:#5b7cfa33;border-color:#5b7cfa;color:#5b7cfa}.sticker-categories{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:4px}.category-btn{background:#5b7cfa1a;border:1px solid #5b7cfa;color:#5b7cfa;padding:6px 12px;border-radius:20px;white-space:nowrap;cursor:pointer;font-size:.8rem;transition:all .2s ease}.category-btn:hover,.category-btn.active{background:#5b7cfa4d;box-shadow:0 0 10px #5b7cfa4d}.video-overlays-panel{border:2px solid #3a4452;border-radius:8px;padding:12px;margin-top:12px}.overlay-list{max-height:150px;overflow-y:auto;margin-top:8px}.overlay-item{background:#3a445280;border:1px solid #3a4452;padding:8px;border-radius:6px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.overlay-item button{padding:4px 8px;font-size:.7rem}.video-filter-select{width:100%;padding:8px;background:#0b0d10;border:1px solid #3a4452;color:#e8edf2;border-radius:6px;margin-top:8px}.filter-preview{margin-top:8px;padding:8px;background:#5b7cfa1a;border:1px dashed #5b7cfa;border-radius:6px;font-size:.8rem;text-align:center;color:#a0abb8}.poll-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0b0d10f2;border:2px solid #5b7cfa;border-radius:12px;padding:16px;width:90%;max-width:400px;z-index:100;box-shadow:0 10px 40px #5b7cfa4d;animation:slideUp .4s ease}.poll-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#e8edf2}.poll-options{display:flex;flex-direction:column;gap:8px}.poll-option{background:#3a445299;border:1px solid #3a4452;padding:10px;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.poll-option:hover{background:#5b7cfa33;border-color:#5b7cfa}.poll-option.voted{background:#5b7cfa66;border-color:#5b7cfa}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#5b7cfa,#e94057);opacity:.4;z-index:-1;transition:width .3s ease}.poll-text{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.poll-count{font-size:.8rem;color:#a0abb8}.ticker-overlay{position:absolute;bottom:60px;left:0;right:0;height:45px;background:linear-gradient(90deg,#e94057e6,#5b7cfae6);color:#fff;display:flex;align-items:center;overflow:hidden;z-index:90;border-top:2px solid #e94057;border-bottom:2px solid #e94057}.ticker-text{font-size:1.1rem;font-weight:600;white-space:nowrap;animation:tickerScroll 15s linear infinite;padding:0 100%}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker-controls{position:absolute;bottom:20px;left:20px;background:#0b0d10f2;border:1px solid #5b7cfa;border-radius:8px;padding:12px;display:flex;gap:8px;z-index:95;align-items:center}.ticker-controls input{background:#0b0d10;border:1px solid #3a4452;color:#e8edf2;padding:6px;border-radius:4px;font-size:.8rem}.alert-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e94057f2,#5b7cfaf2);border:2px solid #e94057;border-radius:12px;padding:20px 30px;color:#fff;font-size:1.3rem;font-weight:600;z-index:1000;box-shadow:0 10px 40px #e9405766;animation:alertBounce .5s ease;max-width:90%;text-align:center;pointer-events:none}@keyframes alertBounce{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}50%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.alert-fade-out{animation:alertFadeOut .5s ease forwards}@keyframes alertFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}}.poll-form{background:#3a44524d;border:1px solid #3a4452;border-radius:8px;padding:12px;margin-top:8px}.poll-form .ctrl-group{margin-bottom:8px}.poll-options-input{display:flex;flex-direction:column;gap:6px}.poll-options-input input{background:#0b0d10;border:1px solid #3a4452;color:#e8edf2;padding:8px;border-radius:6px;font-size:.85rem}.ticker-form{background:#3a44524d;border:1px solid #3a4452;border-radius:8px;padding:12px;margin-top:8px}.ticker-form input{width:100%;background:#0b0d10;border:1px solid #3a4452;color:#e8edf2;padding:8px;border-radius:6px;margin-top:6px;font-size:.85rem}.alert-form{background:#3a44524d;border:1px solid #3a4452;border-radius:8px;padding:12px;margin-top:8px}.alert-form input{width:100%;background:#0b0d10;border:1px solid #3a4452;color:#e8edf2;padding:8px;border-radius:6px;margin-top:6px;font-size:.85rem}.layer-properties{background:#3a44524d;border:1px solid #3a4452;border-radius:8px;padding:12px;margin-top:12px}.layer-properties .ctrl-group{margin-bottom:10px}@media (max-width: 900px){.shapes-grid{grid-template-columns:repeat(2,1fr)}.alignment-grid{grid-template-columns:repeat(3,1fr);gap:4px}.poll-overlay{width:95%;padding:12px}.ticker-overlay{height:40px;font-size:1rem}.alert-overlay{padding:16px 20px;font-size:1.1rem}}@media (max-width: 600px){.shapes-grid{grid-template-columns:repeat(2,1fr);gap:6px}.shape-btn{padding:8px;font-size:.7rem}.filters-grid{grid-template-columns:1fr}.alignment-grid{grid-template-columns:repeat(3,1fr);gap:3px}.alignment-btn{padding:6px;font-size:.7rem}.poll-overlay{width:95%;padding:12px;bottom:10px}.poll-title{font-size:.95rem}.poll-text{font-size:.85rem}.poll-count{font-size:.7rem}.ticker-overlay{height:36px;font-size:.9rem}.ticker-controls{bottom:10px;left:10px;padding:8px;gap:4px}.ticker-controls input{padding:4px;font-size:.7rem;max-width:80px}.alert-overlay{padding:12px 16px;font-size:.95rem;top:10px;border-radius:8px}.sticker-categories{gap:4px}.category-btn{padding:4px 10px;font-size:.7rem}.drawing-tools{padding:10px}.drawing-mode-toggle{padding:8px;font-size:.85rem}}@media (max-width: 400px){.shapes-grid{grid-template-columns:repeat(2,1fr);gap:4px}.shape-btn{padding:6px;font-size:.65rem}.alignment-grid{grid-template-columns:repeat(2,1fr);gap:2px}.alignment-btn{padding:4px;font-size:.6rem}.poll-overlay{width:98%;padding:10px;bottom:8px}.ticker-overlay{height:32px;font-size:.8rem}.alert-overlay{padding:10px 12px;font-size:.85rem;border-radius:6px}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.viewer-container{min-height:100vh;background:var(--live-bg);color:var(--live-text);font-family:var(--live-font);position:relative}.viewer-loading,.viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.viewer-error h2{color:var(--live-text);margin:0}.viewer-error p{color:var(--live-text-muted);margin:0}.viewer-layout{display:flex;height:100vh;overflow:hidden}.viewer-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.viewer-chat-sidebar{width:340px;display:flex;flex-direction:column;background:var(--live-bg-alt);border-left:1px solid var(--live-border);flex-shrink:0}.viewer-video-container{position:relative;background:#000;aspect-ratio:16 / 9;max-height:70vh;display:flex;align-items:center;justify-content:center;cursor:pointer}.viewer-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--live-text);width:100%;height:100%;background:radial-gradient(circle at center,#1a1a2e,#000)}.viewer-video-text{font-size:22px;font-weight:700}.viewer-video-sub{font-size:14px;color:var(--live-text-muted)}.viewer-video-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:10;opacity:0;transition:opacity .2s}.viewer-video-container:hover .viewer-video-controls{opacity:1}.vid-ctrl{width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.vid-ctrl:hover{background:#000c}.viewer-stream-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:16px;z-index:5}.viewer-stream-indicator{display:flex;align-items:center;gap:10px;margin-bottom:10px}.viewer-stream-indicator .live-dot{width:8px;height:8px}.viewer-stream-indicator .live-text{font-size:11px}.viewer-stream-indicator .live-stat{font-size:11px;display:flex;align-items:center;gap:4px;color:var(--live-text-muted)}.viewer-streamer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-streamer-info{display:flex;align-items:center;gap:10px}.viewer-streamer-avatar{font-size:36px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--live-bg-card);border:2px solid var(--live-primary);flex-shrink:0}.viewer-streamer-details{min-width:0}.viewer-streamer-name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.verified-badge{color:var(--live-primary);font-size:14px}.viewer-streamer-meta{font-size:12px;color:var(--live-text-muted)}.viewer-streamer-actions{display:flex;gap:8px;flex-shrink:0}.viewer-streamer-actions .btn{padding:8px 16px;font-size:13px}.viewer-chat-bar{display:flex;gap:6px;padding:10px 16px;background:var(--live-bg-alt);border-bottom:1px solid var(--live-border)}.viewer-chat-bar input{flex:1;padding:8px 14px;border-radius:20px;border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-text);font-size:14px;font-family:var(--live-font)}.viewer-chat-bar input:focus{outline:none;border-color:var(--live-primary)}.viewer-chat-bar button{width:36px;height:36px;border-radius:50%;border:none;background:var(--live-bg-hover);color:var(--live-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.viewer-chat-bar button:hover{background:var(--live-border)}.viewer-chat-bar button:last-child{background:var(--live-primary);color:#fff}.viewer-chat-bar button:last-child:hover{background:var(--live-primary-dark)}.viewer-chat-bar button:disabled{opacity:.4;cursor:not-allowed}.viewer-tags{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap}.viewer-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--live-bg-hover);color:var(--live-primary)}.viewer-description{padding:8px 16px 16px}.viewer-description p{margin:0;font-size:13px;color:var(--live-text-muted);line-height:1.5}.vchat-sidebar-header{padding:12px 14px;border-bottom:1px solid var(--live-border);flex-shrink:0}.vchat-sidebar-header h4{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.vchat-sidebar-stats{display:flex;gap:12px;font-size:11px;color:var(--live-text-dim);margin-top:4px}.vchat-sidebar-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.vchat-sidebar-messages::-webkit-scrollbar{width:4px}.vchat-sidebar-messages::-webkit-scrollbar-thumb{background:var(--live-border-light);border-radius:2px}.vchat-empty{text-align:center;color:var(--live-text-dim);padding:40px 0;font-size:13px}.viewer-chat-msg{display:flex;gap:8px;padding:4px 0;transition:background .15s}.viewer-chat-msg:hover{background:var(--live-bg-hover);border-radius:4px}.viewer-chat-msg.deleted{opacity:.3;text-decoration:line-through}.vchat-avatar{font-size:20px;flex-shrink:0;width:24px;text-align:center}.vchat-body{flex:1;min-width:0}.vchat-user-row{display:flex;align-items:center;gap:4px;margin-bottom:1px}.vchat-user{font-size:12px;font-weight:700;color:var(--live-primary)}.vchat-badge{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.vchat-badge.mod{background:var(--live-success);color:#000}.vchat-badge.sub{background:var(--live-gold);color:#000}.vchat-badge.vip{background:var(--live-primary);color:#fff}.vchat-text{font-size:13px;color:var(--live-text);word-break:break-word;line-height:1.4}.vchat-sidebar-gifts{padding:8px 12px;border-top:1px solid var(--live-border);flex-shrink:0}.vchat-gift-btn{width:100%;padding:10px;border-radius:var(--live-radius);border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s}.vchat-gift-btn:hover{background:var(--live-bg-hover);border-color:var(--live-gold)}.viewer-gift-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:100}.viewer-gift-panel{width:100%;max-width:500px;background:var(--live-bg-card);border-radius:var(--live-radius-xl) var(--live-radius-xl) 0 0;overflow:hidden;box-shadow:0 -4px 30px #00000080}.viewer-gift-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--live-border)}.viewer-gift-header h4{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.viewer-gift-header button{background:none;border:none;color:var(--live-text-muted);cursor:pointer;font-size:18px}.viewer-gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px}.viewer-gift-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:var(--live-radius);border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-text);cursor:pointer;transition:all .2s}.viewer-gift-btn:hover{background:var(--live-bg-hover);border-color:var(--live-border-light);transform:translateY(-2px)}.vgift-icon{font-size:32px;line-height:1}.vgift-name{font-size:11px;color:var(--live-text-muted)}.vgift-value{font-size:10px;color:var(--live-gold)}.viewer-gift-fly{position:fixed;top:30%;left:40%;z-index:200;text-align:center;pointer-events:none}.viewer-gift-fly-icon{font-size:72px}.viewer-gift-fly-text{font-size:18px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.viewer-alert-follow{position:fixed;top:20px;left:20px;background:var(--live-bg-card);border:1px solid var(--live-primary);border-radius:var(--live-radius);padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;z-index:200;box-shadow:var(--live-shadow);animation:slideInLeft .3s ease-out}.viewer-share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.viewer-share-panel{background:var(--live-bg-card);border-radius:var(--live-radius-lg);padding:24px;width:90%;max-width:400px}.viewer-share-panel h4{margin:0 0 12px;font-size:16px}.viewer-share-link{display:flex;gap:8px}.viewer-share-link input{flex:1;padding:8px 12px;border-radius:var(--live-radius);border:1px solid var(--live-border);background:var(--live-bg);color:var(--live-text);font-size:13px}.viewer-share-link button{padding:8px 16px;border-radius:var(--live-radius);border:none;background:var(--live-primary);color:#fff;cursor:pointer;font-weight:600}.viewer-close-btn{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .2s}.viewer-close-btn:hover{background:#000c;transform:scale(1.1)}.live-browse-container{max-width:1400px;margin:0 auto;padding:24px 32px;color:var(--live-text);font-family:var(--live-font)}.live-browse-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.live-browse-title h1{font-size:32px;margin:0;display:flex;align-items:center;gap:10px}.browse-fire{color:var(--live-primary)}.live-browse-title p{color:var(--live-text-muted);margin:4px 0 0;font-size:14px}.live-browse-search{display:flex;align-items:center;gap:0;background:var(--live-bg-alt);border:1px solid var(--live-border);border-radius:var(--live-radius);overflow:hidden;min-width:280px}.live-browse-search .search-icon{padding:0 12px;color:var(--live-text-dim);font-size:14px}.live-browse-search input{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--live-text);font-size:14px;font-family:var(--live-font);min-width:0}.live-browse-search input:focus{outline:none}.live-browse-search button{padding:10px 18px;border:none;background:var(--live-primary);color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.live-browse-search button:hover{background:var(--live-primary-dark)}.live-categories{display:flex;align-items:center;gap:8px;margin-bottom:24px;position:relative}.live-categories-scroll{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;flex:1;padding:4px 0}.live-categories-scroll::-webkit-scrollbar{display:none}.category-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid var(--live-border);background:var(--live-bg-alt);color:var(--live-text-muted);cursor:pointer;white-space:nowrap;font-size:13px;transition:all .2s;flex-shrink:0}.category-chip:hover{background:var(--live-bg-hover);border-color:var(--live-border-light);color:var(--live-text)}.category-chip.active{background:var(--live-primary);border-color:var(--live-primary);color:#fff}.cat-icon{font-size:14px;display:flex}.cat-name{font-weight:500}.cat-scroll-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--live-border);background:var(--live-bg-alt);color:var(--live-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.cat-scroll-btn:hover{background:var(--live-bg-hover);color:var(--live-text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:20px;margin:0;display:flex;align-items:center;gap:8px}.featured-icon{color:var(--live-gold)}.stream-count{font-size:13px;color:var(--live-text-dim)}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.featured-grid .stream-card:first-child{grid-column:1 / -1}.streams-grid,.live-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.stream-card{background:var(--live-bg-card);border-radius:var(--live-radius-lg);overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid transparent}.stream-card:hover{border-color:var(--live-border-light);box-shadow:0 8px 30px #0000004d}.stream-card.featured{border-color:#ffd70033}.stream-card-thumb{position:relative;aspect-ratio:16 / 9;background:var(--live-bg);overflow:hidden}.stream-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#2a1a3e)}.thumb-live-icon{font-size:32px;color:var(--live-danger);opacity:.5}.stream-card-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 10px;background:linear-gradient(transparent,#000000b3)}.stream-card-viewers{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;background:#0009;padding:2px 8px;border-radius:4px}.stream-card-category{font-size:11px;font-weight:600;color:#fff;background:#0009;padding:2px 8px;border-radius:4px}.stream-card-info{display:flex;gap:10px;padding:10px 12px 12px}.stream-card-avatar{font-size:28px;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--live-bg)}.stream-card-details{flex:1;min-width:0}.stream-card-title{font-size:14px;font-weight:600;color:var(--live-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.stream-card-streamer{font-size:12px;color:var(--live-text-muted);margin-bottom:4px}.stream-card-tags{display:flex;gap:4px;flex-wrap:wrap}.stream-tag{font-size:10px;color:var(--live-primary);background:#9147ff1a;padding:1px 6px;border-radius:3px}.live-empty{text-align:center;padding:60px 20px;color:var(--live-text-dim)}.live-empty h3{margin:12px 0 4px;color:var(--live-text-muted);font-size:18px}.live-empty p{margin:0;font-size:14px}.live-upcoming-section{margin-top:32px}.upcoming-list{display:flex;flex-direction:column;gap:8px}.upcoming-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--live-bg-card);border-radius:var(--live-radius);cursor:pointer;transition:all .2s}.upcoming-card:hover{background:var(--live-bg-hover)}.upcoming-info{flex:1}.upcoming-title{font-size:15px;font-weight:600;margin-bottom:4px}.upcoming-meta{display:flex;gap:12px;font-size:12px;color:var(--live-text-muted)}.upcoming-arrow{color:var(--live-text-dim)}.live-dashboard-container{min-height:100vh;background:var(--live-bg);color:var(--live-text);font-family:var(--live-font)}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--live-primary)}.live-dashboard{max-width:1200px;margin:0 auto;padding:24px 32px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.dash-header-left h1{font-size:28px;margin:0;display:flex;align-items:center;gap:10px}.dash-header-left p{color:var(--live-text-muted);margin:4px 0 0;font-size:14px}.dash-header-right{display:flex;gap:8px;align-items:center}.dash-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--live-bg-alt);border-radius:var(--live-radius);padding:4px}.dash-tab{padding:8px 20px;border:none;background:transparent;color:var(--live-text-muted);cursor:pointer;font-size:14px;font-weight:500;border-radius:6px;display:flex;align-items:center;gap:6px;transition:all .2s;font-family:var(--live-font)}.dash-tab:hover{color:var(--live-text);background:var(--live-bg-hover)}.dash-tab.active{background:var(--live-primary);color:#fff}.dash-content{min-height:300px}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.dash-stat-card{display:flex;gap:14px;padding:18px 20px;background:var(--live-bg-card);border-radius:var(--live-radius-lg);transition:all .2s;border:1px solid var(--live-border)}.dash-stat-card:hover{border-color:var(--live-border-light)}.dash-stat-icon{font-size:24px;color:var(--live-primary);display:flex;align-items:center;flex-shrink:0}.dash-stat-body{flex:1;min-width:0}.dash-stat-value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.dash-stat-label{font-size:12px;color:var(--live-text-muted)}.dash-stat-sub{font-size:11px;color:var(--live-text-dim);margin-top:2px}.dash-stat-trend{font-size:11px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:2px}.dash-stat-trend.up{color:var(--live-success)}.dash-stat-trend.down{color:var(--live-danger)}.dash-recent-section h3{margin:0 0 12px;font-size:16px}.dash-streams-list{display:flex;flex-direction:column;gap:6px}.dash-stream-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--live-bg-card);border-radius:var(--live-radius);transition:background .15s}.dash-stream-row:hover{background:var(--live-bg-hover)}.dash-stream-status{flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;display:block}.status-dot.live{background:var(--live-danger)}.status-dot.ended{background:var(--live-text-dim)}.status-dot.idle{background:var(--live-text-dim);opacity:.5}.dash-stream-info{flex:1;min-width:0}.dash-stream-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-stream-meta{display:flex;gap:12px;font-size:11px;color:var(--live-text-muted);margin-top:2px}.dash-stream-meta span{display:flex;align-items:center;gap:4px}.dash-stream-actions{flex-shrink:0}.dash-schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-schedule-header h3{margin:0;font-size:16px}.dash-empty{text-align:center;padding:60px 20px;color:var(--live-text-dim)}.dash-empty p{margin-top:8px}.dash-schedule-list{display:flex;flex-direction:column;gap:8px}.dash-schedule-card{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--live-bg-card);border-radius:var(--live-radius)}.schedule-card-time{text-align:center;min-width:60px;flex-shrink:0}.schedule-date{font-size:13px;font-weight:600}.schedule-time{font-size:11px;color:var(--live-text-muted)}.schedule-card-info{flex:1;min-width:0}.schedule-card-title{font-size:15px;font-weight:600}.schedule-card-meta{display:flex;gap:10px;font-size:12px;color:var(--live-text-muted);margin-top:2px}.schedule-card-badge{font-size:11px;color:var(--live-text-dim);flex-shrink:0}.dash-quick-actions{margin-top:32px}.dash-quick-actions h3{font-size:16px;margin:0 0 12px}.dash-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border-radius:var(--live-radius-lg);border:1px solid var(--live-border);background:var(--live-bg-card);color:var(--live-text);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;font-family:var(--live-font)}.dash-action-btn:hover{background:var(--live-bg-hover);border-color:var(--live-border-light)}.dash-action-btn.go-live{background:linear-gradient(135deg,#e9191626,#ff44441a);border-color:#e919164d;color:var(--live-danger)}.dash-action-btn.go-live:hover{background:linear-gradient(135deg,#e9191640,#ff444426)}.dash-action-btn.schedule{background:#9147ff1a;border-color:#9147ff33;color:var(--live-primary)}.dash-action-btn.schedule:hover{background:#9147ff33}.dash-action-btn svg{font-size:28px}.dash-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.dash-modal{background:var(--live-bg-card);border-radius:var(--live-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #00000080}.dash-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--live-border)}.dash-modal-header h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.dash-modal-header button{background:none;border:none;color:var(--live-text-muted);cursor:pointer;font-size:18px}.dash-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.dash-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--live-border)}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--live-text)}.checkbox-group input{width:16px;height:16px}@media (max-width: 1024px){.viewer-layout{flex-direction:column;height:auto}.viewer-chat-sidebar{width:100%;height:400px;border-left:none;border-top:1px solid var(--live-border)}.viewer-video-container{max-height:50vh}.featured-grid{grid-template-columns:1fr}.live-browse-container{padding:16px}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-actions-grid{grid-template-columns:1fr}.live-dashboard{padding:16px}}@media (max-width: 768px){.dash-stats-grid,.streams-grid{grid-template-columns:1fr}.live-categories-scroll{gap:4px}.category-chip{padding:6px 12px;font-size:12px}.viewer-gift-grid{grid-template-columns:repeat(3,1fr)}}