:root{--bg:#07100f;--panel:#0d1917;--panel2:#11211e;--line:#213b36;--text:#edf7f3;--muted:#91aaa3;--cyan:#5ee8da;--pink:#ff70ad;--gold:#f1cf69;--shadow:0 18px 60px #0008;--sidebar:270px;--top:70px}html[data-theme="light"]{--bg:#edf5f1;--panel:#fff;--panel2:#f4faf7;--line:#cfe0d9;--text:#12231f;--muted:#587069;--shadow:0 18px 50px #25483a1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}.reading-progress{position:fixed;z-index:1000;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold))}.topbar{height:var(--top);position:fixed;z-index:900;inset:0 0 auto 0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);color:var(--cyan);border-radius:10px;box-shadow:inset 0 0 18px #5ee8da20}.top-actions{display:flex;align-items:center;gap:10px}.search{width:min(390px,40vw);height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search kbd{white-space:nowrap}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);width:40px;height:40px;border-radius:10px;cursor:pointer}.sidebar{position:fixed;z-index:800;top:var(--top);right:0;bottom:0;width:var(--sidebar);border-left:1px solid var(--line);background:var(--panel);padding:24px 18px;overflow:auto}.version{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;background:var(--panel2)}.version small{display:block;color:var(--muted)}.status-dot{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}nav{display:grid;gap:3px}nav a{padding:8px 13px;color:var(--muted);text-decoration:none;border-radius:8px;border-right:2px solid transparent;font-size:14px}nav a:hover,nav a.active{color:var(--text);background:var(--panel2);border-right-color:var(--cyan)}.sidebar-note{margin-top:22px;padding:14px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}main{margin-right:var(--sidebar);padding:var(--top) clamp(26px,6vw,90px) 80px;max-width:1500px}section{padding:72px 0;border-bottom:1px solid var(--line)}.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 35%,#ff70ad10,transparent 25%),radial-gradient(circle at 80% 30%,#5ee8da15,transparent 30%)}.eyebrow,.section-label{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(44px,7vw,92px);line-height:1.08;margin:18px 0;letter-spacing:-2px}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),var(--gold));background-clip:text}.lead{font-size:clamp(17px,2vw,23px);max-width:850px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:25px 0 48px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:9px;text-decoration:none;font-weight:700}.primary{background:var(--cyan);color:#05201c}.secondary{border:1px solid var(--line);color:var(--text);background:var(--panel)}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:850px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.stats div{padding:18px;border-left:1px solid var(--line)}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font-size:24px;color:var(--gold)}.stats span{font-size:12px;color:var(--muted)}h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:8px 0 20px}h3{margin:0 0 8px}p{color:var(--muted);max-width:1000px}.grid{display:grid;gap:16px;margin:25px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.card,.metric{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.card{border-top:2px solid var(--line)}.accent-cyan{border-top-color:var(--cyan)}.accent-pink{border-top-color:var(--pink)}.accent-gold{border-top-color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.steps article{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:14px}.steps article>span,.num{color:var(--cyan);font-weight:900;font-size:25px}.callout{display:flex;gap:16px;padding:18px;border-radius:12px;margin:25px 0;border:1px solid var(--line);background:var(--panel)}.callout b{min-width:130px}.callout.success{border-right:3px solid var(--cyan)}.callout.warning{border-right:3px solid var(--gold)}.callout.info{border-right:3px solid var(--pink)}code,kbd{direction:ltr;display:inline-block;font-family:Consolas,monospace}code{color:var(--cyan)}kbd{background:var(--panel2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 6px;font-size:.85em}.flow{display:flex;direction:ltr;align-items:center;justify-content:center;gap:14px;margin:32px 0;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.flow div{flex:1;text-align:center}.flow small,.flow b{display:block}.flow small{color:var(--cyan)}.flow i{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;margin:25px 0}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:right;padding:14px 16px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--cyan);letter-spacing:.6px}td{color:var(--muted)}tr:last-child td{border:0}.timeline{list-style:none;padding:0;counter-reset:item}.timeline li{position:relative;padding:0 52px 25px 0;border-right:1px solid var(--line);margin-right:18px}.timeline li:before{counter-increment:item;content:counter(item);position:absolute;right:-18px;top:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--cyan);color:var(--cyan);font-weight:800}.timeline b,.timeline span{display:block}.timeline span{color:var(--muted)}.feature-list{display:grid;gap:10px}.feature-list article{display:flex;gap:22px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line)}details{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px 18px;margin:10px 0}summary{cursor:pointer;font-weight:700;color:var(--text)}.checklist{display:grid;gap:9px;margin:24px 0}.checklist label{padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}.checklist input{accent-color:var(--cyan);margin-left:10px}.code-block{direction:ltr;background:#050a09;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:24px 0}.code-block>div{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #1d302b;color:#8ba39d;font-size:12px}.copy-button{border:0;background:transparent;color:var(--cyan);cursor:pointer}.code-block pre{margin:0;padding:20px;overflow:auto;color:#cfe1db}.card ul,.clean-list{color:var(--muted)}.api-filter{display:flex;gap:7px;margin:20px 0;flex-wrap:wrap}.api-filter button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:7px 15px;border-radius:20px;cursor:pointer}.api-filter button.active{color:#06201b;background:var(--cyan);border-color:var(--cyan)}.api-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.api-list article{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.api-list article.hidden{display:none}.api-list p{margin:6px 0 0;font-size:14px}.metric{text-align:center}.metric b,.metric span{display:block}.metric b{font-size:38px;color:var(--gold)}.metric span{color:var(--muted)}.clean-list li{margin:8px 0}.log-grid{display:grid;grid-template-columns:auto 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:24px 0}.log-grid>*{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.log-grid span{color:var(--muted)}.final-card{display:flex;justify-content:space-between;align-items:center;padding:34px;background:linear-gradient(120deg,var(--panel),#15362f);border:1px solid var(--line);border-radius:18px;margin-top:35px}.final-card span{color:var(--cyan);letter-spacing:3px}.final-card h2{margin:5px 0}.to-top{position:fixed;bottom:24px;left:24px;display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--cyan);cursor:pointer;box-shadow:var(--shadow)}.to-top.visible{display:block}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;padding:8px 18px;border-radius:8px;background:var(--cyan);color:#05201c;font-weight:700;transition:.2s;z-index:1000}.toast.show{opacity:1;transform:translate(-50%,0)}.search-hidden{display:none!important}.mobile-only{display:none}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.flow{flex-wrap:wrap}.flow div{min-width:40%}}
@media(max-width:760px){:root{--top:62px}.mobile-only{display:block}.topbar{padding:0 12px}.brand small,.search kbd{display:none}.search{width:45vw}.sidebar{transform:translateX(105%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}main{margin-right:0;padding-right:18px;padding-left:18px}.hero h1{font-size:43px}.grid.two,.steps,.api-list{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.callout,.final-card{align-items:flex-start;flex-direction:column}.flow i{display:none}.flow div{min-width:100%}.log-grid{grid-template-columns:1fr}.log-grid code{border-bottom:0}.top-actions{gap:5px}}
@media print{.topbar,.sidebar,.to-top,.reading-progress,.hero-actions,.api-filter{display:none!important}main{margin:0;padding:20px}section{break-inside:avoid}.hero{min-height:auto}.card,details,.table-wrap{box-shadow:none}}
[dir="ltr"] .sidebar{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}
[dir="ltr"] main{margin-right:0;margin-left:var(--sidebar)}
[dir="ltr"] nav a{border-right:0;border-left:2px solid transparent}
[dir="ltr"] nav a:hover,[dir="ltr"] nav a.active{border-left-color:var(--cyan)}
[dir="ltr"] th,[dir="ltr"] td{text-align:left}
[dir="ltr"] .callout.success,[dir="ltr"] .callout.warning,[dir="ltr"] .callout.info{border-right:1px solid var(--line);border-left-width:3px}
@media(max-width:760px){[dir="ltr"] .sidebar{transform:translateX(-105%)}[dir="ltr"] .sidebar.open{transform:none}[dir="ltr"] main{margin-left:0}}