@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);:root{--mobile-radius-sm:8px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-full:9999px}@media (max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}.show-mobile-inline-flex{display:inline-flex!important}}.hide-tablet-down{display:block}@media (max-width:1023px){.hide-tablet-down{display:none!important}}.show-tablet-down{display:none}@media (max-width:1023px){.show-tablet-down{display:block!important}.show-tablet-down-flex{display:flex!important}}.hide-xs{display:block}@media (max-width:479px){.hide-xs{display:none!important}}.show-xs{display:none}@media (max-width:479px){.show-xs{display:block!important}}.touch-target{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.touch-target,.touch-target-lg{align-items:center;display:inline-flex;justify-content:center}.touch-target-lg{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.touch-expand{position:relative}.touch-expand:before{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.responsive-stack{display:flex;flex-direction:row;gap:16px}@media (max-width:767px){.responsive-stack{flex-direction:column}}.responsive-stack-reverse{display:flex;flex-direction:row;gap:16px}@media (max-width:767px){.responsive-stack-reverse{flex-direction:column-reverse}}.responsive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:767px){.responsive-grid{gap:12px;grid-template-columns:1fr}}.responsive-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.responsive-grid-2{gap:12px;grid-template-columns:1fr}}.responsive-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.responsive-grid-3{gap:12px;grid-template-columns:1fr}}.mobile-nav-padding{padding-bottom:0}@media (max-width:767px){.mobile-nav-padding{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-inset-bottom))}}.safe-area-padding{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.text-responsive{font-size:1rem;line-height:1.5}@media (max-width:767px){.text-responsive{font-size:16px;font-size:var(--mobile-font-md)}}.truncate-mobile{white-space:normal}@media (max-width:767px){.truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain}.scroll-x-mobile{overflow-x:visible}@media (max-width:767px){.scroll-x-mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.scroll-x-mobile::-webkit-scrollbar{display:none}}.full-width-mobile{width:auto}@media (max-width:767px){.full-width-mobile{width:100%}}.mobile-full-height{height:auto}@media (max-width:767px){.mobile-full-height{height:calc(100vh - 120px);height:calc(100vh - var(--mobile-header-height) - var(--mobile-bottom-nav-height));height:calc(100dvh - 120px);height:calc(100dvh - var(--mobile-header-height) - var(--mobile-bottom-nav-height))}}.modal-mobile-fullscreen{border-radius:12px;max-height:90vh;max-width:90vw}@media (max-width:767px){.modal-mobile-fullscreen{border-radius:0;bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:100%}}@media (hover:none){.no-touch-hover:hover{background-color:inherit;box-shadow:none;transform:none}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.animate-slide-left{animation:slideInLeft .3s ease-out forwards}.animate-slide-right{animation:slideInRight .3s ease-out forwards}.animate-fade-in{animation:fadeInOverlay .2s ease-out forwards}@media (max-width:767px){.touch-active:active{opacity:.7;transform:scale(.98)}}.no-select{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}@media print{.no-print{display:none!important}}body,html{height:100%;margin:0;overflow:hidden;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--dark-bg:#1a0f2e;--darker-bg:#140a24;--card-bg:#2d1b4e;--purple-main:#8b5cf6;--purple-bright:#a78bfa;--pink-hot:#ec4899;--pink-light:#f9a8d4;--orange-pop:#fb923c}.themed-loading-screen{align-items:center;background:linear-gradient(135deg,#1a0f2e,#2d1b4e);background:linear-gradient(135deg,var(--dark-bg) 0,var(--card-bg) 100%);bottom:0;color:#e2e8f0;color:var(--text-normal);display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.themed-loading-screen .bg-decoration{background-image:radial-gradient(circle at 20% 80%,#8b5cf633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec489933 0,#0000 50%),radial-gradient(circle at 40% 40%,#fb923c26 0,#0000 50%);height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.loading-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.loading-content{animation:fadeInUp .8s ease-out;flex-direction:column;gap:3rem;text-align:center}.loading-content,.loading-logo{align-items:center;display:flex}.loading-logo{animation:slideDown .8s ease-out .2s both;gap:1rem}.logo-image{filter:drop-shadow(0 4px 15px rgba(139,92,246,.3));height:60px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899);background:linear-gradient(135deg,var(--purple-bright),var(--pink-hot));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--white);font-size:2rem;font-weight:800;text-shadow:0 2px 10px #0003}.loading-spinner-container{align-items:center;animation:slideUp .8s ease-out .4s both;display:flex;justify-content:center;position:relative}.loading-spinner{height:100px;position:relative;width:100px}.spinner-glow{animation:staticPulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ec48994d 0,#0000 70%);filter:blur(40px);height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.spinner-ring{animation:centerSpin 2s linear infinite;border:4px solid #0000;border-radius:50%;border-right:4px solid #ec4899;border-right:4px solid var(--pink-hot);border-top-color:#8b5cf6;border-top:4px solid var(--purple-main);filter:drop-shadow(0 0 10px rgba(139,92,246,.5));height:100px;width:100px}.spinner-inner,.spinner-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spinner-inner{animation:centerSpinReverse 1.5s linear infinite;border:3px solid;border-color:#0000 #0000 #fb923c;border-bottom:3px solid var(--orange-pop);border-left:3px solid #f9a8d4;border-left:3px solid var(--pink-light);border-radius:50%;filter:drop-shadow(0 0 8px rgba(236,72,153,.4));height:70px;width:70px}.loading-text{align-items:center;animation:fadeIn .8s ease-out .6s both;display:flex;flex-direction:column;gap:1rem}.loading-message{color:#e2e8f0;color:var(--text-normal);font-size:1.25rem;font-weight:600;text-shadow:0 2px 10px #0003}.loading-dots{align-items:center;display:flex;gap:.5rem}.loading-dots span{animation:dotPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot));border-radius:50%;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3));height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes centerSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes centerSpinReverse{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes staticPulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.loading-logo{flex-direction:column;gap:.5rem}.logo-image{height:50px}.logo-text{font-size:1.5rem}.loading-spinner{height:80px;width:80px}.spinner-glow{height:100px;width:100px}.spinner-ring{height:80px;width:80px}.spinner-inner{height:56px;left:12px;top:12px;width:56px}.loading-message{font-size:1.1rem}}.d20-container{animation:float 6s ease-in-out infinite;border-radius:50%;display:inline-block;filter:drop-shadow(0 0 50px rgba(251,191,36,.7)) brightness(1.15);overflow:visible;position:relative}.d20-canvas-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.d20-canvas-wrapper canvas{display:block;max-height:100%;max-width:100%}.d20-container:before{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#fbbf2499 0,#f59e0b66 20%,#eab30840 40%,#ca8a0426 60%,#0000 80%);filter:blur(25px);height:180%;width:180%;z-index:-2}.d20-container:after,.d20-container:before{content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.d20-container:after{animation:glowPulse 3s ease-in-out infinite reverse;background:radial-gradient(circle at 30% 30%,#eab30840 0,#0000 50%),radial-gradient(circle at 70% 70%,#ca8a0433 0,#0000 50%),radial-gradient(circle,#ca8a041f 0,#0000 70%);filter:blur(20px);height:120%;width:120%;z-index:-1}.d20-container:hover:before{animation:glowPulse 2s ease-in-out infinite;height:160%;width:160%}.d20-container:hover:after{animation:glowPulse 1.5s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.d20-container{animation-duration:10s}}:root{--primary:#7c3aed;--primary-light:#8b5cf6;--primary-dark:#6d28d9;--primary-bright:#a78bfa;--primary-glow:#7c3aed66;--accent-gold:#f59e0b;--accent-gold-light:#fbbf24;--accent-gold-bright:#fcd34d;--gold-glow:#f59e0b66;--cta:#e11d48;--cta-light:#f43f5e;--cta-bright:#fb7185;--cta-glow:#e11d4866;--dark-bg:#0b0d17;--darker-bg:#060810;--card-bg:#7c3aed14;--card-bg-hover:#7c3aed24;--card-bg-solid:#111427;--text-primary:#fff;--text-secondary:#b8c0d4;--text-muted:#6b7394;--gradient-primary:linear-gradient(135deg,#9333ea,#a855f7 50%,#c084fc);--gradient-hero:linear-gradient(180deg,#0b0d17,#0f1024 50%,#0b0d17);--gradient-glow:radial-gradient(ellipse at center,#8b5cf640 0%,#0000 70%);--gradient-accent:linear-gradient(135deg,#9333ea,#6366f1,#0ea5e9,#10b981);--gradient-gold:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#fcd34d);--gradient-cta:#dc2626;--white:#fff}.landing-page{background:linear-gradient(180deg,#0b0d17,#0f1024 50%,#0b0d17);background:var(--gradient-hero);color:#fff;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.bg-decoration{animation:bgShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse 600px 600px at 20% 20%,#8b5cf633 0,#0000 70%),radial-gradient(ellipse 500px 500px at 80% 30%,#3b82f61f 0,#0000 70%),radial-gradient(ellipse 400px 400px at 60% 80%,#e11d4814 0,#0000 70%),radial-gradient(ellipse 450px 450px at 10% 70%,#06b6d414 0,#0000 70%);height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes bgShift{0%{opacity:.8}50%{opacity:1}to{opacity:.9}}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d17e6;border-bottom:1px solid #7c3aed33;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:.75rem;margin-right:2rem;text-decoration:none;transition:transform .3s}.nav-logo:hover{transform:scale(1.05)}.logo-image{height:45px;width:auto}.landing-page .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#a855f7 50%,#c084fc);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{align-items:center;display:flex;gap:1.75rem;margin-right:2rem}.nav-link{color:#b8c0d4;color:var(--text-secondary);font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:#c4b5fd;text-shadow:0 0 15px #a78bfa66}.nav-auth{align-items:center;display:flex;gap:1rem}.nav-hamburger{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:8px;width:44px;z-index:1002}.hamburger-line{background:#e2e8f0;border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:24px}.nav-hamburger.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.nav-hamburger.open .hamburger-line:nth-child(2){opacity:0}.nav-hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu,.nav-mobile-overlay{display:none}.nav-login-btn{border-radius:8px;color:#fff;color:var(--text-primary);font-weight:500;padding:10px 20px;text-decoration:none;transition:background .2s}.nav-login-btn:hover{background:#7c3aed1a}.nav-signup-btn{background:#dc2626;border-radius:8px;color:#fff;font-weight:600;padding:10px 24px;text-decoration:none;transition:transform .2s,background .2s}.nav-signup-btn:hover{background:#ef4444;transform:translateY(-2px)}.hero-section{padding:10rem 2rem 4rem;position:relative;z-index:1}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1200px}.hero-content{position:relative}.hero-badge{background:linear-gradient(135deg,#8b5cf633,#3b82f626);border:1px solid #8b5cf666;border-radius:50px;box-shadow:0 0 20px #8b5cf626;color:#a78bfa;color:var(--primary-bright);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.5rem;padding:8px 20px}.hero-title{color:#fff;color:var(--white);font-size:clamp(2.5rem,7vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem;text-shadow:0 4px 20px #0003}.hero-title .highlight{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6,#10b981,#f59e0b,#ef4444,#a855f7);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;filter:brightness(1.2) saturate(1.3)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-description{color:#b8c0d4;color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.cta-primary{align-items:center;background:#dc2626;border-radius:12px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:16px 32px;text-decoration:none;transition:transform .2s,background .2s}.cta-primary:hover{background:#ef4444;transform:translateY(-3px) scale(1.02)}.cta-secondary{align-items:center;background:#0000;border:2px solid #8b5cf680;border-radius:12px;box-shadow:0 0 15px #8b5cf61a;color:#a78bfa;color:var(--primary-bright);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-secondary:hover{background:#8b5cf626;border-color:#a78bfa;box-shadow:0 0 25px #8b5cf640;transform:translateY(-2px)}.hero-discover{margin-top:1.5rem}.discover-link{align-items:center;color:#6b7394;color:var(--text-muted);display:inline-flex;font-size:.95rem;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:color .2s}.discover-link:hover{color:#a78bfa;color:var(--primary-bright)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-dice-container{padding:2rem;position:relative}.dice-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#8b5cf699 0,#3b82f64d 40%,#e11d481a 70%,#0000 100%);filter:blur(50px);height:280px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px}@keyframes pulseGlow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.hero-image{border-radius:20px;box-shadow:0 20px 60px #0000004d;display:none;height:auto;max-width:500px;width:100%}.beta-section{background:#060810;background:var(--darker-bg);padding:40px 0;position:relative;z-index:1}.beta-banner{background:linear-gradient(135deg,#f59e0b1f,#fbbf2414);border:1px solid #f59e0b4d;border-radius:16px;padding:24px 32px}.beta-banner-content{align-items:center;display:flex;justify-content:space-between}.beta-left{align-items:center;display:flex;gap:1rem}.beta-badge-inline{background:#f59e0b;background:var(--accent-gold);border-radius:6px;color:#0b0d17;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:6px 12px}.beta-banner-text{color:#b8c0d4;color:var(--text-secondary);font-size:1rem;margin:0}.beta-banner-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#fcd34d);background:var(--gradient-gold);border-radius:8px;color:#0b0d17;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s}.beta-banner-btn:hover{box-shadow:0 8px 24px #f59e0b66;box-shadow:0 8px 24px var(--gold-glow);transform:translateY(-2px)}.features-preview{padding:5rem 2rem;position:relative;z-index:1}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c084fc 60%,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center;text-shadow:none}.section-subtitle{color:#6b7394;color:var(--text-muted);font-size:1.2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.landing-page .feature-card{background:#7c3aed14!important;border:1px solid #8b5cf633!important;border-radius:16px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.landing-page .feature-card:before{display:none}.landing-page .feature-card:hover{background:#8b5cf624!important;border-color:#8b5cf666!important;box-shadow:0 20px 50px #7c3aed40,0 0 30px #8b5cf61a;transform:translateY(-8px)}.landing-page .feature-card:hover:before{opacity:1}.landing-page .feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf640,#7c3aed1f);border:1px solid #8b5cf64d;border-radius:14px;box-shadow:0 4px 16px #7c3aed26,inset 0 1px 0 #ffffff0d;color:#c4b5fd;display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;transition:all .3s ease;width:56px}.landing-page .feature-card:hover .feature-icon{background:linear-gradient(135deg,#8b5cf666,#7c3aed33);border-color:#a78bfa80;box-shadow:0 4px 20px #7c3aed4d,inset 0 1px 0 #ffffff14;color:#ddd6fe;transform:scale(1.05)}.landing-page .feature-card h3{color:#fff!important;color:var(--text-primary)!important;font-size:1.25rem;font-weight:700;margin-bottom:12px}.landing-page .feature-card p{color:#b8c0d4!important;color:var(--text-secondary)!important;font-size:.95rem;line-height:1.6}.security-section{background:linear-gradient(180deg,#7c3aed0f,#0b0d17);background:linear-gradient(180deg,#7c3aed0f 0,var(--dark-bg) 100%);padding:80px 2rem;position:relative;z-index:1}.security-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.security-card{background:#7c3aed14;border:1px solid #7c3aed33;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}.security-card:hover{border-color:#7c3aed80;box-shadow:0 8px 32px #7c3aed26;transform:translateY(-4px)}.security-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#7c3aed14);border:1px solid #8b5cf640;border-radius:14px;box-shadow:0 4px 12px #7c3aed1a;color:#c4b5fd;display:flex;height:52px;justify-content:center;margin:0 auto 1.25rem;width:52px}.security-card:hover .security-icon{background:linear-gradient(135deg,#8b5cf659,#7c3aed26);border-color:#a78bfa66;color:#ddd6fe;transform:scale(1.05);transition:all .3s ease}.security-card h3{color:#fff;color:var(--text-primary,#fff);font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.security-card p{color:#b8c0d4;color:var(--text-secondary,#b8c0d4);font-size:.9rem;line-height:1.6;margin:0}@media (max-width:1024px){.security-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.security-section{padding:60px 1.5rem}.security-grid{gap:1rem;grid-template-columns:1fr}}.cta-section{background:linear-gradient(180deg,#0b0d17,#060810);background:linear-gradient(180deg,var(--dark-bg) 0,var(--darker-bg) 100%);padding:100px 2rem;position:relative;z-index:1}.cta-section:before{background:radial-gradient(ellipse,#8b5cf633 0,#3b82f61a 40%,#0000 70%);content:"";height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c084fc,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{color:#b8c0d4;color:var(--text-secondary);font-size:1.2rem;margin-bottom:2.5rem}.cta-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-primary.large{font-size:1.2rem;padding:1.2rem 3rem}.landing-footer{background:#060810;background:var(--darker-bg);border-image:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4,#10b981,#fbbf24) 1;border-top:3px solid;padding:3rem 2rem 1.5rem;position:relative;z-index:1}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-section h4{color:#fff;color:var(--text-primary);font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-section a{color:#6b7394;color:var(--text-muted);display:block;font-size:.875rem;padding:.3rem 0;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#a78bfa;color:var(--primary-bright)}.footer-bottom{align-items:center;border-top:1px solid #7c3aed1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1.5rem}.footer-bottom p{color:#6b7394;color:var(--text-muted);margin:0}.social-links{display:flex;gap:1rem}.social-links a{color:#6b7394;color:var(--text-muted);font-size:1.5rem;transition:all .3s}.social-links a:hover{color:#a78bfa;color:var(--primary-bright);transform:translateY(-3px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.nav-auth,.nav-menu{display:none}.nav-hamburger{display:flex}.nav-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0d17f7;border-bottom:1px solid #8b5cf640;display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}.nav-mobile-menu.open{max-height:600px;opacity:1}.nav-mobile-links{display:flex;flex-direction:column;padding:.75rem 1.5rem 0}.nav-mobile-link{border-bottom:1px solid #ffffff0f;border-radius:6px;color:#a1a1aa;font-size:1.05rem;font-weight:500;padding:.85rem .5rem;text-decoration:none;transition:color .2s,background .2s}.nav-mobile-link:active,.nav-mobile-link:hover{color:#c4b5fd}.nav-mobile-link.active{background:#8b5cf614;color:#c4b5fd;text-shadow:0 0 12px #a78bfa66}.nav-mobile-auth{border-top:1px solid #ffffff0f;display:flex;gap:.75rem;margin-top:.5rem;padding:1rem 1.5rem 1.25rem}.nav-mobile-auth .nav-login-btn,.nav-mobile-auth .nav-signup-btn{display:block;flex:1 1;text-align:center}.nav-mobile-overlay{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:998}.hero-container{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.features-grid{grid-template-columns:1fr}.beta-banner-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{text-align:center}.footer-bottom,.roadmap-item{flex-direction:column}.roadmap-timeline-marker{flex-direction:row;margin-bottom:1rem;margin-right:0}.timeline-line{height:2px;margin-left:1rem;margin-top:0;width:60px}}.roadmap-timeline{margin-top:3rem;position:relative}.roadmap-item{display:flex;margin-bottom:3rem;position:relative}.roadmap-timeline-marker{align-items:center;display:flex;flex-direction:column;margin-right:2rem;min-width:20px;position:relative}.timeline-dot{border:3px solid #fff3;border-radius:50%;height:20px;width:20px;z-index:1}.timeline-line{background:linear-gradient(180deg,#7c3aed,#a78bfa);background:linear-gradient(to bottom,var(--primary),var(--primary-bright));height:60px;margin-top:1rem;opacity:.3;width:2px}.roadmap-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;flex:1 1;padding:2rem;transition:all .3s ease}.roadmap-content:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--primary-bright);box-shadow:0 10px 25px #7c3aed33;transform:translateY(-3px)}.roadmap-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.roadmap-phase{color:#a78bfa;color:var(--primary-bright);font-size:.875rem}.roadmap-phase,.roadmap-status{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.roadmap-status{border-radius:20px;font-size:.75rem;padding:.25rem .75rem}.roadmap-title{color:#fff;color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.roadmap-quarter{color:#6b7394;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.roadmap-features{list-style:none;margin:0;padding:0}.roadmap-feature{align-items:flex-start;color:#fff;color:var(--text-primary);display:flex;line-height:1.5;margin-bottom:.75rem}.feature-bullet{color:#a78bfa;color:var(--primary-bright);flex-shrink:0;font-size:.875rem;margin-right:.75rem}.roadmap-notice{background:#eab3081a;border:1px solid #eab3084d;border-radius:12px;margin-top:3rem;padding:2rem}.roadmap-notice h3{color:#a78bfa;color:var(--primary-bright);font-size:1.25rem;margin-bottom:1rem}.roadmap-notice ul{list-style:none;padding:0}.roadmap-notice li{color:#fff;color:var(--text-primary);margin-bottom:.75rem}.changelog-timeline{margin-top:3rem}.changelog-entry{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#7c3aed0f;border:1px solid #8b5cf633;border-left:3px solid #8b5cf6;border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.changelog-entry:hover{background:#8b5cf61a;border-color:#8b5cf659;box-shadow:0 12px 30px #7c3aed33;transform:translateY(-2px)}.changelog-header{margin-bottom:1.5rem}.version-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.version-title{color:#fff;color:var(--white);font-size:1.5rem;font-weight:600;margin:0}.version-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.version-date{color:#6b7394;color:var(--text-muted);font-size:.875rem}.version-type{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.changelog-highlights{margin-bottom:2rem}.changelog-highlights h4{color:#a78bfa;color:var(--primary-bright);font-size:1.125rem;margin-bottom:1rem}.highlights-list{list-style:none;margin:0;padding:0}.highlights-list li{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:8px;color:#fff;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem}.changelog-changes{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.change-category{background:#ffffff05;border-radius:8px;padding:1.5rem}.category-title{color:#a78bfa;color:var(--primary-bright);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.changes-list{list-style:none;margin:0;padding:0}.changes-list li{border-bottom:1px solid #ffffff0d;color:#fff;color:var(--text-primary);line-height:1.5;padding:.5rem 0}.changes-list li:last-child{border-bottom:none}.changes-list li:before{color:#a78bfa;color:var(--primary-bright);content:"•";font-weight:700;margin-right:.75rem}.changelog-notice{background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:12px;margin-top:3rem;padding:2rem;text-align:center}.changelog-notice h3{color:#a78bfa;font-size:1.25rem;margin-bottom:1rem}.changelog-notice p{color:#fff;color:var(--text-primary);margin-bottom:0}.legal-content{margin:0 auto;max-width:800px}.legal-section{margin-bottom:3rem}.legal-section h2{margin-bottom:1.5rem}.legal-section h2,.legal-section h3{color:#a78bfa;color:var(--primary-bright)}.legal-section h3{font-size:1.25rem;margin-bottom:1rem}.legal-section p{line-height:1.6}.legal-section p,.legal-section ul{color:#fff;color:var(--text-primary);margin-bottom:1rem}.legal-section li{line-height:1.5;margin-bottom:.5rem}.cookie-category{background:#ffffff08;border:1px solid #7c3aed33;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.cookie-category h3{margin-bottom:1rem}.important-notice{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.important-notice h4{color:#a78bfa;color:var(--primary-bright);margin-bottom:.75rem}.licenses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.license-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;padding:1.5rem;transition:all .3s ease}.license-card:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--primary-bright);box-shadow:0 8px 20px #7c3aed26;transform:translateY(-2px)}.license-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.license-name{color:#fff;color:var(--white);font-size:1.125rem;font-weight:600;margin:0}.license-version{background:#ffffff1a;border-radius:4px;color:#6b7394;color:var(--text-muted);font-size:.875rem;padding:.25rem .5rem}.license-description{color:#fff;color:var(--text-primary);line-height:1.5;margin-bottom:1rem}.license-details{align-items:center;display:flex;justify-content:space-between}.license-link,.license-type{color:#a78bfa;color:var(--primary-bright);font-size:.875rem;font-weight:500}.license-link{text-decoration:none;transition:color .3s ease}.license-link:hover{color:#a78bfa;color:var(--primary-bright)}.update-notice{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.update-notice p{color:#6b7394;color:var(--text-muted);margin-bottom:.5rem}.help-search{margin-bottom:3rem;text-align:center}.help-search-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:2px solid #7c3aed4d;border-radius:12px;color:#fff;color:var(--white);font-size:1.125rem;max-width:500px;padding:1rem 1.5rem;width:100%}.help-search-input:focus{border-color:#a78bfa;border-color:var(--primary-bright);box-shadow:0 0 0 3px #7c3aed33;outline:none}.help-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.help-category{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;padding:2rem}.help-category .category-title{color:#a78bfa;color:var(--primary-bright);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.help-articles{list-style:none;margin:0;padding:0}.help-article{margin-bottom:.75rem}.article-link{color:#fff;color:var(--text-primary);display:block;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.article-link:hover{color:#a78bfa;color:var(--primary-bright)}.help-contact{margin-top:3rem;text-align:center}.help-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.blog-post{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;padding:2rem;transition:all .3s ease}.blog-post:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--primary-bright);transform:translateY(-3px)}.post-meta{display:flex;gap:1rem;margin-bottom:1rem}.post-category{background:#7c3aed;background:var(--primary);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.post-date{color:#6b7394;color:var(--text-muted);font-size:.875rem}.post-title a{color:#fff;color:var(--white);font-size:1.5rem;font-weight:600;text-decoration:none}.post-title a:hover{color:#a78bfa;color:var(--primary-bright)}.post-excerpt{color:#fff;color:var(--text-primary);line-height:1.6;margin:1rem 0}.post-footer{align-items:center;display:flex;justify-content:space-between}.read-time{color:#6b7394;color:var(--text-muted);font-size:.875rem}.read-more{font-weight:500;text-decoration:none}.read-more,.read-more:hover{color:#a78bfa;color:var(--primary-bright)}.blog-coming-soon{background:#ffffff05;border-radius:12px;padding:3rem;text-align:center}.company-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.info-item{background:#ffffff08;border-radius:8px;padding:1.5rem;text-align:center}.info-item h4{color:#a78bfa;color:var(--primary-bright);margin-bottom:.5rem}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.stat-card{background:#ffffff0d;border:1px solid #7c3aed33;padding:2rem;text-align:center}.stat-number{color:#a78bfa;color:var(--primary-bright);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7394;color:var(--text-muted);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.community-guidelines{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.guideline-item{background:#ffffff08;border:1px solid #7c3aed33;border-radius:8px;padding:1.5rem}.guideline-item h4{color:#a78bfa;color:var(--primary-bright);margin-bottom:1rem}.careers-list{grid-gap:2rem;display:grid;gap:2rem;margin:2rem 0}.job-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:12px;padding:2rem;transition:all .3s ease}.job-card:hover{border-color:#a78bfa;border-color:var(--primary-bright);transform:translateY(-2px)}.job-header{margin-bottom:1rem}.job-title{color:#fff;color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.job-meta{display:flex;flex-wrap:wrap;gap:1rem}.job-meta span{background:#7c3aed33;border-radius:20px;color:#a78bfa;color:var(--primary-bright);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.job-description{color:#fff;color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem}.job-actions{display:flex;gap:1rem}.careers-contact{background:#ffffff05;border-radius:12px;margin-top:3rem;padding:3rem;text-align:center}.press-content{margin:0 auto;max-width:800px}.press-section{margin-bottom:3rem}.media-kit-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.kit-item{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:8px;padding:1.5rem;text-align:center}.kit-item h4{color:#a78bfa;color:var(--primary-bright);margin-bottom:1rem}.press-contacts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.contact-item{background:#ffffff08;border:1px solid #7c3aed33;border-radius:8px;padding:1.5rem}.contact-item h4{color:#a78bfa;color:var(--primary-bright);margin-bottom:.5rem}.contact-item p{font-family:monospace;font-size:.875rem}.contact-item p,.file-input{color:#fff;color:var(--text-primary)}.file-input{background:#ffffff0d;border:2px dashed #7c3aed4d;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.file-input:hover{background:#ffffff14}.file-input:focus,.file-input:hover{border-color:#a78bfa;border-color:var(--primary-bright)}.file-input:focus{box-shadow:0 0 0 3px #7c3aed33;outline:none}.file-help-text{color:#6b7394;color:var(--text-muted);font-size:.875rem;margin-bottom:0;margin-top:.5rem}.selected-file{background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:6px;font-size:.875rem;margin-top:.75rem;padding:.75rem}.form-sending,.selected-file{color:#a78bfa;color:var(--primary-bright);font-weight:500}.form-sending{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.form-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444}.form-error,.form-success{font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.form-success{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;color:#8b5cf6}@media (max-width:767px){.landing-page{padding-bottom:env(safe-area-inset-bottom,0)}.landing-nav,.landing-page{padding-top:env(safe-area-inset-top,0)}.nav-container{padding:.75rem 1rem}.logo-image{height:36px}.logo-text{font-size:1.2rem}.nav-login-btn,.nav-signup-btn{font-size:.9rem;min-height:44px;padding:.75rem 1.25rem}.hero-section{padding:7rem 1rem 2rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.hero-description{font-size:1rem;margin-bottom:2rem}.cta-primary,.cta-secondary{font-size:1rem;justify-content:center;min-height:48px;padding:1rem 2rem;width:100%}.hero-actions{flex-direction:column;gap:1rem;width:100%}.features-preview{padding:3rem 1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.2rem}.beta-section{padding:1rem 0}.beta-banner{padding:1rem}.beta-banner-text{font-size:.9rem}.beta-banner-btn{min-height:44px;padding:.75rem 1.5rem}.cta-section{padding:3rem 1rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-actions{flex-direction:column}.cta-primary.large{font-size:1rem;padding:1rem 2rem;width:100%}.landing-footer{padding:2rem 1rem 1rem}.footer-content{gap:2rem}.footer-section h4{font-size:1rem}.roadmap-content{padding:1.5rem}.roadmap-title{font-size:1.25rem}.help-categories{grid-template-columns:1fr}.blog-post{padding:1.5rem}.post-title a{font-size:1.25rem}.legal-content{padding:0 .5rem}.licenses-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:2rem}.help-search-input{font-size:16px;padding:.875rem 1.25rem}.file-input{font-size:16px;padding:1rem}}@media (max-width:359px){.hero-title{font-size:1.75rem}.nav-auth{gap:.5rem}.nav-login-btn,.nav-signup-btn{font-size:.8rem;padding:.6rem 1rem}.section-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.blog-post:hover,.changelog-entry:hover,.feature-card:hover,.job-card:hover,.license-card:hover,.roadmap-content:hover{transform:none}.blog-post:active,.feature-card:active,.license-card:active,.roadmap-content:active{opacity:.9;transform:scale(.99)}.beta-banner-btn:active,.cta-primary:active,.cta-secondary:active{opacity:.9;transform:scale(.98)}.nav-link:after{display:none}.nav-link:active{opacity:.7}}@media (max-width:767px) and (orientation:landscape){.hero-section{padding:6rem 1rem 2rem}.hero-dice-container{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}}.faq-container{margin:0 auto;max-width:900px}.faq-section{margin-bottom:2rem}.faq-section-title{align-items:center;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:12px;color:#fff;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;padding:1.25rem 1.5rem;transition:all .3s ease}.faq-section-title:hover{background:#7c3aed40;border-color:#a78bfa;border-color:var(--primary-bright)}.faq-questions{padding:1rem 0}.faq-item{background:linear-gradient(135deg,#0f1024f2,#0a0b18f2);border:1px solid #7c3aed40;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:#7c3aed80;box-shadow:0 4px 15px #7c3aed26}.faq-item h4{color:#a78bfa;color:var(--primary-bright);font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.faq-item p{color:#fff;color:var(--text-primary);font-size:1rem;line-height:1.7;margin:0}.page-header{margin-bottom:3rem;padding-top:8rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 20%,#c084fc 80%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.page-header p{color:#6b7394;color:var(--text-muted);font-size:1.2rem}.page-content{min-height:60vh}.page-content,.page-footer{position:relative;z-index:1}.page-footer{background:#060810;background:var(--darker-bg);border-top:1px solid #7c3aed33;padding:2rem;text-align:center}.page-footer p{color:#6b7394;color:var(--text-muted);margin:0}.content-section{background:#7c3aed14;border:1px solid #8b5cf633;border-radius:16px;margin-bottom:2rem;padding:2.5rem}.content-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.content-section p{color:#fff;color:var(--text-primary);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.content-section p:last-child{margin-bottom:0}.content-section a{border-bottom:1px solid #0000;color:#a78bfa;color:var(--primary-bright);font-weight:500;text-decoration:none;transition:all .2s ease}.content-section a:hover{border-bottom-color:#a78bfa;border-bottom-color:var(--primary-bright);color:#a78bfa;color:var(--primary-bright)}.content-section .cta-primary,.content-section a.cta-primary{border-bottom:none!important;color:#fff!important}.content-section .cta-secondary,.content-section a.cta-secondary{border-bottom:none!important;color:#a78bfa!important;color:var(--primary-bright)!important}.contact-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.contact-methods{margin-top:1.5rem}.contact-method{background:#7c3aed1a;border:1px solid #8b5cf640;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.contact-method:hover{background:#8b5cf626;border-color:#8b5cf6}.contact-method:last-child{margin-bottom:0}.contact-method h3{color:#a78bfa;color:var(--primary-bright);font-size:1rem;font-weight:600;margin-bottom:.5rem}.contact-method p{color:#6b7394;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.contact-method a{font-weight:500;text-decoration:none;transition:all .2s ease}.contact-method a,.contact-method a:hover{color:#a78bfa;color:var(--primary-bright)}.contact-form-container .content-section{height:100%}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form .form-group label{color:#a78bfa;color:var(--primary-bright);font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea,.landing-page .form-group input,.landing-page .form-group select,.landing-page .form-group textarea{background:#7c3aed1a!important;border:1px solid #8b5cf64d!important;border-radius:8px;color:#fff;color:var(--white);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus,.landing-page .form-group input:focus,.landing-page .form-group select:focus,.landing-page .form-group textarea:focus{background:#8b5cf626!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #a78bfa33!important;outline:none}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder,.landing-page .form-group input::placeholder,.landing-page .form-group textarea::placeholder{color:#fff6}.contact-form .form-group select,.landing-page .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23A78BFA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;cursor:pointer;padding-right:2.5rem}.contact-form .form-group select option,.landing-page .form-group select option{background:#0f1024;color:#fff;color:var(--white)}.contact-form .form-group textarea,.landing-page .form-group textarea{min-height:120px;resize:vertical}@media (max-width:768px){.contact-content{grid-template-columns:1fr}}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.value-item{background:#7c3aed14;border:1px solid #8b5cf633;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.value-item:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.value-item:hover{background:#8b5cf624;border-color:#8b5cf666;box-shadow:0 12px 30px #7c3aed26;transform:translateY(-4px)}.value-item:hover:before{opacity:1}.value-item h3{color:#a78bfa;color:var(--primary-bright);font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.value-item p{color:#fff;color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:767px){.faq-section-title{font-size:1.1rem;padding:1rem 1.25rem}.faq-item{padding:1.25rem}.faq-item h4{font-size:1rem}.faq-item p{font-size:.95rem}.page-header{padding-top:6rem}.page-header h1{font-size:2rem}.content-section{padding:1.5rem}.values-grid{grid-template-columns:1fr}}.auth-page{background:linear-gradient(180deg,#0b0d17,#0f1024 50%,#0b0d17);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;top:0}.auth-page .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8b5cf6 50%,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.auth-page .nav-back-btn{color:#a78bfa;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-page .nav-back-btn:hover{color:#8b5cf6}.auth-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:70px;min-height:auto;padding:2rem 1rem}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:1rem;width:100%}.auth-header{margin-bottom:.5rem;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.0625rem}.auth-header p{color:#ffffffb3;font-size:.9rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.auth-form *{box-sizing:border-box}.compact-form{gap:.375rem}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.compact-row{gap:.375rem}.form-group{display:flex;flex-direction:column;margin:0}.form-group label{color:#a78bfa;margin-bottom:.125rem}.auth-page .form-group input,.auth-page .form-group select,.auth-page .form-group textarea,.form-group input,.form-group select,.form-group textarea{background:#7c3aed1f!important;border:1px solid #8b5cf659!important;border-radius:8px;box-sizing:border-box;color:#fff!important;font-size:1rem;margin:0;padding:.625rem .875rem;transition:all .3s ease}.auth-page .form-group input:focus,.auth-page .form-group select:focus,.auth-page .form-group textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#8b5cf62e!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #a78bfa40!important;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.form-group small{color:#fff9}.error-text,.form-group small{font-size:.8rem;margin-top:.0625rem}.error-text{color:#ff6b6b}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px}.error-message,.success-message{margin-bottom:.75rem;padding:.75rem}.success-message{background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:8px;color:#a78bfa}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.password-toggle:hover{background:#a78bfa1a;border-radius:4px;color:#a78bfa}.password-toggle:focus{color:#a78bfa;outline:none}.checkbox-group{align-items:flex-start;flex-direction:row;gap:.375rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem;gap:.625rem;line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#ffffff1a;border:2px solid #a78bfa99;border-radius:4px;display:inline-block;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.checkbox-label:hover .checkmark{background:#a78bfa1a;border-color:#a78bfa}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#a78bfa;border-color:#a78bfa}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#0b0d17;content:"✓";font-size:14px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label a{color:#a78bfa;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.auth-submit{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:8px;color:#0b0d17;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.25rem;padding:.75rem 2rem;transition:all .3s ease}.auth-submit:hover:not(:disabled){box-shadow:0 10px 25px #a78bfa4d;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-submit.loading{align-items:center;color:#0000;display:flex;justify-content:center;position:relative}.auth-submit.loading:after{animation:spin .8s linear infinite;border:3px solid #0b0d174d;border-radius:50%;border-top-color:#0b0d17;content:"";height:20px;position:absolute;width:20px}.auth-footer{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem;text-align:center}.auth-footer a{color:#a78bfa;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.verification-page{padding:2rem 0;text-align:center}.verification-icon{font-size:4rem;margin-bottom:2rem}.verification-title{color:#a78bfa;font-size:2rem;font-weight:600;margin-bottom:1rem}.verification-text{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.verification-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px}.resend-button{background:#0000;border:1px solid #a78bfa;border-radius:6px;color:#a78bfa;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.resend-button:hover:not(:disabled){background:#a78bfa;color:#0b0d17}.resend-button:disabled{cursor:not-allowed;opacity:.5}.status-page{margin:0 auto;max-width:600px;padding:3rem 0;text-align:center}.status-icon{font-size:5rem;margin-bottom:2rem}.status-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.status-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.auth-page{height:auto;min-height:100vh;position:absolute}.auth-container{margin-top:60px;min-height:calc(100vh - 70px);padding:1rem}.auth-card{margin:.5rem;max-width:none;padding:.75rem}.auth-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.auth-container{padding:70px .5rem .5rem}}@media (max-width:480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.75rem}.checkbox-label{font-size:.9rem}}@media (max-width:767px){.auth-page{padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px;padding:14px 16px}.auth-submit,.resend-button{font-size:1rem;min-height:48px;padding:14px 24px}.password-toggle{min-height:44px;min-width:44px;padding:10px}.checkbox-label{padding:8px 0}.checkmark{height:24px;width:24px}.verification-icon{font-size:3rem}.verification-title{font-size:1.5rem}.verification-text{font-size:1rem;padding:0 16px}.status-icon{font-size:4rem}.status-title{font-size:2rem}.status-description{font-size:1rem;padding:0 16px}}@media (max-width:359px){.auth-card{margin:.25rem;padding:1rem}.auth-header h1{font-size:1.25rem}.form-group label{font-size:.8rem}.auth-submit{padding:12px 20px}}@media (hover:none) and (pointer:coarse){.auth-submit:hover:not(:disabled){transform:none}.auth-submit:active:not(:disabled){opacity:.9;transform:scale(.98)}.nav-login-btn:hover,.nav-signup-btn:hover{transform:none}.nav-login-btn:active,.nav-signup-btn:active{opacity:.9;transform:scale(.98)}}:root{--font-scale:1;--font-size-xs:calc(0.75rem*var(--font-scale));--font-size-sm:calc(0.85rem*var(--font-scale));--font-size-md:calc(1rem*var(--font-scale));--font-size-lg:calc(1.15rem*var(--font-scale));--font-size-xl:calc(1.3rem*var(--font-scale));--font-size-2xl:calc(1.5rem*var(--font-scale))}.font-scale-small{--font-scale:0.85}.font-scale-normal{--font-scale:1}.font-scale-large{--font-scale:1.15}.font-scale-xlarge{--font-scale:1.3}body.dark.high-contrast,body.high-contrast.dark{--primary-text:#fff;--secondary-text:silver;--main-bg:#000;--sidebar-bg:#0a0a0a;--secondary-bg:#1a1a1a;--border-color:#fff;--hover-bg:#2a2a2a}body.high-contrast:not(.dark){--primary-text:#000;--secondary-text:#333;--main-bg:#fff;--sidebar-bg:#f0f0f0;--secondary-bg:#e0e0e0;--border-color:#000;--hover-bg:#d0d0d0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body.reduce-motion *,body.reduce-motion :after,body.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.reduce-motion .loading-spinner{animation:none!important;opacity:.7}body.colorblind-friendly .status-badge-colorblind{position:relative}body.colorblind-friendly .status-badge-colorblind.status-half-circle:after{background:#0006;border-radius:0 50% 50% 0;content:"";height:100%;position:absolute;right:0;top:0;width:50%}body.colorblind-friendly .status-badge-colorblind.status-minus:after{background:#fff;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}body.colorblind-friendly .status-badge-colorblind.status-empty-circle{background:#0000!important;border:2px solid #747f8d;box-sizing:border-box}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.skip-link{background:#8b5cf6;background:var(--accent-color,#8b5cf6);border-radius:0 0 8px 0;color:#fff;font-weight:600;left:0;padding:12px 24px;position:absolute;text-decoration:none;top:-100px;transition:top .2s ease;z-index:100000}.skip-link:focus{outline:2px solid #fff;outline-offset:2px;top:0}:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--accent-color,#8b5cf6);outline-offset:2px}body.screen-reader-mode :focus{outline:3px solid #8b5cf6!important;outline:3px solid var(--accent-color,#8b5cf6)!important;outline-offset:2px!important}.loading-screen{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100vh}.loading-screen,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#6b7280;flex-direction:column;font-size:1rem;gap:16px;padding:2rem;text-align:center}.loading-spinner:not(:empty){animation:none!important;border:none!important;height:auto!important;width:auto!important}.loading-spinner:not(:empty):before{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;content:"";flex-shrink:0;height:40px;width:40px}.loading-spinner:empty:before{content:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--accent-color:#8b5cf6;--accent-light:#a78bfa;--accent-dark:#7c3aed;--sidebar-bg:#fff;--main-bg:#fff;--secondary-bg:#f5f5f5;--primary-text:#1a1a1a;--secondary-text:#5c5c5c;--message-bg:#f5f5f5;--border-color:#ebebeb;--hover-bg:#f0f0f0;--success-color:#4caf50;--danger-color:#f44336;--warning-color:#ff9800;--info-color:#8b5cf6;--bg-light:#f5f5f5;--bg-dark:#121212;--surface-light:#fff;--surface-dark:#1e1e1e;--text-light:#212121;--text-dark:#e0e0e0;--border-light:#e0e0e0;--border-dark:#333;--sidebar-width:280px;--header-height:60px;--chat-input-height:120px;--server-sidebar-width:72px;--channel-sidebar-width:240px;--members-panel-width:240px;--mobile-bottom-nav-height:64px;--mobile-header-height:56px;--mobile-drawer-width:280px;--mobile-bottom-sheet-max-height:70vh;--touch-target-min:44px;--touch-target-comfortable:48px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-font-xs:12px;--mobile-font-sm:14px;--mobile-font-md:16px;--mobile-font-lg:18px;--mobile-font-xl:20px;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-mobile-nav:800;--z-mobile-drawer:850;--z-mobile-overlay:900;--z-toast:1000}.dark{--sidebar-bg:#1a0f2e;--main-bg:#140a24;--secondary-bg:#2d1b4e;--primary-text:#e2e8f0;--secondary-text:#cbd5e1;--message-bg:#2d1b4e;--border-color:#3d2860;--hover-bg:#3d2860}*{box-sizing:border-box}button:focus,img:focus{outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;background:var(--bg-light);color:#212121;color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}body.dark-mode{background:#fff;background:var(--main-bg);color:#1a1a1a;color:var(--primary-text)}.App{background:#f5f5f5;background:var(--bg-light);color:#212121;color:var(--text-light);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.App.dark{background:#fff;background:var(--main-bg);color:#1a1a1a;color:var(--primary-text)}.app-header{align-items:center;background:#fff;background:var(--sidebar-bg);border-bottom:1px solid #00000014;display:flex;flex-shrink:0;height:60px;height:var(--header-height);justify-content:space-between;padding:0 20px;width:100%;z-index:100}.dark .app-header{border-bottom-color:#ebebeb;border-bottom-color:var(--border-color)}.app-title{color:#8b5cf6;color:var(--primary-color);font-size:1.4rem;font-weight:600}.header-actions{align-items:center;display:flex;gap:12px}.main-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.resize-handle{background-color:#ebebeb;background-color:var(--border-color);transition:background-color .2s;-webkit-user-select:none;user-select:none}.resize-handle:hover{background-color:#8b5cf6!important;background-color:var(--primary-color)!important}.sidebar{background:#fff;background:var(--sidebar-bg);border-left:1px solid #ebebeb;border-left:1px solid var(--border-color);flex-shrink:0;width:280px;width:var(--sidebar-width)}.compact-servers-sidebar,.sidebar{display:flex;flex-direction:column;overflow:hidden}.compact-servers-sidebar{background:#fff;background:var(--surface-light);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light);width:200px}.dark .compact-servers-sidebar{background:#fff;background:var(--sidebar-bg);border-right-color:#ebebeb;border-right-color:var(--border-color)}.compact-channels-sidebar{background:#fff;background:var(--surface-light);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;width:200px}.dark .compact-channels-sidebar{background:#fff;background:var(--sidebar-bg);border-right-color:#ebebeb;border-right-color:var(--border-color)}.compact-sidebar-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);color:#666;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.dark .compact-sidebar-header{background:#f5f5f5;background:var(--secondary-bg);border-bottom-color:#ebebeb;border-bottom-color:var(--border-color);color:#5c5c5c;color:var(--secondary-text)}.compact-sidebar-content{flex:1 1;overflow-y:auto;padding:8px}.compact-channel-item,.compact-server-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.compact-channel-item:hover,.compact-server-item:hover{background:#f5f5f5;background:var(--bg-light)}.dark .compact-channel-item:hover,.dark .compact-server-item:hover{background:#f0f0f0;background:var(--hover-bg)}.compact-channel-item.active,.compact-server-item.active{background:#8b5cf6;color:#fff}.compact-channel-item.active:hover,.compact-server-item.active:hover{background:#7c3aed}.server-icon{align-items:center;background:#8b5cf6;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.channel-icon{color:#666;flex-shrink:0;font-size:1rem}.dark .channel-icon{color:#999}.compact-channel-name,.compact-server-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-actions{opacity:0;transition:opacity .2s ease}.compact-server-item:hover .server-actions{opacity:1}.server-action-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:4px;transition:background .2s ease}.server-action-btn:hover{background:#0000001a}.dark .server-action-btn{color:#999}.dark .server-action-btn:hover{background:#ffffff1a}.sidebar-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:16px}.dark .sidebar-section{border-bottom-color:#333;border-bottom-color:var(--border-dark)}.sidebar-section h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dark .sidebar-section h3{color:#999}.characters-list{flex:1 1;overflow-y:auto;padding:8px}.character-card{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.dark .character-card{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark)}.character-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.character-card.active{background:#2196f31a;border-color:#8b5cf6;border-color:var(--primary-color)}.character-info{margin-bottom:8px}.character-name{font-weight:600}.character-level{font-size:.9rem}.character-stats{grid-gap:8px;display:grid;font-size:.85rem;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#f5f5f5;background:var(--bg-light);border-radius:4px;padding:4px;text-align:center}.dark .stat-box{background:#2a2a2a}.chat-container{overflow:hidden}.chat-container,.messages-container{background:#fff;background:var(--main-bg);display:flex;flex:1 1;flex-direction:column;min-height:0}.messages-container{overflow-y:auto;padding:20px}.message{align-items:flex-start;animation:messageSlide .3s ease-out;display:flex;gap:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:#8b5cf6;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.message-content{flex:1 1}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.message-author{color:#8b5cf6;color:var(--primary-color);font-weight:600}.message-time{color:#666;font-size:.75rem}.dark .message-time{color:#5c5c5c;color:var(--secondary-text)}.message-text{word-wrap:break-word;color:#212121;color:var(--text-light);line-height:1.5}.dark .message-text{color:#1a1a1a;color:var(--primary-text)}.message.compact-message{animation:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;gap:0!important;margin:0!important}.system-message{background:#0000000d;border-radius:20px;color:#666;font-size:.85rem;margin:8px auto;max-width:400px;padding:8px 16px;text-align:center}.dark .system-message{background:#ffffff0d;color:#999}.dice-roll{align-items:center;background:#8b5cf6;background:var(--info-color);border-radius:20px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin:4px 0;padding:4px 12px}.chat-input-container{background:#fff;background:var(--main-bg);border-top:1px solid #ebebeb;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:16px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:12px}.chat-input{background:#f5f5f5;background:var(--secondary-bg);border:2px solid #ebebeb;border:2px solid var(--border-color);border-radius:24px;color:#1a1a1a;color:var(--primary-text);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:40px;padding:10px 16px;resize:none;transition:border-color .2s ease}.chat-input:focus{border-color:#8b5cf6;border-color:var(--primary-color);outline:none}.send-button{background:#8b5cf6;background:var(--primary-color);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s ease}.send-button:hover{background:#7c3aed;background:var(--primary-dark)}.send-button:disabled{cursor:not-allowed;opacity:.5}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-action-btn{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:16px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.dark .quick-action-btn{background:#f5f5f5;background:var(--secondary-bg);border-color:#ebebeb;border-color:var(--border-color);color:#1a1a1a;color:var(--primary-text)}.quick-action-btn:hover{background:#8b5cf6;background:var(--primary-color);border-color:#8b5cf6;border-color:var(--primary-color);color:#fff}.loading{opacity:.6;pointer-events:none}.btn:focus,.quick-action-btn:focus{outline:2px solid #8b5cf6;outline:2px solid var(--primary-color);outline-offset:2px}.dark .text-muted{color:#aaa!important}.members-panel{background:#fff;background:var(--surface-light);border-left:1px solid #e0e0e0;border-left:1px solid var(--border-light);overflow-y:auto;padding:16px;width:200px}.dark .members-panel{background:#fff;background:var(--sidebar-bg);border-left-color:#ebebeb;border-left-color:var(--border-color)}.member-item{gap:8px;margin-bottom:4px;padding:8px;transition:background .2s ease}.member-item:hover{background:#f5f5f5;background:var(--bg-light)}.dark .member-item:hover{background:#f0f0f0;background:var(--hover-bg)}.online-indicator{background:#4caf50}.offline-indicator,.online-indicator{border-radius:50%;height:8px;width:8px}.offline-indicator{background:#999}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease;background:#fff;background:var(--surface-light);border-radius:12px;box-shadow:0 10px 40px #0003;color:#212121;color:var(--text-light);max-height:90vh;max-width:90vw;overflow:auto;padding:24px}.dark .modal-content{background:#f5f5f5;background:var(--secondary-bg);color:#1a1a1a;color:var(--primary-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popoutSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-primary{background:#8b5cf6;background:var(--primary-color);color:#fff}.btn-primary:hover{background:#7c3aed;background:var(--primary-dark)}.btn-secondary{background:#0000;border:1px solid #8b5cf6;border:1px solid var(--primary-color);color:#8b5cf6;color:var(--primary-color)}.btn-secondary:hover{background:#8b5cf6;background:var(--primary-color);color:#fff}.btn-danger{background:#f44336;background:var(--danger-color);color:#fff}.btn-success{background:#4caf50;background:var(--success-color);color:#fff}input,select,textarea{background:#f5f5f5;background:var(--secondary-bg);border:1px solid #ebebeb;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;color:var(--primary-text);font-family:inherit;font-size:.95rem;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;border-color:var(--primary-color);outline:none}@media (max-width:1024px){:root{--sidebar-width:260px}}@media (max-width:767px){.sidebar{display:none!important}}@media (max-width:768px){.app-header{padding:0 12px}.app-title{font-size:1.1rem}.header-actions{gap:8px}.header-actions span{display:none}.messages-container{padding:12px}.message{gap:8px}.message-avatar{font-size:.8rem;height:32px;width:32px}.chat-input-container{padding:12px}.quick-actions{flex-direction:column;gap:6px}.character-stats{grid-template-columns:repeat(2,1fr)}.characters-list{max-height:100px}}@media (max-width:480px){.character-stats{grid-template-columns:1fr}.chat-input-wrapper{flex-direction:column;gap:8px}.send-button{border-radius:12px;width:100%}.sidebar-section{padding:12px}.character-card{padding:8px}}@keyframes slideIn{0%{opacity:0;transform:translateX(300px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(300px)}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#666}.dark .text-muted{color:#999}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.p-1{padding:8px}.p-2{padding:16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-light)}.dark ::-webkit-scrollbar-track{background:#121212;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#999;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.channel-list-scrollable{scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s}.channel-list-scrollable:hover{scrollbar-color:#99999980 #0000}.channel-list-scrollable::-webkit-scrollbar{width:4px}.channel-list-scrollable::-webkit-scrollbar-track{background:#0000}.channel-list-scrollable::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:background .3s;transition:background .3s}.channel-list-scrollable:hover::-webkit-scrollbar-thumb{background:#99999980}.channel-list-scrollable:hover::-webkit-scrollbar-thumb:hover{background:#999c}.dark .channel-list-scrollable:hover{scrollbar-color:#fff3 #0000}.dark .channel-list-scrollable:hover::-webkit-scrollbar-thumb{background:#fff3}.dark .channel-list-scrollable:hover::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.collapsible-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dark .collapsible-header{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark)}.collapsible-header:hover{background:#2196f31a}.collapsible-content{border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:0 0 6px 6px;border-top:none;margin-top:-1px;padding:12px}.dark .collapsible-content{border-color:#333;border-color:var(--border-dark)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.game-panel-fullscreen{background:var(--bg-primary)!important;border-radius:0!important;bottom:0!important;box-shadow:0 0 30px #0000004d!important;height:calc(100vh - 60px)!important;left:0!important;position:fixed!important;right:0!important;top:60px!important;width:100vw!important;z-index:1000}.sidebar-collapse{overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.sidebar-collapse.collapsed{border:none!important;margin:0!important;min-width:0!important;padding:0!important;width:0!important}.section-minimize{overflow:hidden;transition:all .3s ease}.section-minimize.collapsed{border:none!important;height:0!important;margin:0!important;opacity:0;padding:0!important}.chat-container.minimized>:not(:first-child){display:none}.sidebar.minimized{height:auto!important}.sidebar-section.minimized>:not(:first-child){display:none}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.gm-panel{background:#f5f5f5;background:var(--bg-light);bottom:0;color:#212121;color:var(--text-light);display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:60px;top:var(--header-height);z-index:1000}.gm-panel.dark{background:#121212;background:var(--bg-dark);color:#e0e0e0;color:var(--text-dark)}.gm-panel-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-bottom:3px solid #7c3aed;box-shadow:0 4px 20px #4a148c66;color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:20px 24px}.gm-panel-title{align-items:center;display:flex;gap:12px}.gm-icon{font-size:1.5rem}.gm-panel-title h2{font-size:1.4rem;font-weight:600;margin:0}.server-name{background:#fff3;border-radius:20px;font-size:.9rem;padding:6px 12px}.gm-panel-tabs{background:#fff;background:var(--surface-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;padding:0 20px}.dark .gm-panel-tabs{background:#1e1e1e;background:var(--surface-dark);border-bottom-color:#333;border-bottom-color:var(--border-dark)}.gm-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#212121;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 20px;transition:all .2s ease}.dark .gm-tab{color:#e0e0e0;color:var(--text-dark)}.gm-tab.active,.gm-tab:hover{background:#9c27b01a;color:#8b5cf6}.gm-tab.active{border-bottom-color:#8b5cf6}.tab-icon{font-size:1.1rem}.gm-panel-content{flex:1 1;overflow-y:auto;padding:24px}.gm-overview{margin:0 auto;max-width:1200px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:20px;transition:transform .2s ease}.dark .stat-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#9333ea);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#212121;color:var(--text-light);font-size:1.5rem;font-weight:700;margin:0 0 4px}.dark .stat-info h3{color:#e0e0e0;color:var(--text-dark)}.stat-info p{color:#666;font-size:.9rem;margin:0}.dark .stat-info p{color:#999}.recent-activity h3{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .recent-activity h3{color:#e0e0e0;color:var(--text-dark)}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gm-quick-action-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#9333ea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.gm-quick-action-btn:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.campaign-settings-section{margin-top:24px}.campaign-settings-section h3{color:#212121;color:var(--text-light);font-size:1.1rem;font-weight:600;margin:0 0 16px}.dark .campaign-settings-section h3{color:#e0e0e0;color:var(--text-dark)}.campaign-settings-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.dark .campaign-settings-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.settings-summary{display:flex;flex-direction:column;gap:12px}.setting-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0}.dark .setting-item{border-bottom-color:#333;border-bottom-color:var(--border-dark)}.setting-item:last-child{border-bottom:none}.setting-label{color:#212121;color:var(--text-light);font-size:.9rem;font-weight:500}.dark .setting-label{color:#e0e0e0;color:var(--text-dark)}.setting-value{color:#666;font-size:.9rem;font-weight:500}.dark .setting-value{color:#999}.gm-players{margin:0 auto;max-width:800px}.players-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.players-header h3{color:#212121;color:var(--text-light);margin:0}.dark .players-header h3{color:#e0e0e0;color:var(--text-dark)}.add-player-btn{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.add-player-btn:hover{background:#8b5cf6}.players-list{display:flex;flex-direction:column;gap:16px}.player-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.dark .player-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.player-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.player-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.player-info h4{color:#212121;color:var(--text-light);margin:0 0 4px}.dark .player-info h4{color:#e0e0e0;color:var(--text-dark)}.player-status.online{color:#4caf50;font-size:.8rem;font-weight:500}.player-characters{margin-bottom:16px}.player-characters h5{color:#666;font-size:.9rem;margin:0 0 8px}.dark .player-characters h5{color:#999}.character-info{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.dark .character-info{background:#121212;background:var(--bg-dark)}.character-name{color:#212121;color:var(--text-light);font-weight:500}.dark .character-name{color:var(--text-dark)}.character-level{color:#666;font-size:.8rem}.dark .character-level{color:#999}.player-actions{display:flex;gap:8px}.action-btn{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;color:#212121;color:var(--text-light);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.dark .action-btn{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark);color:#e0e0e0;color:var(--text-dark)}.action-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-btn.kick{border-color:#dc3545;color:#dc3545}.action-btn.kick:hover{background:#dc3545;border-color:#dc3545;color:#fff}.no-players{color:#666;padding:40px;text-align:center}.gm-private-chats{margin:0 auto;max-width:800px}.chats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chats-header h3{margin:0}.new-chat-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.new-chat-btn:hover{background:#7c3aed}.chats-list{display:flex;flex-direction:column;gap:12px}.chat-card{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.dark .chat-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.chat-info h4{margin:0 0 4px}.chat-info p{color:#666;font-size:.85rem;margin:0}.dark .chat-info p{color:#aaa}.open-chat-btn{background:#7c3aed;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 16px;transition:background .2s}.open-chat-btn:hover{background:#8b5cf6}.no-chats{color:#666;padding:40px;text-align:center}.dark .no-chats{color:#aaa}.gm-panel .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.gm-panel .modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.dark .gm-panel .modal-content{background:#2c2c2c;color:#eee}.invite-section{margin-bottom:24px}.invite-section h4{margin:0 0 8px}.invite-code-display{align-items:center;display:flex;gap:8px;margin:12px 0}.invite-code-display code{background:#f5f5f5;border-radius:4px;flex:1 1;font-size:1.1rem;font-weight:600;padding:12px}.dark .invite-code-display code{background:#1e1e1e}.copy-btn,.generate-btn{background:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s}.copy-btn:hover,.generate-btn:hover{background:#7c3aed}.players-to-add{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px}.dark .players-to-add{border-color:#444}.player-to-add{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}.dark .player-to-add{border-bottom-color:#444}.player-to-add:last-child{border-bottom:none}.add-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 12px}.add-btn:hover{background:#45a049}.modal-actions{text-align:right}.close-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 20px}.close-btn:hover{background:#555}.dark .no-players{color:#999}.role-selection-buttons{display:flex;flex-direction:column;gap:12px;margin:20px 0}.role-btn{align-items:center;background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s}.role-btn:hover{background:#f9f5ff;border-color:#7c3aed}.dark .role-btn{background:#3a3a3a;color:#eee}.dark .role-btn:hover{background:#4a3a5a}.role-icon{display:flex;font-size:2rem;justify-content:center;width:60px}.role-info h4{color:#7c3aed;font-size:1.1rem;margin:0 0 4px}.dark .role-info h4{color:#b39ddb}.role-info p{color:#666;font-size:.9rem;margin:0}.dark .role-info p{color:#aaa}.server-players-section{border-top:2px solid #e0e0e0;border-top:2px solid var(--border-light);margin-top:32px;padding-top:32px}.dark .server-players-section{border-top-color:#333;border-top-color:var(--border-dark)}.server-players-section h4{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .server-players-section h4{color:#e0e0e0;color:var(--text-dark)}.active-players-section h4{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .active-players-section h4{color:#e0e0e0;color:var(--text-dark)}.available-players-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.available-player-card{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.dark .available-player-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-info{align-items:center;display:flex;gap:12px}.player-name{font-weight:500}.online-indicator{color:#4caf50;font-size:.85rem}.add-to-campaign-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:background .2s}.add-to-campaign-btn:hover{background:#45a049}.no-available-players{color:#666;padding:20px;text-align:center}.dark .no-available-players{color:#aaa}.gm-combat{align-items:center;display:flex;justify-content:center;min-height:400px}.combat-placeholder{color:#666;text-align:center}.dark .combat-placeholder{color:#999}.placeholder-icon{font-size:4rem;margin-bottom:16px}.combat-placeholder h3{color:#212121;color:var(--text-light);margin:0 0 12px}.dark .combat-placeholder h3{color:#e0e0e0;color:var(--text-dark)}.gm-tools{margin:0 auto;max-width:1000px}.gm-tools h3{color:#212121;color:var(--text-light);margin:0 0 24px}.dark .gm-tools h3{color:#e0e0e0;color:var(--text-dark)}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s ease}.dark .tool-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.tool-card:hover{transform:translateY(-2px)}.tool-icon{font-size:2.5rem;margin-bottom:12px}.tool-card h4{color:#212121;color:var(--text-light);margin:0 0 8px}.dark .tool-card h4{color:#e0e0e0;color:var(--text-dark)}.tool-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 16px}.dark .tool-card p{color:#999}.tool-btn{background:linear-gradient(135deg,#8b5cf6,#9333ea);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .2s ease}.tool-btn:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.gm-notes{margin:0 auto;max-width:800px}.gm-notes h3{color:#212121;color:var(--text-light);margin:0 0 12px}.dark .gm-notes h3{color:#e0e0e0;color:var(--text-dark)}.notes-help{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:16px}.dark .notes-help{color:#999}.notes-textarea{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;color:#212121;color:var(--text-light);font-family:inherit;font-size:.9rem;line-height:1.5;min-height:400px;padding:16px;resize:vertical;width:100%}.dark .notes-textarea{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark);color:#e0e0e0;color:var(--text-dark)}.notes-textarea:focus{border-color:#8b5cf6;outline:none}.notes-info{margin-top:8px;text-align:center}.notes-info small{color:#666;font-size:.8rem}.dark .notes-info small{color:#999}.player-card-compact{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;margin-bottom:4px;padding:8px 10px;transition:all .2s}.dark .player-card-compact{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-card-compact:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.player-main{align-items:center;display:flex;gap:12px}.player-avatar-small{flex-shrink:0;height:32px;position:relative;width:32px}.player-avatar-small img{border-radius:50%;height:100%;object-fit:cover;width:100%}.player-avatar-small .avatar-initials{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:100%;justify-content:center;width:100%}.status-indicator{background:#757575;border:2px solid #fff;border:2px solid var(--surface-light);border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.dark .status-indicator{border-color:#1e1e1e;border-color:var(--surface-dark)}.status-indicator.online{background:#4caf50}.status-indicator.offline{background:#757575}.player-details{flex:1 1;min-width:0}.player-name-line{align-items:center;display:flex;gap:8px;margin-bottom:4px}.player-name{color:#212121;color:var(--text-light);font-size:.9rem;font-weight:600}.dark .player-name{color:#e0e0e0;color:var(--text-dark)}.player-role-badge{background:#7c3aed;border-radius:10px;color:#fff;font-size:.7rem;font-weight:500;padding:1px 6px}.player-chars{color:#666;font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .player-chars{color:#999}.char-summary{display:block}.no-chars{font-style:italic;opacity:.7}.player-actions-compact{align-items:center;display:flex;flex-shrink:0;gap:8px}.action-btn-text{background:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 16px;transition:background .2s;white-space:nowrap}.dark .action-btn-text{background:#ab47bc;color:#fff}.action-btn-text:hover{background:#8e24aa}.dark .action-btn-text:hover{background:#8b5cf6}.action-btn-text.inspiration{background:#ffa726;color:#fff}.dark .action-btn-text.inspiration{background:#ff9800;color:#fff}.action-btn-text.inspiration:hover{background:#fb8c00}.dark .action-btn-text.inspiration:hover{background:#f57c00}.action-btn-text.remove{background:#dc3545;color:#fff}.dark .action-btn-text.remove{background:#e74c3c;color:#fff}.action-btn-text.remove:hover{background:#c82333}.dark .action-btn-text.remove:hover{background:#c0392b}.party-overview{height:100%;overflow-y:auto;padding:20px}.party-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.party-header h3{color:#333;margin:0}.dark .party-header h3{color:#e0e0e0}.party-count{color:#666;font-size:.9rem}.dark .party-count{color:#999}.party-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.party-member-card{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:16px;transition:all .2s}.dark .party-member-card{background:#2a2a2a;border-color:#444}.party-member-card.offline{opacity:.6}.member-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.member-name{flex-direction:column;gap:4px}.character-name{color:#333;font-size:1.1rem;font-weight:700}.dark .character-name{color:#e0e0e0}.player-status{color:#666;font-size:.85rem}.dark .player-status{color:#999}.view-sheet-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 12px;transition:background .2s}.view-sheet-btn:hover{background:#45a049}.member-stats{display:flex;flex-direction:column;gap:8px}.stat-row{align-items:center;display:flex;gap:8px}.stat-row.hp-row{margin-bottom:4px}.stat-label{color:#666;font-size:.85rem;min-width:50px}.dark .stat-label{color:#999}.stat-value{color:#333;font-weight:500}.dark .stat-value{color:#e0e0e0}.hp-display{align-items:center;display:flex;flex:1 1}.spell-slots-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.spell-slot-level{align-items:center;background:#e0e0e0;border-radius:4px;display:flex;font-size:.8rem;gap:4px;padding:2px 8px}.dark .spell-slot-level{background:#444}.slot-label{color:#666;font-weight:500}.dark .slot-label{color:#999}.slot-count{color:#333;font-weight:700}.dark .slot-count{color:#e0e0e0}.slot-count.exhausted{color:#dc3545}.conditions-row{margin-top:8px}.conditions-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.condition-badge{background:#ff9800;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.character-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;width:90%}.dark .character-modal-content{background:#2a2a2a;color:#e0e0e0}.modal-header{margin-bottom:24px}.modal-header h2{color:#333}.dark .modal-header h2{color:#e0e0e0}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:4px 8px}.dark .close-modal-btn{color:#999}.close-modal-btn:hover{color:#333}.dark .close-modal-btn:hover{color:#e0e0e0}.character-sheet-view{display:flex;flex-direction:column;gap:24px}.sheet-section{background:#f5f5f5;border-radius:8px;padding:16px}.dark .sheet-section{background:#1a1a1a}.sheet-section h3{color:#333;font-size:1.1rem;margin:0 0 12px}.dark .sheet-section h3{color:#e0e0e0}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.abilities-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.ability-score{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;text-align:center}.dark .ability-score{background:#2a2a2a;border-color:#444}.ability-name{color:#666;font-size:.75rem;font-weight:700;margin-bottom:4px}.dark .ability-name{color:#999}.score{color:#333;font-size:1.2rem;font-weight:700}.dark .score{color:#e0e0e0}.modifier{color:#666;font-size:.9rem}.dark .modifier{color:#999}.skills-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.skill-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:4px 8px}.dark .skill-item{background:#2a2a2a}.skill-name{color:#333}.dark .skill-name{color:#e0e0e0}.skill-bonus{color:#4caf50;font-weight:700}.combat-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.equipment-list{display:flex;flex-direction:column;gap:8px}.equipment-item{align-items:center;background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.dark .equipment-item{background:#2a2a2a}.item-name{color:#333}.dark .item-name{color:#e0e0e0}.equipped-badge{background:#4caf50;border-radius:4px;color:#fff;font-size:.75rem;padding:2px 8px}.grouped-rolls{background:#8b5cf6;border-radius:18px;box-shadow:0 2px 8px #2196f34d;color:#fff;margin:4px 0;max-width:80%;padding:12px 16px}.dark .grouped-rolls{background:#7c3aed;box-shadow:0 2px 8px #1976d266}.grouped-rolls-content{display:flex;flex-direction:column;gap:4px}.grouped-roll-item{background:#0000;color:#fff;font-size:.9rem;line-height:1.4;padding:2px 0}.dark .grouped-roll-item{color:#e3f2fd}.server-item{border-radius:16px;cursor:pointer;margin:4px 12px;padding:0;position:relative;transition:all .2s ease}.server-item.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:40px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.server-item img,.server-item>div>div{transition:all .2s ease}.server-item:hover img,.server-item:hover>div>div{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:767px){.action-btn,.btn,.close-btn,.quick-action-btn,.send-button,.tool-btn,button[type=button],button[type=submit]{min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:12px 16px}.App{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom);padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top)}.modal-content{border-radius:0;bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom));padding-top:calc(16px + var(--safe-area-inset-top));position:fixed;right:0;top:0;width:100%}input,select,textarea{font-size:16px!important;padding:12px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.chat-input-container{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--mobile-bottom-nav-height, 64px) + var(--safe-area-inset-bottom))}.form-group-row,.form-row{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:1fr}.quick-actions-grid{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.quick-actions-grid::-webkit-scrollbar{display:none}.gm-panel-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gm-panel-tabs::-webkit-scrollbar{display:none}.gm-tab{flex-shrink:0;white-space:nowrap}.party-grid{grid-template-columns:1fr}.abilities-grid{grid-template-columns:repeat(3,1fr)}.combat-stats,.info-grid,.skills-list{grid-template-columns:1fr}.sidebar-section,.stat-card{padding:12px}.stat-card{gap:12px}.stat-icon{font-size:1.5rem;height:48px;width:48px}.stat-info h3{font-size:1.2rem}.tool-card{padding:16px}.tool-icon{font-size:2rem}.player-card,.player-card-compact{padding:12px}.player-actions{flex-wrap:wrap}.character-modal-content{border-radius:0;height:100%;max-height:100%;max-width:100%;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom));padding-top:calc(16px + var(--safe-area-inset-top));width:100%}}@media (max-width:359px){.abilities-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.message-avatar{height:28px;width:28px}.app-title{font-size:1rem}}@media (max-width:767px) and (orientation:landscape){.gm-panel-header{padding:12px 16px}.gm-panel-content{padding:16px}.modal-content{padding:12px}}@media (hover:none) and (pointer:coarse){.character-card:hover,.player-card-compact:hover,.stat-card:hover,.tool-card:hover{box-shadow:inherit;transform:none}.character-card:active,.player-card-compact:active,.stat-card:active,.tool-card:active{opacity:.8;transform:scale(.98)}.compact-channel-item,.compact-server-item{padding:12px 14px}}.message,.message-content,.message-text,.messages-container{cursor:text;-webkit-user-select:text;user-select:text}.message ::selection,.message-content::selection,.message-text::selection,.message::selection{background:#8b5cf64d;color:inherit}.btn,.channel-sidebar,.context-menu,.member-sidebar,.message-actions,.message-avatar,.message-header .message-author,.message-header .message-time,.modal,.navigation,.server-sidebar,.sidebar,button,input,select,textarea{-webkit-user-select:none;user-select:none}input[type=email],input[type=password],input[type=search],input[type=text],textarea{-webkit-user-select:text;user-select:text}:root{--bg-secondary:#2d1b4e;--bg-tertiary:#140a24;--bg-accent:#7c3aed;--bg-modifier-accent:#3d2860;--bg-modifier-hover:#1a0f2e;--text-normal:#e2e8f0;--text-muted:#cbd5e1;--text-positive:#10b981}.light,[data-theme=light]{--bg-secondary:#fff;--bg-tertiary:#f5f3ff;--bg-accent:#8b5cf6;--bg-modifier-accent:#ede9fe;--bg-modifier-hover:#f5f3ff;--text-normal:#1a1a1a;--text-muted:#64748b;--text-positive:#10b981}.voice-channel-item{transition:all .3s ease}.voice-channel-joining{animation:pulseJoin 1s ease-in-out;background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 0 15px #28a7454d;color:#fff!important}.voice-channel-leaving{animation:pulseLeave .5s ease-in-out;background:linear-gradient(45deg,#dc3545,#e74c3c);box-shadow:0 0 15px #dc35454d;color:#fff!important}.voice-channel-connected{background:#0000!important;border:2px solid #2196f3!important;color:#2196f3!important}.dark-mode .voice-channel-connected{color:#64b5f6!important}@keyframes pulseJoin{0%{box-shadow:0 0 5px #28a7454d;transform:scale(1)}50%{box-shadow:0 0 20px #28a74599;transform:scale(1.05)}to{box-shadow:0 0 10px #28a74533;transform:scale(1)}}@keyframes pulseLeave{0%{box-shadow:0 0 5px #dc35454d;transform:scale(1)}50%{box-shadow:0 0 15px #dc354599;transform:scale(.95)}to{box-shadow:0 0 0 #dc354500;transform:scale(1)}}.voice-channel-speaking{position:relative}.voice-channel-speaking:after{animation:speakingPulse .8s infinite alternate;background:#28a745;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px}@keyframes speakingPulse{0%{opacity:.5;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1.2)}}.voice-channel-participant-count{transition:all .3s ease}.voice-channel-participant-count.updated{animation:countUpdate .6s ease}@keyframes countUpdate{0%{transform:scale(1)}50%{background:#ffc107;transform:scale(1.2)}to{transform:scale(1)}}.voice-channel-capacity-warning{animation:capacityWarning 2s infinite;background:#ffc107!important;color:#212529!important}.voice-channel-capacity-full{background:#dc3545!important;color:#fff!important;cursor:not-allowed!important;opacity:.8}@keyframes capacityWarning{0%,to{opacity:1}50%{opacity:.7}}.voice-channel-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.voice-channel-capacity-full:hover{box-shadow:none;transform:none}.voice-channel-connecting{overflow:hidden;position:relative}.voice-channel-connecting:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.voice-channel-notification{position:relative}.voice-channel-notification:after{animation:notificationPulse 1s infinite;background:#dc3545;border:2px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:4px;top:4px;width:8px}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dark-mode .voice-channel-item:hover{box-shadow:0 4px 8px #ffffff1a}.dark-mode .voice-channel-connecting:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.report-modal-overlay{background-color:#000000b3}.report-modal{background:#0a0f0d;background:var(--modal-bg,#0a0f0d);box-shadow:0 8px 32px #0000004d;color:#e2e8f0;color:var(--text-color,#e2e8f0);max-width:500px;overflow-y:auto;width:90%}.report-modal-header{border-bottom:1px solid #1a2a26;border-bottom:1px solid var(--border-color,#1a2a26);padding:20px 24px}.report-modal-header h2{color:var(--text-color,#fff);font-size:18px;font-weight:600}.report-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#cbd5e1;color:var(--text-muted,#cbd5e1);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:background-color .2s,color .2s;width:32px}.report-modal-close:hover:not(:disabled){background-color:#1a2a26;background-color:var(--hover-bg,#1a2a26);color:#fff;color:var(--text-color,#fff)}.report-modal-close:disabled{cursor:not-allowed;opacity:.5}.report-modal-body{padding:20px 24px}.report-field{margin-bottom:20px}.report-field label{color:#e2e8f0;color:var(--text-color,#e2e8f0);display:block;font-weight:500;margin-bottom:8px}.report-field select,.report-field textarea{background:#1a2a26;background:var(--input-bg,#1a2a26);border:1px solid #1a2a26;border:1px solid var(--border-color,#1a2a26);border-radius:4px;box-sizing:border-box;color:#e2e8f0;color:var(--text-color,#e2e8f0);font-size:14px;padding:12px;transition:border-color .2s;width:100%}.report-field select:focus,.report-field textarea:focus{border-color:#10b981;border-color:var(--accent-color,#10b981);outline:none}.report-field select:disabled,.report-field textarea:disabled{cursor:not-allowed;opacity:.6}.reason-description{background:#0d1912;background:var(--info-bg,#0d1912);border-left:3px solid #10b981;border-left:3px solid var(--accent-color,#10b981);border-radius:4px;font-size:13px;padding:8px 12px}.character-count,.reason-description{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}.character-count{font-size:12px;margin-top:4px;text-align:right}.report-error{background:#ef4444;background:var(--error-bg,#ef4444);border-left:4px solid #a12d2f;border-radius:4px;color:#fff;font-size:14px;margin-bottom:16px;padding:12px}.report-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.report-cancel-btn,.report-submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:background-color .2s,transform .1s}.report-cancel-btn{background:#1a2a26;background:var(--secondary-bg,#1a2a26);color:#e2e8f0;color:var(--text-color,#e2e8f0)}.report-cancel-btn:hover:not(:disabled){background:#5d6269;background:var(--secondary-hover,#5d6269)}.report-submit-btn{background:#ef4444;background:var(--danger-color,#ef4444);color:#fff}.report-submit-btn:hover:not(:disabled){background:#c23b3e;transform:translateY(-1px)}.report-cancel-btn:disabled,.report-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.report-info{background:#0d1912;background:var(--info-bg,#0d1912);border-left:3px solid #10b981;border-left:3px solid var(--accent-color,#10b981);border-radius:6px;margin-top:24px;padding:16px}.report-info p{color:#e2e8f0;color:var(--text-color,#e2e8f0);font-weight:600;margin:0 0 8px}.report-info ul{margin:0;padding-left:18px}.report-info li{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:13px;margin-bottom:4px}@media (prefers-color-scheme:dark){.report-modal{--modal-bg:#0a0f0d;--text-color:#e2e8f0;--text-muted:#cbd5e1;--border-color:#1a2a26;--input-bg:#1a2a26;--hover-bg:#1a2a26;--accent-color:#10b981;--info-bg:#0d1912;--error-bg:#ef4444;--danger-color:#ef4444;--secondary-bg:#1a2a26;--secondary-hover:#5d6269}}@media (prefers-color-scheme:light){.report-modal{--modal-bg:#fff;--text-color:#2e3338;--text-muted:#6a7480;--border-color:#e3e5e8;--input-bg:#f2f3f5;--hover-bg:#f2f3f5;--accent-color:#10b981;--info-bg:#f8f9fa;--error-bg:#ef4444;--danger-color:#ef4444;--secondary-bg:#e3e5e8;--secondary-hover:#d1d5db}}@media (max-width:768px){.report-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.report-modal-body,.report-modal-header{padding:16px 20px}.report-modal-footer{flex-direction:column-reverse;gap:8px}.report-cancel-btn,.report-submit-btn{width:100%}}.report-cancel-btn:focus,.report-modal-close:focus,.report-submit-btn:focus{outline:2px solid #10b981;outline:2px solid var(--accent-color,#10b981);outline-offset:2px}.report-modal-overlay{animation:modalFadeIn .2s ease-out}.report-modal{animation:modalSlideIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.thread-panel{background:var(--main-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;max-width:400px;min-width:400px;position:relative;width:400px}.thread-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.thread-panel-header h3{color:var(--primary-text);font-size:16px;font-weight:600;margin:0}.thread-panel-close{background:none;border:none;border-radius:4px;color:var(--secondary-text);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:background .15s ease}.thread-panel-close:hover{background:var(--hover-bg);color:var(--primary-text)}.thread-panel-parent{background:var(--sidebar-bg);padding:12px 16px}.thread-panel-parent,.thread-panel-reply-count{border-bottom:1px solid var(--border-color);flex-shrink:0}.thread-panel-reply-count{color:var(--secondary-text);font-size:12px;font-weight:500;padding:8px 16px}.thread-panel-messages{flex:1 1;min-height:0;overflow-y:auto;padding:8px 0}.thread-panel-input{border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 16px}.thread-panel-input-wrapper{align-items:center;background:var(--sidebar-bg);background:var(--input-bg,var(--sidebar-bg));border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.thread-panel-input-wrapper:focus-within{border-color:var(--accent-color)}.thread-panel-input-field{background:#0000;border:none;color:var(--primary-text);flex:1 1;font-family:inherit;font-size:14px;max-height:100px;min-height:20px;outline:none;resize:none}.thread-panel-input-field::placeholder{color:var(--secondary-text);opacity:.6}.thread-panel-send-btn{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:4px 8px;transition:opacity .15s ease}.thread-panel-send-btn:hover{opacity:.85}.thread-panel-send-btn:disabled{cursor:not-allowed;opacity:.4}.thread-panel-loading{font-size:14px}.thread-panel-empty,.thread-panel-loading{align-items:center;color:var(--secondary-text);display:flex;justify-content:center;padding:40px 20px}.thread-panel-empty{flex-direction:column;text-align:center}.thread-panel-empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.thread-panel-empty-text{font-size:14px}.thread-indicator{align-items:center;border-radius:4px;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px;padding:2px 8px;transition:background .15s ease}.thread-indicator:hover{background:var(--hover-bg);text-decoration:underline}.thread-indicator .thread-icon{font-size:14px}@media (max-width:768px){.thread-panel{height:100%;max-width:100%;min-width:100%;position:fixed;right:0;top:0;width:100%;z-index:1000}}.collapsible-section{border-bottom:1px solid #ffffff1a}.collapsible-section:last-child{border-bottom:none}.collapsible-section-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section-header:hover{background-color:#ffffff0d}.collapsible-section-header:focus{background-color:#ffffff14;outline:none}.collapsible-section-toggle{color:#888;font-size:10px;text-align:center;transition:color .2s ease;width:14px}.collapsible-section.expanded .collapsible-section-toggle{color:#10b981}.collapsible-section-icon{font-size:16px;line-height:1}.collapsible-section-title{color:#e5e5e5;flex:1 1;font-size:14px;font-weight:600}.collapsible-section-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.collapsible-section-badge.badge-default{background-color:#6366f133;color:#818cf8}.collapsible-section-badge.badge-success{background-color:#22c55e33;color:#4ade80}.collapsible-section-badge.badge-warning{background-color:#eab30833;color:#facc15}.collapsible-section-badge.badge-danger{background-color:#ef444433;color:#f87171}.collapsible-section-summary{color:#888;font-size:12px;font-style:italic;margin-left:auto;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-section-content{animation:slideDown .2s ease;padding:0 16px 16px 38px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collapsible-section-content p{color:#ccc;font-size:13px;line-height:1.5;margin:0 0 8px}.collapsible-section-content p:last-child{margin-bottom:0}.collapsible-section .collapsible-section{margin-left:-16px;margin-right:-16px}.collapsible-section .collapsible-section .collapsible-section-header{padding-left:32px}.character-card{background-color:#1e1e2e;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.character-card-header{align-items:center;background:linear-gradient(135deg,#2d2d44,#1e1e2e);border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:16px 20px}.character-card-avatar{flex-shrink:0}.character-card-avatar .avatar-image{border:2px solid #10b98180;border-radius:50%;height:64px;object-fit:cover;width:64px}.character-card-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#10b981);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:64px;justify-content:center;width:64px}.character-card-identity{flex:1 1;min-width:0}.character-card-name{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0}.character-card-subtitle{color:#a0a0a0;display:block;font-size:14px;margin-top:4px}.cr-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.character-card-actions{display:flex;gap:8px}.card-action-btn{background-color:#ffffff1a;border:none;border-radius:6px;color:#e5e5e5;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.card-action-btn:hover{background-color:#fff3}.card-action-btn.primary{background:linear-gradient(135deg,#10b981,#10b981);color:#fff}.card-action-btn.primary:hover{background:linear-gradient(135deg,#7c7ff1,#9b6cf6)}.card-action-btn.danger{background-color:#ef4444;color:#fff}.card-action-btn.danger:hover{background-color:#dc2626}.card-action-btn:disabled{cursor:not-allowed;opacity:.5}.character-card>:not(.character-card-header){overflow-y:auto}.quick-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.quick-stat{align-items:center;background-color:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:8px 16px}.quick-stat-label{color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.quick-stat-value{color:#fff;font-size:18px;font-weight:700;margin-top:2px}.temp-hp{color:#22c55e;font-size:14px;margin-left:4px}.ability-scores-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-bottom:16px}@media (max-width:600px){.ability-scores-grid{grid-template-columns:repeat(3,1fr)}}.ability-score-box{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:12px 8px;transition:all .2s ease}.ability-score-box.clickable{cursor:pointer}.ability-score-box.clickable:hover{background-color:#10b98133;border-color:#10b98180}.ability-name{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px}.ability-value{color:#fff;font-size:22px;font-weight:700;line-height:1.2}.ability-modifier{color:#10b981;font-size:14px;font-weight:600;margin-top:2px}.languages-list,.saving-throws,.senses-list,.skills-list{color:#ccc;font-size:13px;line-height:1.6;margin-bottom:8px}.languages-list strong,.saving-throws strong,.senses-list strong,.skills-list strong{color:#e5e5e5}.personality-field{margin-bottom:12px}.personality-field strong{color:#e5e5e5;font-size:13px}.personality-field p{color:#ccc;font-size:13px;line-height:1.5;margin:4px 0 0}.personality-list{color:#ccc;font-size:13px;margin:4px 0 0 16px;padding:0}.personality-list li{margin-bottom:4px}.actions-group{margin-bottom:16px}.actions-group h4{color:#a0a0a0;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.actions-group.legendary h4{color:#fbbf24}.action-card{background-color:#ffffff0d;border-left:3px solid #10b981;border-radius:6px;margin-bottom:8px;padding:10px 12px}.actions-group.legendary .action-card{border-left-color:#fbbf24}.action-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.action-name{color:#e5e5e5;font-size:14px;font-weight:600}.action-damage{background-color:#ef444433;color:#ef4444;font-size:12px;font-weight:600}.action-cost,.action-damage{border-radius:4px;padding:2px 8px}.action-cost{background-color:#fbbf2433;color:#fbbf24;font-size:11px}.feature-source{color:#888;font-size:11px;font-style:italic}.action-description{color:#a0a0a0;font-size:12px;line-height:1.5;margin:6px 0 0}.defenses-group{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px}.defense-row{color:#ccc;font-size:13px;margin-bottom:4px}.defense-row strong{color:#e5e5e5}.spellcasting-info{color:#a0a0a0;display:flex;font-size:13px;gap:16px;margin-bottom:12px}.spell-list{display:flex;flex-wrap:wrap;gap:8px}.spell-item{align-items:center;background-color:#10b98133;border-radius:16px;color:#c7d2fe;display:flex;font-size:12px;gap:6px;padding:6px 12px}.spell-level{background-color:#0003;border-radius:8px;color:#888;font-size:10px;padding:2px 6px}.inventory-group{margin-bottom:16px}.inventory-group h4{color:#a0a0a0;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.inventory-list{color:#ccc;font-size:13px;margin:0;padding:0 0 0 16px}.inventory-list li{margin-bottom:4px}.inventory-list li.equipped{color:#22c55e}.inventory-list li.equipped::marker{color:#22c55e}.currency-display{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}.currency{border-radius:12px;font-size:13px;font-weight:600;padding:4px 10px}.currency.pp{background-color:#c0c0c033;color:#d4d4d4}.currency.gp{background-color:#eab30833;color:#fbbf24}.currency.ep{background-color:#a8a29e33;color:#a8a29e}.currency.sp{background-color:#c0c0c033;color:#e5e5e5}.currency.cp{background-color:#b4530933;color:#d97706}.lore-field{margin-bottom:16px}.lore-field strong{color:#e5e5e5;font-size:13px}.lore-field p{color:#ccc;font-size:13px;line-height:1.6;margin:4px 0 0;white-space:pre-wrap}.lore-field ul{color:#ccc;font-size:13px;margin:4px 0 0 16px;padding:0}.lore-field.secrets{background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;padding:12px}.relationships-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.relationship-item{background-color:#ffffff0d;border-radius:6px;padding:8px 12px}.relationship-name{color:#e5e5e5;font-size:13px;font-weight:600}.relationship-type{background-color:#10b98133;border-radius:10px;color:#10b981;font-size:11px;margin-left:8px;padding:2px 8px}.relationship-desc{color:#a0a0a0;font-size:12px;margin:4px 0 0}.gm-notes-section{border-radius:0;margin:0}.gm-notes-section,.gm-notes-section .collapsible-section-header{background-color:#8b5cf61a}.encounter-notes{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.character-card.json-mode{height:90vh}.json-editor-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.json-error-banner{background-color:#ef444433;border-bottom:1px solid #ef44444d;color:#f87171;font-size:13px;padding:10px 16px}.json-editor-textarea{background-color:#0d0d14;border:none;color:#e5e5e5;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;outline:none;padding:16px;resize:none;width:100%}.json-editor-textarea:focus{outline:none}.character-card-body{flex:1 1;overflow-y:auto;padding:0}.character-card-body::-webkit-scrollbar{width:8px}.character-card-body::-webkit-scrollbar-track{background:#0003}.character-card-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.character-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.stat-row{color:#ccc;font-size:13px;line-height:1.6;margin-bottom:8px}.stat-row strong{color:#e5e5e5}.editable-field{border-radius:4px;cursor:text;padding:2px 4px;transition:background-color .15s ease}.editable-field:not(.disabled):hover{background-color:#10b98133}.editable-field.disabled{cursor:default}.editable-field-input{background-color:#10b9814d;border:1px solid #10b981;border-radius:4px;color:#fff;font-family:inherit;font-size:inherit;outline:none;padding:2px 6px}.editable-field-input.inline-number{text-align:center;width:50px}.editable-field.inline-number{display:inline-block;min-width:30px;text-align:center}.editable-textarea{border-radius:6px;color:#ccc;cursor:text;font-size:13px;line-height:1.5;margin-top:4px;min-height:40px;padding:8px;transition:background-color .15s ease;white-space:pre-wrap}.editable-textarea:not(.disabled):hover{background-color:#10b9811a}.editable-textarea.disabled{cursor:default}.editable-textarea .placeholder{color:#666;font-style:italic}.editable-textarea-input{background-color:#10b98126;border:1px solid #10b981;border-radius:6px;color:#fff;font-family:inherit;font-size:13px;line-height:1.5;margin-top:4px;outline:none;padding:8px;resize:vertical;width:100%}.editable-textarea-input:focus{background-color:#10b98133;border-color:#10b981}.editable-stat .editable-field{display:inline}.editable-stat .editable-field-input{width:40px}.ability-score-box .editable-field{color:#fff;font-size:22px;font-weight:700;line-height:1.2}.ability-score-box .editable-field-input{font-size:18px;font-weight:700;text-align:center;width:50px}.editable-list{margin-top:8px}.editable-list-item{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;gap:8px;margin-bottom:4px;padding:4px 8px}.editable-list-text{border-radius:3px;color:#ccc;cursor:pointer;flex:1 1;font-size:13px;padding:2px 4px}.editable-list-text:hover{background-color:#10b98133}.editable-list-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;opacity:.6;padding:0 4px;transition:opacity .2s}.editable-list-remove:hover{opacity:1}.editable-list-add{display:flex;gap:8px;margin-top:8px}.editable-list-input{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:6px 10px}.editable-list-input:focus{background-color:#10b9811a;border-color:#10b981}.editable-list-input::placeholder{color:#666}.editable-list-add-btn{background:linear-gradient(135deg,#10b981,#10b981);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:opacity .2s;width:32px}.editable-list-add-btn:hover:not(:disabled){opacity:.9}.editable-list-add-btn:disabled{cursor:not-allowed;opacity:.3}.editable-action-list{margin-top:8px}.action-card.editable{position:relative}.action-card.editable .action-name{cursor:pointer}.action-card.editable .action-name:hover{color:#10b981}.action-card.editable .action-description{cursor:pointer}.action-card.editable .action-description:hover{color:#ccc}.action-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;opacity:.6;position:absolute;right:8px;top:8px;transition:opacity .2s}.action-remove:hover{opacity:1}.action-edit-form{background-color:#10b9811a;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px}.action-edit-input{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:8px 12px}.action-edit-input:focus{border-color:#10b981}.action-edit-input.small{width:150px}.action-edit-textarea{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;resize:vertical}.action-edit-textarea:focus{border-color:#10b981}.action-edit-buttons{display:flex;gap:8px;justify-content:flex-end}.action-edit-save{background:linear-gradient(135deg,#10b981,#10b981);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.action-edit-save:hover{opacity:.9}.action-edit-cancel{background:#ffffff1a;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:13px;padding:6px 16px}.action-edit-cancel:hover{background:#fff3}.add-action-btn{background-color:#10b9811a;border:1px dashed #10b9814d;border-radius:6px;color:#10b981;cursor:pointer;display:block;font-size:13px;padding:10px;text-align:center;transition:all .2s;width:100%}.add-action-btn:hover{background-color:#10b98133;border-color:#10b98180}.currency-edit h4{color:#a0a0a0;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.currency-inputs{display:flex;flex-wrap:wrap;gap:12px}.currency-input{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px}.currency-input.pp{background-color:#c0c0c026}.currency-input.gp{background-color:#eab30826}.currency-input.ep{background-color:#a8a29e26}.currency-input.sp{background-color:#c0c0c01a}.currency-input.cp{background-color:#b4530926}.currency-input .editable-field,.currency-input .editable-field-input{text-align:center;width:50px}.currency-label{color:#888;font-size:11px}.inline-number.small{width:30px}.placeholder{color:#555;font-style:italic}.ability-scores-grid.abilities-6{grid-template-columns:repeat(6,1fr)}.ability-scores-grid.abilities-4{grid-template-columns:repeat(4,1fr)}.ability-scores-grid.abilities-5{grid-template-columns:repeat(5,1fr)}.ability-scores-grid.abilities-8{grid-template-columns:repeat(4,1fr)}.ability-scores-grid.abilities-3{grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.ability-scores-grid.abilities-3,.ability-scores-grid.abilities-4,.ability-scores-grid.abilities-5,.ability-scores-grid.abilities-6,.ability-scores-grid.abilities-8{grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.ability-scores-grid.abilities-4,.ability-scores-grid.abilities-5,.ability-scores-grid.abilities-6,.ability-scores-grid.abilities-8{grid-template-columns:repeat(2,1fr)}}.death-saves-widget{background-color:#ffffff08;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.death-saves-row{align-items:center;display:flex;gap:12px}.death-saves-label{font-size:13px;font-weight:600;width:80px}.death-saves-label.success{color:#22c55e}.death-saves-label.failure{color:#ef4444}.death-saves-boxes{display:flex;gap:8px}.death-save-box{background:#0000;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:24px;padding:0;transition:all .2s ease;width:24px}.death-save-box:hover:not(:disabled){transform:scale(1.1)}.death-save-box.success{border-color:#22c55e80}.death-save-box.success.filled{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 0 8px #22c55e66}.death-save-box.failure{border-color:#ef444480}.death-save-box.failure.filled{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 0 8px #ef444466}.death-save-box:disabled{cursor:default;opacity:.6}.death-saves-reset{align-self:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#888;cursor:pointer;font-size:11px;margin-top:4px;padding:4px 12px;transition:all .2s}.death-saves-reset:hover{background:#ffffff1a;color:#fff}.spell-slots-section{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:16px}.spell-slots-section h4{color:#a0a0a0;font-size:13px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.spell-slots-widget{display:flex;flex-direction:column;gap:8px}.spell-slots-empty{color:#666;font-size:13px;font-style:italic;padding:12px;text-align:center}.spell-slot-row{align-items:center;background-color:#ffffff08;border-radius:6px;display:flex;gap:12px;padding:6px 10px}.spell-slot-level{color:#10b981;font-size:12px;font-weight:600;min-width:32px}.spell-slot-bubbles{display:flex;flex:1 1;gap:6px}.spell-slot-bubble{background:#0000;border:2px solid #8b5cf666;border-radius:50%;cursor:pointer;height:20px;padding:0;transition:all .2s ease;width:20px}.spell-slot-bubble:hover:not(:disabled){border-color:#8b5cf6cc;transform:scale(1.15)}.spell-slot-bubble.filled{background:linear-gradient(135deg,#10b981,#10b981);border-color:#10b981;box-shadow:0 0 6px #8b5cf666}.spell-slot-bubble:disabled{cursor:default;opacity:.5}.spell-slot-count{color:#888;font-size:12px;min-width:35px;text-align:right}.hit-dice-widget{align-items:center;background-color:#ffffff08;border-radius:8px;display:flex;gap:16px;padding:12px}.hit-dice-type{background:#10b98126;border-radius:6px;color:#10b981;font-size:18px;font-weight:700;min-width:50px;padding:6px 12px;text-align:center}.hit-dice-controls{align-items:center;display:flex;gap:8px}.hit-dice-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.hit-dice-btn:hover:not(:disabled){background:#10b9814d}.hit-dice-btn:disabled{cursor:not-allowed;opacity:.3}.hit-dice-value{color:#fff;font-size:16px;font-weight:600;min-width:60px;text-align:center}.xp-progress-container{align-items:center;display:flex;gap:10px;margin-top:6px;padding:4px 0}.xp-progress-bar{background-color:#ffffff1a;border-radius:3px;flex:1 1;height:6px;max-width:200px;min-width:100px;overflow:hidden}.xp-progress-fill{background:linear-gradient(90deg,#10b981,#10b981);border-radius:3px;height:100%;transition:width .3s ease}.xp-progress-text{color:#888;font-size:11px;white-space:nowrap}.xp-progress-text .editable-field,.xp-progress-text .editable-field-input{font-size:11px}.xp-progress-text .xp-current{color:#10b981;font-weight:600}.alignment-field{color:#a0a0a0;font-style:italic}.background-section{background-color:#ffffff08;border-radius:8px;padding:12px}.background-name{color:#e5e5e5;font-size:16px;font-weight:600;margin-bottom:8px}.background-feature{background-color:#10b9811a;border-left:3px solid #10b981;border-radius:6px;margin-top:12px;padding:10px}.background-feature-name{color:#10b981;font-size:14px;font-weight:600;margin-bottom:4px}.background-feature-description{color:#ccc;font-size:13px;line-height:1.5}.features-subsection{margin-bottom:16px}.features-subsection:last-child{margin-bottom:0}.features-subsection-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:10px;padding-bottom:6px}.features-subsection-title{color:#a0a0a0;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.features-subsection-badge{background-color:#ffffff0d;border-radius:10px;color:#888;font-size:11px;padding:2px 8px}.proficiency-groups{display:flex;flex-direction:column;gap:16px}.proficiency-group{background-color:#ffffff08;border-radius:8px;padding:12px}.proficiency-group h5{color:#a0a0a0;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.saving-throw-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:500px){.saving-throw-grid{grid-template-columns:repeat(2,1fr)}}.saving-throw-item{align-items:center;background-color:#ffffff08;border-radius:6px;color:#888;display:flex;font-size:12px;gap:6px;padding:6px 10px}.saving-throw-item.proficient{background-color:#22c55e1a;color:#22c55e}.saving-throw-checkbox{accent-color:#22c55e;height:14px;width:14px}.attunement-tracker{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:16px}.attunement-tracker h4{align-items:center;color:#a0a0a0;display:flex;font-size:13px;gap:8px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.attunement-count{background-color:#8b5cf633;border-radius:10px;color:#10b981;font-size:11px;padding:2px 8px}.attunement-slots{display:flex;flex-direction:column;gap:6px}.attunement-slot{align-items:center;background-color:#ffffff08;border:1px dashed #ffffff1a;border-radius:6px;color:#888;display:flex;font-size:13px;gap:8px;padding:8px 12px}.attunement-slot.filled{background-color:#8b5cf61a;border:1px solid #8b5cf64d;color:#c7d2fe}.attunement-slot-icon{align-items:center;border-radius:50%;display:flex;font-size:10px;height:16px;justify-content:center;width:16px}.attunement-slot.filled .attunement-slot-icon{background:linear-gradient(135deg,#10b981,#10b981);color:#fff}.attunement-slot.empty .attunement-slot-icon{border:1px dashed #fff3}.attunement-slot-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;margin-left:auto;opacity:.6;padding:0 4px;transition:opacity .2s}.attunement-slot-remove:hover{opacity:1}.voice-permissions-embedded{flex-direction:column;max-height:600px;min-height:400px}.voice-permissions-embedded,.voice-permissions-layout{background:#0000;display:flex;height:100%;overflow:hidden}.voice-permissions-layout{border:none;border-radius:0;box-shadow:none;flex:1 1;gap:16px}.voice-permissions-sidebar{background:#0000;border:none;display:flex;flex-direction:column;min-width:280px;overflow-y:visible;width:280px}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 12px}.sidebar-header h4{color:#333;color:var(--text-primary,#333);font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0 0 4px;text-transform:uppercase}.sidebar-header p{color:#666;color:var(--text-secondary,#666);font-size:12px;margin:0}.add-entity-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 16px}.add-entity-header{color:#666;color:var(--text-secondary,#666);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.add-entity-search{position:relative}.search-input{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:3px;box-sizing:border-box;color:#333;color:var(--text-primary,#333);font-size:11px;outline:none;padding:4px 6px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#2196f3;border-color:var(--accent-color,#2196f3)}.add-dropdown{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:3px;box-shadow:0 2px 8px #00000026;left:0;margin-top:2px;max-height:160px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:11px;padding:4px 6px;transition:background-color .15s}.dropdown-item.has-existing{background:#f8f8f8;background:var(--background-tertiary,#f8f8f8)}.dropdown-item:hover{background:#f6f6f6;background:var(--background-secondary,#f6f6f6)}.dropdown-empty{color:#666;color:var(--text-secondary,#666);font-size:13px;padding:12px;text-align:center}.entity-icon{flex-shrink:0;font-size:12px;margin-right:4px}.entity-name{flex:1 1;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-indicator{font-size:11px;font-weight:400}.entity-type,.existing-indicator{color:#666;color:var(--text-secondary,#666)}.entity-type{flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.entity-list{flex:1 1;overflow-y:visible}.entity-list-header{background:#0000;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;padding:0 0 6px;text-transform:uppercase}.entity-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin-bottom:1px;padding:4px 0;transition:all .15s}.entity-item:hover{background:#f5f5f5;background:var(--background-tertiary,#f5f5f5)}.entity-item.selected{background:#e3f2fd;background:var(--accent-color-light,#e3f2fd);border-left:2px solid #2196f3;border-left:2px solid var(--accent-color,#2196f3);padding-left:4px}.entity-item .entity-name{color:#333;color:var(--text-primary,#333);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-entity-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;margin-left:auto;opacity:.6;transition:all .15s;width:16px}.entity-item:hover .remove-entity-btn{opacity:1}.remove-entity-btn:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.voice-permissions-main{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:visible;position:relative}.permission-detail-header{background:#0000;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 12px}.selected-entity-info{align-items:center;display:flex}.selected-entity-info .entity-icon{font-size:16px;margin-right:8px}.entity-details h3{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;margin:0 0 2px}.entity-details h3,.entity-details p{letter-spacing:.5px;text-transform:uppercase}.entity-details p{color:#666;color:var(--text-secondary,#666);font-size:11px;margin:0}.permission-grid{flex:1 1;max-height:calc(100vh - 300px);overflow-y:auto;padding:0}.permission-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color-light,#f0f0f0);display:flex;justify-content:space-between;padding:8px 0}.permission-row:last-child{border-bottom:none}.permission-info h4{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:500;margin:0 0 2px}.permission-info p{color:#666;color:var(--text-secondary,#666);font-size:11px;line-height:1.3;margin:0}.permission-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.permission-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;background-color:var(--switch-off,#ccc);border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:14px;left:3px;position:absolute;transition:.3s;width:14px}.permission-toggle input:checked+.toggle-slider{background-color:#2196f3;background-color:var(--accent-color,#2196f3)}.permission-toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.no-selection{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.no-selection-content{max-width:300px;text-align:center}.no-selection-content h3{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.no-selection-content p{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.4;margin:0}.voice-permissions-footer{background:inherit;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);bottom:0;margin-top:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:10}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:3px;color:#155724;font-size:12px;margin-bottom:12px;padding:8px 12px;text-align:center}.footer-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .15s}.cancel-btn{background:#f6f6f6;background:var(--background-secondary,#f6f6f6);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.cancel-btn:hover{background:#f0f0f0;background:var(--background-tertiary,#f0f0f0);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.save-btn{background:#2196f3;background:var(--accent-color,#2196f3);color:#fff}.save-btn:hover:not(:disabled){background:#1976d2;background:var(--accent-color-dark,#1976d2);box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.loading-state,.no-permission-message{color:#666;color:var(--text-secondary,#666);font-size:12px;padding:20px;text-align:center}.dark-mode{--background-primary:#2d1b4e;--background-secondary:#1a0f2e;--background-tertiary:#3d2860;--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--border-color:#3d2860;--border-color-light:#3d2860;--accent-color:#8b5cf6;--accent-color-light:#404eed20;--accent-color-dark:#7c3aed;--switch-off:#cbd5e1;--danger-color:#ef4444}.dark-mode .search-input{color:var(--text-primary)}.dark-mode .add-dropdown,.dark-mode .search-input{background:var(--background-primary);border-color:var(--border-color)}.dark-mode .success-message{background:#155724;border-color:#28a745;color:#d4edda}@media (max-width:768px){.voice-permissions-layout{flex-direction:column;gap:12px;height:auto}.voice-permissions-sidebar{max-height:250px;min-width:100%;overflow-y:auto;width:100%}.voice-permissions-main{min-height:300px}}@media (max-width:1024px){.voice-permissions-sidebar{min-width:220px;width:220px}}.notification-toast{align-items:center;border-radius:6px;box-shadow:0 4px 12px #0000004d;display:flex;gap:10px;max-width:400px;opacity:0;padding:15px 20px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:10000}.notification-toast.show{opacity:1;transform:translateX(0)}.notification-toast.success{background:#4caf50;color:#fff}.notification-toast.error{background:#f44336;color:#fff}.notification-toast.warning{background:#ff9800;color:#fff}.notification-toast.info{background:#2196f3;color:#fff}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;font-size:14px}.toast-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;opacity:.8;padding:0;transition:opacity .2s;width:20px}.toast-close:hover{opacity:1}.report-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.report-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:80vh;max-width:90%;overflow:auto;width:500px}.report-modal-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px}.report-modal-header h2{color:#fff;font-size:1.3em;margin:0}.close-button{color:#999;height:30px;transition:all .2s;width:30px}.close-button:hover{background-color:#ffffff1a;color:#fff}.report-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.form-group select,.form-group textarea{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{min-height:80px;resize:vertical}.reason-description{background-color:#4a90e21a;border-left:3px solid #4a90e2;border-radius:0 4px 4px 0;color:#aaa;font-size:.85em;margin-top:8px;padding:8px}.reported-content{margin-bottom:20px}.reported-content label{color:#ccc;display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.message-preview{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#999;font-size:.9em;max-height:100px;overflow-y:auto;padding:12px}.message-preview strong{color:#4a90e2;margin-right:8px}.error-message{background-color:#ff00001a;border:1px solid #ff00004d;border-radius:4px;color:#ff6b6b;font-size:.9em;margin-bottom:15px;padding:10px}.modal-actions{border-top:1px solid #444;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:10px}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{background-color:#444;color:#ccc}.cancel-button:hover:not(:disabled){background-color:#555;color:#fff}.submit-button{background-color:#e74c3c;color:#fff}.submit-button:hover:not(:disabled){background-color:#c0392b}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}.ptt-indicator{align-items:center;animation:pttSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;border:2px solid #dc3545;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #dc35454d;color:#fff;display:flex;font-size:.9em;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;z-index:10000}.ptt-indicator.speaking{animation:pttPulse 1s infinite alternate;background:#28a745e6;border-color:#28a745;box-shadow:0 4px 12px #28a7454d}.ptt-indicator-icon{animation:pttIconPulse .8s infinite alternate;font-size:1.2em}.ptt-indicator.speaking .ptt-indicator-icon{animation:pttSpeakingPulse .5s infinite alternate}.ptt-indicator-text{font-family:Segoe UI,system-ui,sans-serif}.ptt-indicator-key{background:#fff3;border-radius:4px;font-family:monospace;font-size:.8em;margin-left:4px;padding:2px 6px}@keyframes pttSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pttPulse{0%{box-shadow:0 4px 12px #28a7454d}to{box-shadow:0 4px 20px #28a74599}}@keyframes pttIconPulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pttSpeakingPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.voice-status-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffffff1a;border-radius:6px;bottom:80px;color:#fff;font-size:.8em;padding:8px 12px;position:fixed;right:20px;z-index:9999}.voice-status-overlay.muted{background:#dc3545cc;border-color:#dc35454d}.voice-status-overlay.deafened{background:#6c757dcc;border-color:#6c757d4d}.dark-mode .ptt-indicator{background:#dc3545f2;box-shadow:0 4px 12px #dc354566}.dark-mode .ptt-indicator.speaking{background:#28a745f2;box-shadow:0 4px 12px #28a74566}.dark-mode .voice-status-overlay{background:#000000e6;border-color:#fff3}@media (max-width:768px){.ptt-indicator{bottom:10px;font-size:.8em;padding:10px 14px;right:10px}.voice-status-overlay{bottom:70px;font-size:.7em;right:10px}}.modal-backdrop{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.channel-creation-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1001}.channel-creation-modal.dark{background:#1a0f2e;color:#e5e7eb}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.dark .modal-header{border-bottom-color:#140a24}.modal-header h2{font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-button:hover{background:#0000000d}.dark .close-button{color:#cbd5e1}.dark .close-button:hover{background:#ffffff0d}.form-section{border-bottom:1px solid #e5e7eb;padding:20px}.dark .form-section{border-bottom-color:#140a24}.form-section:last-of-type{border-bottom:none}.form-section label{color:#64748b;display:block;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.dark .form-section label{color:#cbd5e1}.channel-type-selector{display:flex;flex-direction:column;gap:12px}.type-button{align-items:center;background:#f2f3f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s}.dark .type-button{background:#140a24}.type-button:hover{background:#e5e7eb}.dark .type-button:hover{background:#1a0f2e}.type-button.selected{background:#fff;border-color:#8b5cf6}.dark .type-button.selected{background:#1a0f2e;border-color:#8b5cf6}.type-button .icon{align-items:center;background:#8b5cf61a;border-radius:50%;color:#8b5cf6;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.type-name{color:#060607;font-size:16px;font-weight:600;margin-bottom:4px}.dark .type-name{color:#f2f3f5}.type-desc{color:#64748b;font-size:14px}.dark .type-desc{color:#cbd5e1}.input-wrapper{align-items:center;display:flex;position:relative}.input-prefix{color:#64748b;font-size:16px;left:12px;position:absolute}.dark .input-prefix{color:#cbd5e1}.input-wrapper input{background:#e5e7eb;border:none;border-radius:4px;color:#060607;font-size:16px;padding:10px 10px 10px 36px;transition:background .2s;width:100%}.dark .input-wrapper input{background:#140a24;color:#f2f3f5}.input-wrapper input:focus{background:#d4d7dc;outline:none}.dark .input-wrapper input:focus{background:#000}.private-toggle{align-items:flex-start;display:flex;gap:12px}.private-toggle input[type=checkbox]{cursor:pointer;height:20px;margin-top:2px;width:20px}.private-toggle label{cursor:pointer;flex:1 1;margin-bottom:0}.toggle-label{align-items:center;color:#060607;display:flex;font-size:16px;font-weight:600;gap:8px;text-transform:none}.dark .toggle-label{color:#f2f3f5}.toggle-desc{color:#64748b;font-size:14px;font-weight:400;margin-top:4px}.dark .toggle-desc{color:#cbd5e1}.member-search input{background:#e5e7eb;border:none;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.dark .member-search input{background:#140a24;color:#f2f3f5}.member-list{background:#fff;border:1px solid #e5e7eb;border-radius:4px;max-height:200px;overflow-y:auto}.dark .member-list{background:#1a0f2e;border-color:#140a24}.member-item{transition:background .2s}.member-item:hover{background:#f2f3f5}.dark .member-item:hover{background:#140a24}.member-item.selected{background:#8b5cf61a}.member-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.member-name{flex:1 1;font-size:14px}.member-role{background:#8b5cf61a;border-radius:3px;font-size:12px;font-weight:600;padding:2px 6px}.no-members{color:#64748b;padding:20px;text-align:center}.dark .no-members{color:#cbd5e1}.selected-count{color:#64748b;font-size:12px;margin-top:8px}.dark .selected-count{color:#cbd5e1}.modal-footer{background:#f2f3f5;border-radius:0 0 8px 8px;display:flex;gap:12px;justify-content:flex-end;padding:20px}.dark .modal-footer{background:#140a24}.cancel-button{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.cancel-button:hover{background:#0000000d}.dark .cancel-button{color:#cbd5e1}.dark .cancel-button:hover{background:#ffffff0d}.create-button{background:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.create-button:hover:not(:disabled){background:#7c3aed}.create-button:disabled{cursor:not-allowed;opacity:.5}div[style*="group: 'category-header'"]{position:relative}div[style*="group: 'category-header'"]:hover .category-add-button{opacity:1!important}.category-add-button{opacity:0;transition:opacity .2s,color .2s}div[style*="group: 'category-header'"]:hover button[title*="Add channel"]{opacity:1!important}.mobile-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:none;height:50px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:900}@media (max-width:767px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav.dark{background:#1e1e1e;border-top-color:#333}.mobile-nav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:4px;position:relative;transition:color .15s ease}.mobile-bottom-nav.dark .mobile-nav-tab{color:#9ca3af}.mobile-nav-tab.active{color:#2563eb}.mobile-bottom-nav.dark .mobile-nav-tab.active{color:#60a5fa}.mobile-nav-tab:active{transform:scale(.95)}.mobile-nav-icon{align-items:center;display:flex;justify-content:center}.mobile-nav-icon,.mobile-nav-icon svg{height:22px;width:22px}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1}.mobile-nav-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:calc(50% - 20px);top:4px}.mobile-drawer-overlay{-webkit-tap-highlight-color:transparent;background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .25s,visibility .25s;transition:opacity var(--transition-normal,.25s),visibility var(--transition-normal,.25s);visibility:hidden;z-index:850;z-index:var(--z-mobile-drawer,850)}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{background:#fff;background:var(--surface-light,#fff);bottom:0;box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.32,.72,0,1);transition:transform var(--transition-normal,.25s) cubic-bezier(.32,.72,0,1);width:280px;width:var(--mobile-drawer-width,280px);will-change:transform;z-index:851;z-index:calc(var(--z-mobile-drawer, 850) + 1)}.dark .mobile-drawer{background:#1e1e1e;background:var(--surface-dark,#1e1e1e)}.mobile-drawer.left{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light,#e0e0e0);left:0;transform:translateX(-100%)}.dark .mobile-drawer.left{border-right-color:#333;border-right-color:var(--border-dark,#333)}.mobile-drawer.right{border-left:1px solid #e0e0e0;border-left:1px solid var(--border-light,#e0e0e0);box-shadow:-4px 0 20px #0003;left:auto;right:0;transform:translateX(100%)}.dark .mobile-drawer.right{border-left-color:#333;border-left-color:var(--border-dark,#333)}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;min-height:var(--mobile-header-height,56px);padding:16px;padding:var(--mobile-padding-md,16px);padding-top:16px;padding-top:calc(var(--mobile-padding-md, 16px) + var(--safe-area-inset-top, 0px))}.dark .mobile-drawer-header{border-bottom-color:#333;border-bottom-color:var(--border-dark,#333)}.mobile-drawer-title{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:18px;font-size:var(--mobile-font-lg,18px);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-drawer-title{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-drawer-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:#212121;color:var(--text-light,#212121);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;height:var(--touch-target-min,44px);justify-content:center;margin-left:12px;margin-left:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s);width:44px;width:var(--touch-target-min,44px)}.dark .mobile-drawer-close{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-drawer-close:active{background:#0000001a}.dark .mobile-drawer-close:active{background:#ffffff1a}.mobile-drawer-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.mobile-drawer-content::-webkit-scrollbar{width:4px}.mobile-drawer-content::-webkit-scrollbar-track{background:#0000}.mobile-drawer-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.dark .mobile-drawer-content::-webkit-scrollbar-thumb{background:#fff3}.mobile-drawer-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light,#e0e0e0);flex-shrink:0;padding:16px;padding:var(--mobile-padding-md,16px);padding-bottom:16px;padding-bottom:calc(var(--mobile-padding-md, 16px) + var(--safe-area-inset-bottom, 0px))}.dark .mobile-drawer-footer{border-top-color:#333;border-top-color:var(--border-dark,#333)}.mobile-drawer.left:before{right:0}.mobile-drawer.left:before,.mobile-drawer.right:before{background:#e0e0e0;background:var(--border-light,#e0e0e0);border-radius:2px;content:"";height:40px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:4px}.mobile-drawer.right:before{left:0}.dark .mobile-drawer:before{background:#333;background:var(--border-dark,#333)}.mobile-drawer.open:before{opacity:0}.mobile-drawer:before{transition:opacity .15s;transition:opacity var(--transition-fast,.15s)}body.mobile-drawer-open{height:100%;overflow:hidden;position:fixed;touch-action:none;width:100%}.mobile-nav-drawer-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:998}.mobile-nav-drawer-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.mobile-nav-drawer{bottom:0;display:flex;left:-100%;max-width:320px;position:fixed;top:0;transition:left .25s ease,visibility .25s ease;visibility:hidden;width:85%;z-index:999}.mobile-nav-drawer.open{left:0;visibility:visible}.mobile-nav-server-rail{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:8px;overflow-y:auto;padding:12px 0;width:72px}.mobile-nav-drawer.dark .mobile-nav-server-rail{background:#111827}.mobile-nav-server-item{background:#0000;border:none;cursor:pointer;padding:0;position:relative}.mobile-nav-server-icon,.mobile-nav-server-item{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.mobile-nav-server-icon{border-radius:16px;font-size:18px;font-weight:600;overflow:hidden;transition:border-radius .2s ease,background .2s ease}.mobile-nav-drawer.dark .mobile-nav-server-icon,.mobile-nav-server-icon{background:#2196f3;color:#fff}.mobile-nav-server-item.active .mobile-nav-server-icon,.mobile-nav-server-item:active .mobile-nav-server-icon{border-radius:12px}.mobile-nav-server-item.active .mobile-nav-server-icon{background:#2196f3;color:#fff}.mobile-nav-server-icon.dm{background:#e5e7eb;color:#6b7280}.mobile-nav-drawer.dark .mobile-nav-server-icon.dm{background:#374151;color:#d1d5db}.mobile-nav-server-icon.add{background:#0000;border:2px dashed #10b981;color:#10b981}.mobile-nav-server-icon.add:active{background:#10b981;color:#fff}.mobile-nav-server-img{height:100%;object-fit:cover;width:100%}.mobile-nav-server-initial{font-size:18px;font-weight:600}.mobile-nav-server-indicator{background:#fff;border-radius:0 4px 4px 0;height:40px;left:0;position:absolute;width:4px}.mobile-nav-server-separator{background:#d1d5db;border-radius:1px;height:2px;margin:4px 0;width:32px}.mobile-nav-drawer.dark .mobile-nav-server-separator{background:#374151}.mobile-nav-channels-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.mobile-nav-drawer.dark .mobile-nav-channels-panel{background:#1f2937}.mobile-nav-server-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:56px;justify-content:space-between;padding:0 16px}.mobile-nav-drawer.dark .mobile-nav-server-header{border-bottom-color:#374151}.mobile-nav-server-name{color:#111827;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-drawer.dark .mobile-nav-server-name{color:#f9fafb}.mobile-nav-expand-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.mobile-nav-expand-btn:active{background:#0000000d}.mobile-nav-drawer.dark .mobile-nav-expand-btn{color:#9ca3af}.mobile-nav-search{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:15px;gap:10px;margin:12px;padding:10px 14px}.mobile-nav-drawer.dark .mobile-nav-search{background:#374151;color:#6b7280}.mobile-nav-channels-list{flex:1 1;overflow-y:auto;padding:0 8px 8px}.mobile-nav-category{margin-bottom:8px}.mobile-nav-category-header{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.05em;padding:12px 8px 6px;text-transform:uppercase;width:100%}.mobile-nav-drawer.dark .mobile-nav-category-header{color:#9ca3af}.mobile-nav-category-arrow{transition:transform .15s ease}.mobile-nav-category-arrow.expanded{transform:rotate(90deg)}.mobile-nav-category-name{flex:1 1;text-align:left}.mobile-nav-category-channels{display:flex;flex-direction:column;gap:2px}.mobile-nav-channel-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:10px 12px 10px 28px;text-align:left;transition:background .1s ease,color .1s ease;width:100%}.mobile-nav-drawer.dark .mobile-nav-channel-item{color:#9ca3af}.mobile-nav-channel-item:active{background:#0000000d}.mobile-nav-drawer.dark .mobile-nav-channel-item:active{background:#ffffff1a}.mobile-nav-channel-item.active{background:#eff6ff;color:#2563eb}.mobile-nav-drawer.dark .mobile-nav-channel-item.active{background:#2563eb33;color:#60a5fa}.mobile-nav-channel-icon{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:18px;font-weight:500}.mobile-nav-channel-item.active .mobile-nav-channel-icon{color:#2563eb}.mobile-nav-drawer.dark .mobile-nav-channel-item.active .mobile-nav-channel-icon{color:#60a5fa}.mobile-nav-channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-channel-item.voice .mobile-nav-channel-icon{color:#10b981}.mobile-nav-channel-item.voice .mobile-nav-channel-icon svg{height:18px;width:18px}.channel-info-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:998}.channel-info-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.channel-info-drawer{background:#fff;bottom:0;display:flex;flex-direction:column;max-width:400px;position:fixed;right:-100%;top:0;transition:right .25s ease,visibility .25s ease;visibility:hidden;width:100%;z-index:999}.channel-info-drawer.open{right:0;visibility:visible}.channel-info-drawer.dark{background:#1a1a2e}.channel-info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.channel-info-drawer.dark .channel-info-header{border-bottom-color:#2a2a3e}.channel-info-back{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.channel-info-back:active{background:#0000000d}.channel-info-drawer.dark .channel-info-back{color:#9ca3af}.channel-info-header-actions{display:flex;gap:8px}.channel-info-action{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.channel-info-action:active{background:#0000000d}.channel-info-drawer.dark .channel-info-action{color:#9ca3af}.channel-info-title{align-items:center;display:flex;gap:12px;padding:16px}.channel-icon{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:flex;font-size:24px;font-weight:600;height:48px;justify-content:center;width:48px}.channel-info-drawer.dark .channel-icon{background:#2a2a3e;color:#9ca3af}.channel-details h2{color:#111827;font-size:20px;font-weight:600;margin:0}.channel-info-drawer.dark .channel-details h2{color:#f3f4f6}.channel-details p{color:#6b7280;font-size:14px;margin:2px 0 0}.channel-info-drawer.dark .channel-details p{color:#9ca3af}.channel-info-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;gap:0;overflow-x:auto;padding:0 16px}.channel-info-drawer.dark .channel-info-tabs{border-bottom-color:#2a2a3e}.channel-info-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:12px 16px;transition:color .15s,border-color .15s}.channel-info-tab.active{border-bottom-color:#2563eb;color:#2563eb}.channel-info-drawer.dark .channel-info-tab{color:#9ca3af}.channel-info-drawer.dark .channel-info-tab.active{border-bottom-color:#60a5fa;color:#60a5fa}.channel-info-content{flex:1 1;overflow-y:auto;padding:8px}.channel-info-manage-btn{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:15px;gap:12px;margin-bottom:8px;padding:12px;text-align:left;width:100%}.channel-info-drawer.dark .channel-info-manage-btn{background:#2a2a3e;color:#f3f4f6}.manage-btn-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;height:40px;justify-content:center;width:40px}.channel-info-drawer.dark .manage-btn-icon{background:#374151;color:#9ca3af}.manage-btn-arrow{color:#9ca3af;margin-left:auto}.channel-info-members-list{padding:0}.members-section{margin-bottom:16px}.members-section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0;padding:8px 12px;text-transform:uppercase}.channel-info-drawer.dark .members-section-title{color:#9ca3af}.member-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-align:left;width:100%}.member-item:active{background:#0000000d}.channel-info-drawer.dark .member-item:active{background:#ffffff0d}.member-item.offline{opacity:.6}.member-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-avatar .avatar-placeholder{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.channel-info-drawer.dark .member-avatar .avatar-placeholder{background:#374151;color:#9ca3af}.status-dot{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.channel-info-drawer.dark .status-dot{border-color:#1a1a2e}.status-dot.online{background:#22c55e}.status-dot.dnd{background:#ef4444}.status-dot.idle{background:#eab308}.member-info{flex:1 1;min-width:0}.member-name{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:500;gap:6px}.channel-info-drawer.dark .member-name{color:#f3f4f6}.owner-badge{font-size:12px}.bot-badge{background:#8b5cf6;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.member-activity{color:#6b7280;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-info-drawer.dark .member-activity{color:#9ca3af}.channel-info-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.channel-info-drawer.dark .channel-info-empty{color:#9ca3af}.main-app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-body-row{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.desktop-header{align-items:center;background:var(--sidebar-bg);border-bottom:1px solid #00000014;display:flex;flex-shrink:0;gap:12px;height:60px;height:var(--header-height,60px);min-height:60px;min-height:var(--header-height,60px);padding:0 16px;width:100%;z-index:100}.dark .desktop-header{border-bottom-color:var(--border-color)}.server-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:8px 0 68px;position:relative;width:80px;width:var(--server-sidebar-width,80px);z-index:200}.main-content-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow:hidden}.main-content-container *{min-width:0}.content-area,.main-content-wrapper{display:flex;flex:1 1;max-width:100%;min-width:0;overflow:hidden}.main-content-wrapper{flex-direction:column}.main-content-wrapper .chat-container{flex:1 1;min-height:0}.channels-sidebar-wrapper{display:flex;flex-shrink:0;height:100%}.members-sidebar{background:var(--sidebar-bg);border-left:1px solid var(--border-color);flex-shrink:0;min-width:200px;overflow-y:auto;padding-bottom:60px}.layout-resize-handle{background:var(--border-color);cursor:col-resize;flex-shrink:0;transition:background .2s;width:4px}.layout-resize-handle:hover{background:#8b5cf6;background:var(--primary-color,#8b5cf6)}@media (max-width:767px){.main-app-layout{flex-direction:column!important}.channels-sidebar,.channels-sidebar-wrapper,.left-sidebar,.main-app-layout>.server-sidebar,.members-sidebar,.right-sidebar,.server-sidebar,.sidebar,.sidebar-container,[class*=sidebar]{display:none!important;left:-9999px!important;max-width:0!important;min-width:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.channel-header,.chat-header,.layout-resize-handle,.resize-handle,.voice-bottom-bar{display:none!important}.main-content-container{width:100%}.content-area{flex-direction:column;padding-bottom:64px;padding-bottom:var(--mobile-bottom-nav-height,64px)}.main-content-wrapper{flex:1 1;overflow-x:auto;width:100%}.main-content.content-area{max-width:100vw;overflow-x:hidden;width:100%}.app-header.desktop-header,.desktop-header{display:none!important}.app-header{height:56px;height:var(--mobile-header-height,56px);padding:0 12px;padding:0 var(--mobile-padding-sm,12px)}}.mobile-header{display:none}@media (max-width:767px){.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px;height:56px;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark .mobile-header{background:#1e1e1e;background:var(--secondary-bg,#1e1e1e);border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.desktop-header{display:none!important}.chat-debug-panel,.chat-header-desktop{border:none!important;display:none!important;height:0!important;margin:0!important;max-height:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important}}.mobile-header-members,.mobile-header-menu,.mobile-header-search{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.dark .mobile-header-members,.dark .mobile-header-menu,.dark .mobile-header-search{color:#9ca3af}.mobile-header-members:active,.mobile-header-menu:active,.mobile-header-search:active{background:#0000000d}.dark .mobile-header-members:active,.dark .mobile-header-menu:active,.dark .mobile-header-search:active{background:#ffffff1a}.mobile-header-search-wrapper{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;gap:8px;margin-left:8px;max-width:200px;padding:8px 12px}.dark .mobile-header-search-wrapper{background:#374151}.mobile-search-icon{color:#9ca3af;flex-shrink:0}.mobile-header-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:0;outline:none}.mobile-header-search-input::placeholder{color:#9ca3af}.dark .mobile-header-search-input{color:#f3f4f6}.dark .mobile-header-search-input::placeholder{color:#6b7280}.mobile-header-channel-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:4px;justify-content:flex-start;padding:8px 12px}.mobile-header-channel-btn:active{background:#0000000d}.dark .mobile-header-channel-btn:active{background:#ffffff1a}.mobile-header-channel-name{color:#111827;font-size:17px;font-weight:600}.dark .mobile-header-channel-name{color:#f3f4f6}.mobile-header-channel-btn svg{color:#6b7280}.dark .mobile-header-channel-btn svg{color:#9ca3af}.mobile-search-bar{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;gap:8px;margin-left:8px;padding:6px 12px}.dark .mobile-search-bar{background:#374151;border-color:#4b5563}.mobile-search-bar svg{color:#9ca3af;flex-shrink:0}.mobile-search-bar input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;min-width:0;outline:none}.mobile-search-bar input::placeholder{color:#9ca3af}.dark .mobile-search-bar input{color:#e5e7eb}.dark .mobile-search-bar input::placeholder{color:#6b7280}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#212121;color:var(--text-light,#212121);cursor:pointer;display:flex;font-size:24px;height:44px;height:var(--touch-target-min,44px);justify-content:center;transition:background .15s;transition:background var(--transition-fast,.15s);width:44px;width:var(--touch-target-min,44px)}.dark .mobile-menu-btn{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-menu-btn:active{background:#0000001a}.dark .mobile-menu-btn:active{background:#ffffff1a}.mobile-header-title{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-header-title{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-header-actions{align-items:center;display:flex;gap:4px}.mobile-server-item,.mobile-server-list{padding:12px;padding:var(--mobile-padding-sm,12px)}.mobile-server-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-server-item:active{background:#0000000d}.dark .mobile-server-item:active{background:#ffffff0d}.mobile-server-item.active{background:#2196f31a}.dark .mobile-server-item.active{background:#2196f333}.mobile-server-icon{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.mobile-server-icon img{height:100%;object-fit:cover;width:100%}.mobile-server-info{flex:1 1;min-width:0}.mobile-server-name{color:#212121;color:var(--text-light,#212121);font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-server-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-server-members{color:#212121;color:var(--text-light,#212121);font-size:14px;font-size:var(--mobile-font-sm,14px);opacity:.6}.dark .mobile-server-members{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-list{padding:8px 0;padding:var(--mobile-padding-xs,8px) 0}.mobile-channel-category{color:#212121;color:var(--text-light,#212121);font-size:12px;font-size:var(--mobile-font-xs,12px);font-weight:600;letter-spacing:.5px;opacity:.6;padding:12px 16px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-md,16px);text-transform:uppercase}.dark .mobile-channel-category{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-item{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);padding:12px 16px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-md,16px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-channel-item:active{background:#0000000d}.dark .mobile-channel-item:active{background:#ffffff0d}.mobile-channel-item.active{background:#2196f31a}.dark .mobile-channel-item.active{background:#2196f333}.mobile-channel-icon{font-size:20px;opacity:.6;text-align:center;width:24px}.mobile-channel-name{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:16px;font-size:var(--mobile-font-md,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-channel-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-unread{align-items:center;background:#f44336;background:var(--danger-color,#f44336);border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mobile-member-item,.mobile-members-list{padding:12px;padding:var(--mobile-padding-sm,12px)}.mobile-member-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-member-item:active{background:#0000000d}.dark .mobile-member-item:active{background:#ffffff0d}.mobile-member-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.mobile-member-avatar img{height:100%;object-fit:cover;width:100%}.mobile-member-status{border:2px solid #fff;border:2px solid var(--surface-light,#fff);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.dark .mobile-member-status{border-color:#1e1e1e;border-color:var(--surface-dark,#1e1e1e)}.mobile-member-status.online{background:#4caf50}.mobile-member-status.offline{background:#757575}.mobile-member-info{flex:1 1;min-width:0}.mobile-member-name{color:#212121;color:var(--text-light,#212121);font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-member-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-member-role{color:#212121;color:var(--text-light,#212121);font-size:14px;font-size:var(--mobile-font-sm,14px);opacity:.6}.dark .mobile-member-role{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}@media (min-width:768px) and (max-width:1023px){.server-sidebar{width:64px}.channels-sidebar-wrapper.auto-collapsed,.members-sidebar.auto-collapsed{display:none}.voice-bottom-bar{display:none!important}.main-content-wrapper{flex:1 1;min-width:0}.main-content-wrapper,.main-content.content-area{box-sizing:border-box;width:100%}}@media (min-width:1024px) and (max-width:1200px){.main-content-container{max-width:calc(100vw - 80px);overflow-x:hidden}.main-content-wrapper{flex:1 1;min-width:0}.app-header,.chat-container,.chat-interface,.main-content-wrapper,.main-content.content-area{max-width:100%;overflow-x:hidden}}.tablet-sidebar-toggles{align-items:center;display:flex;gap:4px;margin-right:8px}.tablet-toggle-btn{background:#0000;border:none;border-radius:6px;color:#212121;color:var(--text-light,#212121);cursor:pointer;font-size:18px;padding:8px 12px;transition:background .2s,color .2s}.dark .tablet-toggle-btn{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.tablet-toggle-btn:hover{background:#00000014}.dark .tablet-toggle-btn:hover{background:#ffffff1a}.tablet-toggle-btn:active{background:#0000001f}.dark .tablet-toggle-btn:active{background:#ffffff26}.hide-mobile{display:block}@media (max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.main-app-layout{flex-direction:column!important}.main-body-row{flex-direction:column!important;overflow:visible!important}.main-content-container{overflow:visible!important}.content-area,.main-content,.main-content-container,.main-content-wrapper{display:flex!important;flex:1 1!important;flex-direction:column!important;margin:0!important;max-width:100%!important;min-height:0!important;padding:0!important;width:100%!important}.main-content-wrapper{height:100%!important}.ChatInterface,.chat-container,.chat-interface{border:none!important;border-radius:0!important;display:flex!important;flex:1 1!important;flex-direction:column!important;left:0!important;margin:0!important;max-width:100%!important;min-height:0!important;min-width:100%!important;padding:0!important;right:0!important;width:100%!important}.messages-area,.messages-container,.messages-list{flex:1 1 auto!important;margin:0!important;max-width:100%!important;min-height:100px!important;overflow-y:auto!important;padding:8px!important;position:relative!important;width:100%!important}.chat-input-container,.input-area,.message-input-container{background:var(--main-bg)!important;box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;max-width:100%!important;min-height:60px!important;padding:8px!important;width:100%!important}.chat-input,.message-input{border-radius:20px!important;font-size:16px!important;width:100%!important}.content-area{min-height:calc(100vh - 106px)!important;padding-bottom:85px!important}.dark .ChatInterface,.dark .chat-container,.dark .chat-interface,.dark .content-area,.dark .main-content-container,.dark .main-content-wrapper,.dark .messages-area,.dark .messages-container,.dark .messages-list{background:#2d1b4e!important;background:var(--main-bg,#2d1b4e)!important}}.mobile-dms-list{padding:8px}.mobile-dm-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .15s ease}.mobile-dm-item:active{background:#0000000d}.dark .mobile-dm-item:active{background:#ffffff1a}.mobile-dm-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-dm-avatar img{height:100%;object-fit:cover;width:100%}.mobile-dm-avatar-placeholder{align-items:center;background:#2563eb;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.mobile-dm-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mobile-dm-name{color:#111827;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-dm-name{color:#f3f4f6}.mobile-dm-preview{color:#6b7280;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-dm-preview{color:#9ca3af}.mobile-dm-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mobile-dms-empty{color:#6b7280;padding:40px 20px;text-align:center}.dark .mobile-dms-empty{color:#9ca3af}.mobile-dms-hint{font-size:14px;margin-top:8px;opacity:.7}.context-menu{animation:contextMenuFadeIn .1s ease-out;background:#1a0f2e;background:var(--bg-secondary,#1a0f2e);border-radius:4px;box-shadow:0 8px 16px #0000003d;max-width:320px;min-width:188px;padding:6px 8px;position:fixed;z-index:10000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:11px;font-weight:700;letter-spacing:.02em;padding:6px 8px 4px;text-transform:uppercase}.context-menu-item{align-items:center;border-radius:2px;color:#e2e8f0;color:var(--text-normal,#e2e8f0);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin:2px 0;padding:6px 8px;transition:background-color .1s ease}.context-menu-item:hover{background:#7c3aed;background:var(--bg-accent,#7c3aed);color:#fff}.context-menu-item.disabled{color:#cbd5e1;color:var(--text-muted,#cbd5e1);cursor:not-allowed;opacity:.5}.context-menu-item.disabled:hover{background:#0000;color:#cbd5e1;color:var(--text-muted,#cbd5e1)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef4444;color:#fff}.context-menu-item-label{align-items:center;display:flex;flex:1 1;gap:8px}.context-menu-item-icon{align-items:center;display:flex;font-size:14px;height:18px;justify-content:center;width:18px}.context-menu-item-shortcut{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:12px;margin-left:16px}.context-menu-item:hover .context-menu-item-shortcut{color:#fff9}.context-menu-item-arrow{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:12px;margin-left:8px}.context-menu-item:hover .context-menu-item-arrow{color:#fff}.context-menu-separator{background:#3d2860;background:var(--bg-modifier-accent,#3d2860);height:1px;margin:4px 0}.context-menu-submenu{background:#1a0f2e;background:var(--bg-secondary,#1a0f2e);border-radius:4px;box-shadow:0 8px 16px #0000003d;left:100%;margin-left:4px;min-width:188px;padding:6px 8px;position:absolute;top:0}.context-menu-emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);padding:8px}.context-menu-emoji-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background-color .1s ease,transform .1s ease;width:32px}.context-menu-emoji-item:hover{background:#2d1b4e;background:var(--bg-modifier-hover,#2d1b4e);transform:scale(1.1)}[data-theme=dark] .context-menu{background:#0d0815;border:1px solid #1a0f2e}[data-theme=dark] .context-menu-item:hover{background:#7c3aed}[data-theme=light] .context-menu{background:#fff;border:1px solid #e3e5e8;box-shadow:0 8px 16px #0000001f}[data-theme=light] .context-menu-item{color:#2e3338}[data-theme=light] .context-menu-item:hover{background:#7c3aed;color:#fff}[data-theme=light] .context-menu-separator{background:#e3e5e8}[data-theme=light] .context-menu-header{color:#4f5660}.context-menu-scrollable{max-height:400px;overflow-y:auto}.context-menu-scrollable::-webkit-scrollbar{width:8px}.context-menu-scrollable::-webkit-scrollbar-track{background:#0000}.context-menu-scrollable::-webkit-scrollbar-thumb{background:#3d2860;background:var(--bg-modifier-accent,#3d2860);border-radius:4px}.context-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--text-muted,#cbd5e1)}.context-menu-item-check{color:#10b981;color:var(--text-positive,#10b981);font-weight:700}.context-menu-search{border-bottom:1px solid #3d2860;border-bottom:1px solid var(--bg-modifier-accent,#3d2860);margin-bottom:4px;padding:8px}.context-menu-search input{background:#140a24;background:var(--bg-tertiary,#140a24);border:none;border-radius:4px;color:#e2e8f0;color:var(--text-normal,#e2e8f0);font-size:14px;outline:none;padding:8px;width:100%}.context-menu-search input::placeholder{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}.context-menu-search input:focus{box-shadow:0 0 0 2px #7c3aed;box-shadow:0 0 0 2px var(--bg-accent,#7c3aed)}.context-menu-subtitle{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:12px;margin-top:-4px;padding:0 8px 6px 34px}.context-menu-toggle{background:#3d2860;background:var(--bg-modifier-accent,#3d2860);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .2s ease;width:40px}.context-menu-toggle.active{background:#10b981}.context-menu-toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.context-menu-toggle.active:after{transform:translateX(16px)}.context-menu-checkbox{align-items:center;border:2px solid #cbd5e1;border:2px solid var(--text-muted,#cbd5e1);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.context-menu-checkbox.checked{background:#8b5cf6;border-color:#8b5cf6}.context-menu-checkbox.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.notification-settings-submenu{max-width:320px;min-width:280px}.context-menu-item.has-submenu{position:relative}.context-menu-radio{align-items:center;border:2px solid #cbd5e1;border:2px solid var(--text-muted,#cbd5e1);border-radius:50%;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-right:10px;transition:all .15s ease;width:18px}.context-menu-radio.selected{background:#8b5cf6;border-color:#8b5cf6}.context-menu-radio.selected:after{background:#fff;border-radius:50%;content:"";height:8px;width:8px}.context-menu-mode-desc{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:12px;line-height:1.3;margin-top:-4px;padding:0 8px 8px 36px}.context-menu-item.toggle-item{padding:8px}.context-menu-item.toggle-item .context-menu-item-label{flex:1 1;margin-right:12px}.context-menu-item.toggle-item:hover .context-menu-toggle{opacity:.9}.context-menu-item.has-submenu .context-menu-submenu{left:calc(100% + 4px);position:absolute;top:-6px}.context-menu-item.has-submenu:hover{background:#7c3aed;background:var(--bg-accent,#7c3aed);color:#fff}[data-theme=light] .context-menu-mode-desc{color:#4f5660}[data-theme=light] .context-menu-radio{border-color:#b9bbbe}[data-theme=light] .context-menu-radio.selected{background:#8b5cf6;border-color:#8b5cf6}