.atmosphere-layer{pointer-events:none;overflow:hidden;isolation:isolate}
.atmosphere-layer video{display:block;width:100%;height:100%;max-height:none;max-width:none;border-radius:0;background:transparent;object-fit:cover;opacity:0;transition:opacity .6s ease}
.atmosphere-layer.is-ready video{opacity:1}
body.workspace-page[data-page="support"].has-atmosphere:before{display:none}
.atmosphere-support{position:absolute;inset:88px 0 0;z-index:-1;background:#030817 url('../media/atmospheres/support-nebula.webp') right center/contain no-repeat}
.atmosphere-support video{position:relative;z-index:1;object-fit:contain;object-position:right center}
.atmosphere-support.is-ready{background-image:none}
.atmosphere-support:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#030817f2 0%,#030817b8 33%,#03081745 58%,#03081700 85%)}
.atmosphere-archive{position:absolute;inset:0;z-index:-1;background:#fff url('../media/atmospheres/archive-sprout.webp') center/cover no-repeat}
.atmosphere-archive video{object-fit:cover;object-position:center}
.atmosphere-archive:after{display:none}
body.workspace-page[data-page="archive"] .archive-glow:has(.atmosphere-layer):before{display:none}
.atmosphere-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border:1px solid #ffffff50;border-radius:99px;background:#213b4f85;backdrop-filter:blur(12px);color:#e7f2fa;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,box-shadow .2s}
.atmosphere-toggle:before{content:'▶';font-size:9px}
.atmosphere-toggle[aria-pressed="true"]:before{content:'Ⅱ'}
.atmosphere-toggle:hover{background:#34556ba6}
.atmosphere-toggle:focus-visible{outline:2px solid #98d9ff;outline-offset:4px}
.atmosphere-toggle:disabled{opacity:.65;cursor:default}
body.workspace-page[data-page="support"] .support-scene-credit{display:block;margin-bottom:12px}
body.workspace-page[data-page="archive"] .atmosphere-toggle{margin-top:13px;background:#ffffffa8;color:#4c7891;border-color:#fff;box-shadow:0 3px 12px #4e7c9810}
body.workspace-page[data-page="archive"] .atmosphere-toggle:hover{background:#fff}
@media(prefers-reduced-motion:reduce){.atmosphere-layer video,.atmosphere-toggle{transition:none}}
@media print{.atmosphere-layer,.atmosphere-toggle{display:none}body.workspace-page[data-page="support"].has-atmosphere{background:white}}

/* Original MotionSites assets are confined to low-density headers and entry glass. */
.atmosphere-surface{position:relative;isolation:isolate;overflow:hidden}
.atmosphere-glass,.atmosphere-ribbon,.atmosphere-entry{position:absolute;inset:0;z-index:-1;border-radius:inherit;background-size:cover;background-position:center 45%}
.atmosphere-glass video{object-position:center 45%}
.atmosphere-glass:after,.atmosphere-ribbon:after,.atmosphere-entry:after{content:'';position:absolute;inset:0}
.atmosphere-glass:after{background:linear-gradient(100deg,#f0f8fced 10%,#eef8fbca 45%,#edf7fc12 100%)}
.atmosphere-ribbon:after{background:linear-gradient(100deg,#f0f8fcf5 10%,#eef8fbea 45%,#eef8fb50)}
.atmosphere-entry:after{background:linear-gradient(100deg,#f0f8fcef,#eef8fbbb)}
body.workspace-page .page-heading.atmosphere-surface,body.workspace-page .dashboard-welcome.atmosphere-surface{min-height:154px;padding:28px 32px;align-items:center;border:1px solid #fff;border-radius:24px;background:#e5f2fa;box-shadow:0 12px 35px #3c719013}
body.workspace-page .atmosphere-surface h1,body.workspace-page .atmosphere-surface h2{color:#305568}
body.workspace-page .atmosphere-surface p{color:#547387;max-width:620px}
body.workspace-page .phase-plan-intro.atmosphere-surface{min-height:190px;background:#e5f2fa;gap:20px}
body.workspace-page .phase-plan-intro.atmosphere-surface .phase-plan-count{padding:12px 17px;background:#f7fbfdd9;backdrop-filter:blur(14px);border:1px solid #fff;border-radius:17px}
body.workspace-page .atmosphere-surface .dashboard-view-switch{background:#f4fafbe6;border-color:#ffffffc9;backdrop-filter:blur(15px)}
.classroom-gallery .workspace-panel.atmosphere-surface{isolation:isolate;background:#e9f5fa}
@media(max-width:800px){body.workspace-page .page-heading.atmosphere-surface,body.workspace-page .dashboard-welcome.atmosphere-surface{min-height:150px;padding:24px 22px;flex-wrap:wrap;gap:18px;border-radius:21px}.atmosphere-glass,.atmosphere-glass video{background-position:72% center;object-position:72% center}.atmosphere-glass:after{background:linear-gradient(100deg,#f0f8fce8,#eef8fbb0 65%,#eef8fb45)}.atmosphere-ribbon:after{background:linear-gradient(100deg,#f0f8fced,#eef8fba8)}body.workspace-page .phase-plan-intro.atmosphere-surface{padding:24px 22px}}
@media print{.atmosphere-surface{background:white!important;box-shadow:none!important}}
@media(max-width:800px){.atmosphere-support{inset:0}}
@media(max-width:800px){.atmosphere-support{inset:0}.atmosphere-support,.atmosphere-support video{background-position:center top;object-position:center top}.atmosphere-support:after{background:linear-gradient(180deg,#03081722,#0308178c 45%,#030817 85%)}.atmosphere-archive,.atmosphere-archive video{background-position:45% center;object-position:45% center}.atmosphere-archive:after{background:linear-gradient(180deg,#edf7fcf5 0%,#edf7fcdb 32%,#edf7fc5c 65%,#edf7fc26)}}
@media(max-width:800px){body.workspace-page .page-heading.atmosphere-surface-glass>div{width:100%}body.workspace-page .page-heading.atmosphere-surface-glass p{max-width:76%;font-size:12px;line-height:1.8}}

@media(max-width:800px){.atmosphere-archive{background-position:center 345px;background-size:100% auto}.atmosphere-archive video{position:absolute;top:345px;left:0;width:100%;height:auto;object-fit:contain;object-position:center}.atmosphere-archive:after{display:none}}