:root{--bg: #08090a;--bg-2: #1c1c1f;--bg-3: #232326;--bg-4: #28282c;--elev: #101113;--fg: #f7f8f8;--fg-2: #d0d6e0;--fg-3: #8a8f98;--fg-4: #62666d;--border: #23252a;--border-2: #34343a;--border-tl: rgba(255, 255, 255, .05);--brand: #5e6ad2;--accent: #7170ff;--link: #828fff;--brand-soft: rgba(94, 106, 210, .14);--brand-border: rgba(113, 112, 255, .35);--green: #4cb782;--amber: #f2c94c;--red: #eb5757;--sans: "Inter", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.5;font-feature-settings:"cv01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit;color:var(--fg)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r);border:1px solid transparent;font-weight:510;font-size:13px;transition:background .15s var(--ease-out),border-color .15s var(--ease-out),transform .12s var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#f7f8f8;color:#08090a}.btn-primary:hover:not(:disabled){background:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-2);color:var(--fg)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--fg-3)}.input{height:36px;padding:0 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}textarea.input{height:auto;padding:10px 12px;resize:vertical;line-height:1.55}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-full);border:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--fg-3)}.badge-e2e{background:#4cb7821f;border-color:#4cb78259;color:var(--green)}.badge-zero{background:var(--brand-soft);border-color:var(--brand-border);color:var(--link)}.err{color:var(--red);font-size:13px}.muted{color:var(--fg-3)}.btn.tab-active{color:var(--fg);background:var(--bg-2);border-color:var(--border-2)}.prose{font-family:var(--sans);font-size:14px;line-height:1.62;color:var(--fg-2);word-break:break-word}.prose-plain{white-space:pre-wrap}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}.prose p{margin:0 0 12px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--fg);font-weight:560;letter-spacing:-.02em;line-height:1.25;margin:22px 0 10px}.prose h1{font-size:22px}.prose h2{font-size:18px}.prose h3{font-size:16px}.prose h4,.prose h5,.prose h6{font-size:14px}.prose a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s var(--ease-out)}.prose a:hover{border-bottom-color:var(--link)}.prose strong{color:var(--fg);font-weight:600}.prose code{font-family:var(--mono);font-size:.86em;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 5px}.prose pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;overflow-x:auto;margin:0 0 14px}.prose pre code{background:none;border:none;padding:0;font-size:12.5px;color:var(--fg-2)}.prose ul,.prose ol{margin:0 0 12px;padding-left:22px}.prose li{margin:3px 0}.prose blockquote{margin:0 0 12px;padding:2px 0 2px 14px;border-left:2px solid var(--border-2);color:var(--fg-3)}.prose hr{border:none;border-top:1px solid var(--border);margin:20px 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.anim-fade{animation:fade-in .3s var(--ease-out) both}.anim-rise{animation:rise-in .44s var(--ease-out) both}.anim-pop{animation:pop-in .22s var(--ease-out) both}.anim-overlay{animation:fade-in .18s var(--ease-out) both}.btn:active{transform:scale(.97)}.icon-btn{width:30px;height:30px;padding:0;color:var(--fg-3)}.icon-btn:hover:not(:disabled){color:var(--fg)}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border-radius:var(--r);font-size:13px;color:var(--fg-3);background:transparent;text-align:left;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.nav-item:hover,.nav-item.active{color:var(--fg);background:var(--bg-2)}.msg-row{display:flex;gap:11px;width:100%;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);background:transparent;color:inherit;transition:background .12s var(--ease-out)}.msg-row:hover{background:var(--bg-2)}.msg-row.active{background:var(--bg-3)}.search{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;margin:8px 12px 4px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);color:var(--fg-3)}.search input{flex:1;background:none;border:none;outline:none;font-size:13px;color:var(--fg)}.search input::placeholder{color:var(--fg-4)}.group-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-4);padding:16px 9px 6px;user-select:none}.kbd{font-family:var(--mono);font-size:10.5px;line-height:1;color:var(--fg-3);background:var(--bg-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:3px 6px;user-select:none}.tile{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;background:var(--bg-2);border:none;border-radius:var(--r-lg);text-align:left;color:var(--fg-2);transition:background .15s var(--ease-out),transform .12s var(--ease-out)}button.tile:hover{background:var(--bg-3)}button.tile:active{transform:scale(.985)}.tile-title{font-size:13px;font-weight:560;letter-spacing:-.01em;color:var(--fg)}.tile-sub{font-size:12px;color:var(--fg-4);margin-top:2px}.palette-overlay{position:fixed;inset:0;background:#00000080;z-index:20;display:grid;justify-items:center;align-items:start;padding:16vh 24px 24px}.palette{width:100%;max-width:560px;background:var(--elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 30px 90px -24px #000000e6,inset 0 1px #ffffff0a;overflow:hidden}.palette-input{width:100%;height:48px;padding:0 16px;background:transparent;border:none;outline:none;font-size:14px;color:var(--fg);border-bottom:1px solid var(--border)}.palette-input::placeholder{color:var(--fg-4)}.palette-list{max-height:320px;overflow:auto;padding:6px}.palette-group{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-4);padding:10px 10px 4px;user-select:none}.palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--r);font-size:13px;color:var(--fg-2);background:transparent;text-align:left}.palette-item.sel{background:var(--bg-2);color:var(--fg)}.btn:focus-visible,.nav-item:focus-visible,.msg-row:focus-visible,.tile:focus-visible,.palette-item:focus-visible{outline:none;box-shadow:0 0 0 1px var(--brand-border),0 0 0 4px var(--brand-soft)}@keyframes shimmer{0%{opacity:.45}50%{opacity:.8}to{opacity:.45}}.skeleton{background:var(--bg-2);border-radius:var(--r-sm);animation:shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}