:root{--background: #121223;--text: #ffffff;--accent: #8a4fff;--accent2: #4a7fff;--dark: #0a0a1a;--card: #1a1a2e;--border: #2a2a40;--text-secondary: #b8bfd4;--text-muted: #8d98b2;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 30px;--spacing-xl: 40px;--spacing-2xl: 60px;--spacing-3xl: 80px;--spacing-4xl: 120px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-full: 50%;--shadow-sm: 0 5px 15px rgba(0, 0, 0, .3);--shadow-md: 0 10px 20px rgba(0, 0, 0, .2);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .4);--shadow-accent: 0 15px 30px rgba(138, 79, 255, .2);--shadow-accent2: 0 15px 30px rgba(74, 127, 255, .2);--transition-fast: .3s ease;--transition-medium: .5s ease;--font-xs: .75rem;--font-sm: .9rem;--font-base: 1rem;--font-lg: 1.1rem;--font-xl: 1.2rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3rem;--font-6xl: 3.5rem;--font-7xl: 4rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--z-header: 1000;--z-modal: 1100;--z-notification: 2000}*{margin:0;padding:0;box-sizing:border-box;font-family:Space Grotesk,Poppins,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text);overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background-color:var(--dark);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:var(--radius-md);border:2px solid var(--dark)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent2)}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--dark)}.highlight{color:var(--accent);position:relative;display:inline-block}.accent{color:var(--accent);font-weight:var(--weight-black)}@media(max-width:1200px){:root{--font-7xl: 3rem;--font-6xl: 2.8rem;--font-5xl: 2.5rem}}@media(max-width:768px){:root{--font-7xl: 2.5rem;--font-6xl: 2.3rem;--font-5xl: 2rem;--font-4xl: 2rem;--font-3xl: 1.8rem}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){:root{--font-7xl: 2rem;--font-6xl: 2rem;--font-5xl: 1.8rem;--spacing-4xl: 80px;--spacing-3xl: 60px}}.header{position:fixed;width:100%;padding:15px 0;background-color:#0a0a1ae6;z-index:var(--z-header);box-shadow:var(--shadow-sm)}.navbar{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;text-decoration:none;position:relative}.logo-image{height:40px;width:auto;margin-right:var(--spacing-sm)}.logo-text{font-size:1.8rem;font-weight:var(--weight-bold);color:var(--text);letter-spacing:1px}.logo-text .accent{color:var(--accent);font-weight:var(--weight-black)}@media(max-width:1024px){.logo-image{height:30px}.logo-text{font-size:1.5rem}.desktop-nav{display:none}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:30px;height:3px;background-color:var(--text);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-button.open .hamburger-line:first-child{transform:rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#0a0a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:right .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-menu.open{right:0}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%}.mobile-link{font-size:1.5rem;color:var(--text);text-decoration:none;font-weight:var(--weight-bold);transition:color .2s;text-align:center}.mobile-link:hover{color:var(--accent)}.mobile-contact-button{background-color:var(--accent);color:#000;font-weight:var(--weight-bold);padding:15px 40px;border-radius:var(--radius-sm);text-decoration:none;font-size:1.2rem;border:none;cursor:pointer;margin-top:1rem}}@media(min-width:1025px){.hamburger-button,.mobile-menu{display:none}.nav-buttons{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s;border:none;padding:0;background:transparent}.nav-link:hover{color:var(--accent)}.nav-separator{color:var(--text);opacity:.3;font-size:1.2rem;margin:0 .5rem;font-weight:300}.forum-link{color:var(--text);opacity:.7;text-decoration:none;font-weight:500;font-size:.95rem;transition:opacity .2s;border:none;padding:0;background:transparent}.forum-link:hover{opacity:1;background-color:transparent;transform:none}.contact-button{background-color:var(--accent);color:#000;font-weight:var(--weight-bold);padding:8px 20px;border-radius:var(--radius-sm);border:none;text-decoration:none;cursor:pointer;transition:transform .2s,background-color .2s}.contact-button:hover{transform:translateY(-2px);background-color:#9d6fff}}@media(max-width:480px){.logo-image{height:25px;margin-right:var(--spacing-xs)}.logo-text{font-size:1.3rem}}.hero{min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(138,79,255,.15),transparent 60%);z-index:1}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:180px 0 80px;width:60%;position:relative;z-index:2}.hero-tagline{color:var(--accent);font-size:var(--font-lg);text-transform:uppercase;letter-spacing:5px;margin-bottom:var(--spacing-md);font-weight:var(--weight-medium)}.hero h1{font-size:var(--font-7xl);line-height:1.1;margin-bottom:var(--spacing-lg);font-weight:var(--weight-extrabold)}.hero-description{font-size:var(--font-xl);margin-bottom:var(--spacing-xl);max-width:600px;color:var(--text-secondary);line-height:1.6}.hero-image-container{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;perspective:1000px}.hero-image{width:100%;height:80%;object-fit:cover;border-radius:var(--radius-lg);filter:brightness(.9) saturate(1.3);transition:transform .4s ease,filter .4s ease;box-shadow:0 25px 50px #00000080,0 0 20px #8a4fff4d;position:relative;border:1px solid rgba(138,79,255,.2)}.hero-image:hover{transform:translateY(-2px) scale(1.002);filter:brightness(1) saturate(1.4);box-shadow:0 30px 60px #0009,0 0 30px #8a4fff80}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-cta{display:inline-block;background-color:var(--accent);color:#000;padding:15px var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--weight-bold);font-size:var(--font-base);letter-spacing:1px;transition:all var(--transition-fast);border:none;cursor:pointer}.hero-cta:hover{background-color:#9d6fff;transform:translateY(-3px)}.hero-secondary{display:inline-block;background-color:transparent;color:var(--text);padding:14px var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--weight-bold);font-size:var(--font-base);letter-spacing:1px;transition:all var(--transition-fast);border:1px solid #333}.hero-secondary:hover{background-color:#ffffff0d;transform:translateY(-3px)}@media(max-width:1200px){.hero-content{width:100%;padding:150px 0 80px}.hero-image-container{display:none}}@media(max-width:480px){.hero-cta,.hero-secondary{width:100%;text-align:center;margin-right:0;margin-bottom:15px}}.builds-section{padding:var(--spacing-4xl) 0;background-color:var(--dark);position:relative;overflow:hidden}.builds-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 80% 50%,rgba(74,127,255,.1),transparent 60%);z-index:0}.section-header{margin-bottom:var(--spacing-3xl);position:relative;z-index:2}.section-tagline{font-size:var(--font-base);text-transform:uppercase;letter-spacing:4px;margin-bottom:10px;color:var(--accent2);font-weight:var(--weight-medium)}.section-title{font-size:var(--font-5xl);font-weight:var(--weight-extrabold);margin-bottom:var(--spacing-md)}.section-description{font-size:var(--font-lg);color:var(--text-secondary);max-width:600px;line-height:1.6}.build-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:var(--spacing-md);position:relative;z-index:2}.build-card{background-color:var(--card);border-radius:var(--radius-md);padding:25px var(--spacing-md);transition:all var(--transition-fast);position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;cursor:pointer}.build-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent);border-color:var(--accent)}.build-card-image-container{margin:-25px -20px 15px;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;height:300px;position:relative;background-color:var(--background)}.build-card-image{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-medium);object-position:center;padding:var(--spacing-xs)}.build-card:hover .build-card-image{transform:scale(1.05)}.build-category{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:2px;color:var(--accent2);margin-bottom:10px;font-weight:var(--weight-semibold)}.build-title{font-size:1.3rem;margin-bottom:15px;font-weight:var(--weight-bold)}.build-specs{font-size:var(--font-sm);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.spec-item{display:flex;align-items:center;margin-bottom:10px;color:var(--text-secondary);min-width:140px}.spec-icon{margin-right:10px;filter:invert(1);width:24px;height:24px}.build-footer{display:grid;grid-template-columns:1fr 1fr}.build-price{font-size:var(--font-2xl);font-weight:var(--weight-bold);margin:var(--spacing-md) 0;color:var(--accent2)}.build-button{display:inline-block;background-color:transparent;color:var(--accent2);padding:12px 25px;border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--weight-bold);font-size:var(--font-sm);letter-spacing:1px;transition:all var(--transition-fast);border:1px solid var(--accent2);margin:var(--spacing-sm) 0;cursor:pointer}.build-button:hover{background-color:var(--accent2);color:var(--dark);transform:translateY(-3px)}.personalizado-specs{font-size:var(--font-sm);display:flex;flex-direction:column;gap:6px;height:124px;overflow:hidden}.personalizado-spec-item{display:flex;align-items:center;color:var(--text-secondary);font-size:var(--font-xl);line-height:1.4}.personalizado-spec-item .spec-icon{margin-right:8px;width:18px;height:18px}.personalizado-footer{display:grid;grid-template-columns:1fr 1fr}@media(max-width:1360px){.build-cards{grid-template-columns:1fr 1fr}}@media(max-width:924px){.build-cards{grid-template-columns:1fr}}@media(max-width:700px){.build-cards{grid-template-columns:1fr}.build-card-image-container{height:240px}}@media(max-width:480px){.build-card-image-container{height:250px}}.process-section{min-height:100vh;display:flex;align-items:center;padding:var(--spacing-4xl) 0;background-color:var(--background);position:relative;overflow:hidden}.process-section:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(138,79,255,.1),transparent 60%);z-index:0}.process-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-xl);position:relative;z-index:2}.process-card{background-color:var(--card);border-radius:var(--radius-md);padding:var(--spacing-xl);position:relative;border:1px solid var(--border);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.process-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-accent);border-color:var(--accent)}.process-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-5xl);font-weight:var(--weight-black);color:var(--accent);opacity:.2}.process-icon{font-size:var(--font-3xl);margin-bottom:var(--spacing-md);color:var(--accent);width:70px;height:70px;background-color:#8a4fff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.process-card:hover .process-icon{background-color:var(--accent);color:#fff;transform:translateY(-8px)}.process-title{font-size:1.3rem;font-weight:var(--weight-bold);margin-bottom:15px}.process-description{color:var(--text-secondary);line-height:1.6}.why-section{min-height:100vh;display:flex;align-items:center;padding:var(--spacing-4xl) 0;background-color:var(--dark);position:relative}.workshop-info{background-color:var(--card);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:25px;border:1px solid var(--border);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.workshop-info:hover{transform:translateY(-5px);box-shadow:var(--shadow-accent2);border-color:var(--accent2)}.workshop-icon{font-size:var(--font-4xl);color:var(--accent2);background-color:#4a7fff1a;width:80px;height:80px;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;flex-shrink:0}.workshop-content h3{font-size:var(--font-2xl);font-weight:var(--weight-bold);margin-bottom:15px;color:var(--accent2)}.workshop-content p{color:var(--text-secondary);line-height:1.6;margin:0}.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.why-card{padding:var(--spacing-lg);background-color:var(--card);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.why-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-accent);border-color:var(--accent)}.why-title{font-size:1.3rem;font-weight:var(--weight-bold);margin-bottom:15px}.why-description{color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.workshop-info{flex-direction:column;text-align:left;padding:25px}.workshop-icon{margin-bottom:15px}}.cta-section{padding:var(--spacing-4xl) 0;background-color:var(--background);position:relative}.cta-section:before{content:"";position:absolute;width:100%;height:100%;top:0%;background:radial-gradient(circle at 50% 30%,rgba(74,127,255,.1),transparent 60%)}.cta-container{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:var(--font-6xl);font-weight:var(--weight-extrabold);margin-bottom:var(--spacing-lg);line-height:1.2}.cta-description{font-size:var(--font-xl);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.footer{background-color:var(--dark);padding:var(--spacing-2xl) 0 var(--spacing-lg);position:relative}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-info{flex:2;max-width:400px}.footer-logo-container{display:flex;align-items:center;margin-bottom:var(--spacing-md);text-decoration:none}.footer-logo-image{height:35px;width:auto;margin-right:10px}.footer-logo-text{font-size:1.8rem;font-weight:var(--weight-bold);color:var(--text)}.footer-logo-text .accent{color:var(--accent);font-weight:var(--weight-black)}.footer-description{color:var(--text-secondary);line-height:1.6;margin-bottom:0}.footer-nav,.footer-contact-section{flex:1;min-width:200px}.footer-nav-title{font-size:var(--font-xl);font-weight:var(--weight-bold);margin-bottom:25px;color:var(--text);position:relative}.footer-nav-title:after{content:"";position:absolute;bottom:-10px;left:0;width:40px;height:3px;background-color:var(--accent)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:15px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center}.footer-links a:hover{color:var(--accent)}.footer-contact{margin-top:15px}.contact-item{display:flex;align-items:center;margin-bottom:15px;color:var(--text-secondary)}.contact-icon{margin-right:15px;color:var(--accent);width:20px;display:inline-flex;justify-content:center}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:var(--font-sm)}.recaptcha-terms{font-size:.65rem;color:var(--text-muted);margin-top:5px}.recaptcha-terms a{color:var(--text-muted);text-decoration:underline;transition:color var(--transition-fast) ease}.recaptcha-terms a:hover{color:var(--accent)}@media(max-width:768px){.footer-content{flex-direction:column;gap:var(--spacing-lg)}.footer-info,.footer-nav,.footer-contact-section{max-width:100%}.footer-logo-image{height:25px}.footer-logo-text{font-size:1.5rem}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:var(--z-modal);align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background-color:var(--card);max-width:500px;width:90%;padding:var(--spacing-xl);border-radius:var(--radius-md);position:relative;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.close-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-2xl);color:var(--text);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.close-button:hover{color:var(--accent)}.modal-title{font-size:1.7rem;font-weight:var(--weight-bold);text-align:center}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:var(--weight-medium);font-size:.95rem}.form-input{width:100%;padding:.875rem;background:var(--dark);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}textarea.form-input{min-height:120px;resize:vertical;font-family:inherit}.submit-button{display:block;width:100%;padding:15px;background-color:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-weight:var(--weight-bold);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-fast);margin-top:1.5rem;letter-spacing:1px}.submit-button:hover{background-color:#9d6fff;transform:translateY(-3px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-note{background-color:#4a7fff1a;border-left:3px solid var(--accent2);padding:var(--spacing-sm) 15px;margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);display:flex;align-items:flex-start;gap:10px;font-size:var(--font-sm)}.form-note i{color:var(--accent2);font-size:var(--font-base);margin-top:2px}.form-note span{color:var(--text-secondary);line-height:1.4}.recaptcha-container{margin:10px 0;display:flex;justify-content:flex-end}.recaptcha-note{font-size:var(--font-xs);color:var(--text-muted);padding:0 5px;display:flex;align-items:center}.recaptcha-note:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:5px;color:var(--accent)}.grecaptcha-badge{visibility:hidden!important}.modal.side-by-side-mode{justify-content:flex-start;align-items:stretch;padding-left:0;padding-right:0}#contactModal.side-by-side-mode{background-color:#000000f2;width:50%;right:0;left:auto;z-index:1102}#contactModal.side-by-side-mode .modal-content{max-width:100%;width:100%;height:100%;border-radius:0;margin:0;overflow-y:auto}#contactModal.side-by-side-mode .close-button{background-color:var(--accent);color:var(--dark);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);transition:all var(--transition-fast)}#contactModal.side-by-side-mode .close-button:hover{background-color:var(--accent2);transform:scale(1.1)}@media(max-width:768px){#contactModal.side-by-side-mode{width:100%;height:100%}}.specs-modal-content{max-width:700px;max-height:80vh;overflow-y:auto;will-change:transform,opacity;transform:translateZ(0)}.detailed-specs{margin:var(--spacing-md) 0}.specs-category{margin-bottom:var(--spacing-md)}.specs-category-title{background-color:var(--accent);padding:10px 15px;border-radius:var(--radius-sm);margin-bottom:15px;font-weight:var(--weight-semibold);color:var(--dark)}.specs-item{padding:var(--spacing-sm) 15px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;min-height:48px}.specs-item:last-child{border-bottom:none}.specs-label{font-weight:var(--weight-semibold);width:180px;flex-shrink:0;line-height:1.4;white-space:normal;padding-right:15px}.specs-value{color:var(--text-secondary);line-height:1.4}.specs-modal-footer{margin-top:var(--spacing-lg);display:flex;justify-content:center}#specsModal.side-by-side-mode{background-color:#000000f2;width:50%;left:0;z-index:1101}#specsModal.side-by-side-mode .specs-modal-content{max-width:100%;width:100%;height:100%;border-radius:0;max-height:100vh;margin:0;padding:var(--spacing-xl);position:relative}#specsModal.side-by-side-mode .close-both{display:flex;position:absolute;top:15px;right:15px;z-index:10;background-color:var(--accent);color:var(--dark);width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;font-size:var(--font-xl);transition:all var(--transition-fast)}#specsModal.side-by-side-mode .close-both:hover{background-color:var(--accent2);transform:scale(1.1)}#specsModal.side-by-side-mode .specs-modal-footer{display:none}@media(max-width:768px){.specs-item{flex-direction:column;align-items:flex-start}.specs-label{margin-bottom:5px;width:100%}#specsModal.side-by-side-mode{display:none!important}}.notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-notification);opacity:0;transform:translateY(30px);transition:opacity var(--transition-medium) ease,transform var(--transition-medium) ease;pointer-events:none}.notification.show{opacity:1;transform:translateY(0);pointer-events:all}.notification-content{background-color:var(--card);border-radius:var(--radius-md);padding:var(--spacing-md) 25px;box-shadow:var(--shadow-lg);display:flex;align-items:center;border-left:4px solid var(--accent);max-width:400px;min-width:300px}.notification-icon{background-color:var(--accent);color:#fff;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);margin-right:15px;flex-shrink:0}.notification-message{flex:1}.notification-message h3{font-size:var(--font-lg);margin-bottom:5px;font-weight:var(--weight-semibold)}.notification-message p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.notification-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-xl);cursor:pointer;padding:0 0 0 15px;align-self:flex-start;transition:color var(--transition-fast)}.notification-close:hover{color:var(--text)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:2rem;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,79,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.auth-card{background:var(--card);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h2{margin:0 0 1.5rem;color:var(--text);text-align:center;font-size:2rem;font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-error{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.3)}.auth-form-group{margin-bottom:1.25rem}.auth-form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:var(--weight-medium);font-size:.95rem}.auth-form-group input{width:100%;padding:.875rem;background:var(--dark);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text);transition:all var(--transition-fast);box-sizing:border-box}.auth-form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}.auth-form-group input::placeholder{color:var(--text-muted)}.auth-submit-button{width:100%;padding:15px;background-color:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);margin-top:1.5rem;margin-bottom:.5rem;letter-spacing:1px}.auth-submit-button:hover:not(:disabled){background-color:#9d6fff;transform:translateY(-3px)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{margin:1.5rem 0;text-align:center;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:var(--card);padding:0 1rem;color:var(--text-muted);font-size:.9rem;font-weight:var(--weight-medium)}.google-button{width:100%;padding:1rem;background:var(--dark);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.75rem}.google-button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #8a4fff4d}.google-button:active:not(:disabled){transform:translateY(0)}.google-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-link{text-align:center;margin-top:1.25rem;color:var(--text-secondary);font-size:.95rem}.auth-link a{color:var(--accent);text-decoration:none;font-weight:var(--weight-semibold);transition:all var(--transition-fast)}.auth-link a:hover{color:var(--accent2);text-decoration:underline}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:.75rem}.auth-logo img{height:50px;width:auto}.auth-logo-text{font-size:1.75rem;font-weight:var(--weight-bold);color:var(--text);letter-spacing:1px}.auth-logo-text .accent{color:var(--accent);font-weight:var(--weight-black)}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-card h2{font-size:1.75rem}.auth-logo img{height:40px}.auth-logo-text{font-size:1.5rem}}.forum-container{min-height:100vh;background:var(--background);position:relative}.forum-header{position:fixed;width:100%;padding:15px 0;background-color:#0a0a1ae6;z-index:var(--z-header);box-shadow:var(--shadow-sm);top:0}.forum-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.forum-logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.forum-logo-image{height:40px;width:auto}.forum-header h1{margin:0;font-size:1.8rem;font-weight:var(--weight-bold);color:var(--text);letter-spacing:1px}.forum-header h1 .accent{color:var(--accent);font-weight:var(--weight-black)}.forum-user-info{display:flex;align-items:center;gap:1rem}.forum-home-btn{padding:10px var(--spacing-md);background-color:transparent;color:var(--text);border:1px solid #333;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);font-weight:var(--weight-bold);letter-spacing:1px;transition:all var(--transition-fast)}.forum-home-btn:hover{background-color:#ffffff0d;transform:translateY(-3px)}.forum-logout-btn{padding:10px var(--spacing-md);background-color:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);font-weight:var(--weight-bold);letter-spacing:1px;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;height:37px}.forum-logout-btn:hover{background-color:#9d6fff;transform:translateY(-3px)}.user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.user-icon{font-size:1rem}.forum-content{max-width:1400px;margin:0 auto;padding:2rem;padding-top:100px;position:relative;z-index:1}.forum-main-layout{display:flex;gap:1.5rem;align-items:flex-start}.forum-new-thread-btn{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-weight:var(--weight-bold);font-size:.9rem;padding:.875rem 1.2rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.forum-new-thread-btn:hover{border-color:var(--accent);color:var(--accent);background:#8a4fff1a}.forum-new-thread-btn.active{border-color:var(--accent);background:var(--accent);color:#000}.forum-search-container{position:relative;margin-bottom:2rem;display:flex;gap:.75rem;align-items:stretch}.forum-search{position:relative;display:flex;align-items:center;flex:1}.search-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.forum-search-input{width:100%;padding:.875rem 3rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;transition:all var(--transition-fast)}.forum-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}.forum-search-input::placeholder{color:var(--text-muted)}.filter-toggle-btn{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);padding:.875rem 1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:#8a4fff1a}.filter-toggle-btn.active{border-color:var(--accent);background:var(--accent);color:#000}.search-clear-btn{position:absolute;right:1rem;background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.search-clear-btn:hover{color:var(--text);background:#ffffff1a}.category-filters-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem}.category-tag{padding:.5rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-tag:hover{border-color:var(--accent);background:#8a4fff1a;transform:translateY(-2px)}.category-tag.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border-color:var(--accent);color:#000;font-weight:var(--weight-bold)}.new-thread-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease}.dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dropdown-header h3{margin:0;font-size:1rem;color:var(--text)}.privacy-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;color:var(--text-muted)}.privacy-toggle:hover{border-color:var(--accent);background:#8a4fff1a}.privacy-toggle.active{border-color:var(--accent);background:#8a4fff26;color:var(--accent)}.dropdown-input,.dropdown-select,.dropdown-textarea{width:100%;padding:.65rem;background:var(--dark);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;transition:all var(--transition-fast);margin-bottom:.5rem}.dropdown-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:10px;padding-right:2rem}.dropdown-textarea{resize:vertical;min-height:80px;max-height:200px}.dropdown-input:focus,.dropdown-select:focus,.dropdown-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}.dropdown-submit{width:100%;padding:.65rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast)}.dropdown-submit:hover:not(:disabled){background:#9d6fff;transform:translateY(-2px)}.dropdown-submit:disabled{opacity:.6;cursor:not-allowed}.pinned-sidebar{width:240px;flex-shrink:0;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pinned-sidebar::-webkit-scrollbar{width:6px}.pinned-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pinned-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.pinned-title{font-size:.85rem;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;padding:0 .5rem}.pinned-threads{display:flex;flex-direction:column;gap:.5rem}.pinned-thread-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.pinned-thread-card:hover{border-color:var(--accent);background:#8a4fff0d;box-shadow:0 0 0 1px var(--accent)}.pinned-thread-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.pinned-thread-title{font-size:.85rem;font-weight:var(--weight-semibold);color:var(--text);margin:0;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.unpin-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.unpin-btn:hover{background:#dc262626;color:#dc2626}.pinned-privacy-icon{color:var(--accent);opacity:.6}.forum-threads{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0}.forum-thread-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.forum-thread-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.thread-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.thread-header-right{display:flex;align-items:center;gap:.4rem}.pin-thread-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);flex-shrink:0;opacity:.6}.pin-thread-btn:hover{background:#8a4fff26;color:var(--accent);opacity:1}.pin-thread-btn.pinned{color:var(--accent);opacity:1}.pin-thread-btn.pinned:hover{background:#dc262626;color:#dc2626}.thread-privacy-icon{flex-shrink:0;opacity:.75;transition:opacity var(--transition-fast)}.thread-private-icon{color:var(--accent)}.thread-public-icon{color:var(--accent2)}.forum-thread-card:hover .thread-privacy-icon{opacity:1}.thread-title{margin:0;color:var(--text);font-size:1.15rem;font-weight:var(--weight-bold);flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.thread-time{color:var(--text-muted);font-size:.8rem;white-space:nowrap;margin-top:.15rem}.thread-preview{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;font-size:.95rem}.thread-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border)}.thread-footer-left{display:flex;align-items:center;gap:.75rem}.thread-category{display:inline-block;padding:.2rem .6rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#000;border-radius:12px;font-size:.75rem;font-weight:var(--weight-semibold);text-transform:capitalize}.thread-author{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem}.author-icon{font-size:1rem}.author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.thread-stats{color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:.25rem}.invited-users-preview{display:flex;align-items:center;gap:.3rem;margin-left:.25rem}.invited-users-label{color:var(--text-muted);font-size:.75rem;font-weight:var(--weight-semibold)}.invited-avatars{display:flex;align-items:center;position:relative}.invited-avatar-wrapper{width:22px;height:22px;border-radius:50%;border:2px solid var(--card);margin-left:-6px;overflow:hidden;background:var(--card)}.invited-avatar-wrapper:first-child{margin-left:0}.invited-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.invited-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#000;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:var(--weight-bold)}.invited-more{width:22px;height:22px;border-radius:50%;background:var(--background-secondary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:var(--weight-bold);border:2px solid var(--card);margin-left:-6px;cursor:pointer}.invited-more:hover{background:var(--border);color:var(--text)}.forum-empty{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:3rem;text-align:center;color:var(--text-muted);box-shadow:var(--shadow-md)}@media(max-width:1024px){.pinned-sidebar{display:none}.forum-main-layout{display:block}}@media(max-width:768px){.forum-header-content{flex-direction:column;gap:1rem;text-align:center}.forum-user-info{flex-direction:column}.forum-content{padding:1rem}.thread-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.thread-detail-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background);display:flex;flex-direction:column;overflow:hidden}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thread-detail-header{flex-shrink:0;width:100%;padding:.75rem 0;background-color:#0a0a1af2;z-index:var(--z-header);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thread-detail-header-content{max-width:900px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.thread-detail-logo-container{display:flex;align-items:center;gap:.5rem}.thread-detail-logo-image{height:2rem;width:auto}.thread-detail-header h1{margin:0;font-size:1.2rem;font-weight:var(--weight-bold);color:var(--text);letter-spacing:.5px}.thread-detail-header h1 .accent{color:var(--accent);font-weight:var(--weight-black)}.back-button{padding:.4rem .75rem;background-color:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:5rem;font-size:.9rem}.back-button:hover{background-color:#ffffff0d;border-color:var(--accent);color:var(--accent)}.thread-detail-content{flex:1;display:flex;flex-direction:column;overflow:hidden;max-width:900px;width:100%;margin:0 auto;position:relative;z-index:1}.thread-main-post{flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;box-shadow:var(--shadow-sm)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.post-header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-category{display:inline-block;padding:.2rem .6rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#000;border-radius:12px;font-size:.8rem;font-weight:var(--weight-semibold);text-transform:capitalize}.post-time-wrapper{display:flex;align-items:center;gap:.3rem}.thread-private-icon-inline{color:var(--accent);opacity:.7;flex-shrink:0}.post-time{color:var(--text-muted);font-size:.8rem}.thread-title{margin:0 0 .5rem;color:var(--text);font-size:1.4rem;font-weight:var(--weight-bold);line-height:1.3}.post-author{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.8rem}.post-content{color:var(--text);line-height:1.6;font-size:.95rem;white-space:pre-wrap}.delete-btn-wrapper{position:relative}.delete-thread-btn{padding:.4rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.delete-thread-btn:hover{background:#dc262626;color:#dc2626}.delete-confirm-popup{position:fixed;background:var(--card);border:1px solid rgba(138,79,255,.3);border-radius:var(--radius-sm);padding:.6rem .75rem;box-shadow:0 8px 24px #00000080;z-index:10000;min-width:160px;animation:popupFadeIn .15s ease forwards}@keyframes popupFadeIn{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.delete-confirm-popup p{margin:0 0 .6rem;color:var(--text);font-size:.85rem;font-weight:var(--weight-medium);text-align:center}.delete-confirm-actions{display:flex;gap:.4rem;justify-content:stretch}.confirm-yes,.confirm-no{flex:1;padding:.4rem .75rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:var(--weight-bold);transition:all .15s ease;letter-spacing:.3px}.confirm-yes{background:#dc2626e6;color:#fff}.confirm-yes:hover{background:#dc2626;transform:translateY(-1px)}.confirm-no{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.confirm-no:hover{background:#ffffff1a;color:var(--text);transform:translateY(-1px)}.thread-replies-section{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0 1.5rem}.replies-title{flex-shrink:0;margin:1rem 0 .75rem;color:var(--text);font-size:1rem;font-weight:var(--weight-bold)}.replies-list{flex:1;overflow-y:auto;padding:.5rem 0;margin:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.replies-list.scrolling{scrollbar-color:rgba(138,79,255,.6) transparent}.replies-list::-webkit-scrollbar{width:8px}.replies-list::-webkit-scrollbar-track{background:transparent}.replies-list::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-sm);transition:background .3s ease}.replies-list.scrolling::-webkit-scrollbar-thumb{background:#8a4fff99}.replies-list.scrolling::-webkit-scrollbar-thumb:hover{background:var(--accent)}.reply-card{padding:1rem 1.5rem;margin-bottom:.5rem;background:transparent;border-radius:0;border-left:0;border:none;border-bottom:1px solid rgba(255,255,255,.03);position:relative;transition:background-color .15s ease}.reply-card:hover{background:#ffffff05}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reply-header-right{display:flex;align-items:center;gap:.75rem;position:relative;z-index:10}.reply-author{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;font-weight:var(--weight-medium)}.reply-time{color:var(--text-muted);font-size:.8rem}.reply-actions{display:flex;gap:.5rem;position:relative}.edit-reply-btn,.delete-reply-btn{padding:.4rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.edit-reply-btn:hover{background:#8a4fff26;color:var(--accent)}.delete-reply-btn:hover{background:#dc262626;color:#dc2626}.reply-content{color:var(--text);line-height:1.5;font-size:.95rem;white-space:pre-wrap}.edited-indicator{color:var(--text-muted);font-size:.8rem;font-style:italic}.edit-reply-form{margin-top:.5rem}.edit-reply-form .textarea-wrapper{position:relative;margin-bottom:.75rem}.edit-reply-form textarea{width:100%;padding:.75rem;background:var(--dark);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;font-family:inherit;transition:all var(--transition-fast);box-sizing:border-box;resize:none;min-height:80px;max-height:300px;overflow-y:auto}.edit-reply-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}.edit-reply-actions{display:flex;gap:.5rem}.save-reply-btn,.cancel-reply-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.save-reply-btn{background-color:var(--accent);color:#000}.save-reply-btn:hover:not(:disabled){background-color:#9d6fff;transform:translateY(-2px)}.save-reply-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-reply-btn{background-color:transparent;color:var(--text);border:1px solid var(--border)}.cancel-reply-btn:hover{background-color:#ffffff0d}.author-icon{font-size:1.2rem}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.reply-form{flex-shrink:0;padding:.75rem 1rem;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -2px 10px #0003}.reply-form form{display:flex;flex-direction:column;gap:.5rem}.reply-input-container{display:flex;align-items:flex-end;gap:.5rem;background:var(--dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;transition:all var(--transition-fast)}.reply-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8a4fff1a}.reply-form textarea{flex:1;padding:.5rem;background:transparent;border:none;color:var(--text);font-size:.9rem;font-family:inherit;resize:none;min-height:36px;max-height:150px;overflow-y:auto;line-height:1.4}.reply-form textarea:focus{outline:none}.reply-form textarea::placeholder{color:var(--text-muted);opacity:.6}.send-btn{flex-shrink:0;width:36px;height:36px;padding:0;background-color:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background-color:#9d6fff;transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--border)}.send-btn svg{flex-shrink:0}.reply-form-footer{display:flex;justify-content:flex-end;padding:0 .5rem}.character-count{font-size:.7rem;color:var(--text-muted)}.thread-loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:1.2rem}.invite-section{margin-top:1.5rem;padding:0;background:var(--dark);border:1px solid var(--border);border-radius:var(--radius-md);overflow:visible;position:relative;z-index:100}.invite-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.invite-section-header:hover{background:#8a4fff0d}.invite-section-header h3{margin:0;font-size:1rem;color:var(--text);font-weight:var(--weight-bold)}.collapse-icon{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.collapse-icon.expanded{transform:rotate(180deg)}.invited-users-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--dark);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.invited-users-list{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.invited-user{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.invited-user:hover{border-color:var(--accent);background:#8a4fff0d}.invited-user-info{display:flex;align-items:center;gap:.65rem}.invited-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.invited-user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#000;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:var(--weight-bold);border:2px solid var(--border)}.invited-user-name{font-size:.95rem;color:var(--text);font-weight:var(--weight-medium);cursor:help}.remove-invite-btn{background:transparent;border:none;color:#f44;cursor:pointer;padding:.35rem .6rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:1.1rem;opacity:.7}.remove-invite-btn:hover{background:#ff444426;opacity:1}.no-invites{color:var(--text-muted);font-size:.85rem;margin:0}.invite-btn{margin:0 1rem 1rem;padding:.5rem 1rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;width:calc(100% - 2rem)}.invite-btn:hover{background:#9d6fff;transform:translateY(-2px)}.invite-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.invite-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 40px #00000080;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.modal-close-btn:hover{color:var(--text);background:#ffffff1a}.invite-modal h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text)}.invite-modal input{width:100%;padding:.75rem;background:var(--dark);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.invite-modal input:focus{outline:none;border-color:var(--accent)}.invite-message{padding:.75rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem;border-left:4px solid}.invite-message.success{background:#48bb781a;border-left-color:#48bb78;color:#48bb78}.invite-message.error{background:#ff44441a;border-left-color:#f44;color:#f44}.invite-modal-actions{display:flex;gap:.75rem}.invite-modal-actions button{flex:1;padding:.65rem;border:none;border-radius:var(--radius-sm);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast)}.invite-modal-actions button[type=submit]{background:var(--accent);color:#000}.invite-modal-actions button[type=submit]:hover{background:#9d6fff}.invite-modal-actions button[type=button]{background:transparent;border:1px solid var(--border);color:var(--text)}.invite-modal-actions button[type=button]:hover{background:#ffffff0d}@media(max-width:768px){.thread-detail-header{padding:.5rem 0}.thread-detail-header-content{padding:0 .75rem}.thread-detail-header h1{font-size:1rem}.thread-detail-logo-image{height:1.75rem}.back-button{padding:.35rem .6rem;font-size:.85rem;min-width:4rem}.thread-main-post{padding:.75rem 1rem}.thread-title{font-size:1.2rem}.thread-replies-section{padding:0 1rem}.reply-card{padding:.75rem 1rem}.reply-form{padding:.6rem .75rem}.reply-input-container{padding:.4rem}.reply-form textarea{font-size:.85rem}.send-btn{width:32px;height:32px}.send-btn svg{width:18px;height:18px}.reply-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.remove-invite-wrapper{position:relative}@media(max-width:768px){::-webkit-scrollbar{display:none}html,body{scrollbar-width:none}}