:root{--primary: #000000;--primary-active: #1a1a1a;--on-primary: #ffffff;--text-link: #0d74ce;--text-link-2: #476cff;--ink: #171717;--body: #60646c;--muted: #999999;--muted-soft: #cccccc;--canvas: #ffffff;--canvas-soft: #fafafa;--surface-card: #ffffff;--surface-strong: #f0f0f3;--surface-dark: #171717;--surface-dark-elevated: #1a1a1a;--on-dark: #f5f5f7;--on-dark-soft: #b0b4ba;--hairline: #f0f0f3;--hairline-soft: #f5f5f7;--hairline-strong: #dcdee0;--ok: #16a34a;--err: #eb8e90;--accent-preview: #8145b5;--nav-bg: rgba(255, 255, 255, .88);--hero-wash: radial-gradient(900px 420px at 50% -8%, rgba(207, 231, 255, .85), transparent 62%);--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--sans: "Inter", -apple-system, system-ui, sans-serif;--radius-btn: 8px;--radius-card: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .04);color-scheme:light}[data-theme=dark]{--primary: #ffffff;--primary-active: #e6e6e6;--on-primary: #0b0b0f;--text-link: #4d9fff;--text-link-2: #7ab4ff;--ink: #f2f2f4;--body: #a6a6b0;--muted: #6e6e78;--muted-soft: #55555e;--canvas: #0b0b0f;--canvas-soft: #101014;--surface-card: #15151a;--surface-strong: #1f1f26;--surface-dark: #000000;--surface-dark-elevated: #0c0c10;--on-dark: #f0f0f2;--on-dark-soft: #9a9aa4;--hairline: #202026;--hairline-soft: #17171c;--hairline-strong: #2c2c34;--ok: #34d058;--err: #f0877b;--accent-preview: #a06cd5;--nav-bg: rgba(11, 11, 15, .86);--hero-wash: radial-gradient(900px 420px at 50% -8%, rgba(38, 62, 96, .55), transparent 62%);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .4);color-scheme:dark}body,.card,.btn,.badge,input,select,.nav-header,pre,code{transition:background-color .25s ease,color .25s ease,border-color .25s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-2)}h1,h2,h3,h4{font-family:var(--sans);font-weight:600;line-height:1.15;color:var(--ink);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em}h2{font-size:clamp(1.4rem,3vw,2.25rem)}h3{font-size:1.125rem}code,pre{font-family:var(--mono)}code{background:var(--surface-strong);border:1px solid var(--hairline);border-radius:6px;padding:.1em .4em;font-size:.86em;color:var(--ink)}pre{background:var(--surface-dark);border:1px solid transparent;border-radius:var(--radius-card);padding:20px;overflow-x:auto;font-size:.82rem;line-height:1.6;color:var(--on-dark)}pre code{background:none;border:0;padding:0;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-btn);padding:10px 18px;font-weight:500;font-size:.875rem;border:1px solid var(--hairline-strong);background:var(--surface-card);color:var(--ink);cursor:pointer;transition:all .18s ease;font-family:var(--sans);height:40px;line-height:1}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn-primary{background:var(--primary);color:var(--on-primary);border:0}.btn-primary:hover{background:var(--primary-active);color:var(--on-primary)}.card{background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:4px 10px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-strong);color:var(--ink);border:1px solid transparent}.badge-green{background:#16a34a1a;color:var(--ok);border-color:#16a34a38}.badge-muted{background:var(--hairline-soft);color:var(--body)}.m-get{color:var(--ok)}.m-post{color:var(--text-link)}.m-put{color:var(--accent-preview)}.m-del{color:#d64545}::selection{background:#0d74ce2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted-soft)}.hero-band{background:var(--hero-wash),var(--canvas)}input,select{border-radius:var(--radius-btn);border:1px solid var(--hairline-strong);background:var(--surface-card);color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .25s ease}input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1717170f}[data-theme=dark] input:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #ffffff14}.nav-header{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline-strong)}.nav-row{display:flex;align-items:center;gap:12px;height:64px;min-width:0}.nav-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:16px;white-space:nowrap;flex-shrink:0}.nav-mark{width:32px;height:32px;border-radius:8px;display:inline-grid;place-items:center;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:17px;flex-shrink:0;transition:background-color .25s ease,color .25s ease}.nav-accent{color:var(--text-link)}.nav-desktop{display:flex;gap:2px;margin-left:auto;min-width:0}.nav-link{padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--body);white-space:nowrap;transition:color .15s ease,background-color .15s ease}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);background:var(--surface-strong)}.nav-cta{flex-shrink:0}.theme-toggle{width:40px;height:40px;border-radius:8px;cursor:pointer;flex-shrink:0;background:var(--surface-card);border:1px solid var(--hairline-strong);color:var(--ink);display:inline-grid;place-items:center;font-size:18px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.theme-toggle:hover{border-color:var(--ink)}.nav-burger{display:none;margin-left:auto;flex-shrink:0;width:40px;height:40px;border-radius:8px;cursor:pointer;background:var(--surface-card);border:1px solid var(--hairline-strong);flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.nav-burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-mobile{display:none}.nav-mobile-inner{border-top:1px solid var(--hairline);background:var(--canvas)}.nav-mobile .nav-link{display:block;width:100%;padding:13px 14px;border-radius:10px;white-space:normal}.tester-grid{display:grid;grid-template-columns:300px 1fr;gap:18px;margin-top:20px;align-items:start}.tester-list{max-height:68vh;overflow-y:auto;padding-right:6px;min-width:0}html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}pre,code,table,.card,.btn,.badge{max-width:100%}code{overflow-wrap:anywhere}pre{white-space:pre;overflow-x:auto;word-break:normal}table{border-collapse:collapse}input,select,button{max-width:100%}.container{width:100%}.tester-grid>*{min-width:0}main,#root{width:100%;max-width:100%}@media (max-width: 1000px){.tester-grid{grid-template-columns:1fr}.tester-list{max-height:40vh}}@media (max-width: 900px){.nav-cta{display:none}}@media (max-width: 760px){.nav-desktop{display:none}.nav-mobile{display:block}.nav-burger{display:inline-flex}.theme-toggle{order:2;margin-left:auto}.nav-burger{margin-left:8px}}@media (max-width: 420px){.nav-logo span:last-child{font-size:15px}.nav-logo{gap:7px}.nav-mark{width:30px;height:30px;font-size:15px}}.devsoc-link{white-space:nowrap;font-size:.8rem;padding:8px 12px;border-radius:8px}.devsoc-link:hover{border-color:var(--ink)}@media (max-width: 1180px){.devsoc-link{display:none!important}}.specular-button{--sb-radius: 18px;--sb-tint: #ffffff;--sb-tint-opacity: 0;--sb-blur: 0px;--sb-text-color: #f5f5f5;position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--sb-text-color);background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);border-radius:var(--sb-radius);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040;cursor:pointer;outline:none;transition:transform .15s ease}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 60%,transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{font-size:.85rem;padding:10px 22px}.specular-button--md{font-size:1rem;padding:14px 30px}.specular-button--lg{font-size:1.15rem;padding:18px 40px}.specular-button__fx{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;z-index:1}.specular-button__fx canvas{display:block;width:100%;height:100%}.specular-button__label{position:relative;z-index:2}