@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=VT323&display=swap";:root{--bg-color: #0c0f13;--bg-gradient: radial-gradient(circle at top, #1c2331 0%, #0c0f13 100%);--panel-bg: rgba(18, 24, 35, .65);--panel-border: rgba(255, 255, 255, .07);--panel-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--color-green: #10b981;--color-green-glow: rgba(16, 185, 129, .35);--color-orange: #f97316;--color-orange-glow: rgba(249, 115, 22, .5);--color-red: #ef4444;--color-red-glow: rgba(239, 68, 68, .35);--color-ash: #4b5563;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;display:flex;justify-content:center}.scrollable-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.scrollable-area::-webkit-scrollbar{width:6px}.scrollable-area::-webkit-scrollbar-track{background:transparent}.scrollable-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.retro-glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow)}.pixel-btn{font-family:inherit;font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#ffffff0d}.pixel-btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.pixel-btn:active:not(:disabled){transform:translateY(1px)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f64d;box-shadow:0 4px 12px #1d4ed84d}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#3b82f6)}.success-btn{background:linear-gradient(135deg,var(--color-green) 0%,#047857 100%);border-color:#10b9814d;box-shadow:0 4px 12px #0478574d}.success-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,var(--color-green) 100%)}.danger-btn{background:linear-gradient(135deg,var(--color-red) 0%,#b91c1c 100%);border-color:#ef44444d;box-shadow:0 4px 12px #b91c1c4d}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,var(--color-red) 100%)}.secondary-btn{background:#ffffff0d}.link-btn{background:transparent;border:none;color:#3b82f6;text-decoration:underline;padding:4px}.link-btn:hover{color:#60a5fa;background:transparent}.compact-btn{padding:6px 12px;font-size:.8rem}.pixel-input{font-family:inherit;color:var(--text-primary);background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;width:100%;font-size:.95rem;transition:all .2s ease}.pixel-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.pixel-input::placeholder{color:var(--text-muted)}.app-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-shell{width:100%;max-width:480px;height:100%;height:100dvh;display:flex;flex-direction:column;background:#0c0f13d9;position:relative;box-shadow:0 0 40px #000c}.app-main-layout{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.app-content-wrapper{flex:1;display:flex;height:100%;overflow:hidden}@media (min-width: 481px){.app-shell{height:94vh;height:94dvh;border-radius:24px;align-self:center;border:1px solid rgba(255,255,255,.05);overflow:hidden}}.app-header{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:0;border-left:none;border-right:none;border-top:none;z-index:10}.header-brand{display:flex;align-items:center;gap:8px}.brand-logo{font-size:1.5rem}.header-brand h1{font-size:1.2rem;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-user{display:flex;align-items:center;gap:8px}.header-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--panel-border);background:var(--text-muted)}.header-username{font-size:.85rem;font-weight:600;color:var(--text-secondary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s}.header-logout-btn:hover{opacity:1}.app-main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.tab-content{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;overflow:hidden}.mobile-tab-bar{height:65px;min-height:65px;display:flex;justify-content:space-around;align-items:center;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:4px 8px;background:#0c0f13f2;z-index:10}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);gap:3px;width:20%;height:100%;transition:all .2s ease;border-radius:8px}.nav-tab:hover{color:var(--text-primary)}.active-nav{color:var(--color-green);text-shadow:0 0 8px var(--color-green-glow)}.tab-icon{font-size:1.3rem}.tab-label{font-size:.7rem;font-weight:600}.auth-container,.onboarding-container{width:100%;max-width:420px;max-height:100vh;max-height:100dvh;align-self:center;padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-width:none}.auth-container::-webkit-scrollbar,.onboarding-container::-webkit-scrollbar{display:none}.profile-tab-content{overflow-y:auto}.profile-tab-content .onboarding-container{max-width:420px;max-height:none;padding:0;overflow-y:visible;align-self:center;width:100%}.title-panel{padding:30px 20px;text-align:center;position:relative;overflow:hidden}.glow-title{font-size:1.8rem;font-weight:800;letter-spacing:.05em;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.35);margin-top:10px}.burning-tip-header{position:relative;display:inline-block}.smoke-puff{position:absolute;top:-24px;left:50%;font-size:1.4rem;transform:translate(-50%);animation:float-smoke-up 4s infinite ease-out;opacity:0}.puff-2{animation-delay:2s}.nostalgic-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:6px}.login-panel,.form-panel{padding:30px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.cigarettes-graphic{font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));animation:pulse-cig 3s infinite ease-in-out}.description{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.google-btn{width:100%;padding:12px;background:#fff;color:#1f2937;font-weight:600}.google-btn:hover{background:#f3f4f6}.google-icon{width:18px;height:18px}.user-auth-meta{display:flex;align-items:center;gap:12px;text-align:left;align-self:flex-start;background:#0003;width:100%;padding:12px;border-radius:10px}.user-avatar-preview{width:40px;height:40px;border-radius:50%}.user-email{font-size:.85rem;font-weight:600}.user-uid-label{font-size:.75rem;color:var(--text-muted)}.onboarding-form{width:100%;display:flex;flex-direction:column;gap:20px;text-align:left}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-feedback-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;color:var(--text-muted);font-weight:600}.input-feedback-wrapper .pixel-input{padding-left:28px}.availability-feedback{font-size:.8rem;font-weight:600}.feedback-checking{color:#3b82f6}.feedback-available{color:var(--color-green)}.feedback-unavailable{color:var(--color-red)}.help-text{font-size:.75rem;color:var(--text-muted)}.form-actions{display:flex;flex-direction:column;gap:10px}.form-actions .pixel-btn{width:100%}.error-alert,.success-alert,.info-alert{font-size:.85rem;padding:12px;border-radius:8px;border-width:1px;border-style:solid;width:100%;line-height:1.4}.error-alert{background:#ef444426;border-color:#ef44444d;color:#f87171}.success-alert{background:#10b98126;border-color:#10b9814d;color:#34d399}.info-alert{background:#f973161a;border-color:#f9731633;color:#fb923c}.status-tab-content{overflow-y:auto}.status-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.status-header{display:flex;justify-content:space-between;align-items:center}.presence-badge-wrapper{display:flex;align-items:center;gap:8px}.presence-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.online-glow{background-color:var(--color-green);box-shadow:0 0 8px 3px var(--color-green);animation:pulse-status 1.5s infinite}.offline-glow{background-color:var(--color-ash);box-shadow:0 0 2px #fff3}.presence-text{font-size:.85rem;font-weight:800;letter-spacing:.05em}.timer-display{font-family:VT323,monospace;font-size:2.2rem;line-height:1}.glow-green{color:var(--color-green);text-shadow:0 0 10px rgba(16,185,129,.5)}.status-body{display:flex;flex-direction:column;align-items:center;padding:10px 0}.idle-view{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.ashtray-icon{font-size:3.5rem;filter:grayscale(.5)}.idle-caption{font-size:.85rem;color:var(--text-secondary);max-width:250px}.start-break-btn{width:250px;padding:14px;font-size:1rem}.active-break-view{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.break-caption{font-size:.8rem;color:var(--text-secondary)}.action-btn{width:200px;padding:8px 16px}.cigarette-container{width:100%;height:50px;display:flex;align-items:center;justify-content:center;margin:15px 0}.cigarette-wrapper{position:relative;width:240px;height:20px;background:transparent;display:flex;align-items:center;justify-content:flex-end}.cigarette-filter{width:60px;height:18px;background:linear-gradient(to bottom,#d97706,#b45309);border-radius:0 4px 4px 0;border:1px solid rgba(0,0,0,.3);z-index:5}.cigarette-body{height:18px;background:linear-gradient(to bottom,#f9fafb,#d1d5db);border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);position:relative;z-index:4;transition:width .8s linear}.paper-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 4px,transparent 4px,transparent 8px)}.cigarette-ash{height:16px;background:repeating-linear-gradient(45deg,var(--color-ash),var(--color-ash) 2px,#374151 2px,#374151 4px);border-radius:4px 0 0 4px;border-top:1.5px solid rgba(0,0,0,.4);border-bottom:1.5px solid rgba(0,0,0,.4);z-index:2;transition:width .8s linear}.cigarette-ember{position:absolute;top:0;width:12px;height:20px;z-index:6;transition:right .8s linear}.ember-glow{width:100%;height:100%;background:radial-gradient(circle,var(--color-orange) 30%,var(--color-red) 70%,transparent 100%);border-radius:50% 0 0 50%;animation:ember-breathe 2s infinite ease-in-out;box-shadow:0 0 10px 3px var(--color-orange)}.smoke-puffs{position:absolute;top:-12px;left:-6px;width:20px;height:20px;pointer-events:none}.smoke-p{position:absolute;font-size:.9rem;opacity:0;transform:scale(.5);animation:float-smoke-mini 3s infinite ease-out}.p-2{animation-delay:1s}.p-3{animation-delay:2s}.active-users-panel{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.panel-header h3{font-size:.95rem;font-weight:800;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--panel-border);padding-bottom:8px;margin-bottom:10px}.buddies-list{flex:1;display:flex;flex-direction:column;gap:8px}.no-buddies{text-align:center;padding:30px 0;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.no-buddies-graphic{font-size:2rem}.no-buddies p{font-size:.8rem;font-weight:500}.buddy-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.current-user-row{background:#10b9810d;border-color:#10b98126}.buddy-avatar-wrapper{position:relative;width:36px;height:36px}.buddy-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--panel-border)}.buddy-status-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;background-color:var(--color-green);border:1.5px solid var(--bg-color);border-radius:50%;box-shadow:0 0 6px var(--color-green)}.buddy-info{display:flex;flex-direction:column;gap:2px}.buddy-username{font-size:.85rem;font-weight:700;color:var(--text-primary)}.you-tag{color:var(--color-green);font-size:.75rem;font-weight:500}.buddy-break-timer{font-size:.75rem;color:var(--text-secondary)}.clicks-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.panel-tabs{display:flex;border-bottom:1px solid var(--panel-border);margin-bottom:12px}.tab-btn{flex:1;background:transparent;border:none;font-family:inherit;color:var(--text-secondary);font-weight:700;font-size:.85rem;padding:10px 0;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.active-tab{color:var(--text-primary);border-bottom-color:#3b82f6}.clicks-body{flex:1;overflow:hidden}.my-clicks-list,.public-clicks-list{height:100%;display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:40px 0;color:var(--text-secondary);font-size:.85rem}.empty-state p{margin-bottom:12px}.click-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .15s ease}.click-item-row:hover{background:#ffffff0d;border-color:#ffffff14}.active-click-row{background:#3b82f612;border-color:#3b82f640}.click-row-info{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1;min-width:0}.click-row-name{font-size:.9rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.click-row-desc{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.click-member-count{font-size:.7rem;color:var(--text-muted);font-weight:600;margin-top:2px}.leave-click-btn{background:transparent;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:.75rem;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.leave-click-btn:hover{background:#ef444426}.join-btn{padding:6px 12px;font-size:.8rem}.clicks-footer{padding-top:12px;border-top:1px solid var(--panel-border);margin-top:10px}.create-click-trigger{width:100%}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-content{width:100%;max-width:380px;padding:20px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:8px}.modal-header h3{font-size:1rem;font-weight:800}.close-modal-btn{background:transparent;border:none;font-size:1.1rem;color:var(--text-secondary);cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:14px}.input-checkbox-group{margin:6px 0}.checkbox-container{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .pixel-btn{flex:1}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.chat-header{padding-bottom:12px;border-bottom:1px solid var(--panel-border);margin-bottom:10px}.chat-header-left{display:flex;align-items:center;gap:12px}.back-btn{background:#ffffff0d;border:1px solid var(--panel-border);border-radius:8px;font-size:1.1rem;padding:4px 8px;cursor:pointer;transition:background .15s}.back-btn:hover{background:#ffffff1a}.chat-header h3{font-size:1rem;font-weight:800}.room-subtext{font-size:.75rem;color:var(--text-secondary)}.chat-viewport{flex:1;position:relative;overflow:hidden;border-radius:12px;background:#00000026;border:1px solid var(--panel-border)}.messages-container{height:100%;padding:14px;display:flex;flex-direction:column;gap:14px}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.8rem;text-align:center;padding:20px}.message-bubble{display:flex;gap:10px;max-width:85%;align-items:flex-start}.my-message{align-self:flex-end;flex-direction:row-reverse}.other-message{align-self:flex-start}.msg-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--panel-border);object-fit:cover;margin-top:2px}.msg-body{display:flex;flex-direction:column;gap:2px}.msg-meta{display:flex;gap:6px;align-items:baseline;font-size:.72rem;font-weight:700}.my-message .msg-meta{flex-direction:row-reverse}.msg-username{color:var(--text-secondary)}.my-message .msg-username{color:var(--color-green)}.msg-time{color:var(--text-muted);font-weight:500}.msg-text{font-size:.85rem;padding:8px 12px;border-radius:12px;line-height:1.4;word-break:break-word}.my-message .msg-text{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-top-right-radius:2px;color:#fff;border:1px solid rgba(59,130,246,.2)}.other-message .msg-text{background:#ffffff0f;border-top-left-radius:2px;color:var(--text-primary);border:1px solid rgba(255,255,255,.04)}.chat-input-area{display:flex;gap:8px;padding-top:10px;margin-top:auto}.chat-text-input{flex:1}.send-btn{width:70px}.chat-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c0f13bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.lock-box{padding:24px;max-width:280px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.lock-icon{font-size:2.2rem}.lock-box h4{font-size:.95rem;font-weight:800;letter-spacing:.05em}.lock-box p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.lock-box button{width:100%;margin-top:6px}.toast-drawer{position:absolute;top:70px;right:16px;left:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:200}.toast-alert-panel{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(249,115,22,.25);box-shadow:0 10px 25px #0006;animation:slide-toast-in .3s cubic-bezier(.16,1,.3,1) forwards;background:#181412e6}.toast-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.toast-message-body{flex:1;text-align:left}.toast-alert-badge{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--color-orange);display:block;margin-bottom:1px}.toast-text{font-size:.8rem;font-weight:600;color:var(--text-primary)}.toast-close-btn{background:transparent;border:none;font-size:.9rem;color:var(--text-secondary);cursor:pointer;padding:2px}.permission-toast{position:absolute;bottom:80px;left:16px;right:16px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;font-size:.75rem;font-weight:600;text-align:center;background:#121823f2;z-index:90;animation:slide-toast-in .4s ease-out}.permission-toast button{width:100%}.app-loading-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);background-image:var(--bg-gradient);gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.05);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s infinite linear}.loading-text{font-size:.9rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-smoke-up{0%{transform:translate(-50%) scale(.5);opacity:0}20%{opacity:.4}80%{opacity:.1}to{transform:translate(-55%,-40px) scale(1.3);opacity:0}}@keyframes float-smoke-mini{0%{transform:translate(0) scale(.4);opacity:0}30%{opacity:.3}to{transform:translate(-10px,-25px) scale(1.1);opacity:0}}@keyframes ember-breathe{0%,to{opacity:.85;transform:scale(1);filter:brightness(1)}50%{opacity:1;transform:scale(1.08);filter:brightness(1.2)}}@keyframes pulse-status{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}@keyframes pulse-cig{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}@keyframes slide-toast-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.emoji-avatar-container{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 4px #ffffff0d,0 4px 10px #0000004d;vertical-align:middle;overflow:hidden;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1);aspect-ratio:1}.emoji-avatar-container:hover{border-color:#ffffff4d;background:#ffffff26;transform:scale(1.05)}.emoji-avatar-char{line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-avatar.emoji-avatar-container{width:28px;height:28px}.header-avatar.emoji-avatar-container .emoji-avatar-char{font-size:1.15rem}.user-avatar-preview.emoji-avatar-container{width:48px;height:48px;background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 15px #ffffff1a}.user-avatar-preview.emoji-avatar-container .emoji-avatar-char{font-size:2rem}.buddy-avatar.emoji-avatar-container{width:36px;height:36px}.buddy-avatar.emoji-avatar-container .emoji-avatar-char{font-size:1.45rem}.msg-avatar.emoji-avatar-container{width:28px;height:28px}.msg-avatar.emoji-avatar-container .emoji-avatar-char{font-size:1.15rem}.toast-avatar.emoji-avatar-container{width:32px;height:32px}.toast-avatar.emoji-avatar-container .emoji-avatar-char{font-size:1.3rem}.emoji-customizer-section{display:flex;flex-direction:column;gap:10px;width:100%;background:#00000026;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:5px}.emoji-section-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:140px;overflow-y:auto;padding-right:4px}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:2px}.emoji-choice-btn{font-size:1.45rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0}.emoji-choice-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px) scale(1.1);box-shadow:0 4px 8px #0003}.emoji-choice-btn:active{transform:scale(.95)}.emoji-choice-btn.active-emoji{background:#3b82f633;border:1.5px solid #3b82f6;box-shadow:0 0 10px #3b82f666;animation:selected-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes selected-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.simulator-panel{display:flex;flex-direction:column;border-color:#3b82f626;box-shadow:0 4px 20px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin-bottom:8px}.simulator-panel.panel-collapsed{border-color:#ffffff0d}.simulator-panel.panel-expanded{border-color:#3b82f640;box-shadow:0 0 20px #3b82f61a}.sim-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.sim-header:hover{background:#ffffff05}.sim-header-left{display:flex;align-items:center;gap:12px}.sim-logo-icon{font-size:1.4rem;filter:drop-shadow(0 0 5px rgba(59,130,246,.3))}.sim-header h4{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.sim-subtitle{font-size:.72rem;color:var(--text-secondary)}.sim-header-right{display:flex;align-items:center;gap:10px}.sim-status-led{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.led-active{background-color:#10b981;box-shadow:0 0 8px #10b981,0 0 15px #10b981;animation:sim-led-pulse 1.5s infinite}.led-inactive{background-color:var(--color-ash);box-shadow:none}@keyframes sim-led-pulse{0%,to{opacity:.6}50%{opacity:1}}.sim-collapse-arrow{font-size:.7rem;color:var(--text-muted);transition:transform .3s}.sim-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.sim-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.sim-row{display:flex;flex-direction:column;gap:10px}.sim-row.main-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.control-group{display:flex;flex-direction:column;gap:6px;flex:1}.control-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.power-switch-group{max-width:140px}.sim-power-btn{width:100%;font-size:.75rem;font-weight:700;padding:8px 12px;border-radius:6px;border-width:1.5px}.power-on{background:#10b98114;border-color:#10b98166;color:#34d399;box-shadow:inset 0 0 8px #10b9811a,0 0 10px #10b9811a}.power-on:hover{background:#10b98126!important}.power-off{background:#ef44440d;border-color:#ef44444d;color:#f87171}.power-off:hover{background:#ef44441f!important}.segmented-selector{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2px}.segment-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.7rem;font-weight:700;padding:6px;border-radius:4px;cursor:pointer;transition:all .15s ease}.segment-btn:disabled{opacity:.3;cursor:not-allowed}.segment-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff08}.active-segment{background:#3b82f626!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.3);box-shadow:0 0 8px #3b82f633}.action-row{margin-top:-4px}.action-col{display:flex;flex-direction:column;gap:8px}.sim-buttons-grid{display:flex;gap:10px}.sim-buttons-grid button{flex:1;font-size:.72rem;font-weight:700;padding:8px 12px}.sim-bots-section{display:flex;flex-direction:column;gap:8px}.sim-bots-grid{display:grid;grid-template-columns:1fr;gap:6px;background:#00000026;border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:8px;max-height:180px;overflow-y:auto}.sim-bot-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px;background:#ffffff03;border:1px solid rgba(255,255,255,.02);transition:all .2s ease}.sim-bot-row.bot-active{background:#10b98108;border-color:#10b98126}.bot-avatar-info{display:flex;align-items:center;gap:10px}.sim-bot-avatar{width:24px;height:24px;font-size:.85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.bot-name-wrap{display:flex;flex-direction:column}.bot-username{font-size:.75rem;font-weight:600;color:var(--text-primary)}.bot-status-text{font-size:.62rem;color:var(--text-muted)}.sim-bot-row.bot-active .bot-status-text{color:var(--color-green);font-weight:600}.bot-timer-status{font-size:.72rem;font-family:VT323,monospace}.bot-timer-glow{color:var(--color-green);text-shadow:0 0 6px var(--color-green-glow);font-size:1.1rem}.bot-status-dot-grey{width:6px;height:6px;border-radius:50%;background-color:var(--color-ash);display:block}.sim-footer-note{font-size:.65rem;color:var(--text-muted);line-height:1.3;padding:0 4px}.app-toast-alert{position:absolute;top:68px;left:16px;right:16px;padding:12px 16px;border-radius:12px;z-index:100;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:slide-down-toast .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}@keyframes slide-down-toast{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-toast-success{background:#10b981e6;color:#fff;border-color:#10b98140}.app-toast-error{background:#ef4444e6;color:#fff;border-color:#ef444440}.app-toast-text{font-size:.85rem;font-weight:600;line-height:1.4}.app-toast-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.8;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.app-toast-close:hover{opacity:1}.admin-modal{max-width:400px;width:92%}.admin-modal-body{max-height:60vh;padding:8px 4px;display:flex;flex-direction:column;gap:20px}.admin-section{display:flex;flex-direction:column;gap:8px}.admin-section-title{font-size:.95rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;margin-bottom:2px;letter-spacing:.03em}.admin-section-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.invite-link-box{display:flex;gap:8px;width:100%;align-items:center;margin-top:4px}.invite-input{flex:1;font-size:.8rem;background:#0000004d;border-color:#ffffff14;text-overflow:ellipsis;padding:8px 12px}.invite-copy-btn{white-space:nowrap;font-size:.8rem;padding:8px 14px}.members-loading{font-size:.85rem;color:var(--text-muted);text-align:center;padding:16px 0}.admin-members-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.admin-member-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.admin-member-info{display:flex;align-items:center;gap:10px}.admin-member-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.admin-member-meta{display:flex;flex-direction:column;gap:2px}.admin-member-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.admin-member-role-badge{font-size:.7rem;color:var(--text-muted);font-weight:500}.admin-member-actions{display:flex;gap:6px}.admin-action-btn{padding:4px 8px;font-size:.75rem;border-radius:6px}.admin-settings-btn{font-size:.8rem;padding:6px 10px;border-radius:6px}.desktop-sidebar,.desktop-right-sidebar{display:none}.mobile-only-panels{display:flex;flex-direction:column;gap:16px;flex:1}.desktop-only-lounge{display:none}@media (min-width: 768px){.app-shell{max-width:1200px;width:96%;height:90vh;height:90dvh;flex-direction:row;border-radius:24px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.app-header,.mobile-tab-bar{display:none}.desktop-sidebar{display:flex;flex-direction:column;width:240px;min-width:240px;height:100%;padding:24px 16px;border-radius:0;border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--panel-border);background:#12182373;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding:0 8px}.sidebar-brand .brand-logo{font-size:1.6rem}.sidebar-brand h1{font-size:1.15rem;font-weight:800;letter-spacing:.03em;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-tab{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:12px 14px;border-radius:10px;width:100%;transition:all .2s ease;font-family:inherit;font-weight:600;font-size:.88rem;text-align:left}.sidebar-tab:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-tab .tab-icon{font-size:1.2rem}.active-sidebar-tab{color:var(--color-green);background:#10b98112!important;border:1px solid rgba(16,185,129,.15);text-shadow:0 0 8px var(--color-green-glow)}.sidebar-footer{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--panel-border)}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:0 4px}.sidebar-username{font-size:.88rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.sidebar-logout-btn{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#f87171;font-size:.85rem;font-weight:600;padding:8px 12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-logout-btn:hover{background:#ef444426}.app-main{flex:1;height:100%;overflow:hidden}.desktop-right-sidebar{display:flex;flex-direction:column;width:320px;min-width:320px;height:100%;padding:16px;gap:16px;border-left:1px solid var(--panel-border);background:#0c0f1359;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}.desktop-right-sidebar::-webkit-scrollbar{width:4px}.desktop-right-sidebar::-webkit-scrollbar-thumb{background-color:#ffffff0d;border-radius:2px}.desktop-right-sidebar .status-panel,.desktop-right-sidebar .simulator-panel,.desktop-right-sidebar .active-users-panel{border-radius:12px;background:#12182373;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0003}.desktop-right-sidebar .active-users-panel{flex:none}.mobile-only-panels{display:none}.desktop-only-lounge{display:flex;flex:1;flex-direction:column;height:100%}.app-toast-alert{top:16px;left:50%;right:auto;width:400px;transform:translate(-50%);animation:slide-down-toast-desktop .3s cubic-bezier(.16,1,.3,1)}@keyframes slide-down-toast-desktop{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}}