:root{--v3-ground: #0E0F12;--v3-edge: #2C313B;--v3-ink: #ECEEF2;--v3-ink-soft: #B9BFCC;--v3-ink-muted: #8B90A0;--v3-accent: #A93BF0;--v3-accent-hi: #C47BF5;--v3-accent-wash: rgba(169, 59, 240, .1);--v3-dot: #ECEEF2;--v3-ping: #A93BF0;--app-bg: #0E0F12;--app-surface: #16181D;--app-side: #121317;--app-border: #23262E;--app-text: #ECEEF2;--app-muted: #8B90A0;--app-faint: #4A4E5C;--app-accent: #6EA8FE;--app-on-accent: #0B1220;--app-selected: rgba(110, 168, 254, .1);--app-busy: #2A2F3A;--app-ok: #4ADE80;--app-warn: #FBBF24;--app-close: #E06C5F;--app-minimise: #E0B341;--app-zoom: #63C168;--app-key: #A5B4FC;--app-string: #86EFAC;--app-number: #F0ABFC;--app-literal: #FBBF24;--app-skeleton: #1A1D24;--app-skeleton-hi: #2A2E38;--v3-r-window: 10px;--v3-r-action: 6px;--v3-r-focus: 4px;--v3-r-control: .35em;--v3-r-select: .3em;--v3-r-bar: .2em;--sans: "Inter Variable", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--v3-type-lede: clamp(.9375rem, 2svh, 1.0625rem);--v3-type-status: clamp(1.75rem, min(5vw, 7svh), 3rem);--v3-type-action: 1rem;--v3-type-meta: .75rem;--gutter: clamp(1rem, 5vw, 5rem);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--v3-ground);-webkit-text-size-adjust:100%}body.v3{margin:0;height:100svh;display:flex;position:relative;isolation:isolate;background:var(--v3-ground);color:var(--v3-ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--v3-accent);color:var(--v3-ink)}:focus-visible{outline:2px solid var(--v3-accent-hi);outline-offset:3px;border-radius:var(--v3-r-focus)}a{color:inherit;text-decoration:none}p{margin:0}svg{flex:none}.field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;animation:fade-in 1.2s ease backwards}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3.6svh,2.25rem);padding:clamp(1rem,5svh,3.5rem) var(--gutter)}.scene{--ww: 64;--wh: 33;--col: min(100vw - 2 * var(--gutter), 1024px);width:100%;flex:0 1 calc(var(--col) * var(--wh) / var(--ww));min-height:0;container-type:size;display:flex;justify-content:center;align-items:center}.rig{--fw: min(100cqw, 100cqh * var(--ww) / var(--wh));position:relative;width:var(--fw);height:calc(var(--fw) * var(--wh) / var(--ww));font-size:calc(var(--fw) / var(--ww))}.status{flex:none;display:flex;align-items:baseline;justify-content:center;gap:.7em;margin:0;font-family:var(--mono);font-size:var(--v3-type-status);line-height:1;animation:fade-in .6s ease .25s backwards}.status b{font-weight:600;color:var(--v3-ink);font-variant-numeric:tabular-nums}.status span{font-size:.38em;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--v3-ink-muted)}.brand{flex:none;margin:0;line-height:0;animation:fade-in .6s ease .1s backwards}.lede{flex:none;text-align:center;font-size:var(--v3-type-lede);line-height:1.6;color:var(--v3-ink-soft);text-wrap:balance;animation:fade-in .6s ease .45s backwards}.get{flex:none;display:flex;flex-direction:column;align-items:center;gap:.8rem;animation:fade-in .6s ease .6s backwards}.meta{font-family:var(--mono);font-size:var(--v3-type-meta);letter-spacing:.04em;color:var(--v3-ink-muted)}.meta>*+*:before{content:"·";margin:0 .65em}.meta a{text-decoration:underline;text-decoration-color:var(--v3-edge);text-underline-offset:.25em;transition:color .2s,text-decoration-color .2s}.meta a:hover{color:var(--v3-ink);text-decoration-color:var(--v3-accent-hi)}.act{flex:none;display:inline-block;padding:.625rem 2.125rem;border:1px solid var(--v3-accent);border-radius:var(--v3-r-action);font-size:var(--v3-type-action);font-weight:500;color:var(--v3-ink);transition:border-color .2s,background .2s}.act:hover{border-color:var(--v3-accent-hi);background:var(--v3-accent-wash)}@keyframes fade-in{0%{opacity:0}}.win{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--app-bg);border:1px solid var(--v3-edge);border-radius:var(--v3-r-window);overflow:hidden;font-family:var(--mono);font-size:1em;line-height:1.5;color:var(--app-text);animation:fade-in .5s ease backwards}.win svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.win-title{flex:none;height:2.6em;display:flex;align-items:center;gap:.55em;padding:0 1em;background:var(--app-side);border-bottom:1px solid var(--app-border)}.win-title i{width:.8em;height:.8em;border-radius:50%;display:block}.win-title i:nth-child(1){background:var(--app-close)}.win-title i:nth-child(2){background:var(--app-minimise)}.win-title i:nth-child(3){background:var(--app-zoom)}.win-title .win-claw{width:1.1em;height:1em;margin-left:auto;stroke:none;fill:var(--app-muted)}.win-title b{font-family:var(--sans);font-weight:500;font-size:.875em;color:var(--app-muted)}.win-body{flex:1;min-height:0;display:grid;grid-template-columns:13em minmax(0,1fr);animation:fade-in .5s ease .15s backwards}.win-side{background:var(--app-side);border-right:1px solid var(--app-border);padding:1em 0;font-family:var(--sans);font-size:.875em;color:var(--app-muted)}.side-head{display:flex;justify-content:space-between;padding:0 1.1em .7em}.side-head span{font-size:1.3em;line-height:1}.tree,.tree ul{list-style:none;margin:0;padding:0}.fold-row{display:flex;align-items:center;gap:.5em;padding:.38em 1.1em}.fold-row .chev{width:.9em;height:.9em}.fold.is-open>.fold-row{color:var(--app-text)}.fold.is-open>.fold-row .chev{rotate:90deg}.fold-row .folder{width:1.15em;height:1.15em}.req-item{display:flex;align-items:center;gap:.7em;padding:.42em 1.1em .42em 2.6em;transition:background .3s,color .3s,box-shadow .3s}.req-item em{font-style:normal;font-family:var(--mono);font-size:.82em;font-weight:600;width:3.2em;flex:none}.req-item.is-on{background:var(--app-selected);color:var(--app-text);box-shadow:inset .17em 0 0 var(--app-accent)}.m-get{color:var(--app-ok)}.m-post{color:var(--app-warn)}.win-main{display:flex;flex-direction:column;min-width:0;min-height:0;font-size:.875em}.url-row{flex:none;display:flex;align-items:center;gap:.7em;padding:.9em 1em}.meth{display:inline-flex;align-items:center;gap:.5em;padding:.5em .8em;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--v3-r-control);font-weight:700;letter-spacing:.04em}.meth svg{width:.9em;height:.9em;color:var(--app-muted)}.url{flex:1;min-width:0;padding:.5em .9em;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--v3-r-control);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url var{font-style:normal;color:var(--app-accent)}.url:after{content:"";display:inline-block;width:.55em;height:1.15em;margin-left:.1em;vertical-align:text-bottom;background:var(--app-accent);animation:blink 1.1s steps(1) infinite}.url.is-typing:after{animation:none}@keyframes blink{50%{opacity:0}}.send{font-family:var(--sans);font-size:1.05em;font-weight:600;min-width:5.6em;text-align:center;padding:.6em 1.4em;border-radius:var(--v3-r-control);background:var(--app-accent);color:var(--app-on-accent);transition:transform .12s,filter .12s,background .2s,color .2s}.send.is-pressed{transform:scale(.94);filter:brightness(1.2)}.send.is-busy{background:var(--app-busy);color:var(--app-text)}.req-tabs,.pane-head{flex:none;display:flex;align-items:center;gap:1.6em;padding:0 1em;border-bottom:1px solid var(--app-border);font-family:var(--sans);color:var(--app-muted)}.req-tabs span{padding:.65em 0}.req-tabs .is-on,.pane-head>.is-on{color:var(--app-text);box-shadow:inset 0 -.17em 0 var(--app-accent)}.pane-head{height:2.7em;gap:1.1em;font-size:.92em}.pane-head>span:not(.res-status){align-self:stretch;display:flex;align-items:center}.split{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr}.req-pane{border-right:1px solid var(--app-border);min-width:0;overflow:hidden}.res-pane{min-width:0;overflow:hidden;display:flex;flex-direction:column}.res-body{flex:1;min-height:0;overflow:hidden}.select{display:inline-flex;align-items:center;gap:.5em;padding:.25em .6em;border:1px solid var(--app-border);border-radius:var(--v3-r-select);color:var(--app-text)}.select svg{width:.9em;height:.9em}.pane-label{color:var(--app-text)}.pane-empty{padding:1.2em 1em;color:var(--app-muted);font-family:var(--sans)}.kv{width:calc(100% - 2em);margin:.8em 1em;border-collapse:collapse}.kv th,.kv td{text-align:left;padding:.45em .7em;border:1px solid var(--app-border)}.kv th{font-family:var(--sans);font-weight:500;color:var(--app-muted);font-size:.9em}.kv td:first-child{color:var(--app-key)}.kv td:last-child{color:var(--app-string)}.kv td.is-typing{background:var(--app-selected);box-shadow:inset 0 -.12em 0 var(--app-accent)}.res-status{margin-left:auto;display:flex;gap:.8em;font-family:var(--mono);font-size:.88em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .3s}.res-status b{color:var(--app-ok);font-weight:600;transition:opacity .3s}.res-status.is-busy b,.res-status.is-idle{opacity:0}.code{list-style:none;margin:0;padding:.7em 0;counter-reset:ln;white-space:pre;line-height:1.6}.code li{counter-increment:ln;position:relative;padding-left:3.4em;min-height:1.6em}.code li:before{content:counter(ln);position:absolute;left:0;width:2.4em;text-align:right;color:var(--app-faint)}.k{color:var(--app-key)}.s{color:var(--app-string)}.n{color:var(--app-number)}.l{color:var(--app-literal)}.code li .bar{position:absolute;left:calc(3.4em + var(--x) * 1ch);top:.45em;width:calc(var(--w) * 1ch);height:.7em;border-radius:var(--v3-r-bar);background:linear-gradient(90deg,var(--app-skeleton) 0%,var(--app-skeleton-hi) 50%,var(--app-skeleton) 100%);background-size:200% 100%;animation:shimmer 1s linear infinite;transition:opacity .22s ease calc(var(--i) * 35ms)}.code li .ln{transition:opacity .28s ease calc(var(--i) * 35ms),filter .28s ease calc(var(--i) * 35ms)}.code li:has(.ln):before{transition:opacity .28s ease calc(var(--i) * 35ms)}.code.is-loading li .ln{opacity:0;filter:blur(3px)}.code.is-loading li:before{opacity:0}.code:not(.is-loading) li .bar{opacity:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.req-pane.is-swap>*{animation:fade-in .35s ease}@media(prefers-reduced-motion:no-preference){.js .win:not(.is-live) .res-body,.js .win:not(.is-live) .res-status{visibility:hidden}}@media(max-width:640px){.scene{--ww: 30;--wh: 32}.win-body{grid-template-columns:1fr}.win-side,.req-pane,.req-tabs{display:none}.split{grid-template-columns:1fr}}@media(max-height:30rem){.scene{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
