/* The supplied family logo sets the cream, caramel and cocoa identity. */
:root{--bg:#fbf5ec;--paper:#fffdf8;--card:#fffdf8;--text:#422a1e;--muted:#806b5b;--line:#eadbca;--olive:#70452e;--olive-dark:#422819;--olive-light:#f3e4d1;--peach:#edc39c;--coral:#b66e45;--purple:#865737}
body{background:var(--bg);color:var(--text)}
.sidebar{background:linear-gradient(175deg,#fffdf8,#f5e7d7)!important;border-color:var(--line)!important}
.sidebar .brand{justify-content:center;padding:0}
.sidebar .brand-logo{width:156px;height:130px;object-fit:contain;border-radius:20px;filter:none}
.sidebar .brand-wordmark{display:none}
.sidebar .workspace-label{margin-top:20px;color:#8c705a}
.sidebar nav a{color:#715442!important}
.sidebar nav a.active{background:#ead4bb!important;color:#422819!important;box-shadow:none}
.sidebar .small-pill{background:#f0dfcc;color:#795237}
.topbar{background:#fbf5ecf2;border-color:var(--line)}
.primary-button{background:#70452e!important;color:#fffaf3!important;box-shadow:0 5px 0 #4c2d1c18;border-radius:16px}
.primary-button:hover{background:#51311f!important;transform:translateY(-2px)}
.secondary-button{border-color:#d8b898;color:#70452e}
.eyebrow,.text-link{color:#94633f}
.nature-card,.home-install{background:#f1dfc8;color:#543824;border-color:#e4cdb4}
.studio-hero:has(.studio-photo){background:linear-gradient(125deg,#f6e6d2,#fffaf2);border:1px solid #ead5bd;border-radius:30px;padding:42px;gap:20px;grid-template-columns:1fr 1.1fr;overflow:hidden}
.studio-hero h1{color:#422819;font-size:clamp(36px,4.2vw,60px);letter-spacing:-2px;line-height:1.1}
.studio-hero h1 em{color:#ab6e43;font-style:normal}
.studio-hero p{color:#806450;max-width:470px}
.studio-photo{position:relative;margin:0!important;width:100%!important;max-width:none;background:#fff4e6;border-radius:26px;overflow:hidden;align-self:center}
.studio-photo>img{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;background:#fff4e6}
.studio-photo .art-sticker{background:#fffaf0;color:#70452e;border:1px solid #dec4a8;box-shadow:0 8px 20px #6e45221c;font-size:14px;bottom:22px;left:18px;transform:rotate(-7deg)}
.studio-photo .portrait-credit{right:12px;bottom:6px;color:#73533d;font-size:8px}
.studio-footnote{color:#93775f;line-height:1.6}
.brand-welcome{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.brand-welcome .eyebrow{font-size:10px;letter-spacing:1.5px}
.brand-lottie{display:block;width:65px;height:65px;flex:none;pointer-events:none}
.brand-lottie svg{width:100%!important;height:100%!important;stroke:none}
.studio-links>a{position:relative;background:#fffdf8;border:1px solid #eadbca;border-radius:24px;box-shadow:0 8px 22px #71482d08}
.studio-links>a:nth-child(2){background:#f1dec6}.studio-links>a:nth-child(3){background:#eee7d8}
.studio-links .brand-lottie{position:absolute;right:12px;top:10px;width:54px;height:54px}
.studio-links h2{color:#513522;padding-right:18px}
.studio-links a>span,.studio-links b{color:#916341}
.people-grid>a{border-radius:24px;border:1px solid #e8d3bd;background:#fffaf3;overflow:hidden}
.people-grid img{object-fit:contain;background:#f3e2ce;aspect-ratio:1.4}
.people-grid>a:nth-child(2) img{background:#ead4b9}.people-grid>a:nth-child(3) img{background:#f4e6d7}
.routine-home-grid>a{background:#f3e5d4;border-color:#e7cfb3;color:#563921;border-radius:22px}
.home-install img,.install-logo{object-fit:contain;border-radius:12px}
.home-install img{width:78px;height:65px}.install-logo{width:130px;height:auto}
.community-hero,.news-hero,.play-heading{background:linear-gradient(120deg,#67432f,#9d704d);color:#fff4e5;border-color:#b48a64}
.community-hero p,.news-hero p{color:#f1dfca}.community-hero .eyebrow{color:#f2cfaa}
.community-shell:before{background:linear-gradient(180deg,#faf0e3,#fffaf4)}
.mobile-nav{background:#fffaf4f5;border-color:#e5d0b9}
.mobile-nav a.active{color:#734726;background:#f1dfc8}
html[data-theme=dark]{--bg:#211912;--paper:#30251d;--card:#30251d;--text:#f5e6d5;--muted:#c8af97;--line:#584330}
html[data-theme=dark] body{background:#211912;color:#f5e6d5}
html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .mobile-nav{background:#2b211a!important;border-color:#584330!important}
html[data-theme=dark] .sidebar nav a{color:#e5ccb2!important}
html[data-theme=dark] .sidebar nav a.active{background:#67462d!important;color:#fff4e7!important}
html[data-theme=dark] .studio-hero:has(.studio-photo){background:linear-gradient(120deg,#39291d,#4a3323);border-color:#65482f}
html[data-theme=dark] .studio-hero h1,html[data-theme=dark] .studio-links h2{color:#fff0dc}
html[data-theme=dark] .studio-hero h1 em{color:#e1b080}
html[data-theme=dark] .studio-hero p{color:#d3b99f}
html[data-theme=dark] .studio-links>a,html[data-theme=dark] .people-grid>a,html[data-theme=dark] .routine-home-grid>a,html[data-theme=dark] .home-install{background:#35271d;border-color:#62482f;color:#f5e6d5}
html[data-theme=dark] .community-shell:before{background:#291f18}
@media(max-width:1000px){.studio-hero:has(.studio-photo){padding:28px;gap:20px}.studio-hero h1{font-size:40px}}
@media(max-width:640px){.studio-hero:has(.studio-photo){grid-template-columns:1fr;padding:25px 20px;gap:22px;border-radius:24px}.studio-hero h1{font-size:42px}.studio-photo{border-radius:20px}.brand-welcome{margin-bottom:10px}.brand-welcome .brand-lottie{width:50px;height:50px}.studio-links>a{min-height:170px}.sidebar .brand-logo{width:145px;height:121px}.people-grid img{max-height:240px}.home-install img{width:65px;height:54px}}
@media(prefers-reduced-motion:reduce){.primary-button:hover{transform:none}.studio-photo,.people-grid img{animation:none!important}}
/* Keep the compact preference controls in the header flow. */
.topbar .preference-controls{position:static;flex:none;order:0}
.topbar .preference-controls button{background:#f0dfc8!important;color:#61402b!important;border-radius:9px}
.topbar .preference-controls:after{display:none}
.topbar .breadcrumb,.topbar .breadcrumb-brand,.topbar #page-label,.sidebar-profile,.sidebar-profile small,.help-link,footer,.home-install h3,.home-install p{color:#80614a!important}
.section-heading .text-link{color:#8c5834!important}
.routine-home-grid>a:nth-child(2){background:#efdbc7}
.routine-home-grid>a:nth-child(3){background:#eae5d6}
#main .people-grid img[src*="/assets/avatars/"]{width:100%!important;height:210px!important;max-width:none!important;max-height:none!important;border-radius:0!important;object-fit:contain!important;padding:16px;transition:transform .25s}
#main .people-grid>a:hover img{transform:translateY(-5px) rotate(-2deg)}
.sidebar .workspace-label:after{background:#c69a72}
html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] footer{background:#211912!important;color:#f5e6d5!important}
html[data-theme=dark] .tailored-note,html[data-theme=dark] .sidebar-profile{background:#35271d!important;border-color:#62482f!important}
html[data-theme=dark] .primary-button{background:#b88151!important;color:#20150e!important}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .text-link,html[data-theme=dark] .tailored-note a,html[data-theme=dark] .studio-links b{color:#e5b788!important}
html[data-theme=dark] .home-install h3,html[data-theme=dark] .home-install p,html[data-theme=dark] .sidebar-profile,html[data-theme=dark] .sidebar-profile small,html[data-theme=dark] .help-link,html[data-theme=dark] .topbar #page-label,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .breadcrumb-brand{color:#e0c4a7!important}
html[data-theme=dark] .people-grid img{background:#e5cab0}
html[data-theme=dark] .routine-home-grid>a:nth-child(n){background:#35271d}
@media(min-width:641px) and (max-width:1100px){.studio-hero:has(.studio-photo){grid-template-columns:1fr}.studio-photo{max-width:540px;justify-self:center}.studio-links,.people-grid,.routine-home-grid{grid-template-columns:1fr}.studio-hero h1{font-size:44px}.studio-links>a{min-height:160px}}
@media(max-width:900px){.topbar #sync-status,.topbar-divider{display:none}.topbar-actions{gap:7px}}
@media(max-width:640px){.topbar .preference-controls{gap:2px}.topbar .preference-controls button{min-width:28px;padding:0 5px}.topbar .breadcrumb{max-width:38vw}.topbar .topbar-actions{gap:4px}.home-install h3,.home-install p{padding-left:10px}.home-install>div{min-width:0}}
@media(prefers-reduced-motion:reduce){#main .people-grid>a:hover img{transform:none}}
@media(min-width:641px) and (max-width:1100px){.topbar{padding-inline:16px;gap:8px}.topbar .breadcrumb{min-width:0;flex:1}.topbar .breadcrumb-brand,.topbar .breadcrumb-divider,.topbar .install-access>span:last-child{display:none}.topbar #page-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:none}}