/* UI Layouts LiquidGlassCard face/edge layers adapted to semantic controls.
   This is a web glass treatment. Text and icons stay above the blurred surface. */
:root{--glass-face:linear-gradient(145deg,#ffffffc9,#f4f8ff80);--glass-edge:#ffffffd9;--glass-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #ffffffa6,0 4px 14px #1c3e7310}
button,.programme-workspace button,.map-rail a,.nav a,nav a,.symbol,.host-monogram{background:var(--glass-face);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);transition:background .2s,box-shadow .2s,border-color .2s}
button:hover,.programme-workspace button:hover,.map-rail a:hover,.nav a:hover,nav a:hover{background:linear-gradient(145deg,#fff,#e5efffbf);border-color:#c2d3ee;box-shadow:inset 1px 1px 1px #fff,0 5px 18px #1c3e731c}
button:active{box-shadow:inset 0 2px 5px #18345b18}
button:focus-visible,a:focus-visible{outline:2px solid #3b69b5;outline-offset:3px}
button.primary,.map-rail a.active,.nav a.active,nav a.active{background:linear-gradient(145deg,#3c639edb,#162b5ef2);border:1px solid #597da9;color:#fff;box-shadow:inset 1px 1px 1px #ffffff50,inset -1px -1px 1px #ffffff25,0 4px 12px #162b5e22}
button.primary:hover{background:linear-gradient(145deg,#4775b7,#213c70)}
button:disabled{opacity:.45;cursor:not-allowed}.symbol.warn,.symbol.red{box-shadow:var(--glass-shadow)}
.map-rail a,.map-rail button{border-radius:14px}.map-rail a{color:#50627e}.map-rail a.active{color:#fff}.map-header-tools .map-inbox,.map-controls button{background:var(--glass-face)}
.glass-entry{grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:100dvh;background:#f3f6fb}.mesh-story{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:#162b5e}.mesh-field{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 30%,#d6e7fb 0%,#497bbe 45%,#162b5e 95%)}.mesh-field canvas{width:100%;height:100%;display:block}.mesh-story:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#162b5e35,transparent 28%,transparent 60%,#162b5e88)}.mesh-logo{position:absolute;left:42px;top:40px;width:185px;filter:brightness(0) invert(1)}.mesh-title{position:absolute;left:50px;bottom:100px;color:white}.mesh-title span{font-size:10px;font-weight:650;letter-spacing:2.6px;color:#e5efff}.mesh-title h2{font-size:48px;font-weight:500;letter-spacing:-2px;margin-top:16px}.mesh-story #mesh-pause{position:absolute;bottom:28px;left:44px;width:38px;height:38px;padding:0;border-radius:50%;font-size:11px;color:white;background:linear-gradient(140deg,#ffffff38,#ffffff12);border-color:#ffffff5c;box-shadow:inset 1px 1px 1px #ffffff70,0 3px 12px #12284f15}.mesh-story #mesh-pause[hidden]{display:none}
.glass-entry .entry-select{padding:65px;max-width:none;align-items:center;background:radial-gradient(ellipse at 0% 70%,#ccddf780,transparent 65%),radial-gradient(ellipse at 100% 15%,#ffffff,transparent 70%),#eff3f9}.glass-entry .entry-options{width:100%;max-width:440px}.glass-entry h1{font-size:40px;font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin:0 0 38px}.glass-entry .account{width:100%;padding:21px 24px;gap:18px;border-radius:24px;margin-bottom:16px;justify-content:flex-start;text-align:left;background:linear-gradient(130deg,#ffffffb8,#ffffff54);border:1px solid #ffffffeb;box-shadow:inset 2px 2px 2px #ffffffeb,inset -2px -2px 2px #ffffff85,0 8px 25px #18386b0d;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.glass-entry .account:hover{background:linear-gradient(130deg,#fffffff0,#e3efffa8);box-shadow:inset 2px 2px 2px #fff,inset -2px -2px 2px #ffffffb0,0 10px 26px #18386b18;border-color:#fff}.glass-entry .account .symbol{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#f8fbffc9,#b6cfef70);color:#345d98;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #fff9,0 3px 9px #32538812}.glass-entry .account .symbol svg{width:21px;height:21px}.glass-entry .account h3{font-size:14px;font-weight:650}.glass-entry .account p{font-size:12px;color:#637591;margin-top:5px}.glass-entry .account .arrow{margin-left:auto;color:#667f9f}.glass-entry .entry-demo{font-size:11px;color:#6b7b92;margin-top:29px}
@media(max-width:1000px){.glass-entry .entry-select{padding:40px}.glass-entry h1{font-size:35px}.mesh-title{left:35px}.mesh-title h2{font-size:37px}.mesh-logo{left:32px}}
@media(max-width:680px){.glass-entry{display:flex;flex-direction:column}.mesh-story{min-height:320px;height:38dvh;max-height:400px}.mesh-logo{top:25px;left:25px;width:150px}.mesh-title{left:25px;bottom:60px}.mesh-title h2{font-size:34px;margin-top:10px}.mesh-story #mesh-pause{left:auto;right:24px;bottom:24px}.glass-entry .entry-select{padding:35px 24px}.glass-entry h1{font-size:33px;margin-bottom:28px}.glass-entry .account{padding:18px;gap:15px;border-radius:21px}.glass-entry .entry-options{max-width:480px}}
@media(prefers-reduced-motion:reduce){button,a,.symbol{transition:none!important}}
@supports not (backdrop-filter:blur(1px)){button,.programme-workspace button,.glass-entry .account,.symbol{background:#f2f6fc}}
@media(prefers-reduced-transparency:reduce){button,.programme-workspace button,.glass-entry .account,.symbol{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f2f6fc}button.primary{background:#24477c}}
/* A single frosted pane behind the four workspace choices. */
.mesh-field #mesh-canvas{width:100%;height:100%}.glass-entry .entry-options{max-width:500px}.workspace-glass-panel{position:relative;padding:22px;border-radius:36px;background:linear-gradient(135deg,#ffffff80,#dde9f64d);border:1px solid #ffffffe6;backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #ffffff80,0 20px 60px #24467912,0 2px 8px #24467908}.glass-entry .workspace-glass-panel .account{background:linear-gradient(125deg,#ffffffa6,#f6faff40);border-color:#ffffffd4;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #ffffff8c,0 4px 12px #24467909}.glass-entry .workspace-glass-panel .account:last-child{margin-bottom:0}.glass-entry .workspace-glass-panel .account:hover{background:linear-gradient(125deg,#fff,#dfedff9c)}.glass-entry .entry-select{background:radial-gradient(ellipse at 23% 70%,#b2c8e875,transparent 48%),radial-gradient(ellipse at 80% 23%,#d7e6f980,transparent 48%),#f2f5fa}
@media(max-width:680px){.workspace-glass-panel{padding:14px;border-radius:29px}.glass-entry .workspace-glass-panel .account{padding:16px 13px;gap:12px}.glass-entry .workspace-glass-panel .account h3{font-size:12px}}
@media(prefers-reduced-transparency:reduce){.workspace-glass-panel{background:#eaf0f8;backdrop-filter:none;-webkit-backdrop-filter:none}}