.calculation-debugger-trigger { position:fixed; z-index:30; top:15px; right:0; width:44px; height:44px; padding:0; border:1px solid #777; border-right:0; border-radius:12px 0 0 12px; background:var(--dark); color:var(--gold); font-size:24px; }
.calculation-debugger-trigger:focus-visible { outline-offset:-4px; }
.calculation-debugger-panel { position:fixed; z-index:41; inset:0 0 0 auto; width:min(420px,100%); max-width:none; height:100vh; height:100dvh; max-height:none; margin:0; padding:0 20px 28px; border:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; color:var(--ink); background:var(--card); box-shadow:-12px 0 48px #11093840; overflow-wrap:anywhere; scrollbar-gutter:stable; }
.calculation-debugger-panel::backdrop { background:#160e2d99; }
.calculation-debugger-heading { position:sticky; z-index:1; top:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 12px; background:var(--card); border-bottom:1px solid var(--line); }
.calculation-debugger-heading h2 { margin:0; font-size:1.15rem; line-height:1.4; }
.calculation-debugger-heading .dialog-close { flex:none; }
.calculation-debugger-panel :focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.calculation-debugger-panel [data-debugger-status] { min-height:24px; margin:12px 0; color:var(--muted); font-size:.8rem; }
.calculation-debugger-content.is-updated { animation:debugger-update 180ms ease-out; }
.calculation-debugger-section { padding:16px 0; border-top:1px solid var(--line); font-size:.85rem; line-height:1.5; }
.calculation-debugger-section:first-child { border-top:0; padding-top:0; }
.calculation-debugger-section h3 { margin:0 0 12px; font-size:.95rem; }
.calculation-debugger-result { margin:0; padding:16px; border-radius:12px; background:var(--bg); color:var(--purple); font-size:1.15rem; font-weight:800; text-align:center; font-variant-numeric:tabular-nums; }
.calculation-debugger-values { display:grid; gap:10px; margin:0; }
.calculation-debugger-value { padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.calculation-debugger-value dt { display:flex; align-items:center; gap:8px; font-weight:700; }
.calculation-debugger-value dt code { min-width:24px; color:var(--purple); font-size:1rem; }
.calculation-debugger-value dd { margin:4px 0 0 32px; }
.calculation-debugger-number { font-weight:800; font-variant-numeric:tabular-nums; }
.calculation-debugger-origin { color:var(--muted); font-size:.76rem; }
.calculation-debugger-formula { display:block; max-width:100%; padding:12px; border-radius:8px; background:var(--bg); color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere; font-size:.82rem; font-variant-numeric:tabular-nums; }
body.dark .calculation-debugger-result { color:#f0eaff; background:#181225; }
body.dark .calculation-debugger-value dt code { color:#dacfff; background:#2a2240; }
@keyframes debugger-update { from { opacity:.55; } to { opacity:1; } }
@media (max-width:540px) {
  .calculation-debugger-panel { width:100%; padding-inline:16px; }
  .calculator-root:has(.calculation-debugger-trigger) .calculator-header-inner { padding-right:54px; padding-left:10px; gap:6px; }
  .calculator-root:has(.calculation-debugger-trigger) .brand img { width:80px; }
  .calculator-root:has(.calculation-debugger-trigger) .header-actions { gap:4px; }
  .calculator-root:has(.calculation-debugger-trigger) .country-trigger { max-width:100px; padding-inline:6px; }
}
@media (prefers-reduced-motion:reduce) { .calculation-debugger-content.is-updated { animation:none; } }