.torchenDiagnostic{position:fixed;z-index:100000;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 36px));padding:17px 18px 15px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;overflow:hidden;color:#f7f4ed;background:linear-gradient(120deg,rgba(35,10,15,.98),rgba(12,15,24,.98) 62%,rgba(44,28,10,.98));border:1px solid rgba(255,104,91,.78);border-left:5px solid #f2b830;box-shadow:0 20px 60px rgba(0,0,0,.58),0 0 28px rgba(225,54,44,.18);font-family:var(--fBody);transform:translateY(18px);opacity:0;transition:transform .2s ease,opacity .2s ease;isolation:isolate}
.torchenDiagnostic::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(242,184,48,.09),transparent 68%);transform:translateX(-100%);animation:diagSweep 1.2s ease-out both}
.torchenDiagnostic.show{transform:none;opacity:1}
.torchenDiagnosticLabel{grid-column:1/-1;color:#ff9d8d;font-family:var(--fLabel);font-size:calc(.69rem + 2px);letter-spacing:.16em}
.torchenDiagnosticCode{font-family:var(--fNum);font-size:calc(clamp(1.05rem,3.8vw,1.34rem) + 2px);line-height:1.25;color:#fff;letter-spacing:.04em;overflow-wrap:anywhere}
.torchenDiagnosticIncident{align-self:center;color:#e2c989;font-family:var(--fNum);font-size:calc(.78rem + 2px);letter-spacing:.04em;overflow-wrap:anywhere}
.torchenDiagnosticReason{grid-column:1/-1;color:#f4dba4;font-family:var(--fLabel);font-size:calc(.72rem + 2px);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.torchenDiagnosticActions{grid-column:1/-1;display:flex;gap:9px;margin-top:8px}
.torchenDiagnostic button{min-height:44px;padding:0 16px;border:1px solid rgba(242,184,48,.5);color:#fff;background:rgba(8,11,18,.78);font:inherit;cursor:pointer}
.torchenDiagnostic button:first-child{color:#10131a;background:linear-gradient(#f8d76b,#dca322);border-color:#f8d76b}
.torchenDiagnostic button:focus-visible{outline:2px solid #7fd7ff;outline-offset:2px}
@keyframes diagSweep{to{transform:translateX(100%)}}
@media(max-width:600px){.torchenDiagnostic{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:14px}.torchenDiagnosticActions button{flex:1}}
@media(prefers-reduced-motion:reduce){.torchenDiagnostic,.torchenDiagnostic::before{transition:none;animation:none}}