:root{--mobile-nav-height:0px;--orctal-space:8px;--orctal-radius:10px;--orctal-ink:#193e46;--orctal-paper:#f7f8f3;--orctal-border:#dfe4db;--orctal-focus:#146b82}.family-header{z-index:120;border-bottom:1px solid var(--orctal-border);background:var(--orctal-paper);color:var(--orctal-ink);flex-wrap:wrap;align-items:center;gap:24px;padding:24px max(24px,4vw);font-family:Arial,sans-serif;display:flex;position:relative}.family-brand{color:inherit;letter-spacing:-1px;align-items:center;gap:14px;font-size:28px;font-weight:600;text-decoration:none;display:flex}.family-brand img{width:36px;height:36px}.family-product{letter-spacing:1px;border-left:1px solid var(--orctal-border);padding-left:20px;font-size:14px;font-weight:400}.family-header>nav{flex:1;gap:24px;display:flex}.family-header>nav a{color:inherit;padding:10px 0;text-decoration:none}.family-header>nav a[aria-current=page]{border-bottom:2px solid var(--product-colour)}.family-header .family-controls{align-items:center;gap:16px;margin-left:auto;display:flex}.family-header a{color:inherit}.family-header button{font:inherit}.orctal-switcher{color:var(--orctal-ink);font:15px/1.5 Arial,sans-serif;display:inline-block;position:relative}.orctal-switcher button{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.orctal-switcher nav{z-index:150;border:1px solid var(--orctal-border);background:var(--orctal-paper);border-radius:10px;gap:3px;width:246px;padding:8px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 14px 44px #102d3c20}.orctal-switcher a,.unavailable-app{color:inherit;border-radius:6px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.orctal-switcher a:hover,.orctal-switcher a[aria-current=page]{background:color-mix(in srgb,var(--product-colour,#24666c) 12%,transparent)}.orctal-switcher small{font-size:10px;display:block}.unavailable-app{opacity:.6;flex-wrap:wrap}.app-dot{border-radius:50%;width:9px;height:9px}.family-header :focus-visible,.orctal-switcher :focus-visible,.family-hub :focus-visible{outline:3px solid var(--orctal-focus);outline-offset:3px}.family-hub{max-width:1280px;color:var(--orctal-ink);margin:auto;padding:60px 28px;font-family:Arial,sans-serif}.family-hub h1{letter-spacing:-2px;max-width:850px;font-size:clamp(40px,6vw,70px);font-weight:500;line-height:1.08}.family-hub .intro{color:#64777d;max-width:620px;font-size:20px;line-height:1.6}.family-app-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:48px;display:grid}.family-app-card{border:1px solid var(--orctal-border);border-radius:var(--orctal-radius);background:var(--orctal-paper);flex-direction:column;gap:12px;padding:28px;display:flex}.family-app-card h2{margin:4px 0;font-size:28px;font-weight:500}.family-app-card p{min-height:50px;margin:0;line-height:1.6}.family-app-card a{color:var(--card-colour);text-underline-offset:5px}.family-app-card button{color:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:44px}.family-app-card[data-favourite=true]{border-color:var(--card-colour)}.transfer-panel{border:1px solid var(--orctal-border);border-radius:10px;margin:24px 0;padding:24px}.transfer-panel label{margin:12px 0;display:block}.transfer-panel input{display:block}.transfer-panel button{border:1px solid var(--orctal-border);background:var(--orctal-paper);min-height:44px;color:inherit;cursor:pointer;border-radius:6px;margin:4px;padding:8px 14px}.transfer-panel pre{white-space:pre-wrap;max-height:260px;overflow:auto}.family-status{max-width:700px;margin:auto;padding:40px;font-family:Arial,sans-serif}.family-status a{color:#24666c}@media (prefers-color-scheme:dark){:root{--orctal-paper:#14242c;--orctal-ink:#e2eeec;--orctal-border:#3a4e54}.family-hub .intro{color:#adbfbd}}html[data-theme=light]{--orctal-paper:#f7f8f3;--orctal-ink:#193e46;--orctal-border:#dfe4db}html[data-theme=dark]{--orctal-paper:#14242c;--orctal-ink:#e2eeec;--orctal-border:#3a4e54}@media (max-width:760px){.family-header{gap:12px;padding:16px}.family-header>nav{flex:auto;order:3;gap:20px;width:100%;overflow-x:auto}.family-product{padding-left:12px}.family-header .family-controls{gap:8px}.family-hub{padding:30px 18px}.family-header .account-name{display:none}.orctal-switcher nav{width:230px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.family-header .account-name{align-items:center;gap:8px;min-height:44px;text-decoration:none;display:flex}.account-initial{background:var(--product-accent,#e2edbb);color:#193e46;border:1px solid var(--orctal-border);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.family-help{border:1px solid var(--orctal-border);border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;text-decoration:none;display:grid}.family-history{max-width:1100px;margin:24px auto}.family-history .cosmic-home-year{justify-content:flex-end;margin:20px 0}.family-status label{margin:14px 0;display:block}.family-status input{max-width:100%;padding:10px;display:block}.family-status button{min-height:44px;margin:8px;padding:10px}.family-account-strip{justify-content:flex-end;gap:12px;padding:16px;font:14px Arial,sans-serif;display:flex}.family-account-strip button{min-height:44px}@media (max-width:760px){.family-header .account-label{display:none}.family-header .family-brand{gap:8px;font-size:25px}.family-brand svg{width:28px;height:28px}.family-header .family-product{padding-left:8px;font-size:12px}.family-header .family-controls{gap:8px}.family-header .account-name{display:flex}.family-help{width:24px;height:24px}.orctal-switcher button{padding:6px}}html[data-theme] .app-shell .study-corner-controls{pointer-events:none;z-index:85;position:fixed;inset:0}html[data-theme] .app-shell .study-corner-controls .study-corner-icon{top:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:auto}body .app[data-product]{flex-direction:column;min-height:100vh;display:flex}body .app[data-product]>.shell-content{flex:1;width:100%;max-width:none}body .app[data-product]>.family-header{flex-shrink:0;width:100%}.app[data-product]>.scenery-world{z-index:-1}