/* ===========================================
   KILLA DOCS — Стили
   =========================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --m:'JetBrains Mono','SF Mono',Menlo,monospace;
  --sw:264px;--tw:220px;--hh:56px;--cw:820px;
  --ease:cubic-bezier(.4,0,.2,1);--dur:.2s;--rad:10px;
}

/* ===== DARK ===== */
[data-theme="dark"]{
  --bg:#09090b;--bg2:#111114;--bg3:#18181c;--bg4:#222228;--bg5:#2c2c35;
  --bd:#23232e;--bd2:#1c1c26;
  --t1:#f0f0f4;--t2:#9898ab;--t3:#5c5c72;
  --ac:#8b5cf6;--ac2:#a78bfa;--ac3:#c4b5fd;
  --abg:rgba(139,92,246,.1);--abg2:rgba(139,92,246,.05);
  --grn:#34d399;--grn-bg:rgba(52,211,153,.08);
  --ylw:#fbbf24;--ylw-bg:rgba(251,191,36,.06);
  --red:#f87171;--red-bg:rgba(248,113,113,.06);
  --blu:#60a5fa;--blu-bg:rgba(96,165,250,.06);
  --cbg:#0c0c10;--chd:#141418;
  --ov:rgba(0,0,0,.65);
  --glow:0 0 60px -12px rgba(139,92,246,.12);
  --sh:0 1px 3px rgba(0,0,0,.4);
  --dots:rgba(255,255,255,.028);
  --hdr-bg:rgba(9,9,11,.82);
  --sk:#c792ea;--ss:#c3e88d;--sn:#f78c6c;--sb:#82aaff;
  --su:#89ddff;--scm:#546e7a;--sfn:#82aaff;
  --ln-c:#1e1e28;--ln-t:#3a3a4a;
  --card-bg:#111116;--card-bd:#1f1f2a;
  --toast-bg:#1a1a24;--toast-bd:#2a2a3a;
}

/* ===== LIGHT ===== */
[data-theme="light"]{
  --bg:#fafafa;--bg2:#f0f0f3;--bg3:#e8e8ed;--bg4:#dddde5;--bg5:#d0d0db;
  --bd:#dcdce5;--bd2:#e5e5ed;
  --t1:#111118;--t2:#55556a;--t3:#8888a0;
  --ac:#7c3aed;--ac2:#6d28d9;--ac3:#5b21b6;
  --abg:rgba(124,58,237,.07);--abg2:rgba(124,58,237,.03);
  --grn:#059669;--grn-bg:rgba(5,150,105,.06);
  --ylw:#d97706;--ylw-bg:rgba(217,119,6,.05);
  --red:#dc2626;--red-bg:rgba(220,38,38,.05);
  --blu:#2563eb;--blu-bg:rgba(37,99,235,.05);
  --cbg:#f4f4f7;--chd:#eaeaef;
  --ov:rgba(0,0,0,.2);
  --glow:0 0 40px -12px rgba(124,58,237,.06);
  --sh:0 1px 3px rgba(0,0,0,.06);
  --dots:rgba(0,0,0,.035);
  --hdr-bg:rgba(250,250,250,.82);
  --sk:#7c3aed;--ss:#059669;--sn:#ea580c;--sb:#2563eb;
  --su:#0891b2;--scm:#94a3b8;--sfn:#2563eb;
  --ln-c:#e8e8ee;--ln-t:#b0b0c0;
  --card-bg:#f7f7fa;--card-bd:#e2e2ea;
  --toast-bg:#fff;--toast-bd:#e0e0e8;
}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--t3)}
::selection{background:var(--ac);color:#fff}

html{scroll-behavior:smooth;font-size:15px}
body{
  font-family:var(--f);background:var(--bg);color:var(--t1);
  line-height:1.72;overflow-x:hidden;
  background-image:radial-gradient(var(--dots) 1px,transparent 1px);
  background-size:24px 24px;
}
a{color:var(--ac2);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--ac)}

