#voltt-diagnostics{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;color:#f3f8fc}
#voltt-diagnostics [hidden]{display:none!important}
#voltt-diagnostics button,#voltt-diagnostics a{pointer-events:auto;min-height:44px;padding:9px 13px;border:1px solid #3b525f;border-radius:10px;background:#182a34;color:#f3f8fc;font:600 13px system-ui;text-decoration:none;cursor:pointer;touch-action:manipulation}
#voltt-diagnostics button:focus-visible,#voltt-diagnostics a:focus-visible{outline:2px solid #9aff63;outline-offset:2px}
#voltt-diagnostics button:disabled{opacity:.5;cursor:default}
#voltt-diagnostics .vd-launch{display:none;position:absolute;top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);background:rgba(7,16,23,.9)}
body.ready #voltt-diagnostics .vd-launch{display:block}
#voltt-diagnostics .vd-recording{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid #456339;border-radius:12px;background:rgba(7,16,23,.94);max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);pointer-events:auto}
#voltt-diagnostics .vd-timer{font-size:12px;white-space:nowrap;color:#9aff63;min-width:100px}
#voltt-diagnostics .vd-recording button{padding:7px 10px;white-space:nowrap;font-size:12px}
#voltt-diagnostics .vd-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px);background:rgba(0,0,0,.64);pointer-events:auto}
#voltt-diagnostics .vd-panel{width:min(520px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #3b525f;border-radius:16px;padding:18px;background:#0b1821;text-align:left;box-shadow:0 20px 60px #0008;outline:none;-webkit-overflow-scrolling:touch}
#voltt-diagnostics header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
#voltt-diagnostics h2{font-size:23px;line-height:1.2;margin:0}
#voltt-diagnostics small{font-size:12px;font-weight:500;color:#9aff63}
#voltt-diagnostics .vd-close{font-size:23px;padding:0;width:44px;flex-shrink:0}
#voltt-diagnostics p{max-width:none;font-size:14px;line-height:1.5;margin:0 0 12px;color:#d6e1e8}
#voltt-diagnostics .vd-memory{font-size:12px;color:#93a9b7}
#voltt-diagnostics .vd-notice{padding:10px 12px;border-radius:8px;background:#182d38;color:#f3f8fc}
#voltt-diagnostics .vd-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.55 system-ui;margin:0 0 16px;color:#e5f1f8}
#voltt-diagnostics .vd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#voltt-diagnostics .vd-start{background:#9aff63;border-color:#9aff63;color:#10220b}
#voltt-diagnostics .vd-copy-fallback{display:block;width:100%;min-height:100px;margin-top:12px;background:#071017;border:1px solid #3b525f;border-radius:8px;color:#f3f8fc;font:14px/1.5 system-ui;padding:10px;resize:vertical;pointer-events:auto}
@media(max-width:400px){#voltt-diagnostics .vd-recording{gap:4px;padding:4px}#voltt-diagnostics .vd-timer{font-size:11px;min-width:92px}#voltt-diagnostics .vd-recording button{padding:6px;font-size:11px}}