/* Simple hierarchy: one main navigation, then shortcuts belonging to each universe. */
.reference-shell.simple-shell{display:block;max-width:1800px;padding:0 18px;min-height:100vh}.simple-shell .ref-topbar{gap:24px;padding:17px 10px;min-height:85px;background:transparent}.simple-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:20px;font-weight:700;letter-spacing:-.5px}.simple-brand small{display:block;font-size:10px;letter-spacing:.6px;color:var(--ref-muted);font-weight:400}.simple-brand .ref-logo{width:37px;height:39px}.simple-main-nav{display:flex;gap:7px;margin-left:auto;margin-right:auto;padding:5px;border:1px solid #3c5b7766;border-radius:12px;background:#071a29b3}.simple-main-nav>a{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 21px;color:#b6c8dd;border:1px solid transparent;border-radius:8px;font-size:16px;font-weight:550;min-height:45px}.simple-main-nav .ui-icon{width:21px;height:21px}.simple-main-nav>a.active{color:#fff;background:linear-gradient(135deg,#1267c5,#14375d);border-color:#529cdc70;box-shadow:inset 0 1px #ffffff19,0 3px 12px #0c62cf1a}.simple-main-nav>.family-tab.active{background:linear-gradient(135deg,#b5257c,#632362);border-color:#ec70bd75}.simple-main-nav>a:hover{color:#fff;background-color:#41688e20}.simple-shell .ref-topbar .account-area{margin-left:0;gap:10px;flex-shrink:0}.simple-shell main{padding:22px 10px 28px}.simple-shell footer{margin:0 10px;padding-bottom:22px}
.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;list-style:none;min-height:42px;padding:8px 11px;border:1px solid #4a668755;border-radius:8px}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:3px solid #91bfff;outline-offset:3px}.account-menu summary::after{content:"⌄";font-size:14px}.account-menu summary .ui-icon{width:20px;height:20px}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:205px;display:grid;gap:4px;padding:9px;background:var(--ref-panel);border:1px solid var(--ref-border);border-radius:10px;box-shadow:0 10px 35px #0005}.account-dropdown>a,.account-dropdown button{font-size:14px;color:var(--ref-text);padding:11px 12px;min-height:43px;text-align:left;border:0;background:transparent;width:100%;justify-content:start;box-shadow:none}.account-dropdown>a:hover,.account-dropdown button:hover{background:#47709720;border-radius:7px}.account-dropdown form{margin:0}
.ref-feature-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:17px 0 22px}.ref-feature-tabs>a{flex-direction:column;justify-content:center;gap:10px;font-size:14px;min-height:104px;border-radius:10px;background:linear-gradient(145deg,#112538,#061521);box-shadow:inset 0 1px #ffffff13,0 3px 14px #0002}.ref-feature-tabs>a .neon-icon{width:44px;height:44px;border-radius:11px}.ref-feature-tabs>a:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff20,0 6px 18px #007bff17}.ref-feature-tabs .neon-icon .ui-icon{width:27px;height:27px}.home-shortcuts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.simple-shell .family-banner,.simple-shell .home-banner{min-height:215px}.home-banner .ref-hero-copy{display:flex;align-items:center;gap:20px;padding:35px;min-height:215px}.banner-symbol{display:grid;place-items:center;flex-shrink:0;width:66px;height:70px}.banner-symbol .ui-icon{width:63px;height:63px;filter:drop-shadow(0 0 10px #007bff);stroke-width:1.6}.home-banner h1{margin:0 0 13px;font-size:43px}.home-banner .theme-photo img{object-position:center 51%}.house-content-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.status-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-status-tile{padding:15px 10px 13px;border:1px solid #36597580;border-radius:10px;background:linear-gradient(145deg,#102335,#061522);text-align:center;box-shadow:inset 0 1px #ffffff0a;display:flex;align-items:center;flex-direction:column;gap:9px}.home-status-tile .neon-icon{width:37px;height:37px;background:transparent;border:0;box-shadow:none}.home-status-tile h3{font-size:15px;font-weight:500;letter-spacing:0;margin:0}.home-status-tile p{font-size:11px;color:var(--ref-muted);margin:0}.server-message{font-size:12px;color:#d5bd8e;margin:15px 0 0;display:flex;align-items:center;gap:8px}.server-message::before{content:"";display:block;width:6px;height:6px;background:#d5bd8e;border-radius:50%}.room-panel .ref-photo-preview{min-height:240px}.room-note{display:flex;align-items:center;gap:11px;margin:15px 0 0;color:var(--ref-muted)}.room-note .ui-icon{width:21px;height:21px;flex-shrink:0}.room-note p{font-size:13px;margin:0;line-height:1.6}.compact-empty{display:flex;gap:17px;align-items:center;min-height:60px}.compact-empty p{font-size:15px;line-height:1.7;color:var(--ref-muted);margin:0}.archive-panel:hover{border-color:#5d9bcb;color:inherit;background:#102637}.dashboard-note{color:var(--ref-muted);font-size:12px;line-height:1.7;margin:20px 0 0}
html[data-theme="light"]{--ref-bg:#f1f5fa;--ref-panel:#fff;--ref-panel-alt:#eaf0f7;--ref-border:#c3d0df;--ref-text:#172f4b;--ref-muted:#526b84;--ref-shadow:0 4px 15px #284f7510}html[data-theme="light"] body{background:var(--ref-bg)}html[data-theme="light"] .simple-shell .ref-topbar{background:transparent}html[data-theme="light"] .simple-main-nav{background:#e3eaf4;border-color:#c4d0e0;box-shadow:inset 0 1px #fff}html[data-theme="light"] .simple-main-nav>a{color:#506883}html[data-theme="light"] .simple-main-nav>a.active{color:#125eae;background:#fff;border-color:#b0c7e4;box-shadow:0 2px 6px #33557b15}html[data-theme="light"] .simple-main-nav>.family-tab.active{color:#a51e68;background:#fff;border-color:#dfbad0}html[data-theme="light"] .account-menu summary{border-color:#b4c7dc;background:#fff}html[data-theme="light"] .account-dropdown{box-shadow:0 9px 25px #304e6f24}html[data-theme="light"] .ref-panel,html[data-theme="light"] .quick-tile,html[data-theme="light"] .ref-feature-tabs>a{background:#fff;border-color:#c3d0df;box-shadow:0 4px 14px #315c8410}html[data-theme="light"] .ref-world,html[data-theme="light"] .house-world{background:#fff;border-color:#bccdde;box-shadow:0 5px 20px #335c8214}html[data-theme="light"] .ref-world .world-miniatures>span{background:#f5f7fb}html[data-theme="light"] .ref-world .ref-world-content{border-top:1px solid #ced9e4}html[data-theme="light"] .ref-world h2,html[data-theme="light"] .ref-panel h2,html[data-theme="light"] .ref-panel h3{color:#1d3d5c}
html[data-theme="light"] .ref-hero{padding-left:43%;min-height:250px;background:#fff;border-color:#bdcddb}html[data-theme="light"] .ref-hero>.theme-photo{left:43%;width:57%;height:100%}html[data-theme="light"] .ref-hero .ref-photo-shade{display:none}html[data-theme="light"] .ref-hero .ref-hero-copy{position:absolute;left:0;top:0;bottom:0;width:43%;max-width:none;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:28px;z-index:2;border-right:1px solid #c7d5e2}html[data-theme="light"] .ref-hero h1{font-size:clamp(29px,2.8vw,43px);color:#163c60;margin:12px 0 16px;letter-spacing:-1px}html[data-theme="light"] .ref-hero p{font-size:16px;color:#456580;line-height:1.7}html[data-theme="light"] .ref-hero .ref-kicker{font-size:9px;color:#657d94;letter-spacing:1px}html[data-theme="light"] .ref-hero .ref-image-note{font-size:9px;background:#fffffff0;border:1px solid #b6c9d680;color:#3a5a77}
html[data-theme="light"] .home-banner .ref-hero-copy{flex-direction:row;align-items:center;gap:15px;justify-content:start}html[data-theme="light"] .home-banner h1{font-size:37px;margin:0 0 12px}html[data-theme="light"] .home-banner .banner-symbol{width:47px}html[data-theme="light"] .home-banner .banner-symbol .ui-icon{width:45px;height:45px;filter:drop-shadow(0 2px 4px #4d98cf33)}html[data-theme="light"] .home-status-tile{background:#f5f8fc;border-color:#cad7e6;box-shadow:inset 0 1px #fff}html[data-theme="light"] .server-message{color:#765d30}html[data-theme="light"] .server-message::before{background:#a78449}html[data-theme="light"] .archive-panel:hover{background:#f3f8ff;border-color:#7aa9d5}
@media(min-width:1700px){.simple-shell .ref-hero{min-height:275px}html[data-theme="light"] .simple-shell .ref-hero{min-height:275px}.simple-shell .ref-hero-copy{padding:38px}.ref-feature-tabs>a{min-height:112px}}
@media(max-width:1150px){.reference-shell.simple-shell{padding:0 12px}.simple-shell .ref-topbar{flex-wrap:wrap;gap:14px}.simple-main-nav{order:3;flex-basis:100%;margin:0}.simple-main-nav>a{flex:1;font-size:16px}.simple-shell .ref-topbar .account-area{margin-left:auto}.simple-shell main{padding:19px 5px}.simple-shell footer{margin:0 5px}.house-content-grid{gap:15px}.status-tiles{gap:9px}.home-status-tile{padding:13px 7px}.home-status-tile h3{font-size:14px}.ref-feature-tabs{gap:10px}.ref-feature-tabs>a{font-size:13px}.home-banner .ref-hero-copy{padding:28px}.home-banner h1{font-size:37px}html[data-theme="light"] .home-banner .ref-hero-copy{padding:24px;gap:12px}html[data-theme="light"] .home-banner .banner-symbol{display:none}html[data-theme="light"] .ref-hero p{font-size:15px}}
@media(max-width:850px){.ref-feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ref-feature-tabs>a{min-height:96px;font-size:14px}.house-content-grid{grid-template-columns:1fr}.room-panel .ref-photo-preview{min-height:260px}.simple-shell footer{padding-bottom:23px}.home-status-tile{padding:15px 9px}.home-status-tile h3{font-size:16px}.home-status-tile p{font-size:12px}.simple-shell .ref-topbar .account-area{gap:8px}html[data-theme="light"] .ref-hero{padding-left:45%;min-height:240px}html[data-theme="light"] .ref-hero>.theme-photo{left:45%;width:55%}html[data-theme="light"] .ref-hero .ref-hero-copy{width:45%;padding:22px}html[data-theme="light"] .ref-hero h1{font-size:30px}html[data-theme="light"] .ref-hero p{font-size:14px}.room-note p{font-size:14px}}
@media(max-width:540px){.reference-shell.simple-shell{padding:0 10px}.simple-shell .ref-topbar{padding:13px 0;gap:13px}.simple-brand{font-size:16px;gap:6px}.simple-brand small{font-size:8px}.simple-brand .ref-logo{width:27px;height:32px}.simple-brand .ref-logo .ui-icon{width:27px;height:27px}.simple-shell .theme-picker button{font-size:11px;padding:7px}.simple-shell .ref-topbar .account-area{gap:5px}.simple-shell .login-link{font-size:12px;min-height:36px;padding:7px 9px}.simple-main-nav{padding:4px;gap:4px;border-radius:11px}.simple-main-nav>a{font-size:14px;gap:6px;min-height:45px;padding:10px 7px}.simple-main-nav .ui-icon{width:20px;height:20px}.simple-shell main{padding:15px 0 24px}.account-menu summary{padding:7px;min-height:36px}.account-menu summary>span{display:none}.account-menu summary .ui-icon{width:19px;height:19px}.account-menu summary::after{display:none}.simple-shell .ref-hero{min-height:225px}.simple-shell .ref-hero-copy{padding:24px 20px}.simple-shell .home-banner .ref-hero-copy{min-height:225px;gap:13px}.home-banner .banner-symbol{width:43px;height:52px}.home-banner .banner-symbol .ui-icon{width:43px;height:43px}.home-banner h1{font-size:34px}.ref-feature-tabs{gap:9px;margin:14px 0 18px}.ref-feature-tabs>a{font-size:12px;min-height:88px;padding:11px 6px;gap:8px}.ref-feature-tabs>a .neon-icon{width:36px;height:36px}.ref-feature-tabs .neon-icon .ui-icon{width:24px;height:24px}.status-tiles{gap:8px}.home-status-tile{padding:13px 6px}.home-status-tile h3{font-size:14px}.home-status-tile p{font-size:10px}.room-panel .ref-photo-preview{min-height:220px}.server-message{font-size:12px}.compact-empty p{font-size:14px}.dashboard-note{font-size:12px}
html[data-theme="light"] .simple-shell .ref-hero{padding-left:0;padding-top:175px;min-height:0}html[data-theme="light"] .simple-shell .ref-hero>.theme-photo{left:0;top:0;width:100%;height:175px}html[data-theme="light"] .simple-shell .ref-hero .ref-hero-copy{position:relative;left:auto;top:auto;bottom:auto;width:100%;border-right:0;border-top:1px solid #c8d6e2;padding:23px 20px;min-height:0}html[data-theme="light"] .simple-shell .ref-hero .ref-image-note{top:144px;bottom:auto;right:8px;font-size:8px}html[data-theme="light"] .simple-shell .ref-hero h1{font-size:31px;margin-top:8px;margin-bottom:12px}html[data-theme="light"] .simple-shell .ref-hero p{font-size:15px}html[data-theme="light"] .simple-shell .home-banner .ref-hero-copy{flex-direction:row;align-items:center;gap:12px}html[data-theme="light"] .simple-shell .home-banner h1{font-size:33px;margin:0 0 9px}html[data-theme="light"] .simple-shell .home-banner .banner-symbol{display:flex;width:39px;height:45px}html[data-theme="light"] .simple-shell .home-banner .banner-symbol .ui-icon{width:39px;height:39px}}