/* === PROGRESS === */
#prog{position:fixed;top:0;left:0;height:2px;z-index:200;background:linear-gradient(90deg,var(--ac),var(--ac2),var(--ac3));width:0;transition:width .08s linear;box-shadow:0 0 12px var(--ac)}

/* === TOAST === */
.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{background:var(--toast-bg);border:1px solid var(--toast-bd);color:var(--t1);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.25);display:flex;align-items:center;gap:8px;animation:toastIn .3s var(--ease) both;pointer-events:auto}
.toast.out{animation:toastOut .25s var(--ease) both}
.toast svg{width:16px;height:16px;color:var(--grn);flex-shrink:0}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{to{opacity:0;transform:translateY(-8px) scale(.95)}}

/* === LOADING === */
.loading-state{padding:80px 0;text-align:center;color:var(--t3);font-size:14px}

/* === HEADER === */
.H{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hh);background:var(--hdr-bg);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 16px;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}
.HL{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--t1);width:var(--sw);flex-shrink:0;cursor:pointer;text-decoration:none}
.HL .logo-k{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--bg3);border:1px solid var(--bd);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.logo-img{width:100%;height:100%;object-fit:cover;display:block}

.HL .ver{font-size:9px;font-weight:600;background:var(--abg);color:var(--ac2);padding:2px 6px;border-radius:4px;margin-left:2px;letter-spacing:.03em}
.HS{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:8px 16px;color:var(--t3);font-size:13.5px;cursor:pointer;transition:all var(--dur) var(--ease);min-width:220px;max-width:360px}
.HS:hover{border-color:var(--ac);background:var(--bg4)}
.HS kbd{font-family:var(--f);font-size:10px;background:var(--bg4);border:1px solid var(--bd);border-radius:4px;padding:1px 5px;margin-left:0}
.HS .hk{margin-left:auto;display:flex;gap:6px}
.HR{margin-left:auto;display:flex;align-items:center;gap:2px}
.status-pill{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--grn);font-weight:600;background:var(--grn-bg);padding:3px 10px 3px 8px;border-radius:20px;letter-spacing:.02em;margin-right:6px}
.base-pill{cursor:pointer;border:none}
.base-pill{color:var(--ac2);background:var(--abg);border:1px solid rgba(167,139,250,.22)}
.base-pill:hover{background:var(--abg2)}
.base-pill .bp-ic{width:12px;height:12px;opacity:.9}
.base-pill .bp-l{opacity:.85}
.base-pill .bp-v{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t2);font-weight:600}
@media(max-width:768px){.base-pill .bp-v{display:none}}

.status-dot{width:6px;height:6px;border-radius:50%;background:var(--grn);animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
.ib{background:none;border:none;cursor:pointer;color:var(--t2);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:all var(--dur) var(--ease)}
.ib:hover{background:var(--bg3);color:var(--t1)}
.mb{display:none}

/* === SIDEBAR === */
.S{position:fixed;top:var(--hh);left:0;width:var(--sw);height:calc(100vh - var(--hh));background:var(--bg2);border-right:1px solid var(--bd);overflow-y:auto;overflow-x:hidden;padding:16px 0 32px;z-index:90;transition:transform .3s var(--ease)}
.sg{margin-bottom:4px}
.sgt{padding:10px 20px 4px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-top:12px;display:flex;align-items:center;gap:7px}
.sgt svg{width:13px;height:13px;opacity:.6}
.sg:first-child .sgt{margin-top:0}
.sl{display:flex;align-items:center;padding:7px 16px 7px 24px;font-size:13.5px;color:var(--t2);cursor:pointer;text-decoration:none;transition:all .15s var(--ease);border-left:2px solid transparent;margin:1px 10px 1px 0;border-radius:0 7px 7px 0}
.sl:hover{color:var(--t1);background:var(--bg3)}
.sl.a{color:var(--ac2);background:var(--abg);border-left-color:var(--ac);font-weight:600}
.sl .c{margin-left:auto;font-size:13px;font-weight:700;color:var(--t2);transition:transform .25s var(--ease);line-height:1}
.sl .c.o{transform:rotate(90deg)}
.su{overflow:hidden;max-height:0;transition:max-height .35s var(--ease)}
.su.o{max-height:600px}
.su .sl{padding-left:38px;font-size:12.5px}

/* === MAIN === */
.M{margin-left:var(--sw);margin-top:var(--hh);min-height:calc(100vh - var(--hh));display:flex;justify-content:center;overflow-x:hidden;padding-right:var(--tw)}
.W{display:flex;width:100%;max-width:calc(var(--cw) + var(--tw) + 80px);padding:0 32px;min-width:0}
.B{flex:1;max-width:var(--cw);padding:0 8px 80px;min-width:0}

/* === BREADCRUMBS === */
.bc{display:flex;align-items:center;gap:6px;padding:20px 0 8px;font-size:12px;color:var(--t3);flex-wrap:wrap}
.bc a{color:var(--t3);cursor:pointer;transition:color var(--dur) var(--ease)}
.bc a:hover{color:var(--ac2)}
.bc svg{width:10px;height:10px;opacity:.5}

/* === READING TIME === */
.reading-time{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--t3);font-weight:500;background:var(--bg3);padding:3px 10px;border-radius:6px;margin-bottom:20px}
.reading-time svg{width:12px;height:12px;opacity:.6}

