:root{color-scheme:dark;--bg:#0b0d12;--surface:#13161d;--raised:#1a1e27;--border:#262b36;--text:#e8ebf1;--muted:#8b93a3;--accent:#5865f2;--accent-hover:#4752c4;--success:#3ba55d;--danger:#f0686a;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}
h1{font-size:1.5rem;font-weight:650;letter-spacing:-.01em;margin:0 0 20px}h2{font-size:1rem;font-weight:600;margin:0 0 8px}
p{margin:0 0 14px;overflow-wrap:anywhere}a{color:#aab4ff}ul,ol{margin:0;padding:0;list-style:none}
code{font:13px/1.5 ui-monospace,"Cascadia Code",Consolas,monospace;background:var(--raised);border:1px solid var(--border);padding:1px 6px;border-radius:5px;overflow-wrap:anywhere}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:650;font-size:1.05rem}.mark{width:28px;height:28px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}
button:hover,.button:hover{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:wait}button svg,.button svg{width:20px;height:20px}
.small{padding:6px 12px;font-size:.85rem}.small svg{width:16px;height:16px}
.secondary{background:var(--raised);color:var(--text);border:1px solid var(--border)}.secondary:hover{background:var(--border)}
.ghost{background:transparent;color:var(--muted);padding:6px 10px}.ghost:hover{background:var(--raised);color:var(--text)}
.danger{background:transparent;color:var(--danger);border:1px solid var(--border);padding:6px 12px}.danger:hover{background:rgba(240,104,106,.1)}
#feedback{color:var(--danger);margin:12px 0 0;min-height:0}#feedback:empty{display:none}.error{color:var(--danger)}
.centered{display:grid;place-items:center;padding:24px;overflow-x:hidden}
.lanes{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,#0e1118,#090b10)}
.lanes::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 55% at 50% 50%,rgba(9,11,16,.92),transparent)}
.lane-field{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%) rotate(-45deg);display:flex;flex-direction:column;justify-content:center;gap:28px}
.lane{flex:none;height:60px;width:calc(100% + 372px);background:url(/assets/tickets.svg) repeat-x 0 0/372px 60px;animation:drift 12s linear infinite}
.lane:nth-child(2n){animation-direction:reverse}.lane:nth-child(3n){animation-duration:9s}.lane:nth-child(3n+1){animation-duration:15s}
.lane:nth-child(4n+1){background-position-x:-62px}.lane:nth-child(4n+2){background-position-x:-186px}.lane:nth-child(4n+3){background-position-x:-310px}
@keyframes drift{to{transform:translateX(-372px)}}
@media (prefers-reduced-motion:reduce){.lane-field .lane{animation-duration:60s}}
.ticket{width:100%;max-width:520px;filter:drop-shadow(0 24px 50px rgba(0,0,0,.55))}.ticket.compact{max-width:360px}
.ticket-head,.ticket-body{background:var(--surface)}
.ticket-head{position:relative;border-radius:14px 14px 0 0;padding:32px 32px 26px;text-align:center;-webkit-mask:var(--masks);mask:var(--masks);
  --masks:radial-gradient(circle 13px at 0 100%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 100%,#0000 97%,#000) right/51% 100% no-repeat}
.ticket-head::after{content:"";position:absolute;left:22px;right:22px;bottom:0;border-top:2px dashed var(--border)}
.ticket-head .brand{flex-direction:column;gap:14px;font-size:1.15rem}.ticket-head .mark{width:52px;height:52px}
.ticket-body{border-radius:0 0 14px 14px;padding:26px 32px 32px;-webkit-mask:var(--masks);mask:var(--masks);
  --masks:radial-gradient(circle 13px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat}
.ticket-body h1{font-size:1.25rem}.ticket-body>button,.ticket-body>.button{width:100%}
.ticket-body fieldset{border:1px solid var(--border);border-radius:10px;padding:8px 16px;margin:0 0 16px}.ticket-body legend{color:var(--muted);padding:0 6px;font-size:.9rem}
.ticket-body label{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.ticket-body input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.ticket-body ul{margin:0 0 14px}.ticket-body li{padding:4px 0}.actions{display:flex;gap:10px}.actions button{flex:1}
.app .lanes::after{background:rgba(9,11,16,.84)}
.topbar{position:sticky;top:16px;z-index:10;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:760px;margin:16px auto 0;padding:10px 12px 10px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(19,22,29,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.account{display:flex;align-items:center;gap:10px;color:var(--muted)}.account form{margin:0}.avatar{width:28px;height:28px;border-radius:50%}
.content{max-width:760px;margin:0 auto;padding:44px 16px 64px}
.steps{display:grid;gap:12px;margin-bottom:44px;counter-reset:step}
.step{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s,opacity .2s}
.step summary{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}.step summary::-webkit-details-marker{display:none}
.step summary::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--raised);border:1px solid var(--border);font-weight:600;color:var(--muted)}
.step summary h2{margin:0}.step summary>span{color:var(--muted);font-size:.9rem}
.step.current{border-color:rgba(88,101,242,.6);box-shadow:0 0 0 4px rgba(88,101,242,.12)}.step.current summary::before{background:var(--accent);border-color:var(--accent);color:#fff}
.step.done summary::before{content:"✓";background:var(--success);border-color:var(--success);color:#fff}
.step.upcoming{opacity:.5}
.step-body{padding:0 22px 22px 70px}.step-body p{color:var(--muted);margin:14px 0 0}
.live{display:inline-flex;align-items:center;gap:8px}.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}

.tabs{display:flex;gap:4px;padding:4px;margin-bottom:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;width:max-content;max-width:100%;overflow-x:auto}
.tabs button{gap:8px;background:transparent;color:var(--muted);padding:7px 14px;font-size:.88rem;border-radius:7px;white-space:nowrap}.tabs button svg{width:16px;height:16px;flex:none}
.tabs button:hover{background:var(--raised);color:var(--text)}.tabs button[aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.section-tabs{display:flex;width:100%;gap:4px;padding:0;margin:0 0 16px;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;overflow:visible}
.section-tabs button{padding:10px 14px;margin-bottom:-1px;border-radius:0;font-size:.95rem;border-bottom:2px solid transparent}
.section-tabs button:hover{background:none}.section-tabs button[aria-selected=true]{background:none;box-shadow:none;border-bottom-color:var(--accent)}
.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--raised);color:var(--muted);font-size:.75rem;font-weight:600}
.section-tabs button[aria-selected=true] .count{background:rgba(88,101,242,.2);color:#c3c9ff}
.section-tabs+[role=tabpanel] .table,[role=tabpanel] .table{margin-bottom:0}
.copy{display:flex;align-items:flex-start;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 8px 8px 14px}
.copy code,.copy pre{flex:1;min-width:0;margin:0;padding:4px 0;background:none;border:0;font:13px/1.55 ui-monospace,"Cascadia Code",Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.copy button{padding:6px 12px;font-size:.85rem}
.table{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:44px;overflow:hidden}
.row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:14px 20px;border-top:1px solid var(--border)}.row:first-child{border-top:0}
.row strong{overflow-wrap:anywhere}.row span{color:var(--muted);font-size:.9rem}.row form{margin:0}
.forum-table .row{grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) 100px 84px}
.health{display:flex;flex-direction:column;gap:4px;min-width:0}.health small{color:var(--muted);font-size:.78rem;line-height:1.35}
.forum-table .head{padding:10px 20px;background:var(--raised);color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.forum-table .head span{font-size:inherit}
.forum-label{display:flex;align-items:center;gap:12px;min-width:0}.forum-text{display:flex;flex-direction:column;min-width:0}.forum-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-text span{color:var(--muted);font-size:.85rem}
.guild-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--raised);color:var(--text);font-size:.78rem;font-weight:600;object-fit:cover}
.pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:600}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.row .pill.ok{color:#5fcf86;background:rgba(59,165,93,.14)}.row .pill.warn{color:#f5b942;background:rgba(250,166,26,.14)}.row .pill.bad{color:var(--danger);background:rgba(240,104,106,.14)}
.key-table .row{grid-template-columns:minmax(0,1.6fr) 150px 110px 84px}
.key-name{display:flex;flex-direction:column;gap:2px;min-width:0}.key-name code{width:max-content;max-width:100%;font-size:12px;color:var(--muted)}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.toolbar input[type=search]{flex:1;min-width:0;padding:8px 12px 8px 36px;background:var(--bg) url(/assets/search.svg) no-repeat 12px center/16px}
.toolbar .button,.toolbar button{flex:none;padding:8px 14px}
.method-tabs{margin-bottom:14px}
.key-form{display:flex;gap:10px;flex-wrap:wrap}.key-form input[type=text],.key-form input[type=url]{flex:1;min-width:160px}
.webhook-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.webhook-bar .actions{gap:8px}.webhook-bar form{margin:0}.webhook-bar .actions button{flex:none}
.webhook-status{margin:0;color:var(--muted);font-size:.9rem}.webhook-status.ok{color:#5fcf86}.webhook-status.failing{color:var(--danger)}
.webhook-table{margin-top:14px}.webhook-table .row{grid-template-columns:minmax(0,1fr) auto}
.event-groups{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;justify-content:flex-end}.event-groups label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);cursor:pointer}
.event-groups input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.key-form+.key-reveal{margin-top:14px}.key-form button{flex:none}
.key-reveal [role=tablist]{margin-top:4px}
.key-reveal{display:grid;gap:12px}
.key-reveal p{margin:0;color:var(--muted)}.key-reveal>button{width:max-content}
input[type=text],input[type=search],input[type=url],select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px}
input[type=text]:focus,input[type=search]:focus,input[type=url]:focus,select:focus{outline:2px solid rgba(88,101,242,.5);outline-offset:1px}
.empty{color:var(--muted);padding:20px;margin:0}
.doc section{margin-bottom:40px}.doc section>p{color:var(--muted)}.doc section>.table,.doc section>.copy{margin:0 0 14px}
.doc-table .row{grid-template-columns:minmax(140px,1fr) 2fr;gap:16px}.doc-table .row>span{display:block;color:var(--text);font-size:.92rem}
.doc-table .head{padding:10px 20px;background:var(--raised);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.doc-table .head>span{color:var(--muted);font-size:inherit}
.doc .copy pre{max-height:420px;overflow:auto;white-space:pre;overflow-wrap:normal}
@media (max-width:560px){.webhook-table .row{grid-template-columns:1fr}.event-groups{justify-content:flex-start}.key-table .row{grid-template-columns:minmax(0,1fr) auto}.key-table .row>:nth-child(n+2):not(form){display:none}.forum-table .row{grid-template-columns:minmax(0,1fr) auto auto}.forum-table .row>:nth-child(3){display:none}.step-body{padding-left:22px}.ticket-head,.ticket-body{padding-left:22px;padding-right:22px}.topbar{padding:12px 16px}.account>span{display:none}.row{grid-template-columns:1fr auto}.row>span{display:none}}