:root{--bg:#0f1115;--surface:#171a21;--border:#2a2e37;--text:#e8e9ec;--text-muted:#8b909c;--accent:#5b8cff;--accent-hover:#7ba1ff;--danger:#ff5b6e;--warning:#e0a83e;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;font-weight:600}::selection{background:#5b8cff59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:860px;margin:0 auto;padding:32px 24px 80px}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:relative}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.brand-icon{width:24px;height:24px}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--text-muted);transition:color .15s}.nav-links a:hover{color:var(--text)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between}.label{color:var(--text-muted);min-width:100px}.subtitle-muted{color:var(--text-muted);margin:0;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:border-color .15s}.button{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:44px;padding:9px 16px;font-size:.95rem;transition:border-color .15s,background-color .15s,opacity .15s;display:inline-flex}.button:hover{border-color:var(--accent)}.button:disabled{opacity:.55;cursor:default}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button-danger{color:var(--danger);border-color:var(--danger)}.button-danger:hover{background:#ff5b6e1a}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);min-width:0;max-width:100%;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkbox-row{color:var(--text-muted);align-items:center;gap:10px;display:flex}.checkbox-row input{width:auto}.error-text{color:var(--danger);margin:0}.warn-text{color:var(--warning);margin:0;font-size:.85rem}.empty-state{color:var(--text-muted)}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:40px;display:flex}.hero h1{font-size:2.4rem}.subtitle{color:var(--text-muted);max-width:520px}.examples{width:100%;margin-top:24px}.examples .card{color:var(--text-muted);text-align:left}.auth-page{justify-content:center;padding-top:40px;display:flex}.auth-card{width:100%;max-width:360px}.auth-links{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.trigger-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.trigger-card{color:var(--text);flex-direction:column;gap:10px;display:flex}.trigger-card:hover{border-color:var(--accent)}.trigger-card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trigger-card-header .domain-tag{margin-right:auto}.domain-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.trigger-prompt{margin:0;font-size:1.1rem;font-weight:600}.trigger-date{color:var(--text-muted);border-top:1px solid var(--border);margin-top:auto;padding-top:8px;font-size:.85rem}.badge{border-radius:100px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--accent);background:#5b8cff26}.badge-fired{color:#3fc782;background:#3fc78226}.badge-paused{color:var(--text-muted);background:#8b909c26}.badge-unsupported,.badge-error{color:var(--danger);background:#ff5b6e26}.confirm-card select,.confirm-card input:not([type=checkbox]){width:100%}.condition-row select,.condition-row input{flex:1;width:auto;min-width:130px}.event-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.event-time{color:var(--text-muted);margin-top:4px;font-size:.85rem}@media (width<=480px){.page{padding:24px 16px 60px}.hero{padding-top:24px}.hero h1{font-size:1.9rem}.label{min-width:84px}}@media (width<=640px){.nav-toggle{display:flex}.nav-links{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 24px 22px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.is-open{display:flex}}@media (width>=900px){.page{max-width:1080px}.hero{gap:24px;padding-top:72px}.hero h1{font-size:3.1rem}.subtitle{font-size:1.05rem}.examples{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.confirm-card,.create-trigger form{align-self:center;max-width:520px}}.muted{color:var(--text-muted);margin:0}.page-heading h2{margin-bottom:4px}.page-actions,.trigger-filters{gap:10px}.trigger-filters input{flex:260px}.trigger-filters select{flex:0 190px}.create-trigger textarea{resize:vertical;min-height:90px}.settings-page .card{max-width:620px}.hero-kicker{color:var(--accent-hover);letter-spacing:.04em;background:#5b8cff1f;border:1px solid #5b8cff47;border-radius:999px;padding:5px 12px;font-size:.82rem}.hero-steps{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:12px;display:grid}.hero-steps div{border-top:1px solid var(--border);gap:4px;padding-top:14px;display:grid}.hero-steps span{color:var(--text-muted);font-size:.9rem}.auth-card form{gap:8px}.auth-card form label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.auth-card form .button{margin-top:8px}@media (width<=480px){.condition-row select:first-child{flex-basis:100%}.hero-steps{grid-template-columns:1fr}.page-heading,.trigger-filters{flex-direction:column;align-items:stretch}.trigger-filters input,.trigger-filters select{flex-basis:auto;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip-link{z-index:20;background:var(--surface);padding:12px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.nav-links a[aria-current=page]{color:var(--accent-hover)}h2,.trigger-prompt,.trigger-request,.event-list li{overflow-wrap:anywhere}.trigger-request{color:var(--text-muted);margin:0;font-size:.85rem}.dashboard-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:16px;display:grid}.summary-item strong{font-variant-numeric:tabular-nums;font-size:1.8rem}.summary-item span{color:var(--text-muted);font-size:.85rem}.example-card{text-align:left;flex-direction:column;gap:14px;font-style:normal;display:flex}.example-card:hover{border-color:var(--accent)}.example-action{color:var(--accent-hover);margin-top:auto;font-size:.85rem}.flow-steps{color:var(--text-muted);gap:20px;margin:0;padding:0;list-style:none;display:flex}.flow-steps [aria-current=step]{color:var(--accent-hover)}.create-trigger{max-width:640px;margin:auto}.create-trigger form{width:100%;max-width:none}.confirm-card{min-width:0;max-width:none;margin:0}.confirm-card legend{padding:0 8px;font-weight:600}.notice{border:1px solid var(--accent);border-radius:var(--radius);background:#5b8cff14;padding:18px}.notice p{margin-bottom:0}@media (width<=480px){.dashboard-summary{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.nav-links a,.nav-links button{align-items:center;min-height:44px;display:inline-flex}}