.debug-fab{position:fixed;z-index:1201;top:82px;right:20px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #b9d0df;border-radius:50%;background:#f7fbfd;color:#185a80;box-shadow:0 8px 26px #102d3d24;cursor:pointer;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s}
.debug-fab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.debug-fab:hover,.debug-fab[aria-expanded=true]{transform:scale(1.07);background:#e5f2fa;box-shadow:0 10px 30px #102d3d36}
.debug-fab:focus-visible,.debug-panel button:focus-visible,.debug-switch input:focus-visible{outline:3px solid #4ca3d6;outline-offset:3px}
.debug-panel{position:fixed;z-index:1200;top:82px;right:82px;display:flex;flex-direction:column;width:min(390px,calc(100vw - 108px));max-height:min(720px,calc(100dvh - 105px));border:1px solid #cadbe5;border-radius:20px;background:#fff;color:#173b50;box-shadow:0 25px 70px #102d3d30;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(15px) scale(.97);transform-origin:top right;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),visibility .22s;font:14px/1.5 system-ui,sans-serif}
.debug-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.debug-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 14px;border-bottom:1px solid #e1e9ee}
.debug-head span{font-size:10px;font-weight:750;letter-spacing:.13em;color:#2582b4}.debug-head h2{margin:3px 0 0;font-size:21px;letter-spacing:-.03em;color:inherit}
.debug-head button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}.debug-head button:hover{background:#e8f2f7}
.debug-scroll{overflow:auto;padding:0 22px 12px}.debug-scroll section{padding:16px 0;border-top:1px solid #e4edf1}.debug-scroll h3{margin:0 0 9px;font-size:13px;color:inherit}
.debug-message{margin:13px 0;color:#4e7186;font-size:12px}.debug-message.is-error{color:#b44437}
.debug-switch{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px;padding:13px;border:1px solid #d7e5ed;border-radius:12px;background:#f4f9fc;cursor:pointer}.debug-switch strong,.debug-switch small{display:block}.debug-switch small{margin-top:2px;color:#657d89;font-size:11px}.debug-switch input{width:18px;height:18px;accent-color:#1679ad}
.debug-row{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:12px}.debug-row span{color:#687e8b}.debug-row strong{text-align:right;font-size:12px;font-weight:650;color:inherit}
.debug-note,.debug-empty,.debug-updated{margin:0 0 8px;color:#69808b;font-size:11px}.debug-updated{margin-top:4px;text-align:right}
.debug-request{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 0;border-top:1px solid #e9eff2;font-size:11px}.debug-request strong{font-size:12px}.debug-request small{color:#6d8290}.debug-request span{grid-column:1/-1;color:#526d7e}
.debug-footer{display:flex;gap:8px;padding:14px 22px;border-top:1px solid #e1e9ee}.debug-footer button{flex:1;min-height:36px;padding:7px 8px;border:1px solid #bfd5e2;border-radius:9px;background:#f4f9fc;color:#235977;font:600 12px system-ui,sans-serif;cursor:pointer}.debug-footer button:first-child{background:#1877a9;border-color:#1877a9;color:#fff}.debug-footer button:hover{filter:brightness(.96)}
.debug-timing{display:inline-block;margin:0 0 0 10px;padding:2px 7px;border:1px solid #bfd7e4;border-radius:6px;background:#f0f8fc;color:#356d8c;font:500 11px/1.5 system-ui,sans-serif;vertical-align:middle}
html[data-theme=dark] .debug-fab{background:#263b48;border-color:#436071;color:#9ccce7}html[data-theme=dark] .debug-fab:hover,html[data-theme=dark] .debug-fab[aria-expanded=true]{background:#32556b}
html[data-theme=dark] .debug-panel{background:#20282d;border-color:#3a4b55;color:#e6eef1;box-shadow:0 25px 70px #0008}html[data-theme=dark] .debug-head,html[data-theme=dark] .debug-scroll section,html[data-theme=dark] .debug-footer{border-color:#38454c}
html[data-theme=dark] .debug-switch,html[data-theme=dark] .debug-footer button{background:#293840;border-color:#405765;color:#d6e8f1}html[data-theme=dark] .debug-footer button:first-child{background:#297eab;border-color:#297eab;color:#fff}
html[data-theme=dark] .debug-head button:hover{background:#34454e}html[data-theme=dark] :is(.debug-row span,.debug-note,.debug-empty,.debug-updated,.debug-request small,.debug-request span,.debug-switch small){color:#a2b4be}html[data-theme=dark] .debug-request{border-color:#38454c}
html[data-theme=dark] .debug-timing{background:#263b48;border-color:#446071;color:#aacfe3}
@media(max-width:620px){.debug-fab{top:70px;right:14px;width:43px;height:43px}.debug-panel{top:124px;right:14px;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 142px);transform:translateY(-12px) scale(.98)}.debug-head{padding:16px}.debug-scroll{padding-inline:16px}.debug-footer{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.debug-fab,.debug-panel{transition:none}}