/* Translucent surfaces keep text opaque and readable in both appearances. */
:root{--retina-surface:rgba(24,39,54,.78);--retina-edge:rgba(195,219,231,.2);--retina-ink:#e8f1f5;--retina-muted:#b7c8d2}
html[data-theme="light"]{--retina-surface:rgba(255,255,255,.68);--retina-edge:rgba(255,255,255,.88);--retina-ink:#163d42;--retina-muted:#4f6879}
body .app-shell :is(.app-header,.sidebar,.panel,.card,.account-popover){backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
html[data-theme="light"] body .app-shell :is(.app-header,.sidebar,.panel,.account-popover){background:var(--retina-surface)!important;border-color:var(--retina-edge)!important;box-shadow:inset 0 1px 0 #fff,0 16px 45px #244e7610!important}
html[data-theme="light"] body #app .shell.app-shell .school-dashboard>aside.school-focus-board{background:rgba(255,255,255,.70)!important;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid #ffffffde!important;box-shadow:inset 0 1px 0 #fff,0 14px 40px #173c3c16!important}
body .sw-profile-page{max-width:1240px;margin:0 auto;display:grid;gap:24px;padding:8px 0 32px;color:var(--retina-ink)}
body .sw-profile-hero{padding:32px!important;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:28px!important}
.sw-profile-person{display:flex;align-items:center;gap:22px;min-width:0}.sw-profile-person h1{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:9px 0;overflow-wrap:anywhere}.sw-profile-person p{margin:0;color:var(--retina-muted)}
.sw-profile-avatar{width:90px;height:90px;flex:none;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#e6f8f6,#dce8ff);color:#175b60;font-size:34px;font-weight:750;border:1px solid #fff;box-shadow:inset 0 2px 0 #fff,0 12px 28px #255e6815}
.sw-profile-actions{display:flex;flex-wrap:wrap;gap:10px}.sw-profile-actions .btn{min-height:44px!important;font-size:14px!important;padding:12px 18px!important;white-space:nowrap}.sw-profile-actions .sw-logout{color:#a13c44!important}
.sw-profile-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.sw-profile-layout>.panel{padding:28px!important;border-radius:26px!important;min-width:0}.sw-profile-layout h2{font-size:23px;margin:0}.sw-verified{display:inline-flex;padding:6px 10px;border-radius:20px;background:#e1f4ed;color:#21654d;font-size:12px;font-weight:650}
.sw-profile-details dl{margin:22px 0 0}.sw-profile-details dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:17px 0;border-bottom:1px solid #91b2bd33}.sw-profile-details dt{font-size:14px;color:var(--retina-muted)}.sw-profile-details dd{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.sw-profile-hint{font-size:13px;line-height:1.7;color:var(--retina-muted);margin:22px 0 0}.sw-profile-appearance>div{margin-top:0!important}.sw-profile-appearance .theme-options{flex-wrap:wrap}
body .sw-account-dialog{position:fixed!important;inset:0!important;z-index:1000!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:32px 18px!important;overflow-y:auto!important;background:rgba(30,54,68,.18)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-height:100dvh!important}
body .sw-account-dialog .account-responsive-logo,body .sw-account-dialog .account-welcome{display:none!important}body .sw-account-dialog .account-box{position:relative!important;inset:auto!important;margin:auto!important;transform:none!important;width:min(100%,590px)!important;max-width:590px!important;min-width:0!important;border-radius:28px!important;padding:30px!important;box-shadow:inset 0 1px 0 #fff8,0 24px 80px #173b4728!important;max-height:none!important;background:var(--retina-surface)!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
body .sw-account-dialog .account-box h1{font-size:30px!important;margin:24px 0 10px!important}body .sw-account-dialog .account-box form{gap:16px!important}body .sw-account-dialog input,body .sw-account-dialog select{min-height:46px!important}body .sw-account-dialog .account-links{margin-top:22px!important}body .sw-account-dialog input[readonly]{opacity:.85;cursor:default}
body .app-shell .home-path{border-radius:28px!important;overflow:hidden}body .app-shell .path-rail{padding-top:8px;background:radial-gradient(ellipse at 50% 75%,#4faca914,transparent 70%)}
html[data-theme="light"] body #app .app-shell .path-slide .path-card{background:linear-gradient(145deg,#ffffffee,#e6f4f1cc)!important;border:1px solid #abd1cc!important;box-shadow:inset 0 1px 0 #fff,0 10px 20px #245a6010!important;border-radius:18px!important}
html[data-theme="light"] body #app .app-shell .path-slide.is-active .path-card{background:linear-gradient(135deg,#ffffff,#e1f5ed 55%,#e7eeff)!important;border:2px solid #6ba9a4!important;box-shadow:inset 0 0 0 5px #ffffffb3,0 14px 32px #347a7524!important}
body .app-shell .path-slide.is-active .path-card:after{border-radius:13px!important;border-color:#6caeab66!important;background:linear-gradient(110deg,transparent 25%,#ffffff70 48%,transparent 70%)!important;background-size:250% 100%!important;animation:sw-glass-sheen 7s ease-in-out infinite!important}
html[data-theme="light"] body #app .app-shell .mini-card-label>b{color:#234e57!important}.app-shell .path-slide .mini-card-label{opacity:calc(1 - var(--path-distance,0)*.11)}.app-shell .path-slide.is-active .mini-card-label>b{text-shadow:0 2px 0 #ffffff50}.app-shell .path-selected{border-top:1px solid #80aaa425;padding-top:18px!important}.app-shell .path-dots button.selected{background:#e0f2ed!important;color:#24645a!important;border-color:#a4cfc3!important}
@keyframes sw-glass-sheen{0%,55%,100%{background-position:150% 0}85%{background-position:-100% 0}}
@media(max-width:1050px){body .sw-profile-hero{align-items:flex-start;flex-direction:column}.sw-profile-layout{grid-template-columns:1fr}.sw-profile-actions{width:100%}.sw-profile-actions .btn{flex:1}}
@media(max-width:600px){body .sw-profile-hero,body .sw-profile-layout>.panel{padding:22px!important}.sw-profile-person{gap:15px}.sw-profile-avatar{width:64px;height:64px;border-radius:20px;font-size:25px}.sw-profile-person .eyebrow{font-size:10px}.sw-profile-details dl>div{grid-template-columns:1fr;gap:5px}.sw-profile-actions .btn{flex:1 1 100%;width:100%}body .sw-account-dialog{padding:14px 10px!important}body .sw-account-dialog .account-box{padding:24px 20px!important}.sw-profile-details .panel-head{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){body .app-shell .path-slide.is-active .path-card:after{animation:none!important}}
@supports not (backdrop-filter:blur(1px)){html[data-theme="light"] body .app-shell .panel,body .sw-account-dialog .account-box,html[data-theme="light"] body #app .shell.app-shell .school-dashboard>aside.school-focus-board{background:#f8fcfc!important}}
body #app .app-shell .sw-profile-page :is(h1,h2,h3,dd){color:var(--retina-ink)!important;opacity:1!important}
body #app .app-shell .sw-profile-page :is(dt,.sw-profile-hint,.sw-profile-person p){color:var(--retina-muted)!important;opacity:1!important}
html[data-theme="dark"] body .sw-account-dialog .account-box{background:rgba(21,37,53,.97)!important;color:#e8f1f5!important}
html[data-theme="dark"] body .sw-account-dialog .account-box :is(h1,label,.eyebrow){color:#e8f1f5!important}
html[data-theme="dark"] body .sw-profile-appearance .theme-option{color:#e8f1f5!important}
body #cloud-save-status{display:none!important}
html[data-theme] body #modal-root .account-overlay.sw-account-dialog{background:rgba(30,54,68,.18)!important;background-image:none!important}
html[data-theme="dark"] body #modal-root .account-overlay.sw-account-dialog{background:rgba(5,13,22,.55)!important}
html[data-theme="light"] body #modal-root .sw-account-dialog .account-box .btn.primary{background:linear-gradient(120deg,#146c65,#25867c)!important;color:#fff!important;border-color:#237c72!important;box-shadow:0 8px 20px #176c6518!important}
html[data-theme] body #modal-root .sw-account-dialog .account-close{color:var(--retina-ink)!important}
html[data-theme="dark"] body #modal-root .sw-account-dialog .account-box :is(p,small){color:#bdced8!important}
html[data-theme="dark"] body #modal-root .sw-account-dialog .account-box a{color:#a7d8ee!important}
html[data-theme] body #modal-root .sw-account-dialog input:focus-visible,html[data-theme] body #modal-root .sw-account-dialog select:focus-visible{outline:3px solid #63aaa8!important;outline-offset:2px!important;box-shadow:none!important}