/* Portal Field is the default preset of the supplied PortalFieldCollection. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#05060a;--surface:#11141b;--ink:#f4f6fa;--muted:#aeb7c7;--line:#303744;--soft:#1b222d;--option-fill:#141923;--option-hover:#202a38;--letter-fill:#303d50;--letter-ink:#f4f6fa;--selected:#2c3b21}
body{isolation:isolate}
.site-shell{position:relative;z-index:1}
.portal-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;mask-image:linear-gradient(90deg,#0002 0%,#0005 35%,#000 64%),linear-gradient(180deg,#0003 0%,#000 18%,#000 67%,#0003 100%);mask-composite:intersect}
.portal-backdrop canvas{display:block;width:100%;height:100%;opacity:0;transform:scaleX(-1)}
.portal-backdrop[data-renderer="webgl"] canvas{opacity:1}
.portal-backdrop[data-view="question"]{opacity:.27}
.portal-backdrop[data-view="result"]{opacity:.4}
html[dir="rtl"] .portal-backdrop{mask-image:linear-gradient(270deg,#0002 0%,#0005 35%,#000 64%),linear-gradient(180deg,#0003 0%,#000 18%,#000 67%,#0003 100%)}
html[dir="rtl"] .portal-backdrop canvas{transform:none}
@media(max-width:767px){.portal-backdrop,html[dir="rtl"] .portal-backdrop{mask-image:linear-gradient(180deg,#0000 0%,#0001 30%,#000a 60%,#000 80%,#0005 100%)}.portal-backdrop canvas{position:absolute;inset-inline:0;top:42%;height:52%;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}html[dir="rtl"] .portal-backdrop canvas{transform:scaleX(-1)}}
@media(prefers-reduced-motion:no-preference){.portal-backdrop{transition:opacity .4s ease}}