/* Shared optical material. The canvas contains scenery and glass only; all
   readable content and hit targets stay in the DOM above it. */
@media (min-width:801px) {
  body:not([data-theme]) {
    background-color:#0b1119;
    background-image:radial-gradient(ellipse at 18% 18%,#182c3a80,transparent 58%),radial-gradient(ellipse at 88% 82%,#302d2545,transparent 60%);
    background-attachment:fixed;
  }
  .optical-card { isolation:isolate; }
  body.has-optical-scene { isolation:isolate;background-image:none; }
  .card-scene { position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none; }
  .optical-card > .card-optics {
    position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;
    border-radius:inherit;opacity:1;display:block;
  }
  .optical-card > .card-optics[hidden] { display:none!important; }
  .optical-card.optical-ready {
    background:transparent!important;border-color:transparent!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    box-shadow:0 2px 5px #0000000b,0 16px 42px -20px #0000003d!important;
  }
  .portal-face.optical-card { position:absolute;isolation:auto; }
  .portal-face.optical-ready::after { display:none; }
  .portal-face.optical-card > .card-optics { z-index:0; }
  .portal-face.optical-card > :not(.card-optics) { position:relative;z-index:1; }
  .portal-face.optical-ready { box-shadow:0 2px 5px #0000000a,0 12px 30px -16px #00000030!important; }
  .optical-card:is(.numbers,.line-picker,.price-panel,.inline-chart,.snapshot-summary) { border-radius:22px; }
  .optical-card:is(.portal-history-popover,.match-hover,#foxmeta-settings-panel,.calculator-panel) { border-radius:22px; }
  .archive-group.optical-card { border-radius:22px;padding:22px 24px 8px; }
  .archive-record.optical-card { border-radius:18px; }
  .archive-record.optical-card:not(.is-open) { box-shadow:none!important;background:none!important; }
  .archive-record.optical-card:not(.is-open) > .card-optics { opacity:0; }
  .archive-record.optical-card > .card-optics { transition:opacity 180ms cubic-bezier(.22,1,.36,1); }
  .numbers .side { border-radius:14px; }
  .numbers .side[aria-pressed=true] { background:#e7d8b50b; border-color:#e7d8b523; }
  #foxmeta-settings-panel .settings-group>span { font-size:14px; }
  .portal-account-notice { line-height:1.5; }
  /* A nested item is part of its parent surface, not another glass object. */
  .calculator-panel .saved-item { background:transparent;box-shadow:none;border:0;border-top:1px solid #dce5ed1a;border-radius:0; }
  .calculator-panel .saved-item:first-child { border-top:0; }
  .calculator-dock { filter:none; }
  /* The 3D carousel keeps inactive faces during a turn. Once it settles, only
     the selected face remains paintable; this removes the stray empty slab. */
  .portal-module:not(.is-turning) .portal-face[aria-hidden="true"] { visibility:hidden; }
  .portal-module.is-turning .portal-face[aria-hidden="true"] { visibility:visible; }
}
@media (max-width:800px) {
  .card-scene,.card-optics { display:none!important; }
}
@media (prefers-reduced-motion:reduce) {
  .optical-card > .card-optics { transition:none!important; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .optical-card.optical-ready { background:#172430!important;border-color:#dce5ed66!important; }
  .optical-card > .card-optics { display:none!important; }
}