.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:0;font-size:.95rem;display:flex}.nav-logo-main{color:var(--text-secondary);text-decoration:none;transition:color .2s}.nav-logo-main:hover{color:var(--text-primary)}.nav-logo-sep{color:var(--text-muted);margin:0 .15em}.nav-logo-sub{color:var(--accent)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;font-size:.8rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{font-family:var(--font-mono);border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);padding:.5rem 1.1rem;font-size:.8rem;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--accent-glow);color:var(--accent)}.nav-user{align-items:center;gap:1rem;display:flex}.nav-email{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.75rem}.nav-logout{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.35rem .75rem;font-size:.75rem;transition:border-color .2s,color .2s}.nav-logout:hover{border-color:var(--border-hover);color:var(--text-primary)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:.25rem;display:none}.nav-hamburger span{background:var(--text-secondary);width:22px;height:1.5px;transition:background .2s;display:block}.nav-hamburger:hover span{background:var(--text-primary)}.nav-mobile-footer{top:calc(100% + var(--mobile-links-height,0px));border-bottom:1px solid var(--border);background:#0a0a0ff7;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:none;position:absolute;left:0;right:0}@media (width<=768px){.nav{padding:1rem 1.25rem}.nav-links{border-bottom:1px solid var(--border);background:#0a0a0ff7;flex-direction:column;gap:0;padding:1rem 0;display:none;position:absolute;top:100%;left:0;right:0}.nav-links--open{display:flex}.nav-links li{width:100%}.nav-links a{padding:.75rem 1.5rem;font-size:.9rem;display:block}.nav-cta--desktop,.nav-user--desktop{display:none}.nav-hamburger,.nav-mobile-footer{display:flex}}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:2rem 2.5rem;display:flex}.footer.footer--alt{background:var(--bg-section)}.footer-logo{font-family:var(--font-mono);align-items:center;font-size:.8rem;display:flex}.footer-logo-main{color:var(--text-muted)}.footer-logo-sep{color:var(--text-muted);margin:0 .15em}.footer-logo-sub{color:var(--accent)}.footer-copy{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.footer-copy a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-copy a:hover{color:var(--accent)}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem 1.25rem}}.protected-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.protected-cursor{font-family:var(--font-mono);color:var(--accent);font-size:1.5rem;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.home-hero{align-items:center;min-height:100vh;padding:8rem 2.5rem 4rem;display:flex;position:relative;overflow:hidden}.home-hero-inner{z-index:1;max-width:900px;position:relative}.home-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.home-tag:before{content:"";background:var(--accent);width:24px;height:1px;display:inline-block}.home h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:800;line-height:1.05}.home-accent{color:var(--accent)}.home-sub{font-family:var(--font-mono);color:var(--text-muted);max-width:520px;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.home-actions{flex-wrap:wrap;gap:1rem;display:flex}.home-btn-primary{font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.75rem;font-size:.85rem;text-decoration:none;transition:background .2s,transform .1s;display:inline-block}.home-btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.home-btn-ghost{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.75rem 1.75rem;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.home-btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary)}.home section{max-width:1100px;margin:0 auto;padding:6rem 2.5rem}.home section.section--alt{background:var(--bg-section);max-width:100%;padding-left:max(2.5rem,50% - 550px + 2.5rem);padding-right:max(2.5rem,50% - 550px + 2.5rem)}.home-section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.7rem;display:flex}.home-section-label:before{content:"";background:var(--accent);width:20px;height:1px}.home h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:700;line-height:1.15}.home-section-desc{font-family:var(--font-mono);color:var(--text-muted);max-width:480px;margin-bottom:3.5rem;font-size:.9rem;line-height:1.7}.home-tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.home-tool-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;transition:border-color .2s,transform .2s}.home-tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.home-tool-card--live:hover{border-color:var(--accent-border)}.home-tool-tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;margin-bottom:1.25rem;padding:.25rem .6rem;font-size:.7rem;display:inline-block}.home-tool-tag--live{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-border)}.home-tool-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.home-tool-desc{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;line-height:1.7}.home-tool-link{font-family:var(--font-mono);color:var(--accent);margin-top:1.25rem;font-size:.75rem;text-decoration:none;transition:opacity .2s;display:inline-block}.home-tool-link:hover{color:var(--accent);opacity:.75}.home-principles{flex-direction:column;gap:1rem;display:flex}.home-principle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.home-principle-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}.home-principle p{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;line-height:1.6}.home-principle p strong{color:var(--text-primary)}@media (width<=768px){.home-hero{padding:7rem 1.25rem 3rem}.home section{padding:4rem 1.25rem}.home section.section--alt{padding-left:1.25rem;padding-right:1.25rem}.home-tools-grid{grid-template-columns:1fr}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:6rem 1.25rem 3rem;display:flex;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(#10b9810a 1px,#0000 1px),linear-gradient(90deg,#10b9810a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%)}.login-glow{pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.login-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2.5rem;animation:.4s both fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.7rem;display:flex}.login-label:before{content:"";background:var(--accent);width:20px;height:1px;display:inline-block}.login-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:700;line-height:1.15}.login-sub{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:1.75rem;font-size:.82rem;line-height:1.7}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.login-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);outline:none;width:100%;padding:.75rem 1rem;font-size:.85rem;transition:border-color .2s}.login-input:focus{border-color:var(--accent-border)}.login-input::placeholder{color:var(--text-muted)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-error{font-family:var(--font-mono);color:#f87171;font-size:.78rem;line-height:1.5}.login-btn{background:var(--accent);color:#0a0a0f;width:100%;font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;border:none;padding:.8rem 1.5rem;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s,opacity .2s}.login-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-dots:after{content:"";animation:1.2s steps(3,end) infinite dots}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.login-success .login-sub{margin-bottom:0}.login-email-sent{color:var(--accent)}.login-divider{align-items:center;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.7rem}.login-input--code{letter-spacing:.5em;text-align:center;padding:.75rem 1rem .75rem 1.5rem;font-size:1.5rem}.login-resend{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:1.25rem;padding:0;font-size:.75rem;text-decoration:underline;display:block}.login-resend:hover{color:var(--text-secondary)}.dashboard{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding-top:4.5rem;display:flex}.deletion-banner{font-family:var(--font-mono);color:#f87171;background:#f8717114;border-bottom:1px solid #f8717140;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 2.5rem;font-size:.8rem;display:flex}.deletion-banner strong{font-weight:500}.deletion-banner-cancel{font-family:var(--font-mono);color:#f87171;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f8717166;flex-shrink:0;padding:.3rem .75rem;font-size:.75rem;transition:background .2s}.deletion-banner-cancel:hover{background:#f871711a}.dashboard-inner{flex:1;width:100%;max-width:860px;margin:0 auto;padding:3rem 2.5rem}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.dashboard-header-left{flex:1}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.7rem;display:flex}.dashboard-heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.15}.dashboard-sub{font-family:var(--font-mono);color:var(--text-secondary);font-size:.82rem;line-height:1.6}.btn-primary{font-family:var(--font-mono);background:var(--accent);color:#0a0a0f;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.2rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .2s,transform .1s;display:inline-block}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.6rem 1.2rem;font-size:.82rem;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.btn-danger{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.6rem 1.2rem;font-size:.82rem;transition:border-color .2s,color .2s}.btn-danger:hover:not(:disabled){color:#f87171;border-color:#f8717166}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.dashboard-new-btn{flex-shrink:0}.webhook-form-label{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;display:block}.webhook-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.25rem 1.5rem;animation:.2s both fadeUp}.webhook-form-row{align-items:center;gap:.75rem;display:flex}.webhook-form-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);outline:none;flex:1;padding:.6rem .9rem;font-size:.85rem;transition:border-color .2s}.webhook-form-input:focus{border-color:var(--accent-border)}.webhook-form-input::placeholder{color:var(--text-muted)}.webhook-form-input:disabled{opacity:.5}.webhook-form-error{font-family:var(--font-mono);color:#f87171;margin-top:.6rem;font-size:.75rem}.webhook-list{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.webhook-row{background:var(--bg-card);border-bottom:1px solid var(--border);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 1.5rem;transition:border-color .2s,background .2s;animation:.3s both fadeUp;display:flex}.webhook-row:last-child{border-bottom:none}.webhook-row:hover{border-left-color:var(--accent);background:var(--bg-secondary)}.webhook-row--skeleton{cursor:default}.webhook-row--skeleton:hover{background:var(--bg-card);border-left-color:#0000}.skeleton-block{background:var(--border);border-radius:3px;animation:1.4s infinite shimmer}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.webhook-row-main{flex:1;min-width:0}.webhook-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem;font-weight:600;display:block}.webhook-url-row{align-items:center;gap:.6rem;display:flex}.webhook-url{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:.72rem;overflow:hidden}.webhook-row-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.webhook-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.webhook-actions{gap:.5rem;display:flex}.webhook-deletion-state{align-items:center;gap:.75rem;display:flex}.webhook-deleting-text{font-family:var(--font-mono);color:#f87171;opacity:.8;font-size:.72rem}.link-btn{font-family:var(--font-mono);color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.72rem;text-decoration:underline}.dashboard-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 2rem;animation:.3s both fadeUp;display:flex}.dashboard-empty-icon{font-family:var(--font-mono);color:var(--text-muted);font-size:2rem}.dashboard-empty-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.account-zone{border-top:1px solid var(--border);background:var(--bg-card)}.account-zone-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:.75rem 2.5rem;font-size:.7rem}.account-zone-row{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:860px;margin:0 auto;padding:1.25rem 2.5rem;display:flex}.account-zone-desc{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.6}@media (width<=768px){.dashboard-inner{padding:2rem 1.25rem}.dashboard-header{flex-direction:column;align-items:flex-start}.webhook-row{flex-direction:column;align-items:flex-start;gap:.75rem}.webhook-row-meta{align-items:flex-start}.webhook-url{max-width:240px}.deletion-banner{flex-direction:column;align-items:flex-start;padding:.75rem 1.25rem}.webhook-form-row{flex-wrap:wrap}.account-zone-label{padding:.75rem 1.25rem}.account-zone-row{flex-direction:column;align-items:flex-start;padding:1.25rem}}.detail-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding-top:4.5rem;display:flex}.detail-header{border-bottom:1px solid var(--border);width:100%;max-width:1200px;margin:0 auto;padding:2rem 2.5rem 1.5rem}.detail-back{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-block}.detail-back:hover{color:var(--accent)}.detail-title-row{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:.6rem;display:flex}.detail-heading{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700;line-height:1.2}.ws-status{align-items:center;gap:.45rem;display:flex}.ws-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ws-dot--live{background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:2s infinite pulse}.ws-dot--connecting{background:#f59e0b}.ws-dot--disconnected{background:var(--text-muted)}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.ws-label{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.detail-url-row{align-items:center;gap:.6rem;display:flex}.detail-url{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;font-size:.78rem}.copy-btn{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;flex-shrink:0;padding:.15rem .5rem;font-size:.68rem;transition:background .2s}.copy-btn:hover{background:var(--accent-glow)}.detail-body{flex:1;grid-template-columns:2fr 3fr;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:grid}.req-panel{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.req-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem .75rem;display:flex}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.7rem;display:flex}.section-label:before{content:"";background:var(--accent);width:16px;height:1px}.btn-ghost{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-xs{padding:.3rem .65rem;font-size:.7rem}.btn-danger{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;transition:border-color .2s,color .2s}.btn-danger:hover{color:#f87171;border-color:#f8717166}.btn-sm{padding:.4rem .85rem;font-size:.75rem}.req-loading,.req-empty{flex:1;justify-content:center;align-items:center;gap:.4rem;padding:3rem;display:flex}.req-loading-cursor,.req-empty-cursor{font-family:var(--font-mono);color:var(--accent);font-size:1.1rem;animation:1s step-end infinite blink}.req-empty-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.req-filter{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.6rem 1.5rem;display:flex}.req-filter-search{align-items:center;display:flex;position:relative}.req-search-input{width:100%;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:.4rem 1.8rem .4rem .65rem;font-size:.75rem;transition:border-color .2s}.req-search-input::placeholder{color:var(--text-muted)}.req-search-input:focus{border-color:var(--accent)}.req-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1;transition:color .15s;position:absolute;right:.4rem}.req-search-clear:hover{color:var(--text-primary)}.req-method-filters{flex-wrap:wrap;gap:.35rem;display:flex}.method-filter-btn{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:.15rem .5rem;font-size:.66rem;transition:border-color .15s,color .15s}.method-filter-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.method-filter-btn--active{color:var(--accent);border-color:var(--accent-border)}.req-count{font-family:var(--font-mono);color:var(--text-muted);margin-left:.5rem;font-size:.66rem}.req-list{flex:1;overflow-y:auto}.req-group-header{background:var(--bg-primary);border:none;border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:.4rem 1.5rem;transition:background .15s;display:flex}.req-group-header:hover{background:var(--bg-secondary)}.req-group-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.req-group-meta{align-items:center;gap:.5rem;display:flex}.req-group-count{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:.05rem .45rem;font-size:.62rem}.req-group-chevron{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;transition:transform .2s;display:inline-block}.req-group-chevron--open{transform:rotate(90deg)}.req-item{border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.5rem;transition:background .15s,border-color .15s;animation:.2s both slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.req-item:hover{background:var(--bg-secondary)}.req-item--selected{background:var(--bg-secondary);border-left-color:var(--accent)}.req-item-main{align-items:center;gap:.75rem;min-width:0;display:flex}.method-badge{font-family:var(--font-mono);letter-spacing:.06em;background:0 0;border:1px solid;border-radius:3px;flex-shrink:0;padding:.2rem .5rem;font-size:.68rem;font-weight:500}.req-item-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.req-time{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.req-ip{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.req-delete{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:.15rem .4rem;font-size:.9rem;line-height:1;transition:opacity .15s,color .15s}.req-item:hover .req-delete{opacity:1}.req-delete:hover{color:#f87171}.detail-panel{background:var(--bg-secondary);overflow-y:auto}.detail-placeholder{justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.detail-placeholder-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.82rem}.detail-content{flex-direction:column;gap:1.5rem;padding:1.75rem 2rem;animation:.2s both fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-method-line{font-family:var(--font-mono);align-items:baseline;gap:.75rem;display:flex}.detail-method{letter-spacing:.04em;font-size:1.1rem;font-weight:500}.detail-path{color:var(--text-secondary);word-break:break-all;font-size:.9rem}.detail-metadata{flex-wrap:wrap;gap:1.5rem;display:flex}.meta-item{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.detail-section{flex-direction:column;gap:.6rem;display:flex}.detail-section-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding-bottom:.4rem;font-size:.68rem}.headers-table{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:0;display:flex;overflow:hidden}.header-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:minmax(140px,35%) 1fr;gap:0;font-size:.75rem;display:grid}.header-row:last-child{border-bottom:none}.header-key{color:var(--accent);word-break:break-word;background:#10b9810a;padding:.45rem .75rem}.header-val{color:var(--text-primary);word-break:break-word;padding:.45rem .75rem}.detail-empty-note{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem;font-style:italic}.body-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);max-height:400px;overflow:auto}.body-json,.body-raw{font-family:var(--font-mono);white-space:pre;color:var(--text-primary);padding:1rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.body-json .jk{color:var(--accent)}.body-json .jv{color:#fbbf24}.body-json .jn{color:#60a5fa}.body-json .jb{color:#a78bfa}.detail-delete-btn{align-self:flex-start}.action-error{width:100%;max-width:1200px;font-family:var(--font-mono);color:#f87171;background:#f8717114;border-bottom:1px solid #f8717140;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.6rem 2.5rem;font-size:.78rem;display:flex}.action-error-dismiss{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1}.confirm-clear{align-items:center;gap:.4rem;display:flex}.confirm-clear-text{font-family:var(--font-mono);color:#f87171;font-size:.7rem}.req-item:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}@media (width<=768px){.detail-header{padding:1.5rem 1.25rem 1.25rem}.detail-body{grid-template-columns:1fr}.req-panel{border-right:none;border-bottom:1px solid var(--border);min-height:320px}.detail-content{padding:1.25rem}}.docs-page{background:var(--bg-primary);min-height:100vh;padding-top:4.5rem}.docs-layout{grid-template-columns:200px 1fr;align-items:start;gap:4rem;max-width:1100px;margin:0 auto;padding:3rem 2rem 6rem;display:grid}.docs-toc{position:sticky;top:6rem}.docs-toc-inner{flex-direction:column;gap:1rem;display:flex}.docs-toc-list{counter-reset:toc;flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.docs-toc-list li{counter-increment:toc}.docs-toc-list a{font-family:var(--font-mono);color:var(--text-muted);border-left:2px solid #0000;padding:.3rem .5rem;font-size:.72rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.docs-toc-list a:hover{color:var(--accent);border-left-color:var(--accent)}.docs-hero{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.docs-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.docs-lead{font-family:var(--font-mono);color:var(--text-secondary);max-width:600px;font-size:.88rem;line-height:1.7}.docs-section{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:3rem}.docs-section:last-child{border-bottom:none}.docs-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 1.25rem;font-size:1.3rem;font-weight:700}.docs-subsection{margin-top:1.5rem}.docs-h3{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.8rem}.docs-main p{font-family:var(--font-mono);color:var(--text-secondary);margin:0 0 .85rem;font-size:.85rem;line-height:1.75}.docs-main p:last-child{margin-bottom:0}.docs-main strong{color:var(--text-primary);font-weight:600}.docs-main code{font-family:var(--font-mono);color:var(--accent);background:#10b98114;border-radius:3px;padding:.1em .35em;font-size:.82rem}.docs-link{color:var(--accent);text-decoration:none}.docs-link:hover{text-decoration:underline}.docs-ul,.docs-ol{font-family:var(--font-mono);color:var(--text-secondary);margin:.5rem 0 .85rem 1.25rem;padding:0;font-size:.85rem;line-height:1.75}.docs-ul{list-style:outside}.docs-ol{list-style:decimal}.docs-ul--nested{margin-top:.25rem;margin-bottom:.25rem;list-style:circle}.docs-ul li,.docs-ol li{margin-bottom:.35rem}.docs-note{font-family:var(--font-mono);color:var(--text-muted);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#10b9810d;margin-top:.85rem;padding:.65rem 1rem;font-size:.8rem}.docs-code{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;margin:.85rem 0;padding:.85rem 1rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.docs-status{font-family:var(--font-mono);border-radius:3px;padding:.1em .4em;font-size:.75rem}.docs-status--live{color:#10b981}.docs-status--connecting{color:#f59e0b}.docs-status--disconnected{color:var(--text-muted)}.docs-table-wrap{margin:.85rem 0;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.78rem}.docs-table th{text-align:left;color:var(--accent);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem 1rem;font-weight:500}.docs-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem 1rem}.docs-table tr:last-child td{border-bottom:none}.docs-faq{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:0;display:flex;overflow:hidden}.docs-faq-item{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.docs-faq-item:last-child{border-bottom:none}.docs-faq-q{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:.4rem;font-size:.83rem;font-weight:500}.docs-faq-a{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;line-height:1.6}@media (width<=768px){.docs-layout{grid-template-columns:1fr;gap:0;padding:2rem 1.25rem 4rem}.docs-toc{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem;position:static}.docs-toc-list{grid-template-columns:1fr 1fr;gap:0;display:grid}}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--border:#ffffff17;--border-hover:#2a2a3e;--text-primary:#f0f0f5;--text-secondary:#9090a8;--text-muted:#9090a8;--accent:#10b981;--accent-hover:#0d9e6e;--accent-glow:#10b98126;--accent-border:#10b9814d;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--bg-section:#0f0f18;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-mono);cursor:pointer}input,textarea{font-family:var(--font-mono)}