*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--bg:#0d0d18;--sf:#12121e;--bd:#1e1e32;--tx:#e2e8f0;--mt:#64748b;--ac:#f97316;--up:#22c55e;--dn:#ef4444;--wn:#f59e0b;--code-bg:#0a0a14;--code-tx:#a5b4fc;--ban-up-bg:#052e16;--ban-up-bd:#14532d;--ban-up-tx:#4ade80;--ban-dn-bg:#2d0a0a;--ban-dn-bd:#450a0a;--ban-dn-tx:#f87171}
    body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;font-size:14px;line-height:1.5;display:flex;flex-direction:column}
    a{color:var(--ac);text-decoration:none}a:hover{opacity:.8}

    header{border-bottom:1px solid var(--bd);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;background:var(--sf);position:sticky;top:0;z-index:100}
    .logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1}
    .logo-icon{font-size:24px;animation:fox-float 3s ease-in-out infinite}
    @keyframes fox-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
    .logo-txt{display:flex;flex-direction:column}
    .logo-name{font-weight:700;font-size:16px;color:var(--tx);line-height:1.2}
    .logo-tag{font-size:11px;color:var(--mt);font-weight:400}
    nav{display:flex;align-items:center;gap:4px}
    .nav-lnk{color:var(--mt);font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s;border:1px solid transparent}
    .nav-lnk:hover,.nav-lnk.active{color:var(--tx);background:var(--bd);border-color:var(--bd);opacity:1}
    .hdr-r{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}
    .tbtn{background:none;border:1px solid var(--bd);color:var(--mt);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:14px;transition:border-color .2s}
    .tbtn:hover{border-color:var(--ac);color:var(--tx)}

    main{max-width:800px;margin:0 auto;padding:40px 20px 60px;flex:1;width:100%}
    .page-hdr{margin-bottom:28px}
    .page-hdr h2{font-size:22px;font-weight:700;color:var(--tx);margin-bottom:4px}
    .page-hdr p{color:var(--mt);font-size:13px}

    .banner{border-radius:10px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
    .b-up{background:var(--ban-up-bg);border:1px solid var(--ban-up-bd);color:var(--ban-up-tx)}
    .b-dn{background:var(--ban-dn-bg);border:1px solid var(--ban-dn-bd);color:var(--ban-dn-tx)}
    .sdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
    .sd-up{background:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulse-up 2s infinite}
    .sd-dn{background:#ef4444;box-shadow:0 0 6px #ef4444;animation:pulse-dn 2s infinite}
    @keyframes pulse-up{0%,100%{box-shadow:0 0 6px #22c55e}50%{box-shadow:0 0 12px #22c55e}}
    @keyframes pulse-dn{0%,100%{box-shadow:0 0 6px #ef4444}50%{box-shadow:0 0 12px #ef4444}}

    .sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .sec-lbl{font-size:12px;font-weight:600;color:var(--mt);text-transform:uppercase;letter-spacing:.06em}
    .sec-cnt{font-size:12px;color:var(--mt)}
    .svc{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:16px 20px;margin-bottom:8px;cursor:pointer;transition:border-color .2s}
    .svc:hover,.svc.open{border-color:var(--ac)}
    .svc-hdr{display:flex;align-items:center;gap:12px}
    .svc-fav{width:20px;height:20px;border-radius:4px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}
    .svc-fav img{width:20px;height:20px}
    .svc-name{flex:1;font-weight:600;color:var(--tx);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .svc-upt{font-size:12px;color:var(--mt);margin-right:12px;flex-shrink:0}
    .svc-st{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;min-width:80px;justify-content:flex-end;flex-shrink:0}
    .ind{width:8px;height:8px;border-radius:50%;flex-shrink:0}
    .i-up{background:var(--up);box-shadow:0 0 5px var(--up)}.i-dn{background:var(--dn);box-shadow:0 0 5px var(--dn)}.i-pn{background:var(--wn)}
    .c-up{color:var(--up)}.c-dn{color:var(--dn)}.c-pn{color:var(--wn)}
    .svc-det{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--bd)}
    .svc.open .svc-det{display:block}
    .ubars{display:flex;gap:3px;align-items:flex-end;height:32px;margin-bottom:6px}
    .ub{flex:1;border-radius:2px;min-height:8px;cursor:default;transition:opacity .15s}
    .ub:hover{opacity:.7}
    .ub-up{background:var(--up);height:32px}.ub-dn{background:var(--dn);height:14px}.ub-pt{background:var(--wn);height:22px}.ub-em{background:var(--bd);height:10px}
    .bar-lbl{display:flex;justify-content:space-between;color:var(--mt);font-size:11px;margin-bottom:12px}
    .det-stats{display:flex;gap:20px;flex-wrap:wrap}
    .ds{color:var(--mt);font-size:13px}.ds b{color:var(--tx)}
    .sk{background:linear-gradient(90deg,var(--sf) 25%,var(--bd) 50%,var(--sf) 75%);background-size:200% 100%;animation:sh 1.5s infinite;border-radius:10px;height:62px;margin-bottom:8px}
    @keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
    .err{text-align:center;padding:48px;color:var(--mt)}
    .ts{text-align:center;color:var(--mt);font-size:12px;margin-top:32px}

    footer{border-top:1px solid var(--bd);background:var(--sf);padding:32px 24px 24px}
    .foot-inner{max-width:800px;margin:0 auto}
    .foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;margin-bottom:24px}
    .foot-brand .fb-name{font-weight:700;font-size:15px;color:var(--tx);margin-bottom:4px}
    .foot-brand .fb-desc{color:var(--mt);font-size:12px;max-width:240px;line-height:1.6}
    .foot-links{display:flex;gap:40px;flex-wrap:wrap}
    .foot-col h4{font-size:12px;font-weight:600;color:var(--tx);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
    .foot-col a{display:block;color:var(--mt);font-size:12px;margin-bottom:6px;transition:color .2s}
    .foot-col a:hover{color:var(--tx);opacity:1}
    .foot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid var(--bd)}
    .foot-copy{color:var(--mt);font-size:12px}
    .foot-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mt)}
    .fsd{width:6px;height:6px;border-radius:50%;background:var(--up)}

    .cookie{position:fixed;bottom:0;left:0;right:0;background:var(--sf);border-top:1px solid var(--bd);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--mt);z-index:200;transform:translateY(100%);transition:transform .3s;flex-wrap:wrap}
    .cookie.show{transform:translateY(0)}
    .cookie-btns{display:flex;gap:8px;flex-shrink:0}
    .ck-ok{background:var(--ac);color:#fff;border:none;padding:7px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}
    .ck-no{background:none;color:var(--mt);border:1px solid var(--bd);padding:7px 18px;border-radius:6px;cursor:pointer;font-size:13px}
    .ck-no:hover{border-color:var(--ac)}

    [data-theme="light"]{--bg:#f8fafc;--sf:#fff;--bd:#e2e8f0;--tx:#0f172a;--mt:#64748b;--code-bg:#f1f5f9;--code-tx:#334155;--ban-up-bg:#f0fdf4;--ban-up-bd:#bbf7d0;--ban-up-tx:#15803d;--ban-dn-bg:#fef2f2;--ban-dn-bd:#fecaca;--ban-dn-tx:#b91c1c}

    .doc-back{display:inline-block;color:var(--mt);font-size:13px;margin-bottom:28px;transition:color .2s}
    .doc-back:hover{color:var(--tx);opacity:1}
    main h1{font-size:26px;font-weight:700;color:var(--tx);margin-bottom:12px}
    main h2{font-size:18px;font-weight:600;color:var(--tx);margin:28px 0 10px}
    main h3{font-size:15px;font-weight:600;color:var(--tx);margin:18px 0 8px}
    main p{color:var(--mt);line-height:1.7;margin-bottom:12px}
    main ul,main ol{color:var(--mt);padding-left:20px;margin-bottom:12px;line-height:1.8}
    main strong{color:var(--tx)}
    main a{color:var(--ac)}
    .lead{font-size:15px;color:var(--mt);line-height:1.7;margin-bottom:28px}
    .hl-box{background:var(--sf);border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:8px;padding:20px 24px;margin:24px 0}
    .hl-box h3{margin-top:0;font-size:15px}
    .cta-btn{display:inline-block;background:var(--ac);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;margin-top:12px;transition:opacity .2s}
    .cta-btn:hover{opacity:.85}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
    .card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:20px}
    .card-icon{font-size:24px;margin-bottom:10px}
    .card h3{font-size:14px;font-weight:600;color:var(--tx);margin:0 0 6px}
    .card p{font-size:13px;margin:0}
    .arch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:20px;margin:20px 0}
    .arch-comp{text-align:center;padding:10px 14px;background:var(--bd);border-radius:8px}
    .arch-icon{font-size:22px;display:block}
    .arch-name{font-size:13px;font-weight:600;color:var(--tx)}
    .arch-desc{font-size:11px;color:var(--mt)}
    .arch-arrow{color:var(--mt);font-size:18px;flex-shrink:0}
    .code-block{background:var(--code-bg);border:1px solid var(--bd);border-radius:8px;padding:16px 20px;font-family:'Courier New',monospace;font-size:13px;color:var(--code-tx);overflow-x:auto;margin:12px 0}
    .step{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
    .step-number{background:var(--ac);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px}
    .step-content p{margin:0}
    .api-info-box{background:var(--sf);border:1px solid var(--bd);border-radius:8px;padding:16px 20px;margin:12px 0}
    .api-info-box h4{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:6px}
    .api-info-box code{color:var(--ac);font-family:'Courier New',monospace}
    .api-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--bd)}
    .api-section:last-child{border-bottom:none}
    .method-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;font-family:monospace;margin-right:8px}
    .badge-get{background:#052e16;color:#4ade80}.badge-post{background:#1e3a5f;color:#60a5fa}.badge-delete{background:#2d0a0a;color:#f87171}
    [data-theme="light"] .badge-get{background:#f0fdf4;color:#15803d}
    [data-theme="light"] .badge-post{background:#eff6ff;color:#1d4ed8}
    [data-theme="light"] .badge-delete{background:#fef2f2;color:#b91c1c}
    .endpoint{display:flex;align-items:center;background:var(--code-bg);border:1px solid var(--bd);border-radius:8px;padding:12px 16px;margin:12px 0}
    .endpoint code{color:var(--code-tx);font-family:'Courier New',monospace;font-size:13px}
    table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
    th{text-align:left;color:var(--mt);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid var(--bd)}
    td{padding:8px 12px;color:var(--mt);border-bottom:1px solid var(--bd)}
    td code{color:var(--ac);font-family:'Courier New',monospace;font-size:12px}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}
    .spec-val{font-size:24px;font-weight:700;color:var(--ac);line-height:1.2;margin-bottom:4px}
    .spec-lbl{font-size:12px;color:var(--mt)}
    .contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}
    .contact-card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:20px}
    .contact-card h3{font-size:14px;font-weight:600;color:var(--tx);margin-bottom:6px}
    .contact-card p{font-size:13px;margin:0;color:var(--mt)}
    .err-wrap{text-align:center;padding:80px 20px}
    .err-wrap .fox{font-size:64px;display:block;margin-bottom:20px}
    .err-code{font-size:80px;font-weight:700;color:var(--ac);line-height:1}
    .err-title{font-size:22px;font-weight:600;color:var(--tx);margin:8px 0 16px}
    .err-msg{color:var(--mt);max-width:420px;margin:0 auto 32px}
    .err-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    .err-btn{padding:10px 20px;background:var(--sf);border:1px solid var(--bd);border-radius:8px;color:var(--tx);font-size:14px;transition:border-color .2s}
    .err-btn:hover{border-color:var(--ac);opacity:1}
    .err-btn.primary{background:var(--ac);border-color:var(--ac);color:#fff}

    @media(max-width:600px){
        nav{display:none}
        .foot-top{flex-direction:column;gap:20px}
        .foot-links{gap:24px}
        .grid-2,.grid-3,.grid-4,.contacts{grid-template-columns:1fr}
        .arch{flex-direction:column;align-items:flex-start}
        .arch-arrow{transform:rotate(90deg)}
    }