:root{color-scheme:dark;--bg:#08090d;--panel:#11131a;--panel2:#171922;--line:rgba(222,188,101,.16);--gold:#d8ba68;--gold2:#f2df9b;--text:#f6f2e9;--muted:#aaa59a;--ok:#78d7a5;--danger:#f08d8d;--font:'DM Sans',sans-serif;--display:'Syne',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.fo-boot{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:.7rem;text-align:center}.fo-boot img{width:72px;height:72px;object-fit:contain}.fo-boot span{color:var(--gold);font:700 .83rem var(--display);letter-spacing:.17em}.fo-boot p{margin:0;color:var(--muted)}
.fo-shell{min-height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr)}.fo-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:1.1rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#11131a,#090a0f)}.fo-brand{display:flex;align-items:center;gap:.7rem;padding:.3rem}.fo-brand img{width:44px;height:44px;object-fit:contain}.fo-brand strong{display:block;font:800 .9rem var(--display);letter-spacing:.08em}.fo-brand small{display:block;margin-top:.12rem;color:var(--gold);font-size:.62rem;letter-spacing:.15em}.fo-family-select{margin:1.2rem 0 .75rem}.fo-family-select label{display:block;margin:0 0 .35rem;color:var(--muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.fo-family-select select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:.65rem;color:var(--text);background:var(--panel2)}.fo-menu{display:grid;gap:.3rem}.fo-menu button{min-height:44px;display:flex;align-items:center;gap:.65rem;border:1px solid transparent;border-radius:12px;padding:.65rem .75rem;color:var(--muted);background:transparent;text-align:left;cursor:pointer}.fo-menu button:hover,.fo-menu button.active{color:var(--text);border-color:var(--line);background:rgba(216,186,104,.08)}.fo-menu button.active:before{content:'';width:4px;height:18px;border-radius:4px;background:var(--gold)}.fo-sidebar-foot{margin-top:auto;padding-top:1rem;display:grid;gap:.5rem}.fo-link,.fo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:11px;padding:.65rem .9rem;color:var(--text);background:var(--panel2);text-decoration:none;cursor:pointer}.fo-btn.gold{border-color:transparent;color:#111;background:linear-gradient(135deg,var(--gold2),var(--gold));font-weight:800}.fo-btn:disabled{opacity:.45;cursor:not-allowed}
.fo-main{min-width:0;padding:clamp(1rem,3vw,2.2rem);padding-bottom:max(2rem,env(safe-area-inset-bottom))}.fo-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.fo-top h1{margin:.2rem 0 0;font:800 clamp(1.7rem,4vw,3.2rem)/1 var(--display);letter-spacing:-.045em}.fo-kicker{color:var(--gold);font-size:.64rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.fo-status{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.72rem}.fo-status:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}
.fo-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:1rem}.fo-brief,.fo-panel,.fo-stat{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(216,186,104,.07),var(--panel))}.fo-brief{min-height:260px;padding:clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between}.fo-brief h2{max-width:720px;margin:.5rem 0;font:700 clamp(1.5rem,3.2vw,2.7rem)/1.08 var(--display);letter-spacing:-.035em}.fo-brief p{max-width:70ch;color:var(--muted);line-height:1.6}.fo-signal{display:grid;gap:.7rem}.fo-stat{min-height:80px;padding:1rem}.fo-stat span{display:block;color:var(--muted);font-size:.67rem}.fo-stat b{display:block;margin-top:.3rem;font:700 1.7rem var(--mono)}.fo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.fo-panel{min-width:0;padding:1rem}.fo-panel.wide{grid-column:span 2}.fo-panel.full{grid-column:1/-1}.fo-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.fo-panel h2,.fo-panel h3{margin:0;font-family:var(--display)}.fo-panel p{color:var(--muted);line-height:1.5}.fo-list{display:grid;gap:.55rem}.fo-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}.fo-row strong,.fo-row small{display:block}.fo-row small{margin-top:.2rem;color:var(--muted)}.fo-pill{padding:.25rem .5rem;border:1px solid var(--line);border-radius:99px;color:var(--gold);font-size:.62rem;text-transform:uppercase}.fo-empty{padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.fo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-bottom:.8rem}.fo-form.three{grid-template-columns:1fr 1fr auto}.fo-form input,.fo-form select,.fo-form textarea{min-width:0;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:.7rem;color:var(--text);background:var(--panel2)}.fo-form textarea{grid-column:1/-1;min-height:90px;resize:vertical}.fo-lock{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.fo-lock-card{width:min(580px,100%);padding:clamp(1.3rem,5vw,3rem);border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(216,186,104,.15),transparent 35%),var(--panel)}.fo-lock-card img{width:68px}.fo-lock-card h1{font:800 clamp(1.8rem,6vw,3.2rem)/1 var(--display)}.fo-lock-card p{color:var(--muted);line-height:1.6}.fo-mobile-head{display:none}.fo-toast{position:fixed;right:1rem;bottom:1rem;z-index:20;max-width:360px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:#191b24;box-shadow:0 18px 50px rgba(0,0,0,.4)}
@media(max-width:980px){.fo-shell{grid-template-columns:1fr}.fo-sidebar{position:fixed;z-index:10;left:0;top:0;width:min(310px,88vw);transform:translateX(-105%);transition:transform .2s ease}.fo-shell.menu-open .fo-sidebar{transform:none}.fo-mobile-head{display:flex}.fo-main{padding-top:max(1rem,env(safe-area-inset-top))}.fo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-hero{grid-template-columns:1fr}.fo-signal{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.fo-top{align-items:flex-start}.fo-top>.fo-btn{display:none}.fo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.fo-panel{flex:0 0 88%;scroll-snap-align:start}.fo-panel.full,.fo-panel.wide{grid-column:auto}.fo-signal{display:flex;overflow-x:auto}.fo-stat{flex:0 0 48%}.fo-row{align-items:flex-start;flex-direction:column}.fo-form,.fo-form.three{grid-template-columns:1fr}.fo-form .fo-btn{width:100%}.fo-top h1{font-size:1.7rem}}

.fo-calendar{overflow-x:auto}.fo-week,.fo-days{min-width:720px;display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.fo-week span{padding:.4rem;color:var(--muted);font-size:.65rem;text-align:center}.fo-day{min-height:105px;padding:.55rem;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.fo-day>b{display:block;font:600 .75rem var(--mono)}.fo-day>span{display:block;margin-top:.35rem;padding:.25rem;border-left:2px solid var(--gold);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-day.today{border-color:var(--gold);background:rgba(216,186,104,.07)}.fo-day.muted{opacity:.3}.fo-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.fo-lesson{min-height:220px;display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--panel2)}.fo-lesson>span{color:var(--gold);font:700 .72rem var(--mono)}.fo-lesson h3{margin:.8rem 0 .35rem}.fo-lesson p{font-size:.78rem}.fo-lesson a{margin-top:auto;color:var(--gold);font-size:.75rem;text-decoration:none}
.fo-nexus-dock{position:fixed;z-index:30;right:0;top:0;width:min(460px,100vw);height:100dvh;display:flex;flex-direction:column;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));border-left:1px solid var(--line);background:#0d0f15;box-shadow:-24px 0 70px rgba(0,0,0,.45);transform:translateX(105%);transition:transform .24s ease}.fo-nexus-dock.open{transform:none}.fo-nexus-dock header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.fo-nexus-dock h2{margin:.15rem 0;font:800 2rem var(--display)}.fo-nexus-messages{flex:1;overflow:auto;display:grid;align-content:start;gap:.6rem;padding:1rem 0}.fo-nexus-messages article{max-width:88%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.fo-nexus-messages article.you{margin-left:auto;background:rgba(216,186,104,.1)}.fo-nexus-messages strong{color:var(--gold);font-size:.67rem}.fo-nexus-messages p{margin:.3rem 0 0;white-space:pre-wrap;line-height:1.5}.fo-nexus-dock form{display:grid;grid-template-columns:1fr auto;gap:.5rem}.fo-nexus-dock textarea{min-height:70px;resize:none;border:1px solid var(--line);border-radius:12px;padding:.7rem;color:var(--text);background:var(--panel2)}
@media(max-width:980px){.fo-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.fo-grid{display:block;overflow:visible}.fo-panel{margin-bottom:.8rem}.fo-lesson-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.fo-lesson{flex:0 0 82%;scroll-snap-align:start}.fo-nexus-dock form{grid-template-columns:1fr}.fo-nexus-dock form .fo-btn{width:100%}}
.fo-invite-nexus{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;color:var(--gold);font-size:.72rem}.fo-invite-nexus input{min-height:auto}
.fo-topic-cards{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:.8rem}.fo-topic-cards>.fo-kicker{flex:0 0 auto;align-self:center}.fo-topic-cards button{flex:0 0 230px;min-height:86px;border:1px solid var(--line);border-radius:13px;padding:.7rem;color:var(--text);background:rgba(216,186,104,.06);text-align:left;cursor:pointer}.fo-topic-cards strong,.fo-topic-cards small{display:block}.fo-topic-cards small{margin-top:.3rem;color:var(--muted)}

/* Focused navigation: every FamilyOS system lives in a hamburger drawer. */
.fo-shell{grid-template-columns:minmax(0,1fr)}
.fo-sidebar{position:fixed;z-index:40;left:0;top:0;width:min(330px,88vw);height:100dvh;padding:max(1.1rem,env(safe-area-inset-top)) 1.1rem max(1.1rem,env(safe-area-inset-bottom));box-shadow:20px 0 70px rgba(0,0,0,.42);transform:translateX(-105%);transition:transform .22s ease}
.fo-shell.menu-open .fo-sidebar{transform:none}.fo-mobile-head{display:flex}
.fo-lesson-link{margin-top:auto;border:0;background:transparent;color:var(--gold);font:inherit;font-size:.75rem;font-weight:800;padding:0;cursor:pointer;text-align:left}.fo-lesson-link:hover{text-decoration:underline}
/* Production interaction additions */
.fo-form.four{grid-template-columns:minmax(180px,1.4fr) minmax(190px,1fr) minmax(160px,1fr) auto}
.fo-form textarea{min-height:112px;resize:vertical;grid-column:1/-1}
.fo-check{display:flex!important;align-items:center;gap:.65rem;color:var(--muted);font-size:.82rem}.fo-check input{width:auto!important;accent-color:var(--gold)}
@media(max-width:900px){.fo-form.four{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fo-form.four{grid-template-columns:1fr}}