:root{--bg-primary:#0d0d0d;--bg-surface:#141414;--bg-raised:#1a1a1a;--border-default:#1e1e1e;--border-hover:#2a2a2a;--border-accent:#2e2e2e;--text-primary:#e4e4e4;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--blue:#0ea5e9;--purple:#5e6ad2;--amber:#f59e0b;--red:#ef4444;--green:#22c55e;--gray:#6b6b6b;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.card{background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.badge,.btn{letter-spacing:-.01em;font-weight:500}.modal-content{background:var(--bg-raised)!important;border-color:var(--border-hover)!important}.offcanvas{background:var(--bg-raised)!important}.form-control,.form-select{background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.form-control:focus,.form-select:focus{border-color:var(--purple)!important;box-shadow:0 0 0 .2rem #5e6ad226!important}.browser-frame{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0000004d}.browser-frame__titlebar{background:var(--bg-raised);border-bottom:1px solid var(--border-default);align-items:center;gap:8px;padding:10px 14px;display:flex}.browser-frame__dots{gap:6px;display:flex}.browser-frame__dot{border-radius:50%;width:10px;height:10px}.browser-frame__dot--red{background:#ed6a5e}.browser-frame__dot--yellow{background:#f5bd4f}.browser-frame__dot--green{background:#61c454}.browser-frame__title{text-align:center;color:var(--text-secondary);flex:1;font-size:12px;font-weight:500}.demo-note{text-align:center;color:var(--text-muted);max-width:800px;margin:0 auto;padding:20px;font-size:12px;font-style:italic}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.glow-orb--purple{background:radial-gradient(circle,#5e6ad266,#0000 70%)}.extension-popup-dialog{width:320px!important;margin:0!important;position:fixed!important;top:60px!important;right:20px!important}.extension-popup-content{background:var(--bg-raised)!important;border:1px solid var(--border-hover)!important;border-radius:var(--radius-lg)!important;box-shadow:0 16px 48px #00000080!important}.extension-popup-content .btn-close{filter:invert()}.slack-preview-modal .modal-content{background:#1a1d21!important;border:1px solid #2a2d33!important}.slack-preview-modal .btn-close{filter:invert()}