@charset "UTF-8";:root{--color-bg: #080812;--color-surface: #0e0e1a;--color-card: #111120;--color-border: rgba(255, 255, 255, .07);--accent-1: #7c3aed;--accent-2: #06b6d4;--accent-gradient: linear-gradient(135deg, var(--accent-1), var(--accent-2));--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--font-sans: var(--font-atkinson), "Inter", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(124, 58, 237, .2);--t-fast: .15s ease;--t-base: .3s ease;--t-slow: .6s ease;--z-base: 1;--z-above: 10;--z-header: 100;--z-overlay: 200;color-scheme:dark}[data-theme=light]{color-scheme:light;--color-bg: #f8fafc;--color-surface: #f1f5f9;--color-card: #ffffff;--color-border: rgba(0, 0, 0, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #94a3b8;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 40px rgba(124, 58, 237, .1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--text-primary);margin:0;padding:0;font-size:18px;line-height:1.7;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.06) 0%,transparent 50%);background-attachment:fixed}img{max-width:100%;height:auto;border-radius:var(--radius-lg)}a{color:var(--accent-1);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-2)}strong,b{color:var(--text-primary);font-weight:700}p{margin:0 0 1em;color:var(--text-secondary)}table{width:100%;border-collapse:collapse}textarea{width:100%;font-size:16px}input{font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .5em}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}h4{font-size:clamp(1.2rem,2vw,1.8rem)}h5{font-size:1.25rem}h6{font-size:1rem}code{font-family:Fira Code,Cascadia Code,monospace;font-size:.875em;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2em .5em;color:var(--accent-2)}pre{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto}pre>code{all:unset;font-family:Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.6;color:var(--text-primary)}blockquote{border-left:3px solid var(--accent-1);margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background:#7c3aed0d;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.1em;font-style:italic;color:var(--text-secondary)}hr{border:none;height:1px;background:var(--color-border);margin:var(--space-xl) 0}main{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wordReveal{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kenBurns{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c3aed66}50%{box-shadow:0 0 50px #7c3aedcc,0 0 80px #06b6d44d}}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}70%{transform:translate(-50%) translateY(14px);opacity:.3}}.gradient-text{background:linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s linear infinite}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75em 1.75em;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;letter-spacing:.02em;cursor:pointer;transition:all var(--t-base);text-decoration:none;border:none}.btn-primary{background:var(--accent-gradient);color:#fff;animation:pulseGlow 3s ease-in-out infinite}.btn-primary:hover{transform:translateY(-2px) scale(1.02);color:#fff}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--accent-1);color:var(--accent-1);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.75rem}.section-tag:before,.section-tag:after{content:" — ";opacity:.5}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:0 var(--space-lg);transition:background .4s ease,border-color .4s ease}.site-header.scrolled{background:#080812d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-icon{font-size:1.4rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 4s ease-in-out infinite;display:inline-block;line-height:1}.nav-logo-text{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;transition:color var(--t-fast)}.nav-logo:hover .nav-logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:.25rem;flex-wrap:nowrap}.nav-links a{display:inline-block;padding:.5em 1em;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:var(--radius-md);transition:color .25s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--accent-gradient);transition:left .25s ease,right .25s ease;border-radius:2px}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{left:1em;right:1em}.nav-actions{display:flex;align-items:center;gap:var(--space-md)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent-1);background:#7c3aed14}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.nav-cta{font-size:.875rem;padding:.5em 1.25em}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;gap:.25rem;padding:var(--space-md) 0 var(--space-lg);border-top:1px solid var(--color-border);background:#080812f5}.mobile-menu.open{display:flex}.mobile-menu a{display:block;padding:.75em var(--space-md);color:var(--text-secondary);text-decoration:none;font-size:1rem;border-radius:var(--radius-md);transition:all .2s ease}.mobile-menu a:hover,.mobile-menu a.active{color:var(--text-primary);background:#ffffff0a}.site-footer{position:relative;margin-top:var(--space-2xl);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-glow{position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-1),var(--accent-2),transparent)}.footer-inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 3rem;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.footer-brand p{color:var(--text-muted);font-size:.9rem;max-width:280px;margin-top:.75rem}.footer-logo{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary);text-decoration:none}.footer-logo-icon{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-nav{display:flex;gap:3rem}.footer-col h4{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-col ul a{display:flex;align-items:center;gap:.5em;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-col ul a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.8rem;color:var(--text-muted);margin:0}.footer-bottom a{color:var(--text-muted)}.footer-bottom a:hover{color:var(--accent-1)}.hero-slider{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}.slides-track{position:relative;width:100%;height:100%}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.slide .slide-eyebrow,.slide .word,.slide .slide-subline,.slide .slide-cta{opacity:0}.slide.active{opacity:1;z-index:2}.slide.active .slide-eyebrow{animation:slideInUp .6s ease forwards .3s}.slide.active .word-wrapper:nth-child(1) .word{animation:wordReveal .7s cubic-bezier(.16,1,.3,1) forwards .5s}.slide.active .word-wrapper:nth-child(2) .word{animation:wordReveal .7s cubic-bezier(.16,1,.3,1) forwards .65s}.slide.active .word-wrapper:nth-child(3) .word{animation:wordReveal .7s cubic-bezier(.16,1,.3,1) forwards .8s}.slide.active .word-wrapper:nth-child(4) .word{animation:wordReveal .7s cubic-bezier(.16,1,.3,1) forwards .95s}.slide.active .word-wrapper:nth-child(5) .word{animation:wordReveal .7s cubic-bezier(.16,1,.3,1) forwards 1.1s}.slide.active .slide-subline{animation:slideInUp .6s ease forwards .9s}.slide.active .slide-cta{animation:slideInUp .6s ease forwards 1.1s}.slide.exit{opacity:0;z-index:1;transition:opacity .5s ease}.slide-bg{position:absolute;inset:-5%;background-size:cover;background-position:center}.slide.active .slide-bg{animation:kenBurns 8s ease forwards}.slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#080812e0,#0808128c,#0808124d)}.slide-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--color-bg),transparent)}.slide-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:0 var(--space-lg);z-index:3}.slide-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--slide-accent, var(--accent-2));margin-bottom:1rem}.slide-headline{font-size:clamp(3rem,8vw,7rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff;margin-bottom:1.5rem}.word-wrapper{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.22em}.word{display:inline-block}.slide-subline{font-size:clamp(1rem,2vw,1.3rem);color:#ffffffb8;max-width:540px;line-height:1.6;margin-bottom:2.5rem}.slide-cta{display:inline-flex;align-items:center;gap:.5em;padding:.85em 2em;background:var(--slide-accent, var(--accent-1));color:#fff;font-weight:600;font-size:1rem;border-radius:var(--radius-full);text-decoration:none;transition:all .3s ease}.slide-cta svg{transition:transform .3s ease}.slide-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000073;color:#fff}.slide-cta:hover svg{transform:translate(4px)}.slide-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;z-index:10}.slide-progress-bar{height:100%;width:0%;background:var(--accent-gradient)}.slide-dots{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.slide-dot{width:8px;height:8px;border-radius:var(--radius-full);border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.slide-dot.active{width:28px;background:#fff}.slide-dot:hover:not(.active){background:#fff9}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px)}.slide-arrow:hover{background:#ffffff38;transform:translateY(-50%) scale(1.1)}.slide-prev{left:2rem}.slide-next{right:2rem}.scroll-indicator{position:absolute;bottom:2.5rem;right:2.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffff73;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.scroll-mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.3);border-radius:12px;position:relative}.scroll-mouse:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%;animation:scrollBounce 2s ease-in-out infinite}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;list-style:none;margin:0;padding:0}.post-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card),var(--shadow-glow);border-color:#7c3aed59}.post-card a{display:block;text-decoration:none;color:inherit;height:100%}.post-card a:hover .post-title{color:var(--accent-1)}.post-card-image{aspect-ratio:16/9;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .5s ease;display:block}.post-card:hover .post-card-image img{transform:scale(1.06)}.post-card-body{padding:1.5rem}.post-date{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;display:block}.post-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.75rem;transition:color .2s ease}.post-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-read-more{display:inline-flex;align-items:center;gap:.4em;font-size:.85rem;font-weight:600;color:var(--accent-1)}.post-read-more svg{transition:transform .2s ease}.post-card:hover .post-read-more svg{transform:translate(4px)}.section-posts{padding:var(--space-xl) 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:clamp(2rem,4vw,3rem)}.section-header p{color:var(--text-secondary);max-width:500px;margin:.5rem auto 0}.section-cta{text-align:center;margin-top:3rem}.page-hero{position:relative;padding:10rem 2rem 5rem;text-align:center;overflow:hidden}.page-hero-content{position:relative;z-index:2}.page-hero-content h1{font-size:300%;margin-bottom:1rem}.page-hero-content p{color:var(--text-secondary);font-size:1.1rem;max-width:400px;margin:0 auto}.page-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:1rem}.page-eyebrow:before,.page-eyebrow:after{content:" — ";opacity:.5}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14;pointer-events:none;animation:float 8s ease-in-out infinite}.hero-orb-1{width:400px;height:400px;background:var(--accent-1);top:-100px;left:-100px}.hero-orb-2{width:300px;height:300px;background:var(--accent-2);bottom:0;right:-50px;animation-delay:-4s}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0 1.5rem 2.5rem}.filter-btn{padding:.45rem 1.2rem;border-radius:100px;border:1px solid var(--color-border);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.filter-btn:hover{border-color:var(--accent-1);color:var(--text-primary)}.filter-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff}.post-card--hidden{display:none}.post-card--featured{grid-column:1/-1}.post-card--featured>a{display:flex}.post-card--featured .post-card-image{flex:0 0 55%;aspect-ratio:unset;min-height:300px}.post-card--featured .post-card-body{display:flex;flex-direction:column;justify-content:center;padding:2.5rem}.post-card--featured .post-title{font-size:2rem}.post-card--featured .post-description{-webkit-line-clamp:4;line-clamp:4}.featured-slideshow{position:relative;overflow:hidden;margin-bottom:1.5rem}.featured-slideshow:hover{transform:translateY(-6px)}.featured-slide{display:none}.featured-slide>a{display:flex;text-decoration:none;color:inherit}.featured-slide>a:hover .post-title{color:var(--accent-1)}.featured-slide .post-card-image{flex:0 0 55%;aspect-ratio:unset;min-height:320px}.featured-slide .post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-slide:hover .post-card-image img{transform:scale(1.04)}.featured-slide .post-card-body{display:flex;flex-direction:column;justify-content:center;padding:2.5rem}.featured-slide .post-title{font-size:2rem}.featured-slide .post-description{-webkit-line-clamp:4;line-clamp:4}.featured-slide.featured-slide--active{display:block;animation:featuredFadeIn .4s ease}.featured-slide.featured-slide--active>a{display:flex}@keyframes featuredFadeIn{0%{opacity:0}to{opacity:1}}.featured-prev,.featured-next{position:absolute;top:50%;transform:translateY(-50%);background:#0a0a16a6;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--text-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background var(--t-base),border-color var(--t-base)}.featured-prev:hover,.featured-next:hover{background:#7c3aed73;border-color:#7c3aed80}.featured-prev{left:.75rem}.featured-next{right:.75rem}.featured-dots{position:absolute;bottom:.875rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.featured-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#ffffff40;border:none;cursor:pointer;padding:0;transition:background var(--t-base),transform var(--t-base)}.featured-dot.active,.featured-dot:hover{background:var(--accent-1);transform:scale(1.25)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--z-overlay)}.reading-progress-bar{height:100%;width:0%;background:var(--accent-gradient);transition:width .1s linear}.post-main{padding-top:80px}.post-header{padding:4rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.post-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.post-header-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.post-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.post-pub-date{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2)}.post-updated{font-size:.78rem;color:var(--text-muted);font-style:italic}.post-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;animation:fadeUp .8s ease both}.post-hero-desc{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;animation:fadeUp .8s ease .15s both}.post-hero-image{max-width:1000px;margin:0 auto 3rem;padding:0 2rem;animation:scaleIn .8s ease .2s both}.post-hero-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 30px 80px #00000080}.post-prose-wrap{margin:0 auto;padding:2rem 4rem;animation:fadeUp .8s ease .3s both}.post-back{max-width:720px;margin:0 auto;padding:2rem 2rem 4rem;border-top:1px solid var(--color-border)}.back-link{display:inline-flex;align-items:center;gap:.5em;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.back-link svg{transition:transform .2s ease}.back-link:hover{color:var(--accent-1)}.back-link:hover svg{transform:translate(-4px)}.prose p{color:var(--text-secondary);font-size:1.05rem;line-height:1.85;margin-bottom:1.5em}.prose h2,.prose h3,.prose h4{margin-top:2.5em}.prose a{color:var(--accent-2);text-decoration:underline;text-decoration-color:#06b6d459;text-underline-offset:3px}.prose a:hover{color:var(--accent-1);text-decoration-color:var(--accent-1)}.prose ul,.prose ol{color:var(--text-secondary);padding-left:1.5em;margin-bottom:1.5em}.prose ul li,.prose ol li{margin-bottom:.5em}.prose img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:var(--space-lg) 0}.prose table th{background:transparent;padding:.75em 1em;text-align:left;font-weight:600;border-bottom:1px solid var(--color-border)}.prose table td{padding:.75em 1em;border-bottom:1px solid var(--color-border);color:var(--text-secondary)}.prose table tr:hover td{background:#ffffff05}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start;max-width:960px;margin:0 auto;padding-bottom:var(--space-2xl)}.contact-intro{position:sticky;top:120px}.contact-intro h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:.75rem}.contact-intro p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:340px}.contact-intro-rule{width:48px;height:3px;background:var(--accent-gradient);border-radius:var(--radius-full);margin:1.25rem 0}.contact-form-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-field:last-of-type{margin-bottom:0}.form-label{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-input{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75em 1em;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-1);background:#7c3aed0d;box-shadow:0 0 0 3px #7c3aed26}textarea.form-input{resize:vertical;min-height:140px;line-height:1.6}.form-actions{margin-top:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.form-success{display:none;align-items:center;gap:.6em;color:#34d399;font-size:.95rem;font-weight:500}.form-success.visible{display:flex}.form-error{display:none;color:#f87171;font-size:.9rem;margin-top:1rem}.form-error.visible{display:block}.btn-submit{position:relative;min-width:160px}.btn-submit.loading{pointer-events:none;opacity:.7}.btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-submit.loading .btn-spinner{display:inline-block}#contact-submit{margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}.support-card-wrapper{max-width:640px;margin:0 auto;padding:0 2rem var(--space-2xl)}.support-link-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:3rem;text-align:center}.support-link-card p{color:var(--text-secondary);font-size:105%;line-height:1.7;margin-bottom:2rem}.contact-form-card .frm_forms,.contact-form-card .frm-show-form,.contact-form-card .frm_fields_container{background:transparent!important;padding:0!important}.contact-form-card .frm_form_field label,.contact-form-card .frm_form_field .frm_primary_label{display:block;font-size:.8rem!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--text-muted)!important;margin-bottom:.5rem!important}.contact-form-card .frm_form_field input[type=text],.contact-form-card .frm_form_field input[type=email],.contact-form-card .frm_form_field input[type=tel],.contact-form-card .frm_form_field input[type=url],.contact-form-card .frm_form_field input[type=number],.contact-form-card .frm_form_field select,.contact-form-card .frm_form_field textarea{background:#ffffff0a!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:.75em 1em!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important;font-size:1rem!important;width:100%!important;transition:border-color .2s ease,box-shadow .2s ease!important;outline:none!important;box-shadow:none!important}.contact-form-card .frm_form_field input[type=text]::placeholder,.contact-form-card .frm_form_field input[type=email]::placeholder,.contact-form-card .frm_form_field input[type=tel]::placeholder,.contact-form-card .frm_form_field input[type=url]::placeholder,.contact-form-card .frm_form_field input[type=number]::placeholder,.contact-form-card .frm_form_field select::placeholder,.contact-form-card .frm_form_field textarea::placeholder{color:var(--text-muted)!important}.contact-form-card .frm_form_field input[type=text]:focus,.contact-form-card .frm_form_field input[type=email]:focus,.contact-form-card .frm_form_field input[type=tel]:focus,.contact-form-card .frm_form_field input[type=url]:focus,.contact-form-card .frm_form_field input[type=number]:focus,.contact-form-card .frm_form_field select:focus,.contact-form-card .frm_form_field textarea:focus{border-color:var(--accent-1)!important;background:#7c3aed0d!important;box-shadow:0 0 0 3px #7c3aed26!important}.contact-form-card textarea.frm_form_field,.contact-form-card .frm_form_field textarea{min-height:140px!important;resize:vertical!important;line-height:1.6!important}.contact-form-card .frm_form_field{margin-bottom:1.5rem!important}.contact-form-card .frm_submit button,.contact-form-card .frm_submit input[type=submit]{display:inline-flex!important;align-items:center!important;gap:var(--space-sm)!important;padding:.75em 1.75em!important;border-radius:var(--radius-full)!important;font-weight:600!important;font-size:.95rem!important;letter-spacing:.02em!important;cursor:pointer!important;background:var(--accent-gradient)!important;color:#fff!important;border:none!important;transition:transform .3s ease!important;animation:pulseGlow 3s ease-in-out infinite!important;box-shadow:none!important}.contact-form-card .frm_submit button:hover,.contact-form-card .frm_submit input[type=submit]:hover{transform:translateY(-2px) scale(1.02)!important}.contact-form-card .frm_error,.contact-form-card .frm_error_style{color:#f87171!important;font-size:.85rem!important;margin-top:.4rem!important;background:transparent!important;border:none!important;padding:0!important}.contact-form-card .frm_message,.contact-form-card .frm-success{color:#34d399!important;background:#34d39914!important;border:1px solid rgba(52,211,153,.2)!important;border-radius:var(--radius-md)!important;padding:1rem 1.25rem!important;font-size:.95rem!important;font-weight:500!important}.contact-form-card .frm_required{color:var(--accent-2)!important}.contact-form-card .frm_description{color:var(--text-muted)!important;font-size:.8rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){body{font-size:16px}main{padding:var(--space-lg) var(--space-md)}.nav-links,.nav-cta{display:none}.hamburger{display:flex}.slide-arrow,.scroll-indicator{display:none}.hero-slider{min-height:100svh}.posts-grid{grid-template-columns:1fr}.post-card--featured>a{flex-direction:column}.post-card--featured .post-card-image{flex:none;aspect-ratio:16/9;min-height:unset}.featured-slide>a{flex-direction:column}.featured-slide .post-card-image{flex:none;aspect-ratio:16/9;min-height:unset}.featured-prev,.featured-next{display:none}.footer-inner{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.post-hero-image{padding:0 1rem;margin-bottom:2rem}.post-prose-wrap{padding:0 1rem 3rem}.contact-layout{grid-template-columns:1fr;gap:2rem}.contact-intro{position:static}.form-row{grid-template-columns:1fr}}[data-theme=light] body{background-image:radial-gradient(circle at 15% 15%,rgba(124,58,237,.07) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.07) 0%,transparent 50%)}[data-theme=light] .site-header.scrolled{background:#f8fafce0}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .nav-logo-text{color:#fff}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .nav-links a{color:#ffffffd1}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .nav-links a:hover,[data-theme=light] body.dark-hero .site-header:not(.scrolled) .nav-links a.active{color:#fff}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .theme-toggle{color:#ffffffd1;border-color:#ffffff40}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .theme-toggle:hover{color:#fff;border-color:#fff9;background:#ffffff1a}[data-theme=light] body.dark-hero .site-header:not(.scrolled) .hamburger span{background:#fff}[data-theme=light] .mobile-menu{background:#f8fafcfa}[data-theme=light] code{background:#0000000d;color:var(--accent-1)}[data-theme=light] .form-input{background:#00000008;color:var(--text-primary)}[data-theme=light] .form-input::placeholder{color:var(--text-muted)}[data-theme=light] .contact-form-card .frm_form_field input[type=text],[data-theme=light] .contact-form-card .frm_form_field input[type=email],[data-theme=light] .contact-form-card .frm_form_field input[type=tel],[data-theme=light] .contact-form-card .frm_form_field input[type=url],[data-theme=light] .contact-form-card .frm_form_field input[type=number],[data-theme=light] .contact-form-card .frm_form_field select,[data-theme=light] .contact-form-card .frm_form_field textarea{background:#00000008!important;color:var(--text-primary)!important}[data-theme=light] .prose table tr:hover td{background:#00000005}.auth-main{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 4rem}.auth-card{width:100%;max-width:440px;background:var(--color-card);border:1px solid var(--color-border);border-radius:1.25rem;padding:2.5rem}.auth-card-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.auth-card-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--text-secondary)}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.6rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #7c3aed26}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}.form-message{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;line-height:1.5}.form-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.form-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent-2);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.btn-full{width:100%}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.btn-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover{background:#ef444438;border-color:#ef444480}.support-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:820px;margin:0 auto 3rem;padding:0 1.5rem}.support-feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;padding:1.75rem 1.5rem;text-align:center}.support-feature-card .feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.support-feature-card h3{font-size:1rem;margin-bottom:.4rem}.support-feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.support-landing{text-align:center;padding:0 1.5rem 5rem}.support-landing .btn{display:inline-block;margin-bottom:1.25rem}.support-landing-sub{color:var(--text-secondary);font-size:.9rem}.support-landing-sub a{color:var(--accent-2);text-decoration:none}.support-landing-sub a:hover{text-decoration:underline}.tickets-page{max-width:900px;margin:0 auto;padding:7rem 1.5rem 4rem}.tickets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tickets-header h1{font-size:2rem;margin-bottom:.2rem}.tickets-meta{font-size:.82rem;color:var(--text-muted)}.ticket-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;padding:0}.ticket-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:.875rem;transition:border-color .2s,transform .2s}.ticket-card:hover{border-color:var(--accent-1);transform:translateY(-1px)}.ticket-card a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;text-decoration:none;color:inherit;flex-wrap:wrap}.ticket-card-left{flex:1;min-width:0}.ticket-card-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}#ticket-grouped{display:flex;flex-direction:column;gap:.875rem}.ticket-group{border:1px solid var(--color-border);border-radius:.875rem;overflow:hidden}.ticket-group-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;background:var(--color-surface);cursor:pointer;user-select:none;list-style:none}.ticket-group-summary::-webkit-details-marker,.ticket-group-summary::marker{display:none}.ticket-group-email{font-size:.88rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-group-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ticket-group-count{font-size:.72rem;color:var(--text-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:100px;padding:.1rem .55rem}.ticket-group-chevron{display:inline-block;color:var(--text-muted);font-size:1.1rem;line-height:1;transition:transform .2s ease}.ticket-group[open] .ticket-group-chevron{transform:rotate(90deg)}.ticket-group-list{padding:.75rem;background:var(--color-bg);border-top:1px solid var(--color-border);margin:0}.ticket-needs-reply,.ticket-has-reply{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.ticket-needs-reply{background:var(--accent-1);box-shadow:0 0 6px var(--accent-1);animation:ticket-dot-pulse 2s ease-in-out infinite}.ticket-has-reply{background:var(--accent-2);box-shadow:0 0 6px var(--accent-2);animation:ticket-dot-reply 2s ease-in-out infinite}@keyframes ticket-dot-pulse{0%,to{box-shadow:0 0 4px var(--accent-1);opacity:1}50%{box-shadow:0 0 10px var(--accent-1),0 0 20px #7c3aed73;opacity:.75}}@keyframes ticket-dot-reply{0%,to{box-shadow:0 0 4px var(--accent-2);opacity:1}50%{box-shadow:0 0 10px var(--accent-2),0 0 20px #06b6d473;opacity:.75}}.ticket-subject{font-weight:600;font-size:.975rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-date{font-size:.78rem;color:var(--text-muted)}.ticket-status{display:inline-block;padding:.2rem .65rem;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ticket-status--open{background:#7c3aed26;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.ticket-status--in_progress{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.ticket-status--closed{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.ticket-priority{display:inline-block;padding:.2rem .65rem;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ticket-priority--low{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.25)}.ticket-priority--medium{background:#06b6d41a;color:#22d3ee;border:1px solid rgba(6,182,212,.25)}.ticket-priority--high{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ticket-category{display:inline-block;padding:.2rem .65rem;border-radius:100px;font-size:.7rem;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);color:var(--text-secondary)}.tickets-search-wrap{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.tickets-search{max-width:460px;padding:.55rem 1rem;font-size:.9rem}.tickets-no-results{font-size:.875rem;color:var(--text-muted);margin:0}.tickets-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.tickets-empty span{font-size:3rem;display:block;margin-bottom:1rem;opacity:.35}.tickets-empty p{font-size:1.05rem;margin-bottom:1.5rem}.new-ticket-page{max-width:660px;margin:0 auto;padding:7rem 1.5rem 4rem}.new-ticket-page h1{font-size:1.75rem;margin-bottom:.4rem}.new-ticket-page>p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.new-ticket-form{display:flex;flex-direction:column;gap:1.25rem}.new-ticket-footer{display:flex;align-items:center;gap:.75rem}.new-ticket-quill .ql-toolbar.ql-snow{background:var(--color-card);border-color:var(--color-border);border-radius:8px 8px 0 0;position:relative;z-index:2}.new-ticket-quill .ql-toolbar.ql-snow .ql-stroke{stroke:var(--text-secondary)}.new-ticket-quill .ql-toolbar.ql-snow .ql-fill{fill:var(--text-secondary)}.new-ticket-quill .ql-toolbar.ql-snow .ql-picker-label{color:var(--text-secondary)}.new-ticket-quill .ql-toolbar.ql-snow button:hover .ql-stroke,.new-ticket-quill .ql-toolbar.ql-snow .ql-active .ql-stroke{stroke:var(--accent-1)}.new-ticket-quill .ql-toolbar.ql-snow button:hover .ql-fill,.new-ticket-quill .ql-toolbar.ql-snow .ql-active .ql-fill{fill:var(--accent-1)}.new-ticket-quill .ql-toolbar.ql-snow .ql-picker-label:hover{color:var(--accent-1)}.new-ticket-quill .ql-container.ql-snow{background:var(--color-card);border-color:var(--color-border);border-radius:0 0 8px 8px;min-height:180px;font-family:inherit;font-size:.95rem;color:var(--text-primary)}.new-ticket-quill .ql-editor{min-height:180px}.new-ticket-quill .ql-editor.ql-blank:before{color:var(--text-muted, var(--text-secondary))}.new-ticket-quill .ql-snow .ql-picker.ql-expanded .ql-picker-options{background:var(--color-surface);border-color:var(--color-border);z-index:500}.ticket-detail{max-width:820px;margin:0 auto;padding:7rem 1.5rem 4rem}.ticket-detail-header{margin-bottom:1.75rem}.ticket-detail-header h1{font-size:1.6rem;margin-bottom:.75rem;line-height:1.3}.ticket-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ticket-meta-date{font-size:.8rem;color:var(--text-muted);margin-left:.25rem}.ticket-description-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:.875rem;padding:1.5rem;line-height:1.75;color:var(--text-secondary);font-size:.95rem;white-space:pre-wrap}.ticket-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.comments-section{margin-top:2.5rem}.comments-section h2{font-size:1.15rem;margin-bottom:1.25rem;color:var(--text-secondary)}.comment-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;padding:0}.comment{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1.1rem 1.25rem}.comment--staff{border-color:#06b6d44d;background:#06b6d40a}.comment-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.comment-author{font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.comment-date{font-size:.75rem;color:var(--text-muted)}.comment-staff-badge{font-size:.68rem;padding:.1rem .5rem;border-radius:100px;background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.comment-body{font-size:.9rem;line-height:1.65;color:var(--text-secondary);white-space:pre-wrap}.add-comment-form{margin-top:2rem}.add-comment-form h3{font-size:1rem;margin-bottom:1rem}.add-comment-form button{margin-top:.75rem}.ticket-closed-note{margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.ticket-closed-note a{color:var(--accent-2);text-decoration:none}.ticket-closed-note a:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.75rem}.back-link:hover{color:var(--text-primary)}html.chat-html,html.chat-html body.chat-body{height:100%;overflow:hidden}.chat-body{display:flex;flex-direction:column}.chat-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:10px}.chat-topbar{position:sticky;top:50px;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:50px}.chat-back{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);text-decoration:none;font-size:.78rem;white-space:nowrap;flex-shrink:0}.chat-back:hover{color:var(--text-primary)}.chat-topbar-info{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem}.chat-subject{font-size:.9rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.chat-topbar-meta{display:flex;flex-wrap:nowrap;gap:.3rem;align-items:center;flex-shrink:0}.chat-topbar-meta .ticket-status,.chat-topbar-meta .ticket-priority,.chat-topbar-meta .ticket-category{font-size:.6rem;padding:.12rem .45rem}.chat-owner-badge{font-size:.65rem;color:var(--text-muted);padding:.1rem .45rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:100px;white-space:nowrap}.chat-messages{flex:1;overflow-y:auto;padding:4rem 1.25rem .5rem;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:72%;display:flex;flex-direction:column;gap:.25rem}.chat-bubble--customer{align-self:flex-start}.chat-bubble--staff{align-self:flex-end}.chat-bubble-meta{display:flex;align-items:baseline;gap:.5rem;font-size:.72rem;color:var(--text-muted)}.chat-bubble--staff .chat-bubble-meta{flex-direction:row-reverse}.chat-bubble-author{font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.chat-bubble-time{font-size:.7rem}.chat-staff-badge{font-size:.62rem;padding:.1rem .45rem;border-radius:100px;background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-bubble-body{padding:.7rem .95rem;border-radius:1rem;font-size:.9rem;line-height:1.65}.chat-bubble--customer .chat-bubble-body{background:var(--color-card);border:1px solid var(--color-border);border-bottom-left-radius:.25rem;color:var(--text-primary)}.chat-bubble--staff .chat-bubble-body{background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-bottom-right-radius:.25rem;color:var(--text-primary)}.chat-bubble-body h1,.chat-bubble-body h2,.chat-bubble-body h3{font-weight:700;margin:.75rem 0 .35rem;line-height:1.3}.chat-bubble-body h1{font-size:1.15rem}.chat-bubble-body h2{font-size:1.05rem}.chat-bubble-body h3{font-size:.95rem}.chat-bubble-body p{margin:.4rem 0}.chat-bubble-body p:first-child{margin-top:0}.chat-bubble-body p:last-child{margin-bottom:0}.chat-bubble-body ul,.chat-bubble-body ol{padding-left:1.4rem;margin:.4rem 0}.chat-bubble-body code{font-family:monospace;font-size:.85em;background:#00000040;padding:.1em .35em;border-radius:.25rem}.chat-bubble-body pre{background:#0000004d;border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;overflow-x:auto;font-size:.82rem;line-height:1.55;margin:.5rem 0}.chat-bubble-body pre code{background:none;padding:0}.chat-bubble-body blockquote{border-left:3px solid var(--accent-1);padding-left:.75rem;margin:.5rem 0;color:var(--text-secondary)}.chat-closed-banner{align-self:center;margin:.5rem 0;padding:.5rem 1.25rem;background:#64748b1f;border:1px solid rgba(100,116,139,.25);border-radius:100px;font-size:.82rem;color:var(--text-muted)}.chat-closed-banner a{color:var(--accent-2);text-decoration:none}.chat-closed-banner a:hover{text-decoration:underline}.chat-composer{flex-shrink:0}.chat-composer .form-message{margin-bottom:.6rem}.chat-composer-footer{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;margin-top:.6rem}.file-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.file-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem .2rem .65rem;background:#7c3aed1f;border:1px solid rgba(124,58,237,.3);border-radius:100px;font-size:.75rem;color:var(--text-secondary);max-width:220px}.file-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1;padding:0;flex-shrink:0}.file-chip-remove:hover{color:var(--text-primary)}.chat-attachment-img-link{display:block}.chat-attachment-img{max-width:260px;max-height:200px;border-radius:var(--radius-md);object-fit:cover;display:block;margin-top:.35rem;cursor:zoom-in}.chat-attachment-file{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.8rem;color:var(--accent-2);text-decoration:none;padding:.25rem .6rem;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-sm)}.chat-attachment-file:hover{background:#06b6d426}#quill-editor{color:var(--text-primary)}.ql-toolbar.ql-snow{border:1px solid var(--color-border);border-radius:.5rem .5rem 0 0;border-bottom:1px solid var(--color-border);padding:.4rem .6rem;position:relative;z-index:2}.ql-toolbar.ql-snow button,.ql-toolbar.ql-snow .ql-picker-label{color:var(--text-secondary);stroke:var(--text-secondary)}.ql-toolbar.ql-snow button:hover,.ql-toolbar.ql-snow button.ql-active,.ql-toolbar.ql-snow .ql-picker-label:hover,.ql-toolbar.ql-snow .ql-picker-label.ql-active{color:var(--accent-1);stroke:var(--accent-1)}.ql-toolbar.ql-snow .ql-picker-label{color:var(--text-secondary)}.ql-toolbar.ql-snow .ql-stroke{stroke:currentColor}.ql-toolbar.ql-snow .ql-fill{fill:currentColor}.ql-toolbar.ql-snow .ql-picker-options{background:var(--color-card);border:1px solid var(--color-border);border-radius:.35rem}.ql-toolbar.ql-snow .ql-formats{margin-right:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:500}.ql-container.ql-snow{border:1px solid var(--color-border);border-top:none;border-radius:0 0 .5rem .5rem;font-family:var(--font-sans);font-size:.9rem;height:100px;overflow-y:auto;position:relative;z-index:1}.ql-editor{padding:.65rem .9rem;line-height:1.65}.ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.ql-editor pre.ql-syntax{background:#0000004d;border-radius:.4rem;padding:.6rem .85rem;font-size:.82rem;color:#e2e8f0}.chat-search-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:.4rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.chat-search-toggle:hover,.chat-search-toggle.active{background:#7c3aed1f;border-color:var(--accent-1);color:var(--accent-1)}.chat-search-bar{display:none;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:var(--color-card);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-search-bar-icon{color:var(--text-muted);flex-shrink:0}.chat-search-input{flex:1;min-width:0;padding:.35rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);transition:border-color .15s}.chat-search-input::placeholder{color:var(--text-muted)}.chat-search-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px #7c3aed26}.chat-search-count{font-size:.72rem;color:var(--text-muted);white-space:nowrap;min-width:7ch;text-align:right}.chat-search-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:.35rem;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.chat-search-close:hover{background:#ffffff0f;color:var(--text-primary)}.chat-bubble{transition:opacity .15s}.chat-bubble--dimmed{opacity:.25}.chat-bubble--matched .chat-bubble-body{box-shadow:0 0 0 2px var(--accent-1)}@media(max-width:600px){.chat-bubble{max-width:90%}.chat-topbar{gap:.6rem;padding:.6rem 1rem}.chat-topbar-meta{display:none}.chat-search-bar{padding:.5rem .75rem}.chat-subject{font-size:.9rem}.chat-messages{padding:4rem .75rem .5rem}.chat-composer{padding:.6rem .75rem .75rem}}
