@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Syne:wght@400;600;700;800&display=swap";.explore-page-container{min-height:100vh;padding-bottom:60px}.explore-search-header{border-bottom:1px solid var(--border-color);width:100%;padding:clamp(34px, 8vw, 60px) var(--app-gutter,20px) clamp(28px, 6vw, 40px);z-index:1;background-color:#0a0a1480;margin-bottom:clamp(24px,6vw,40px);position:relative}.explore-search-inner{text-align:center;max-width:800px;margin:0 auto}.explore-title{color:#fff;letter-spacing:-1px;margin:0 0 16px;font-size:clamp(36px,10vw,48px);font-weight:800}.explore-subtitle{color:var(--text-muted);margin:0 0 40px;font-size:clamp(15px,4vw,18px);line-height:1.5}.explore-search-bar-wrap{margin-bottom:32px;position:relative}.search-icon{color:var(--text-muted);font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.explore-search-input{box-sizing:border-box;border:1px solid var(--border-color);color:#fff;background:#ffffff0d;border-radius:16px;width:100%;padding:18px 18px 18px 52px;font-family:inherit;font-size:16px;transition:all .3s}.explore-search-input:focus{border-color:var(--accent-primary);background:#ffffff1a;outline:none;box-shadow:0 0 0 4px #6366f133}.explore-filters{flex-direction:column;align-items:center;gap:16px;display:flex}.pill-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:12px;max-width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.pill-row::-webkit-scrollbar{display:none}.pill-btn{white-space:nowrap;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.pill-btn:hover{color:#fff;background:#ffffff1a}.pill-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.pill-btn.status-pill.active{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.live-right-now-section{margin-bottom:60px}.section-label{color:#fff;margin:0 0 24px;font-size:24px;font-weight:700}.live-scroll-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.live-card-wrapper{width:auto}@media (width<=992px){.live-scroll-strip{grid-template-columns:1fr}}.empty-state-container{text-align:center;flex-direction:column;align-items:center;display:flex}.empty-message-block{border:1px dashed var(--border-color);background:#ffffff05;border-radius:24px;width:100%;margin-bottom:60px;padding:60px 20px}.empty-message-block h3{color:#fff;margin:0 0 12px;font-size:24px}.empty-message-block p{color:var(--text-muted);margin:0;font-size:16px}.suggested-label{color:var(--text-dark);text-align:left;align-self:flex-start;width:100%;margin:0 0 24px;font-size:20px}.suggested-sessions{width:100%}.explore-page-container .page-wrapper{width:min(1200px,100%)}.explore-page-container .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));place-items:stretch stretch;gap:24px;width:100%;display:grid}.explore-page-container .task-card-link{width:100%}.new-task-card{flex-direction:column;width:100%;min-height:360px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.new-task-card:before{content:"";background:var(--card-glow-color,var(--accent-primary));opacity:.8;width:100%;height:4px;position:absolute;top:0;left:0}.task-card-link:hover .new-task-card{border-color:var(--card-glow-color,var(--accent-primary));box-shadow:0 12px 32px -8px var(--card-glow-color,var(--accent-primary));transform:translateY(-8px)}.card-header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:16px;display:flex}.category-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:block}@keyframes pulse-live{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-dot{background-color:#10b981;animation:2s infinite pulse-live}.pending-dot{background-color:#f59e0b}.completed-dot{background-color:var(--text-muted)}.card-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:58px;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-description{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:42px;margin:0 0 24px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-participants{align-items:center;gap:12px;margin-bottom:24px;display:flex}.participant-avatars{display:flex}.avatar-dot{border:2px solid var(--bg-surface);background-color:var(--bg-elevated);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.avatar-dot:first-child{background-color:var(--accent-primary);margin-left:0}.avatar-dot:nth-child(2){background-color:var(--accent-secondary)}.avatar-dot:nth-child(3){background-color:#8b5cf6}.avatar-more{background-color:#333}.avatar-empty{border-style:dashed;border-color:var(--text-muted);background-color:#0000}.participants-text{color:var(--text-dark);font-size:13px;font-weight:500}.card-footer{width:100%}.card-actions{flex-direction:column;justify-content:flex-end;gap:10px;min-height:104px;margin-top:auto;display:flex}.full-width-cta{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:100%;min-height:52px;padding:12px 14px;font-size:15px;font-weight:600;transition:all .2s}.task-card-link:hover .full-width-cta{background:var(--card-glow-color,var(--accent-primary));color:#fff;box-shadow:0 4px 12px #0003}.full-width-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.card-badge{text-transform:uppercase;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.badge-hot{background:#f97316;border:1px solid #fff3;box-shadow:0 0 12px #f9731680}.badge-trending{background:#6366f1;border:1px solid #fff3;box-shadow:0 0 12px #6366f166}.card.featured{animation:4s linear infinite featured-shimmer;position:relative;overflow:visible;border:1px solid #f9731666!important;box-shadow:0 0 30px #f9731626,inset 0 0 20px #f973160d!important}.card.featured:hover{transform:translateY(-4px)}.card.featured .full-width-cta{box-shadow:0 4px 12px #f973164d;color:#fff!important;background:#f97316!important}.card.featured .full-width-cta:hover{background:#ea580c!important}@keyframes featured-shimmer{0%{border-color:#f973164d;box-shadow:0 0 30px #f9731626}50%{border-color:#f97316cc;box-shadow:0 0 40px #f9731640}to{border-color:#f973164d;box-shadow:0 0 30px #f9731626}}.live-pulse-wrapper{flex-direction:column;gap:2px;min-height:48px;margin-bottom:24px;display:flex;position:relative}.live-pulse-row{color:#a1a1aa;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.live-pulse-active{color:#22c55e}.pulse-dot-container{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot.animating:after{content:"";z-index:0;background:#22c55e;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:0}.pulse-dot.inactive{background:#52525b}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.participants-tooltip{opacity:0;visibility:hidden;z-index:100;background:#181926;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;width:max-content;min-width:160px;max-width:min(260px,100vw - 32px);padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:calc(100% + 12px);left:0;transform:translateY(4px);box-shadow:0 8px 32px #0009}@media (width<=640px){.explore-page-container{padding-bottom:42px}.explore-search-header{border-radius:0 0 22px 22px}.explore-search-bar-wrap{margin-bottom:22px}.explore-search-input{border-radius:14px;min-height:56px}.pill-row{width:100%;margin-inline:calc(var(--app-gutter,14px) * -1);padding-inline:var(--app-gutter,14px);scroll-padding-inline:var(--app-gutter,14px)}.pill-btn{padding:10px 16px;font-size:13px}.section-label{font-size:21px}.new-task-card{min-height:auto}.card-title,.card-description,.card-actions{min-height:0}.empty-message-block{margin-bottom:34px;padding:34px 18px}}.live-pulse-row:hover+.participants-tooltip,.participants-tooltip:hover{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-user{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.tooltip-avatar{background:#8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.tooltip-more{color:var(--text-muted);text-align:center;margin-top:4px;font-size:12px}.last-activity-text{color:#71717a;margin-left:20px;font-size:12px}.value-flip-enter{opacity:0;transform:translateY(4px)}.value-flip-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}:root{--bg-base:#0f0f13;--bg-surface:#1a1a24;--bg-elevated:#22222f;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--accent-glow:#6366f166;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#cbd5e1;--border-color:#ffffff14}body{background-color:var(--bg-base);color:var(--text-main);margin:0;font-family:Inter,sans-serif;overflow-x:clip}body.modal-open{overflow:hidden}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Syne,sans-serif}.page{background:var(--bg-base);min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}.app-container{background:var(--bg-base);width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.page-wrapper{z-index:1;width:min(1200px,100%);max-width:100%;padding-inline:var(--app-gutter,clamp(14px, 4vw, 28px));margin:0 auto;position:relative}.app-container:before,.app-container:after{content:"";filter:blur(140px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.app-container:before{background:#6366f126;width:500px;height:500px;top:-100px;left:-100px}.app-container:after{background:#06b6d41f;width:400px;height:400px;bottom:10%;right:-50px}.hero-section{z-index:1;width:100%;margin-top:20px;margin-bottom:clamp(42px,8vw,80px);position:relative}.hero-inner{width:min(1280px,100%);max-width:100%;padding:0 var(--app-gutter,clamp(14px, 4vw, 48px));grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(24px,5vw,40px);margin:0 auto;display:grid}.hero-content{flex-direction:column;justify-content:center;display:flex}@keyframes pulse-glow{0%{box-shadow:0 0 #06b6d466}70%{box-shadow:0 0 0 10px #06b6d400}to{box-shadow:0 0 #06b6d400}}.hero-badge{color:var(--accent-secondary);letter-spacing:.5px;background:#06b6d41a;border:1px solid #06b6d433;border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:24px;padding:8px 14px;font-size:13px;font-weight:600;animation:2s infinite pulse-glow;display:inline-flex}.hero-badge-dot{background-color:var(--accent-secondary);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero-title{color:#fff;letter-spacing:0;margin:0 0 20px;font-size:clamp(38px,8vw,56px);line-height:1.1}.hero-text{color:var(--text-muted);max-width:540px;margin:0 0 32px;font-size:clamp(16px,3vw,18px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-primary-btn,.hero-secondary-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;max-width:100%;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-primary-btn{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.hero-primary-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.hero-secondary-btn{color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.hero-secondary-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero-panel{flex-direction:column;justify-content:center;gap:16px;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-panel-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#1a1a2499;border-radius:20px;padding:24px;transition:transform .3s,border-color .3s}.hero-panel-card:nth-child(2){animation:6s ease-in-out 1s infinite float}.hero-panel-card:hover{border-color:#6366f166;transform:translateY(-4px)!important}.hero-panel-card h3{color:var(--text-main);margin:0 0 8px;font-size:20px}.hero-panel-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.hero-panel-label{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.stats-bar{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2466;border-radius:24px;justify-content:space-around;margin-bottom:clamp(42px,8vw,80px);padding:clamp(20px,5vw,32px);display:flex}.stat-item{text-align:center}.stat-item h4{color:var(--text-main);margin:0 0 8px;font-size:36px}.stat-item p{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:14px;font-weight:600}.home-section{z-index:1;margin-bottom:clamp(44px,8vw,80px);position:relative}.section-header-block{text-align:center;margin-bottom:32px}.section-heading{color:var(--text-main);letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(30px,7vw,40px)}.section-copy{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:clamp(15px,3vw,18px);line-height:1.6}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px;display:grid}.home-feature-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:clamp(20px,5vw,32px);transition:all .3s;box-shadow:0 10px 30px #0003}.home-feature-card:hover{border-color:#06b6d44d;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.feature-icon-wrapper{width:48px;height:48px;color:var(--accent-primary);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.home-feature-card h3{color:var(--text-main);margin:0 0 12px;font-size:22px}.home-feature-card p{color:var(--text-muted);margin:0;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:stretch;gap:24px;display:grid}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;height:100%;padding:clamp(18px,5vw,24px);transition:all .3s;display:flex}.task-card-link{color:inherit;min-width:0;height:100%;text-decoration:none;display:flex}.task-card-link:hover .card{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.card h3{color:var(--text-main);margin:0 0 12px;font-size:20px}.card p{color:var(--text-muted);margin-bottom:8px;font-size:14px}.category{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.task-card-actions{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;display:flex}.join-btn,.leave-btn,.delete-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.join-btn{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.join-btn:hover{background:#10b98133;transform:translateY(-1px)}.leave-btn,.delete-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.leave-btn:hover,.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.navbar{box-sizing:border-box;width:100%;padding:14px var(--app-gutter,clamp(14px, 4vw, 28px));-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background:#0a0a14d1;grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:center;gap:clamp(10px,3vw,24px);margin:0 0 40px;display:grid;position:sticky;top:0;box-shadow:0 4px 30px #0000001a}.navbar-brand{color:var(--text-main);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:24px;font-weight:800;text-decoration:none}.navbar-links{justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.navbar-links a{color:var(--text-dark);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,background .2s}.navbar-links a:hover{color:#fff;background:#ffffff12}.navbar-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.nav-profile-menu{position:relative}.nav-profile-btn{cursor:pointer;color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;height:44px;padding:4px 8px 4px 4px;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.nav-profile-btn:hover{background:#ffffff1a;border-color:#14b8a66b;box-shadow:0 10px 28px #14b8a61f}.nav-avatar,.nav-menu-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.nav-avatar{width:34px;height:34px;font-size:14px}.nav-menu-avatar{flex:none;width:40px;height:40px;font-size:15px}.nav-menu-dots{align-items:center;gap:3px;display:inline-flex}.nav-menu-dots span{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.nav-menu-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1100;background:#0e121ff5;border:1px solid #ffffff1f;border-radius:18px;width:min(280px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 22px 70px #0000006b}.nav-menu-user{align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.nav-menu-user strong,.nav-menu-user span{min-width:0;display:block}.nav-menu-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:14px;overflow:hidden}.nav-menu-user span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;overflow:hidden}.nav-menu-popover a,.nav-menu-popover button{width:100%;min-height:42px;color:var(--text-dark);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.nav-menu-popover a:hover,.nav-menu-popover button:hover{color:#fff;background:#ffffff12}.nav-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030712ad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.nav-modal{background:#0e121ffa;border:1px solid #ffffff1f;border-radius:24px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 24px 90px #0000007a}.nav-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.nav-modal-header p{color:#5eead4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.nav-modal-header h2{color:#fff;margin:0;font-size:28px;line-height:1.1}.nav-modal-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.nav-profile-form{gap:16px;display:grid}.nav-profile-form label{gap:8px;display:grid}.nav-profile-form label span{color:var(--text-dark);font-size:14px;font-weight:700}.nav-profile-form input{color:#fff;min-height:52px;font:inherit;background:#0f172adb;border:1px solid #94a3b83d;border-radius:14px;padding:0 14px}.nav-profile-form input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf824}.nav-settings-list{gap:10px;margin-bottom:22px;display:grid}.nav-settings-list div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;gap:16px;padding:14px;display:flex}.nav-settings-list span{color:var(--text-muted);font-size:13px;font-weight:700}.nav-settings-list strong{color:#fff;text-align:right;overflow-wrap:anywhere;font-size:14px}.nav-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.nav-primary-btn,.nav-secondary-btn,.nav-danger-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:0 16px;font-size:14px;font-weight:800}.nav-primary-btn{background:linear-gradient(135deg,#2563eb,#14b8a6)}.nav-secondary-btn{background:#ffffff14}.nav-danger-btn{color:#fecaca;background:#ef444424}.nav-primary-btn:disabled,.nav-secondary-btn:disabled,.nav-danger-btn:disabled{cursor:not-allowed;opacity:.65}.footer-cta-strip{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f133 0%,#06b6d433 100%);border:1px solid #ffffff1a;border-radius:24px;margin:60px 0 40px;padding:clamp(30px,8vw,64px) clamp(18px,5vw,32px)}.footer-cta-strip h2{color:var(--text-main);margin:0 0 16px;font-size:clamp(28px,7vw,36px)}.footer-cta-strip p{color:var(--text-dark);margin:0 0 32px;font-size:18px}.badge{color:var(--accent-primary);background:#6366f126;border-radius:20px;margin-bottom:12px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.title{color:var(--text-main);margin:20px 10px;font-family:Syne,sans-serif;font-size:48px}.subtitle{color:var(--text-muted);line-height:1.6}.actions{margin-top:24px}.primary-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-right:12px;padding:12px 24px;font-weight:600}.secondary-btn{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;padding:12px 24px;font-weight:600}.section-text{color:var(--text-muted)}.section-title{color:var(--text-main);margin:24px 10px;font-family:Syne,sans-serif;font-size:28px}.join-button{color:var(--text-main);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;margin-top:12px;padding:10px 16px}@media (width<=992px){.hero-inner{text-align:center;grid-template-columns:1fr;margin-top:20px}.hero-badge{align-self:center}.hero-actions{justify-content:center}.stats-bar{flex-direction:column;gap:32px}.navbar{grid-template-columns:1fr auto;gap:14px;margin-bottom:20px;padding:14px 16px}.navbar-links{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-actions{grid-area:1/2}}@media (width<=640px){.navbar{margin-bottom:18px;padding-block:10px}.navbar-brand{font-size:22px}.navbar-links{margin-inline:calc(var(--app-gutter,14px) * -1);padding-inline:var(--app-gutter,14px);scroll-padding-inline:var(--app-gutter,14px);gap:6px}.navbar-links a{flex:none;padding:9px 12px;font-size:13px}.nav-profile-btn{height:40px;padding-right:6px}.nav-avatar{width:30px;height:30px}.nav-menu-popover{top:72px;right:var(--app-gutter,14px);left:var(--app-gutter,14px);width:auto;position:fixed}.nav-modal-backdrop{align-items:flex-end;padding:12px}.nav-modal{border-radius:22px 22px 18px 18px;width:100%;max-height:min(86svh,720px);padding:20px}.nav-settings-list div,.nav-modal-actions{flex-direction:column;align-items:stretch}.hero-section{margin-top:8px}.hero-inner{text-align:left}.hero-badge{align-self:flex-start}.hero-actions,.stats-bar{align-items:stretch}.hero-primary-btn,.hero-secondary-btn,.primary-btn,.secondary-btn{width:100%;min-height:50px}.hero-panel-card{border-radius:16px;padding:18px}.stats-bar{border-radius:18px}.notification{left:var(--app-gutter,14px);right:var(--app-gutter,14px);min-width:0;max-width:none;top:12px}}@media (width<=430px){.navbar-links a{padding-inline:10px;font-size:12px}.nav-menu-dots{display:none}.hero-title{font-size:34px}}.explore-page{z-index:1;padding:20px;position:relative}.filters{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.filter-group{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.filter-group label{color:var(--text-dark);font-weight:600}.filter-group input,.filter-group select{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:10px;padding:12px 14px;font-size:14px}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent-primary);outline:none}.nav-logout-btn{color:var(--text-muted);transition:color .2s}.nav-logout-btn:hover{color:#ef4444}.joined-btn{opacity:.7;cursor:not-allowed}.leave-btn,.join-btn,.delete-btn,.secondary-action-btn,.primary-action-btn,.danger-action-btn{cursor:pointer}.tabs{gap:12px;margin-top:16px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:8px 16px}.tab.active{background:var(--bg-elevated);color:var(--text-main);border:1px solid var(--border-color)}.notification{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-width:260px;max-width:360px;padding:16px 20px;font-size:14px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #00000080}.notification-info{color:#c7d2fe;background:#6366f133;border-color:#6366f14d}.notification-success{color:#a7f3d0;background:#10b98133;border-color:#10b9814d}.notification-error{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.notification-message{flex:1}.notification-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;font-size:18px}.notification-close:hover{opacity:1}.social-proof-card{border:1px solid #06b6d44d;box-shadow:0 0 20px #06b6d41a}.trending-session-wrap{flex-direction:column;gap:8px;height:100%;display:flex}.trending-session-meta{color:var(--text-muted);align-items:center;gap:8px;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex}:root{--app-gutter:clamp(14px, 4vw, 28px);--content-max:1200px}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}#root{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@supports not (overflow-x:clip){html,body,#root{overflow-x:hidden}}body{color:#fff;-webkit-text-size-adjust:100%;background:#0a0a14;min-width:0;margin:0;font-family:Arial,sans-serif}*,:before,:after{box-sizing:border-box;min-width:0}img,video,canvas,svg{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}p,h1,h2,h3,h4,h5,h6,a,span,strong,li{overflow-wrap:anywhere}.app-container{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:clip}.page-wrapper{width:min(var(--content-max), 100%);max-width:100%;padding:clamp(22px, 5vw, 32px) var(--app-gutter) 60px;margin:0 auto}.page-heading{margin:0 0 12px;font-size:clamp(30px,8vw,36px);line-height:1.05}.page-subtext{color:#a1a1aa;margin:0 0 24px;line-height:1.6}.section-card{background:#13131f;border:1px solid #ffffff0d;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000080}.empty-state{text-align:center;background:#13131f;border:1px solid #ffffff0d;border-radius:18px;padding:32px;box-shadow:0 10px 30px #00000080}.empty-state-title{color:#fff;margin:0 0 10px;font-size:24px}.empty-state-message{color:#a1a1aa;margin:0;line-height:1.6}.empty-state-action{margin-top:18px}.notification{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;font-weight:600;display:flex}.notification-info{color:#1d4ed8;background:#e0ecff}.notification-success{color:#047857;background:#ecfdf5}.notification-error{color:#b91c1c;background:#fef2f2}.notification-close{cursor:pointer;color:inherit;background:0 0;border:none;font-size:18px}@media (width<=640px){.page-wrapper{padding-bottom:42px}.section-card,.empty-state{border-radius:16px;padding:18px}.notification{align-items:flex-start}}.create-wizard-page{padding:clamp(22px, 5vw, 40px) var(--app-gutter,20px) 80px;justify-content:center;min-height:calc(100vh - 80px);display:flex}.wizard-split-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:clamp(28px,5vw,60px);width:100%;max-width:1200px;display:grid}.wizard-form-container{flex-direction:column;display:flex}.wizard-header{margin-bottom:clamp(24px,5vw,40px)}.wizard-progress{align-items:center;gap:8px;margin-top:24px;margin-bottom:12px;display:flex}.step-dot{background:#ffffff1a;border-radius:50%;width:12px;height:12px;transition:all .3s}.step-dot.active{background:var(--accent-primary);box-shadow:0 0 10px #6366f180}.step-line{background:#ffffff1a;flex:1;max-width:40px;height:2px;transition:all .3s}.step-line.active{background:var(--accent-primary)}.wizard-step-title{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.wizard-form{border:1px solid var(--border-color);background:#1a1a244d;border-radius:24px;flex-direction:column;min-height:400px;padding:clamp(22px,5vw,40px);display:flex}.wizard-step-content{flex-direction:column;flex:1;gap:32px;animation:.3s ease-out forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-label{color:#f8fafc;margin-bottom:10px;font-size:15px;font-weight:600;display:block}.wizard-input,.wizard-textarea{box-sizing:border-box;color:#f8fafc;background:#0f0f1399;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:16px;transition:all .2s}.wizard-input:focus,.wizard-textarea:focus{border-color:var(--accent-primary);background:#141419cc;outline:none;box-shadow:0 0 0 4px #6366f126}.wizard-textarea{resize:vertical;min-height:120px}.resources-group{flex-direction:column;gap:16px;display:flex}.toggle-resources-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:14px;font-weight:600;transition:color .2s}.toggle-resources-btn:hover{color:var(--text-main)}.wizard-actions{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;display:flex}.wizard-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:15px;font-weight:600;transition:color .2s}.wizard-back-btn:hover{color:#fff}.wizard-next-btn,.wizard-submit-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:16px clamp(20px,5vw,32px);font-size:16px;font-weight:600;transition:all .2s}.wizard-next-btn{background:#ffffff1a;border:1px solid #ffffff1a}.wizard-next-btn:hover{background:#ffffff26;transform:translateY(-2px)}.wizard-submit-btn{background:var(--accent-primary);box-shadow:0 4px 14px var(--accent-glow)}.wizard-submit-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.wizard-preview-container{flex-direction:column;display:flex}.preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:right;margin-bottom:24px;font-size:14px;font-weight:600}.preview-card-wrapper{filter:drop-shadow(0 20px 40px #0000004d);position:sticky;top:120px}@media (width<=992px){.wizard-split-layout{grid-template-columns:1fr;gap:40px}.wizard-preview-container{order:2}.preview-label{text-align:center}.preview-card-wrapper{position:static}.wizard-form{padding:30px 20px}}@media (width<=640px){.create-wizard-page{padding-top:10px}.wizard-split-layout{gap:28px}.wizard-form{border-radius:20px;min-height:0}.wizard-step-content{gap:24px}.wizard-actions{align-items:stretch;gap:12px;margin-top:34px}.wizard-actions>div[style]{display:none}.wizard-back-btn,.wizard-next-btn,.wizard-submit-btn{flex:1;min-height:50px}.wizard-input,.wizard-textarea{padding:15px 16px;font-size:16px}}@media (width<=430px){.wizard-actions{flex-direction:column}}.chat-container{background:0 0;flex-direction:column;display:flex}.chat-empty-state{text-align:center;color:var(--text-muted);background:0 0;padding:24px 16px;font-size:.95rem}.chat-message{flex-direction:column;max-width:min(72%,680px);display:flex}.chat-message.grouped{margin-top:-4px}.chat-message.me{align-self:flex-end}.chat-message.other{align-self:flex-start}.chat-name{color:#64748b;margin:0 0 4px 4px;font-size:12px;font-weight:600}.chat-bubble{color:#0f172a;background:#e2e8f0;border-radius:16px;padding:10px 14px;box-shadow:0 2px 8px #0f172a0a}.chat-message.me .chat-bubble{color:#fff;background:#2563eb}.chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.chat-time{color:#94a3b8;margin-top:4px;padding:0 4px;font-size:10px}.chat-message.me .chat-time{align-self:flex-end}.chat-message.other .chat-time{align-self:flex-start}.chat-reaction-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.chat-reactions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-reaction-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.chat-reaction-pill.active{color:#1d4ed8;background:#2563eb1a;border-color:#2563eb38}.chat-quick-actions{align-items:center;gap:4px;display:flex}.chat-quick-reaction{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px}.chat-quick-reaction:hover{opacity:1}.chat-image-btn{cursor:pointer;background:0 0;border:none;padding:0}.chat-image{border-radius:12px;max-width:220px;max-height:280px;display:block}.chat-caption{margin-top:8px!important}.chat-audio{width:240px;min-width:240px;max-width:100%;display:block}.chat-input-container{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:14px;display:flex}.chat-input-container-embedded{align-items:center}.chat-composer{background:#1f2328;border-radius:16px;flex:1;align-items:center;gap:8px;min-width:min(260px,100%);min-height:56px;padding:0 8px;display:flex;position:relative}.chat-composer-icon-left,.chat-composer-emoji-btn,.chat-composer-voice-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:22px;display:inline-flex}.chat-composer-icon-left:hover,.chat-composer-emoji-btn:hover,.chat-composer-voice-btn:hover{background:#ffffff14}.chat-composer-input-wrap{flex:1;align-items:center;gap:6px;display:flex;position:relative}.chat-composer-input-wrap input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-height:44px;font-size:16px}.chat-composer-input-wrap input::placeholder{color:#cbd5e1}.chat-send-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;min-width:92px;min-height:56px;padding:0 16px;font-weight:600}.chat-send-btn:disabled{opacity:.65;cursor:not-allowed}.chat-attachment-menu{z-index:45;background:#0f172a;border:1px solid #ffffff14;border-radius:14px;width:180px;padding:8px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 48px #0f172a59}.chat-attachment-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;min-height:42px;padding:0 12px;font-size:14px}.chat-attachment-item:hover:not(:disabled){background:#ffffff14}.chat-attachment-item:disabled{opacity:.45;cursor:not-allowed}.emoji-picker-popover{color:#fff;z-index:40;background:#0f172a;border:1px solid #1f2937;border-radius:18px;width:min(360px,92vw);max-height:420px;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 20px 48px #0f172a59}.emoji-picker-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px;display:flex}.emoji-picker-search{color:#fff;background:0 0;border:1px solid #22c55e;border-radius:999px;outline:none;flex:1;min-height:42px;padding:0 14px}.emoji-picker-search::placeholder{color:#94a3b8}.emoji-picker-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;width:36px;height:36px;font-size:22px}.emoji-picker-body{max-height:340px;padding:12px 14px 16px;overflow-y:auto}.emoji-picker-group+.emoji-picker-group{margin-top:16px}.emoji-picker-group-title{color:#cbd5e1;margin-bottom:10px;font-size:13px;font-weight:700}.emoji-picker-grid{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:8px;display:grid}.emoji-picker-item{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;font-size:24px}.emoji-picker-item:hover{background:#ffffff14}.emoji-picker-empty{color:#cbd5e1;padding:18px 4px;font-size:14px}.chat-image-modal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-image-modal-content{border-radius:12px;max-width:90%;max-height:90%}@media (width<=640px){.chat-message{max-width:90%}.chat-input-container{gap:8px}.chat-composer{flex-basis:100%;min-height:52px}.chat-composer-icon-left,.chat-composer-emoji-btn,.chat-composer-voice-btn{width:36px;min-width:36px;height:36px}.chat-send-btn{width:100%;min-height:50px}.emoji-picker-popover{left:var(--app-gutter,14px);right:var(--app-gutter,14px);width:auto;max-height:min(420px,70svh);position:fixed;bottom:88px}.emoji-picker-body{max-height:min(330px,56svh)}}.chat-image-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:20px;right:20px}html{scrollbar-color:#2563ebd9 #07111f;scrollbar-width:thin}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#07111f}body::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#2563eb);border:2px solid #07111f;border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7dd3fc,#3b82f6)}.room-layout{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 12% 10%,#14b8a614,#0000 28%),linear-gradient(135deg,#080812 0%,#08111d 100%);grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(240px,300px);width:100%;max-width:100%;height:calc(100vh - 112px);display:grid;position:relative;overflow:hidden}.room-layout,.room-layout *{scrollbar-color:#2563ebd9 #08111f61;scrollbar-width:thin}.room-layout::-webkit-scrollbar{width:9px;height:9px}.room-layout ::-webkit-scrollbar{width:9px;height:9px}.room-layout::-webkit-scrollbar-track{background:#08111f61;border-radius:999px}.room-layout ::-webkit-scrollbar-track{background:#08111f61;border-radius:999px}.room-layout::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#2563eb);border:2px solid #08111fb8;border-radius:999px}.room-layout ::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#2563eb);border:2px solid #08111fb8;border-radius:999px}.room-layout::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7dd3fc,#3b82f6)}.room-layout ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7dd3fc,#3b82f6)}.room-info-panel{background:linear-gradient(180deg, #182743eb, #101322f5), var(--bg-surface,#13131f);border-right:1px solid var(--border-color,#ffffff0d);flex-direction:column;width:auto;min-width:0;height:100%;padding:28px;display:flex;overflow:hidden auto;box-shadow:inset -1px 0 #ffffff08}.room-back-link{color:#bfdbfe;align-items:center;gap:8px;margin-bottom:30px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.room-back-link:hover{color:#fff}.room-meta-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.room-badge{text-transform:uppercase;color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.room-title{letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1.06}.room-goal{color:#bfdbfe;margin:0 0 28px;font-size:16px;line-height:1.55}.room-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin-bottom:20px;display:grid}.room-stat-card{background:#0f172a8f;border:1px solid #94a3b81f;border-radius:16px;padding:14px}.room-stat-value{color:#fff;margin-bottom:4px;font-size:24px;font-weight:800;display:block}.room-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.room-pulse-card{background:radial-gradient(circle at 18% 0,#38bdf82e,#0000 44%),#0f172aad;border-color:#2563eb85}.room-pulse-card .room-stat-value{color:#bfdbfe;font-size:22px}.room-stat-detail{color:#c7d2fe;margin-top:10px;font-size:13px;line-height:1.4;display:block}.room-people-count{color:var(--accent-primary);margin-bottom:24px;font-size:13px;font-weight:600}.room-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin:0 0 12px;font-size:12px;font-weight:700}.room-resources-list{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.room-resource-item{color:#a5b4fc;word-break:break-all;background:#6366f11a;border-radius:8px;padding:8px 12px;font-size:14px}.room-resource-box{color:var(--text-muted);background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:16px}.room-resource-box h3{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:14px}.room-action-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.room-action-btn{color:#fff;text-align:center;cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:800;transition:all .2s}.room-action-btn:hover{color:#fff;background:#ffffff0d}.room-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.room-edit-form{background:#0f172a7a;border:1px solid #ffffff14;border-radius:16px;gap:12px;margin-top:20px;padding:16px;display:grid}.room-chat-area{background:linear-gradient(#050812f5,#030a14fa);flex-direction:column;flex-grow:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.chat-header-bar{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.chat-header-title{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.chat-header-title span{color:var(--text-muted)}.chat-header-actions{align-items:center;gap:12px;display:flex}.chat-header-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:relative}.chat-header-btn:hover,.chat-header-btn.active{color:#fff;background:#ffffff1a}.member-badge{color:#fff;background:#ef4444;border-radius:9px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-2px;right:-6px}.unread-banner{color:var(--text-muted);text-align:center;background:0 0;border-bottom:1px solid #ffffff0d;margin:0 24px;padding:10px 0;font-size:12px}.chat-messages-container{flex-direction:column;flex-grow:1;width:100%;min-width:0;max-width:100%;padding:24px;display:flex;overflow:hidden auto;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.room-image-message{gap:8px;display:grid}.room-image-message img{border:1px solid #ffffff14;border-radius:12px;max-width:min(320px,100%);display:block}.discord-message{gap:12px;padding:2px 0;display:flex;position:relative}.discord-message:hover{background:#ffffff05}.discord-message:not(.grouped){margin-top:16px}.discord-message.is-me{flex-direction:row-reverse}.discord-avatar{color:#a1a1aa;background:#1e1e2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.discord-message-content{overflow-wrap:break-word;flex-direction:column;min-width:0;max-width:100%;display:flex;position:relative}.discord-message.is-me .discord-message-content{align-items:flex-end}.discord-message-header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.discord-message.is-me .discord-message-header{flex-direction:row-reverse}.discord-username{color:var(--text-muted);font-size:13px;font-weight:600}.discord-timestamp{color:var(--text-muted);opacity:0;font-size:11px;transition:opacity .2s}.discord-message:hover .discord-timestamp{opacity:1}.discord-bubble{color:#fff;word-break:break-word;overflow-wrap:break-word;background:#1e1e2e;border-radius:4px 16px 16px;width:fit-content;max-width:100%;padding:8px 14px;font-size:15px;line-height:1.5}.discord-message.is-me .discord-bubble{color:#fff;background:#4a4aad;border-radius:16px 4px 16px 16px}.discord-image-message{background:#0003;border-radius:12px;flex-direction:column;max-width:min(100%,400px);display:flex;overflow:hidden}.discord-shared-image{object-fit:cover;max-width:100%;display:block}.discord-reactions-row{flex-wrap:wrap;gap:6px;max-width:100%;margin-top:6px;display:flex;overflow:hidden}.discord-reaction-chip{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;transition:all .2s;display:flex}.discord-reaction-chip:hover{background:#ffffff1a}.discord-reaction-chip.reacted{background:#6366f133;border:1px solid #6366f180}.discord-reaction-chip.quick-add{border-style:dashed}.message-hover-actions{opacity:0;visibility:hidden;z-index:10;background:#13131f;border:1px solid #ffffff1a;border-radius:8px;padding:2px;transition:opacity .1s;display:flex;position:absolute;top:-16px;right:16px;box-shadow:0 4px 12px #00000080}.discord-message.is-me .message-hover-actions{left:16px;right:auto}.discord-message:hover .message-hover-actions{opacity:1;visibility:visible}.msg-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px}.msg-action-btn:hover{color:#fff;background:#ffffff0d}.discord-input-wrapper{background:var(--bg-main,#0d0d1a);box-sizing:border-box;border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:100%;min-width:0;padding:16px;display:flex;position:relative}.typing-indicator-bar{color:var(--text-muted);height:18px;margin-bottom:2px;font-size:11px;font-weight:600}.discord-input-inner{background:#1e2236e6;border:1px solid #ffffff14;border-radius:22px;align-items:flex-end;gap:8px;min-width:0;padding:8px 12px;transition:box-shadow .2s;display:flex;position:relative}.room-emoji-popover{z-index:80;width:min(340px,100vw - 32px);position:absolute;bottom:calc(100% + 10px);right:70px}.discord-input-inner:focus-within{box-shadow:inset 0 0 0 1px #ffffff14}.discord-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.discord-icon-btn:hover{color:#fff;background:#ffffff0d}.discord-input-field{color:#fff;resize:none;background:0 0;border:none;outline:none;flex-grow:1;min-width:0;min-height:24px;max-height:120px;padding:6px 0;font-family:inherit;font-size:15px}.message-composer-field{word-break:break-word;min-height:28px;max-height:none;line-height:1.45;overflow:hidden}.discord-input-field::placeholder{color:var(--text-muted)}.discord-send-btn{color:#fff;cursor:pointer;background:#4a4aad;border:none;border-radius:16px;flex-shrink:0;height:32px;padding:6px 14px;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.discord-send-btn:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff1a}.discord-send-btn:not(:disabled):hover{background:#5b5bcf}.live-banners-container{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:60px;left:0;right:0}.live-banner{color:#34d399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98126;border:1px solid #10b98133;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:500;animation:3s cubic-bezier(.16,1,.3,1) forwards slide-down-fade}.live-banner.leave{color:#a1a1aa;background:#52525b66;border:1px solid #ffffff0d}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.room-members-panel{border-left:1px solid var(--border-color);background:#131a28f5;flex-shrink:0;width:auto;min-width:0;height:100%;padding:28px 18px;transition:margin-right .3s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.room-members-panel.closed{margin-right:-260px}.member-group{margin-bottom:24px}.member-group-title{text-transform:uppercase;color:#93c5fd;margin-bottom:12px;padding-left:8px;font-size:11px;font-weight:800}.member-row{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.member-row:hover{background:#ffffff0f}.member-row.offline{opacity:.5}.member-avatar-wrapper{position:relative}.member-avatar{color:#fff;background:linear-gradient(135deg,#14b8a659,#2563eb59);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.member-status-dot{border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.member-status-dot.online{background:#10b981;box-shadow:0 0 6px #10b98180}.member-status-dot.away{background:#f59e0b}.member-status-dot.offline{background:#6b7280}.member-info{flex-direction:column;display:flex;overflow:hidden}.member-display-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.member-username{color:var(--text-muted);font-size:12px}@media (width<=992px){.room-layout{flex-direction:column;height:auto;min-height:0;display:flex;overflow:clip visible}.room-info-panel{border-right:none;border-bottom:1px solid var(--border-color);order:1;width:100%;height:auto;max-height:none;padding:22px;overflow:visible}.room-chat-area{border-top:1px solid #ffffff0f;order:3;min-height:min(720px,76svh);height:min(720px,76svh)!important}.room-members-panel{border-top:none;border-left:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;box-shadow:none;order:2;padding:16px 22px;position:static;overflow:hidden}.member-group{scroll-snap-type:x proximity;align-items:stretch;gap:10px;margin:0;padding-bottom:4px;display:flex;overflow-x:auto}.member-group-title{flex:none;align-items:center;margin:0;padding:0 6px 0 0;display:flex}.member-row{scroll-snap-align:start;background:#ffffff0a;border:1px solid #ffffff0f;flex:0 0 min(230px,72vw);width:auto;min-height:66px}.chat-header-bar{height:58px}.unread-banner{margin:0 16px;line-height:1.4}}@media (width<=640px){.room-info-panel,.chat-header-bar,.room-members-panel{padding-inline:16px}.room-info-panel{padding-block:18px}.room-back-link{margin-bottom:18px}.room-title{font-size:32px}.room-goal{margin-bottom:18px;font-size:15px}.room-stats-grid{grid-template-columns:1fr;gap:10px}.room-stat-card{padding:13px}.room-stat-detail{margin-top:6px}.discord-input-wrapper{padding:12px}.discord-input-inner{border-radius:18px;align-items:flex-end;gap:6px;padding:8px}.discord-icon-btn{width:30px;height:30px}.discord-send-btn{min-width:58px;padding-inline:12px}.chat-messages-container{padding:14px!important}.room-members-panel{padding-block:12px}.member-group{scroll-snap-type:none;grid-template-columns:1fr;padding-bottom:0;display:grid;overflow:visible}.member-group-title{padding:0}.member-row{flex:none;width:100%;min-height:58px}.member-avatar{width:34px;height:34px}.member-display-name,.member-username{white-space:normal}.room-chat-area [style*="max-width: 78%"]{max-width:92%!important}.room-emoji-popover{width:auto;left:12px;right:12px}}@media (width<=430px){.room-chat-area{min-height:70svh;height:70svh!important}.room-title{font-size:28px}.room-stat-value{font-size:22px}.room-pulse-card .room-stat-value{font-size:20px}.discord-input-field{font-size:14px}.discord-input-inner{gap:4px}.discord-icon-btn{width:28px;height:28px}.discord-send-btn{min-width:52px;height:30px;font-size:13px}}.task-form-card{background:var(--bg-surface,#1e1e2d);border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 10px 30px #00000080}.task-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.label{color:#374151;font-weight:600}.input,.textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.input:focus,.textarea:focus{border-color:#2563eb;outline:none}.create-task-btn,.cancel-task-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600}.create-task-btn{background:var(--accent-primary,#6366f1);color:#fff}.cancel-task-btn{background:var(--bg-surface,#1e1e2d);color:#fff;border:1px solid #ffffff1a}.textarea{resize:vertical;min-height:140px}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-self:flex-start;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s}.submit-btn:hover{background:#1d4ed8}@media (width<=768px){.form-row{grid-template-columns:1fr}.task-form-card{padding:20px}.submit-btn{width:100%}}.auth-page{background:radial-gradient(circle at 18% 12%,#22c55e29,#0000 32%),radial-gradient(circle at 82% 18%,#3b82f629,#0000 34%),linear-gradient(135deg,#090914 0%,#101827 54%,#071b1d 100%);justify-content:center;min-height:100vh}.auth-shell{width:min(1120px, calc(100% - (var(--app-gutter,20px) * 2)));grid-template-columns:minmax(0,1fr) minmax(min(100%,360px),460px);align-items:stretch;gap:32px;margin:0 auto;padding:44px 0;display:grid}.auth-story-panel{background:linear-gradient(145deg,#0a0f1eeb,#0a2728b8),url(/assets/hero-5sT3BiRD.png) 50%/cover;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:min(620px,100svh - 88px);padding:clamp(24px,5vw,46px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0000005c}.auth-kicker{color:#5eead4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:14px;font-weight:800}.auth-story-title{color:#fff;letter-spacing:0;max-width:620px;margin:0;font-size:clamp(36px,8vw,58px);line-height:.98}.auth-story-copy{color:#ffffffc2;max-width:560px;margin:22px 0 0;font-size:clamp(15px,3vw,18px);line-height:1.7}.auth-activity-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070c18b8;border:1px solid #ffffff1f;border-radius:20px;width:min(520px,100%);padding:18px}.auth-activity-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.auth-activity-header span,.auth-activity-meta{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-activity-header strong{color:#fff;font-size:15px}.auth-activity-list{gap:10px;display:grid}.auth-activity-card{background:#0f172ad1;border:1px solid #94a3b824;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;padding:14px;display:grid}.auth-activity-card strong{color:#fff;overflow-wrap:anywhere;margin-top:6px;font-size:16px;line-height:1.25;display:block}.auth-activity-card.empty{grid-template-columns:1fr}.auth-activity-stats{color:#e2e8f0c2;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;font-weight:700;display:flex}.auth-activity-card.skeleton{position:relative;overflow:hidden}.auth-activity-card.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.2s ease-in-out infinite auth-skeleton-sweep;position:absolute;inset:0}@keyframes auth-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0b1220d1;border:1px solid #ffffff1a;border-radius:24px;align-self:center;padding:clamp(24px,5vw,34px);box-shadow:0 22px 70px #0000006b}.auth-card-header{margin-bottom:28px}.auth-eyebrow{color:#5eead4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.auth-card-header h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(30px,7vw,34px);line-height:1.1}.auth-card-header p{color:#e2e8f0b8;margin:10px 0 0;line-height:1.55}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:9px;display:flex}.auth-label{color:#e2e8f0db;font-size:14px;font-weight:700}.auth-input{color:#f8fafc;background:#0f172adb;border:1px solid #94a3b83d;border-radius:14px;width:100%;min-height:54px;padding:0 16px;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-input::placeholder{color:#94a3b8ad}.auth-input:focus{background:#0f172afa;border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf824}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:14px;width:100%;min-height:54px;margin-top:6px;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 16px 32px #14b8a62e}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px #2563eb3d}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.68}.auth-switch-row{color:#e2e8f0ad;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.auth-switch-btn{color:#5eead4;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.auth-switch-btn:hover{color:#93c5fd}.input-error{border-color:#fb7185;outline:none}.field-hint-row{min-height:18px;margin-top:1px}.field-error,.field-success,.field-info{font-size:13px;line-height:1.35}.field-error{color:#fb7185}.field-success{color:#5eead4}.field-info{color:#94a3b8d1}@media (width<=900px){.auth-shell{width:min(560px, calc(100% - (var(--app-gutter,16px) * 2)));grid-template-columns:1fr;padding:28px 0}.auth-story-panel{border-radius:22px;min-height:auto;padding:30px}.auth-story-title{font-size:40px}.auth-story-copy{font-size:16px}}@media (width<=560px){.auth-shell{width:calc(100% - (var(--app-gutter,14px) * 2));gap:18px;padding:18px 0}.auth-story-panel{padding:22px}.auth-story-title{font-size:34px}.auth-activity-panel{margin-top:28px;padding:14px}.auth-activity-card{grid-template-columns:1fr}.auth-activity-stats{align-items:flex-start}.auth-card{border-radius:20px}.auth-switch-row{flex-wrap:wrap}}