/* === TOC === */
/* Статично справа при скролле */
.T{width:var(--tw);padding:28px 16px 32px 20px;position:fixed;top:var(--hh);right:0;height:calc(100vh - var(--hh));overflow-y:auto;overflow-x:hidden;flex-shrink:0;z-index:80}
.Tt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);margin-bottom:12px;padding-left:12px}
.T a{display:block;padding:6px 12px;font-size:12.5px;color:var(--t3);border-left:2px solid var(--bd2);transition:all .15s var(--ease);text-decoration:none;line-height:1.55;cursor:pointer;overflow-wrap:anywhere;word-break:normal}
.T a:hover{color:var(--t2);border-left-color:var(--bg5)}
.T a.a{color:var(--ac2);border-left-color:var(--ac);background:var(--abg2);border-radius:0 4px 4px 0}

/* === HERO === */
.hero{background:var(--card-bg);border:1px solid var(--card-bd);border-radius:16px;padding:32px 32px 28px;margin-bottom:32px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 15% 20%,rgba(139,92,246,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 80%,rgba(52,211,153,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(96,165,250,.05) 0%,transparent 50%);pointer-events:none}
.hero::after{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.2),transparent 40%,transparent 60%,rgba(52,211,153,.15));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:20px;position:relative}
.hero-chip{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;font-size:12.5px;transition:all .25s var(--ease);cursor:pointer}
.hero-chip:hover{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 4px 16px rgba(139,92,246,.1)}
.hero-chip svg{flex-shrink:0;color:var(--ac2)}
.hero-chip span{color:var(--t2);font-weight:500}

