:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111a2d;background:#eaf0ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#eaf0ff}.shell-bar{position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;min-height:3.4rem;padding:.35rem calc(.45rem + env(safe-area-inset-right)) .35rem calc(.45rem + env(safe-area-inset-left));background:rgba(0,46,172,.92);backdrop-filter:blur(14px);color:#fff}.shell-bar button{min-height:2.55rem;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.58);background:rgba(7,25,72,.28);color:#fff;font:inherit;font-weight:900}.shell-bar #active-app{text-align:center;font-size:.82rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app-stage{min-height:100dvh;padding-top:3.4rem}#launcher{width:calc(100% - 1.5rem);display:grid;gap:1rem;margin:clamp(1rem,8vw,5rem) auto;padding:clamp(1rem,5vw,2.5rem);border:1px solid #8ba4dc;background:rgba(255,255,255,.88)}h1,p{margin:0}h1{font-size:clamp(2.5rem,10vw,5rem);line-height:.95;color:#002eac}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900}#open-apps{justify-self:start;min-height:3rem;padding:.6rem 1rem;border:1px solid #002eac;background:#002eac;color:#fff;font:inherit;font-weight:900}#app-frame{width:100%;height:calc(100dvh - 3.4rem);border:0;background:#fff}#scrim{position:fixed;inset:0;z-index:39;background:rgba(3,10,26,.5);backdrop-filter:blur(3px)}.drawer{position:fixed;z-index:40;top:3.4rem;bottom:0;width:min(22rem,88vw);overflow:auto;background:rgba(245,248,255,.94);box-shadow:0 1rem 3rem rgba(0,0,0,.3)}.drawer-left{left:0}.drawer-right{right:0}.drawer>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.65rem;border-bottom:1px solid #9eb2df;background:rgba(245,248,255,.94)}.drawer h2{margin:0}.close{width:2.6rem;height:2.6rem;border:1px solid #7791ca;background:transparent;font-size:1.4rem}.app-card{width:100%;display:grid;gap:.2rem;padding:.75rem;border:0;border-bottom:1px solid #a8b9df;border-left:.35rem solid var(--accent);background:transparent;color:inherit;text-align:left}.app-card:hover{background:#e3eaff}.app-card strong{font-size:1rem}.app-card span{color:#002eac;font-size:.8rem;font-weight:800}.app-card small{line-height:1.4}.app-card em{justify-self:start;margin-top:.2rem;padding:.12rem .35rem;background:#dbe5ff;font-size:.62rem;font-style:normal;font-weight:900;text-transform:uppercase}.drawer-note,.migration-note{margin:.75rem;font-size:.72rem;line-height:1.4}.player-content{display:grid;gap:1rem;padding:.75rem}.label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#002eac}.login{display:inline-flex;min-height:2.7rem;align-items:center;margin-top:.5rem;padding:.45rem .7rem;background:#002eac;color:#fff;text-decoration:none;font-weight:900}fieldset{display:grid;gap:.35rem;margin:0;padding:.65rem;border:1px solid #9eb2df}legend{font-weight:900}fieldset label{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem;border:1px solid #bbc8e5}fieldset label span{display:grid}fieldset label small{font-size:.7rem}ul{padding-left:1.2rem;font-size:.78rem;line-height:1.5}[hidden]{display:none!important}@media(width >= 46rem){#launcher{width:44rem}}@media(prefers-color-scheme:dark){:root{color:#f4f7ff;background:#091225}body{background:#091225}.drawer,.drawer>header{background:rgba(14,27,53,.96)}#launcher{background:rgba(14,27,53,.92);border-color:#4968a9}h1{color:#87aaff}.app-card:hover{background:#182d57}.app-card span,.label{color:#87aaff}.app-card em{background:#243c6d}fieldset,fieldset label{border-color:#405a91}}