/* === TYPOGRAPHY === */
.B h1{font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1.2;margin-bottom:6px;padding-top:4px;background:linear-gradient(135deg,var(--t1) 30%,var(--ac2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.B .h1-sub{font-size:14.5px;color:var(--t3);margin-bottom:28px;line-height:1.5}
.B h2{font-size:1.3rem;font-weight:700;margin-top:48px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--bd2);letter-spacing:-.01em;scroll-margin-top:calc(var(--hh) + 24px)}
.B h2 a.anchor{color:var(--t3);opacity:0;font-size:.75em;margin-left:6px;transition:opacity var(--dur) var(--ease);text-decoration:none;-webkit-text-fill-color:var(--t3)}
.B h2:hover a.anchor{opacity:1}
.B h3{font-size:1.05rem;font-weight:600;margin-top:28px;margin-bottom:10px;scroll-margin-top:calc(var(--hh) + 24px)}
.B p{margin-bottom:14px}
.B ul,.B ol{margin-bottom:14px;padding-left:20px}
.co p{margin:0 0 10px}
.co p:last-child{margin-bottom:0}
.co ul,.co ol{margin:8px 0 10px;padding-left:18px}
.co ul:last-child,.co ol:last-child{margin-bottom:0}
.co .cb{margin-bottom:12px}
.co .cb:last-child{margin-bottom:0}
.B li{margin-bottom:5px}
.B li::marker{color:var(--t3)}
.B strong{font-weight:600}
.B hr{border:none;border-top:1px solid var(--bd);margin:32px 0}

/* === METHOD BADGES === */
.bd{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:700;font-family:var(--m);letter-spacing:.04em}
.bg{background:var(--grn-bg);color:var(--grn)}
.bp{background:var(--blu-bg);color:var(--blu)}
.br{background:var(--red-bg);color:var(--red)}
.rq{color:var(--red);font-weight:700;font-size:.82em}

/* === ENDPOINT CARDS === */
.ep-card{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--card-bd);border-radius:var(--rad);padding:12px 16px;margin-bottom:16px;transition:all .2s var(--ease);position:relative;cursor:pointer}
.ep-card:hover{border-color:var(--ac);box-shadow:var(--glow)}
.ep-card code{font-family:var(--m);font-size:13.5px;font-weight:500;color:var(--t1);flex:1}
.ep-card .ep-copy{opacity:0;transition:opacity .15s var(--ease);color:var(--t3);font-size:11px;display:flex;align-items:center;gap:4px;font-family:var(--f)}
.ep-card:hover .ep-copy{opacity:1}
.ep-card .ep-copy svg{width:13px;height:13px}

/* === CODE BLOCKS === */
.cb{position:relative;background:var(--cbg);border:1px solid var(--bd);border-radius:var(--rad);margin-bottom:20px;overflow:hidden;box-shadow:var(--glow);transition:box-shadow .3s var(--ease)}
.cb:hover{box-shadow:var(--glow),0 4px 24px rgba(0,0,0,.08)}
.cbh{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--bd);background:var(--chd)}
.cbl{font-size:10px;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--m);display:flex;align-items:center;gap:6px}
.cbl::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%}
.cbl[data-l="bash"]::before,.cbl[data-l="text"]::before{background:var(--grn)}
.cbl[data-l="json"]::before{background:var(--ylw)}
.cbl[data-l="python"]::before{background:#3b82f6}
.cbl[data-l="javascript"]::before,.cbl[data-l="js"]::before{background:var(--ylw)}
.cbl[data-l="php"]::before{background:#818cf8}
.cbl[data-l="http"]::before{background:var(--blu)}
.cbc{background:none;border:none;cursor:pointer;color:var(--t3);font-size:11px;font-family:var(--f);display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:5px;transition:all .15s var(--ease)}
.cbc:hover{color:var(--t1);background:var(--bg5)}
.cbc svg{width:13px;height:13px}
.code-wrap{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.line-nums{padding:16px 0;text-align:right;user-select:none;border-right:1px solid var(--ln-c);flex-shrink:0;font-family:var(--m);font-size:12.5px;line-height:1.7;color:var(--ln-t)}
.line-nums span{display:block;padding:0 12px 0 16px}
pre{padding:16px;overflow-x:auto;font-family:var(--m);font-size:12.5px;line-height:1.7;color:var(--t2);margin:0;flex:1;min-width:0}
code.i,p code,li code,td code{background:var(--bg4);padding:2px 7px;border-radius:5px;font-family:var(--m);font-size:.85em;color:var(--ac2);border:1px solid var(--bd)}
.sk{color:var(--sk)}.ss{color:var(--ss)}.sn2{color:var(--sn)}
.sb2{color:var(--sb)}.su2{color:var(--su)}.sc2{color:var(--scm);font-style:italic}
.sf2c{color:var(--sfn)}

/* === CODE TABS === */
.code-tabs{display:flex;gap:0;flex:1;overflow-x:auto}
.code-tab{padding:6px 14px;font-size:10.5px;font-weight:600;font-family:var(--m);color:var(--t3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s var(--ease);text-transform:uppercase;letter-spacing:.04em}
.code-tab:hover{color:var(--t2);background:var(--bg4)}
.code-tab.act{color:var(--ac2);border-bottom-color:var(--ac)}
.code-pane{display:none}
.code-pane.act{display:block}

/* === TABLES === */
.tw{overflow-x:auto;margin-bottom:20px;border-radius:var(--rad);border:1px solid var(--bd);-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13.5px}
thead{background:var(--bg3)}
th{padding:10px 16px;text-align:left;font-weight:600;font-size:11.5px;color:var(--t2);border-bottom:2px solid var(--bd);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
td{padding:10px 16px;border-bottom:1px solid var(--bd2)}
tbody tr:last-child td{border-bottom:none}
tbody tr{transition:background .1s var(--ease)}
tbody tr:hover{background:var(--abg2)}

/* === CALLOUTS === */
.co{padding:14px 18px 14px 50px;border-radius:var(--rad);margin-bottom:20px;border:1px solid;font-size:13.5px;line-height:1.65;position:relative}
.co-icon{position:absolute;left:16px;top:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}
.ci{background:var(--abg);border-color:rgba(139,92,246,.15)}
.ci .co-icon{background:var(--ac);color:#fff}
.cw{background:var(--ylw-bg);border-color:rgba(251,191,36,.15)}
.cw .co-icon{background:var(--ylw);color:#000}
.ct2{background:var(--grn-bg);border-color:rgba(52,211,153,.15)}
.ct2 .co-icon{background:var(--grn);color:#fff}
.cd{background:var(--red-bg);border-color:rgba(248,113,113,.15)}
.cd .co-icon{background:var(--red);color:#fff}

/* === DETAILS === */
details{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rad);margin-bottom:20px;overflow:hidden}
details summary{padding:12px 16px;font-weight:600;font-size:14px;cursor:pointer;color:var(--t1);display:flex;align-items:center;gap:8px;transition:background .15s var(--ease);list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:'▸';color:var(--t3);transition:transform .25s var(--ease);font-size:12px;flex-shrink:0}
details[open] summary::before{transform:rotate(90deg)}
details summary:hover{background:var(--bg4)}
details>:not(summary){padding:4px 16px 16px}
details>:not(summary) ul,details>:not(summary) ol{padding-left:26px;margin-bottom:12px}
details>:not(summary) ul:last-child,details>:not(summary) ol:last-child{margin-bottom:0}

/* === BLOCKQUOTE === */
blockquote{border-left:3px solid var(--ac);padding:14px 20px;margin-bottom:20px;background:var(--abg);border-radius:0 var(--rad) var(--rad) 0;font-size:14px}

/* === METHOD OVERVIEW CARDS === */
.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 28px}
.method-card{background:var(--card-bg);border:1px solid var(--card-bd);border-radius:12px;padding:20px;cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden}
.method-card:hover{border-color:var(--ac);transform:translateY(-3px);box-shadow:0 8px 24px rgba(139,92,246,.1)}
.method-card::after{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.06),transparent);pointer-events:none}
.method-card .mc-icon{font-size:24px;margin-bottom:10px;display:block}
.method-card .mc-title{font-weight:700;font-size:14.5px;color:var(--t1);margin-bottom:4px}
.method-card .mc-desc{font-size:12px;color:var(--t3);line-height:1.5}
.method-card .mc-count{font-size:10px;color:var(--ac2);font-weight:600;margin-top:10px;letter-spacing:.02em}

/* === PREV/NEXT === */
.pn{display:flex;gap:14px;margin-top:56px;padding-top:28px;border-top:1px solid var(--bd)}
.pn a{flex:1;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--bd);border-radius:var(--rad);text-decoration:none;transition:all .2s var(--ease);background:var(--bg2);cursor:pointer}
.pn a:hover{border-color:var(--ac);background:var(--abg);box-shadow:var(--glow);transform:translateY(-1px)}
.pl{font-size:11px;color:var(--t3);font-weight:600;letter-spacing:.03em}
.pt{font-size:14px;color:var(--t1);font-weight:600}
.pn .nx{text-align:right;margin-left:auto}

/* === SEARCH === */
.so{position:fixed;inset:0;z-index:200;background:var(--ov);display:none;align-items:flex-start;justify-content:center;padding-top:min(12vh,100px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.so.sh{display:flex;animation:fo .12s var(--ease)}
.sm{background:var(--bg2);border:1px solid var(--bd);border-radius:16px;width:94%;max-width:580px;box-shadow:0 24px 80px rgba(0,0,0,.5);overflow:hidden;animation:su-anim .2s var(--ease)}
.siw{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--bd)}
.siw svg{color:var(--t3);flex-shrink:0}
.si{flex:1;border:none;outline:none;background:transparent;color:var(--t1);font-size:15px;font-family:var(--f)}
.si::placeholder{color:var(--t3)}
.sr{max-height:55vh;overflow-y:auto;padding:6px}
.sri{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .1s var(--ease);text-decoration:none}
.sri:hover,.sri.ac{background:var(--bg3)}
.sri-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--t3)}
.sri.ac .sri-icon{color:var(--ac2)}
.srt{font-size:13.5px;font-weight:600;color:var(--t1)}
.srs2{font-size:11px;color:var(--t3);margin-top:1px}
.srx{font-size:11.5px;color:var(--t2);margin-top:2px}
.sre{padding:32px;text-align:center;color:var(--t3);font-size:13.5px}
.sf-bar{padding:8px 14px;border-top:1px solid var(--bd);display:flex;gap:14px;font-size:10.5px;color:var(--t3)}
.sf-bar kbd{background:var(--bg4);border:1px solid var(--bd);border-radius:3px;padding:1px 5px;font-size:10px;font-family:var(--f)}

/* === SCROLL TOP === */
#stt{position:fixed;bottom:28px;right:28px;z-index:50;width:40px;height:40px;border-radius:var(--rad);background:var(--bg3);border:1px solid var(--bd);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:all .25s var(--ease);pointer-events:none;box-shadow:var(--sh)}
#stt.v{opacity:1;transform:translateY(0);pointer-events:auto}
#stt:hover{background:var(--ac);color:#fff;border-color:var(--ac)}

/* === FOOTER === */
.ft{margin-top:64px;padding:24px 0;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--t3);flex-wrap:wrap;gap:12px}
.ft a{color:var(--t3)}.ft a:hover{color:var(--ac2)}

/* === MISC === */
.mo{display:none;position:fixed;inset:0;z-index:94;background:var(--ov)}.mo.sh{display:block}
mark{background:var(--abg);color:var(--ac2);padding:0 3px;border-radius:3px}
.B[data-entering]{animation:pageIn .3s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes fo{from{opacity:0}to{opacity:1}}
@keyframes su-anim{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* === RESPONSIVE === */
@media(max-width:1120px){.T{display:none}.W{max-width:var(--cw)}.M{padding-right:0}}
@media(max-width:768px){
  .S{transform:translateX(-100%);width:285px;z-index:95;box-shadow:4px 0 24px rgba(0,0,0,.35)}
  .S.op{transform:translateX(0)}
  .M{margin-left:0}
  .B{padding:0 0 60px}
  .W{padding:0 16px}
  .mb{display:flex}
  .HL{width:auto;flex-shrink:1}
  .HL span:not(.logo-k),.HL .ver{display:none}
  .HS{min-width:0;flex:1;max-width:none}
  .HS span,.HS kbd{display:none}
  .pn{flex-direction:column}
  .tw{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}
  pre{font-size:11.5px;padding:14px}
  .line-nums{display:none}
  #stt{bottom:20px;right:20px}
  .bc{padding-top:16px}
  .B h1{font-size:1.6rem}
  .hero{padding:20px}
  .hero-grid,.method-cards{grid-template-columns:1fr}
  .status-pill span{display:none}
}
@media print{
  .H,.S,.T,#stt,.pn,.toast-wrap,.so,.mo{display:none!important}
  .M{margin-left:0!important}
  .B{max-width:100%;padding:0}
  body{background:#fff;color:#000}
  .cb{break-inside:avoid}
}