/* Reference-led family portal. Paired day/night imagery, not filtered night photos. */
:root{--ref-bg:#020c18;--ref-panel:#071824;--ref-panel-alt:#0a1e2e;--ref-border:#29516b80;--ref-text:#f1f5ff;--ref-muted:#b0c3d6;--ref-blue:#1a88ff;--ref-pink:#ed439d;--ref-shadow:0 12px 30px #0004}
body{background:radial-gradient(ellipse at 100% 0%,#172e5240,transparent 60%),var(--ref-bg);color:var(--ref-text)}
.reference-shell{max-width:2000px;padding:0;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh;margin:auto}
.ref-sidebar{position:sticky;top:0;height:100vh;padding:24px 15px;display:flex;flex-direction:column;border-right:1px solid var(--ref-border);background:linear-gradient(180deg,#061320,#020e19);z-index:5}
.ref-sidebar .brand{font-size:17px;gap:9px;letter-spacing:-.5px;margin:0 0 28px}.ref-sidebar .brand small{font-size:8px;letter-spacing:.7px;color:#aabdd4}.ref-logo{display:grid;place-items:center;width:35px;height:40px;color:#ff90b9;filter:drop-shadow(0 0 7px #f75da367);flex-shrink:0}.ref-logo .ui-icon{width:32px;height:32px;stroke-width:1.8}.ref-navigation{display:flex;flex-direction:column;gap:7px}.ref-navigation a,.sidebar-extra>a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:9px;color:#c6d6e7;font-size:15px;border:1px solid transparent}.ref-navigation .ui-icon,.sidebar-extra .ui-icon{width:21px;height:21px}.ref-navigation a.active{background:linear-gradient(90deg,#0758bf,#0b2742 60%,#0b223608);border-color:#24659377;box-shadow:inset 3px 0 #38b3ff,0 0 14px #0862cb14;color:#fff}.ref-navigation a:hover,.sidebar-extra>a:hover{background:#1c4a6c25;color:#fff}.sidebar-extra{display:flex;flex-direction:column;margin-top:28px;gap:3px}.sidebar-label{font-size:9px;letter-spacing:1.4px;color:#829cb7;margin:0 12px 10px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--ref-border);padding:17px 5px 0;font-size:12px;display:grid;gap:15px}.privacy-mark{display:flex;align-items:center;gap:8px;font-size:10px;color:#a6bed1}.privacy-mark .ui-icon{width:16px;height:16px}
.ref-app{min-width:0}.ref-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px 28px;border-bottom:1px solid var(--ref-border);background:#061523aa}.ref-universes{display:flex;gap:9px}.ref-universes a{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#aebfd7;padding:9px 15px;border-radius:8px;border:1px solid #3653735c;background:#12223444;min-height:42px}.ref-universes .ui-icon{width:19px;height:19px}.ref-universes .family-tab.active{color:#ffeaf8;background:linear-gradient(135deg,#b5227a,#551d59);border-color:#fc71c180;box-shadow:0 0 19px #df3fa029}.ref-universes .home-tab.active{color:#e3f7ff;background:linear-gradient(135deg,#086cdb,#13418c);border-color:#44afff99;box-shadow:0 0 20px #1683ff33}.mobile-brand{display:none}.ref-topbar .account-area{font-size:14px;gap:12px}.ref-topbar .theme-picker{background:#0c1b2e;border-color:#3d577455}.ref-topbar .theme-picker button{min-height:36px;font-size:12px}.ref-topbar .account-link,.ref-topbar .login-link,.ref-topbar .subtle-button{font-size:13px;min-height:40px}.reference-shell main{min-height:0;padding:22px 28px 30px}.reference-shell footer{margin:0 28px;padding:19px 0;color:#879eb7;font-size:11px}
.theme-photo{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}.theme-photo img{width:100%;height:100%;object-fit:cover;display:block}.theme-photo .day-photo{display:none}html[data-theme="light"] .theme-photo .day-photo{display:block}html[data-theme="light"] .theme-photo .night-photo{display:none}
.ref-hero{position:relative;min-height:265px;border-radius:15px;overflow:hidden;isolation:isolate;border:1px solid #45678b90;background:#152535;box-shadow:0 7px 30px #0003}.ref-hero .theme-photo img{object-position:center 62%}.ref-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040e22c9,#040e2266 50%,#040e2200 85%);z-index:1}.ref-hero-copy{position:relative;z-index:2;padding:34px 35px;max-width:760px}.ref-kicker{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#d3e0ee;text-shadow:0 1px 4px #0008}.ref-hero h1{font-size:clamp(34px,3.1vw,52px);letter-spacing:-1.5px;font-weight:750;color:#fff;margin:14px 0 13px;line-height:1.1;text-shadow:0 2px 10px #0006}.ref-hero p{font-size:17px;line-height:1.7;color:#f2f2f6;margin:0;text-shadow:0 1px 5px #000a}.heart-text{display:inline-block;color:#ff5485;text-shadow:0 0 18px #ff1c6866}.ref-image-note{position:absolute;bottom:12px;right:15px;z-index:2;color:#e1e8f0;font-size:9px;background:#07142580;border-radius:5px;padding:4px 7px}
.ref-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:20px}.ref-world{position:relative;isolation:isolate;min-height:300px;border-radius:14px;border:1px solid #ed489d99;overflow:hidden;box-shadow:inset 0 1px #ffffff22,0 0 20px #ed489d0a;background:#15212f}.house-world{border-color:#24b3ff9c;box-shadow:0 0 20px #188dff12}.ref-world .theme-photo img{object-position:center 60%;transition:transform .6s}.ref-world:hover .theme-photo img{transform:scale(1.045)}.world-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#130a24fa,#1c0b2766 75%,#180d221a);z-index:1}.house-world .world-overlay{background:linear-gradient(0deg,#031b2afa,#041c3177 75%,#041c310a)}.ref-world-icon{display:grid;place-items:center;position:relative;z-index:2;margin:22px 25px 0;width:47px;height:47px}.ref-world-icon .ui-icon{width:43px;height:43px;stroke-width:1.8;filter:drop-shadow(0 0 8px currentColor)}.ref-world-content{position:relative;z-index:2;padding:10px 25px 22px}.ref-world h2{font-size:34px;letter-spacing:-1px;color:white;margin:4px 0 7px}.ref-world p{font-size:15px;color:#e0e3ec;margin:0 0 20px}.neon-action{display:flex;justify-content:space-between;align-items:center;border-radius:9px;padding:10px 16px;color:#fff;font-size:16px;font-weight:600;border:1px solid #ff7cc499;box-shadow:inset 0 1px #ffffff2e,0 0 20px #df25952a;background:linear-gradient(110deg,#e2338d,#7d258a)}.blue-action{background:linear-gradient(110deg,#00a1d9,#066ae5);border-color:#5bbfffaa;box-shadow:inset 0 1px #ffffff40,0 0 18px #008cff29}.world-miniatures{display:flex;gap:8px;margin-top:13px}.world-miniatures>span{width:33px;height:31px;display:grid;place-items:center;border:1px solid #e1c3f13b;border-radius:7px;background:#9c46851c;backdrop-filter:blur(7px)}.house-world .world-miniatures>span{border-color:#82ccf34d;background:#2b8ecb1a}.world-miniatures .ui-icon{width:18px;height:18px;color:#e6d2ed}.house-world .world-miniatures .ui-icon{color:#a6eaff}
.ref-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 15px}.ref-section-title h2{font-size:21px;margin:0;letter-spacing:-.4px}.ref-section-title>span{font-size:12px;color:var(--ref-muted)}.ref-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-tile{display:flex;align-items:center;gap:12px;padding:17px 15px;background:linear-gradient(135deg,#0d2133,#071621);border:1px solid var(--ref-border);border-radius:11px;box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,transform .2s}.quick-tile:hover{border-color:#5a9ccc;transform:translateY(-2px);color:#fff}.quick-tile h3{font-size:15px;margin:0 0 5px;letter-spacing:0}.quick-tile p{font-size:12px;margin:0;color:var(--ref-muted)}.quick-tile>span:last-child{font-size:15px;color:#8da4c2;margin-left:auto}.neon-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#17425b33;border:1px solid #5698bf55;flex-shrink:0;box-shadow:inset 0 1px #ffffff15,0 0 20px #209bfa0d}.neon-icon .ui-icon{width:25px;height:25px;filter:drop-shadow(0 0 5px currentColor)}.pink{color:#ff74bb;background:#e3298414;border-color:#db508f66}.blue{color:#65baff;background:#1671e51a;border-color:#3f9ef766}.cyan{color:#53e7e3;background:#0aa9a117;border-color:#45c6c266}.violet{color:#c99dff;background:#a45bea17;border-color:#9a69dd77}.amber{color:#ffd77c;background:#d9952317;border-color:#c49a4d66}.neon-icon.amber{box-shadow:inset 0 0 12px #e8b54412,0 0 15px #dca43a12}
.ref-feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.ref-feature-tabs>a{display:flex;align-items:center;gap:13px;border:1px solid var(--ref-border);border-radius:11px;padding:14px;background:linear-gradient(145deg,#0a2131,#061621);font-size:15px;font-weight:500}.ref-feature-tabs>a:hover{border-color:#5c9abc;color:#fff}.family-banner{min-height:220px}.family-content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:20px}.ref-panel{scroll-margin-top:20px;border:1px solid var(--ref-border);background:var(--ref-panel);border-radius:12px;padding:20px;box-shadow:var(--ref-shadow)}.ref-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.ref-panel-heading h2{font-size:19px;letter-spacing:-.2px;margin:0}.ref-panel-heading>.ui-icon{width:20px;height:20px;color:#cbd6e6}.status-chip{font-size:10px;padding:4px 7px;border-radius:5px;border:1px solid #7296b333;color:#adbed2;background:#5e8ebc09}.ref-photo-preview{position:relative;isolation:isolate;min-height:220px;overflow:hidden;border-radius:9px}.album-caption{position:absolute;bottom:0;left:0;right:0;padding:25px 15px 12px;font-size:16px;color:white;background:linear-gradient(transparent,#06111cdd)}.ref-panel-note{font-size:12px;color:var(--ref-muted);margin:13px 0 0}.ref-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;background:radial-gradient(ellipse,#ec439b09,transparent 70%);border-radius:9px}.ref-empty h3{font-size:19px;margin:0;letter-spacing:0}.ref-empty p{font-size:15px;line-height:1.75;color:var(--ref-muted);margin:0}.idea-row{display:flex;align-items:center;gap:17px;padding:6px 0}.idea-row h3{font-size:17px;margin:0 0 7px}.idea-row p{font-size:14px;color:var(--ref-muted);margin:0}
.reference-shell .home-experience .cinema-hero{min-height:400px;border-radius:14px;border-color:#2a91c65c}.reference-shell .home-experience .hero-photo{inset:0;z-index:-3}.reference-shell .home-experience .hero-photo img{filter:none!important;transform:none!important}.reference-shell .home-experience .lifestyle-card>.theme-photo{z-index:-3}.reference-shell .home-experience .lifestyle-card{border-radius:13px;min-height:300px}.reference-shell .home-experience .connect-card,.reference-shell .home-experience .feature-card{background:linear-gradient(140deg,#0b2535,#061622);border-color:var(--ref-border);border-radius:12px}.reference-shell .home-experience .feature-card{padding:21px}.reference-shell .home-experience .feature-card h3{font-size:19px}.reference-shell .home-experience .feature-card p{font-size:15px}.reference-shell .home-experience .tools-heading h2{font-size:24px}.reference-shell .home-experience .feature-icon{color:#54b9ff;border-color:#299feb6b;background:#116fba1b;box-shadow:inset 0 0 13px #1c91fc10,0 0 18px #168dff10}.reference-shell .home-experience .mint-icon{color:#63efe1;border-color:#3fd0c467;background:#159a9016}.reference-shell .home-experience .amber-icon{color:#ffd07b;border-color:#d4a84f77;background:#af81221c}.reference-shell .home-experience .connect-card h2 span{color:#58bfff}.reference-shell .home-experience .practical-tile{background:var(--ref-panel);border-color:var(--ref-border);border-radius:12px}.reference-shell .home-experience .experience-top{font-size:13px}.reference-shell .home-experience .connect-card h2{font-size:28px}.reference-shell .home-experience .server-status{font-size:15px}
html[data-theme="light"]{--ref-bg:#eef4fa;--ref-panel:#ffffff;--ref-panel-alt:#e6eef8;--ref-border:#a6bed46b;--ref-text:#172e47;--ref-muted:#516d87;--ref-shadow:0 5px 18px #2c5c8710}
html[data-theme="light"] body{background:#eef4fa;color:var(--ref-text)}html[data-theme="light"] .ref-sidebar{background:linear-gradient(#ffffff,#e8f0f8);border-color:var(--ref-border)}html[data-theme="light"] .ref-sidebar .brand small{color:#586e89}html[data-theme="light"] .ref-logo{color:#d93480;filter:drop-shadow(0 1px 3px #d9408c20)}html[data-theme="light"] .ref-navigation a,html[data-theme="light"] .sidebar-extra>a{color:#3d5975}html[data-theme="light"] .ref-navigation a.active{color:#0855ab;background:linear-gradient(90deg,#d9eaff,#e5effa);border-color:#719dd470;box-shadow:inset 3px 0 #2588ef,0 2px 8px #5781a712}html[data-theme="light"] .sidebar-label,html[data-theme="light"] .privacy-mark{color:#5a7490}html[data-theme="light"] .ref-topbar{background:#ffffffc9;border-color:var(--ref-border)}html[data-theme="light"] .ref-universes a{color:#536e86;background:#e6eef7;border-color:#8aabc540}html[data-theme="light"] .ref-universes .family-tab.active{color:#a31865;background:linear-gradient(#ffe8f4,#f6d9eb);border-color:#dc87b780;box-shadow:0 2px 9px #d9529614}html[data-theme="light"] .ref-universes .home-tab.active{color:#0b60b7;background:linear-gradient(#e0efff,#d4e5fa);border-color:#70abdf88;box-shadow:0 2px 9px #2d8dde13}html[data-theme="light"] .ref-topbar .theme-picker{background:#e7eff8;border-color:#9bb5cf55}
html[data-theme="light"] .ref-photo-shade{background:linear-gradient(90deg,#f8fbffed,#f4f9ffd9 36%,#f4f9ff11 80%)}html[data-theme="light"] .ref-hero{border-color:#a2bdd273;box-shadow:0 5px 20px #3f689917}html[data-theme="light"] .ref-kicker{color:#496b8c;text-shadow:none}html[data-theme="light"] .ref-hero h1{color:#163a60;text-shadow:none}html[data-theme="light"] .ref-hero p{color:#315678;text-shadow:none}html[data-theme="light"] .heart-text{color:#d93478;text-shadow:0 2px 8px #eb71a22a}html[data-theme="light"] .ref-image-note{color:#4c617b;background:#ffffffe0}
html[data-theme="light"] .family-world{border-color:#d375a08c}html[data-theme="light"] .house-world{border-color:#71abd4a8}html[data-theme="light"] .world-overlay{background:linear-gradient(0deg,#fff6fcfa,#fff6fce6 36%,#fff6fc00 90%)}html[data-theme="light"] .house-world .world-overlay{background:linear-gradient(0deg,#f4fafffa,#f4faffe6 36%,#f4faff00 90%)}html[data-theme="light"] .ref-world h2{color:#25445f}html[data-theme="light"] .ref-world p{color:#3d5e79}html[data-theme="light"] .ref-world-content{padding-top:10px}html[data-theme="light"] .ref-world-icon{border-radius:13px;background:#ffffffc9;border:1px solid #fff;box-shadow:0 4px 18px #34597b24}html[data-theme="light"] .ref-world-icon .ui-icon{width:32px;height:32px;filter:drop-shadow(0 1px 3px #30516b20)}html[data-theme="light"] .pink{color:#ca297b;background:#fff0f8;border-color:#e0a6c280}html[data-theme="light"] .blue{color:#096ed2;background:#e9f4ff;border-color:#75b5e780}html[data-theme="light"] .cyan{color:#087d80;background:#e6f8f6;border-color:#7fc9c780}html[data-theme="light"] .violet{color:#8155bd;background:#f4ecff;border-color:#bba0e080}html[data-theme="light"] .amber{color:#97651b;background:#fff6e0;border-color:#d6bd7f80}html[data-theme="light"] .neon-icon .ui-icon{filter:drop-shadow(0 1px 3px #405b6a12)}html[data-theme="light"] .neon-action{color:white}html[data-theme="light"] .world-miniatures>span{background:#fff9;border-color:#bc9caf55}html[data-theme="light"] .world-miniatures .ui-icon{color:#a73b7c}html[data-theme="light"] .house-world .world-miniatures>span{background:#fff9;border-color:#8eb7d36b}html[data-theme="light"] .house-world .world-miniatures .ui-icon{color:#256ca6}
html[data-theme="light"] .quick-tile,html[data-theme="light"] .ref-feature-tabs>a{color:#234263;background:linear-gradient(#fff,#f6f9fd);border-color:var(--ref-border);box-shadow:0 3px 12px #4a6c8f0b}html[data-theme="light"] .quick-tile:hover,html[data-theme="light"] .ref-feature-tabs>a:hover{color:#0d5db8;border-color:#5095d4}html[data-theme="light"] .ref-panel-heading>.ui-icon{color:#537692}html[data-theme="light"] .status-chip{color:#5d6e86;background:#edf3f8;border-color:#8ca3bc44}html[data-theme="light"] .ref-empty{background:radial-gradient(ellipse,#f4e6f0,transparent 75%)}html[data-theme="light"] .reference-shell .home-experience .cinema-shade{background:linear-gradient(90deg,#f6fbfff2,#f2f8ffca 38%,#f2f8ff00 85%),linear-gradient(0deg,#e6f0f9e8,transparent 40%)}html[data-theme="light"] .reference-shell .home-experience .cinema-copy h1,html[data-theme="light"] .reference-shell .home-experience .cinema-copy h1 em{color:#1d4a70;background:none;text-shadow:none}html[data-theme="light"] .reference-shell .home-experience .cinema-copy>p,html[data-theme="light"] .reference-shell .home-experience .cinema-copy .overline{color:#3e6688}html[data-theme="light"] .reference-shell .home-experience .glass-label{color:#375c78;background:#ffffffce;border-color:#a5bed875}html[data-theme="light"] .reference-shell .home-experience .hero-number{color:#315675;background:#ffffffa8;padding:6px;border-radius:4px}html[data-theme="light"] .reference-shell .home-experience .scene-selector{background:#ffffffed;border-color:#8fb3d46b;box-shadow:0 5px 20px #456e9220}html[data-theme="light"] .reference-shell .home-experience .scene-caption{color:#2d5879}html[data-theme="light"] .reference-shell .home-experience .scene-caption small,html[data-theme="light"] .reference-shell .home-experience .scene-feedback{color:#5d7690}html[data-theme="light"] .reference-shell .home-experience .scene-options button{color:#41647d;background:#eaf2f9;border-color:#92b0cd55}html[data-theme="light"] .reference-shell .home-experience .scene-options button.selected{color:#12589f;background:#d9ecff;border-color:#579be0;box-shadow:none}html[data-theme="light"] .reference-shell .home-experience .image-note{color:#355875;text-shadow:none}
html[data-theme="light"] .reference-shell .home-experience .lifestyle-shade{background:linear-gradient(0deg,#f9fcfff5,#f9fcffbf 45%,transparent 90%)}html[data-theme="light"] .reference-shell .home-experience .lifestyle-copy h2{color:#204665}html[data-theme="light"] .reference-shell .home-experience .lifestyle-copy p{color:#46677f}html[data-theme="light"] .reference-shell .home-experience .card-eyebrow{color:#244d6a;background:#ffffffc9;padding:5px 7px;border-radius:4px}html[data-theme="light"] .reference-shell .home-experience .mini-icon{color:#386da1;background:#ffffffc9;border-color:#9cbdd8;box-shadow:0 3px 10px #47729715}html[data-theme="light"] .reference-shell .home-experience .soft-badge{color:#486780;background:#ffffffd9;border-color:#9db4c66b}html[data-theme="light"] .reference-shell .home-experience .connect-card,html[data-theme="light"] .reference-shell .home-experience .feature-card{background:linear-gradient(135deg,#fff,#eff6fd);color:#254563;border-color:var(--ref-border)}html[data-theme="light"] .reference-shell .home-experience .connect-card h2 span{color:#1d77c2}html[data-theme="light"] .reference-shell .home-experience .feature-icon{color:#1479c5;background:#e8f4ff;border-color:#8bbbe2}html[data-theme="light"] .reference-shell .home-experience .mint-icon{color:#178c8c;background:#e6f8f5;border-color:#92c7c5}html[data-theme="light"] .reference-shell .home-experience .amber-icon{color:#946a22;background:#fff5df;border-color:#ccb98c}
@media(min-width:1700px){.reference-shell{grid-template-columns:235px minmax(0,1fr)}.ref-world{min-height:325px}.ref-hero{min-height:300px}.ref-hero-copy{padding:45px}.ref-world-content{padding-left:30px;padding-right:30px}.ref-quick-grid{gap:18px}.quick-tile{padding:21px}.ref-hero h1{font-size:55px}}
@media(max-width:1150px){.reference-shell{grid-template-columns:180px minmax(0,1fr)}.ref-sidebar{padding:22px 12px}.ref-sidebar .brand{font-size:14px;gap:5px}.ref-sidebar .brand small{font-size:6px}.ref-sidebar .ref-logo{width:30px}.reference-shell main{padding:20px}.ref-topbar{padding:12px 20px;gap:10px}.ref-topbar .account-link span{display:none}.ref-topbar .account-area{gap:9px}.ref-world-content{padding-left:20px;padding-right:20px}.ref-world-icon{margin-left:20px}.ref-world h2{font-size:30px}.ref-quick-grid{grid-template-columns:1fr 1fr}.ref-feature-tabs{gap:10px}.ref-feature-tabs>a{flex-direction:column;font-size:14px;padding:13px 9px;gap:8px}.family-content-grid{grid-template-columns:1fr 1fr}.ref-panel{padding:17px}.ref-hero-copy{padding:30px}.ref-hero h1{font-size:40px}.ref-topbar .ref-universes a{padding:9px 11px;font-size:13px}.reference-shell footer{margin:0 20px}}
@media(max-width:850px){.reference-shell{grid-template-columns:1fr}.ref-sidebar{position:static;height:auto;border:0;padding:0;background:none}.ref-sidebar>.brand,.sidebar-extra,.sidebar-bottom{display:none}.ref-navigation{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--ref-border);background:#061421f2;backdrop-filter:blur(20px)}.ref-navigation a{flex-direction:column;gap:5px;font-size:11px;min-height:55px;padding:7px 4px;border-radius:9px}.ref-navigation a.active{box-shadow:none;background:linear-gradient(#064b8f80,#0d2c4e40);border-color:#2b81b955}.ref-navigation .ui-icon{width:22px;height:22px}.ref-topbar{flex-wrap:wrap;gap:12px;padding:14px 18px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:17px;letter-spacing:-.4px}.mobile-brand .ref-logo{width:29px;height:31px}.mobile-brand .ref-logo .ui-icon{width:27px;height:27px}.ref-universes{order:3;flex-basis:100%}.ref-universes a{flex:1;justify-content:center;min-height:43px}.ref-topbar .account-area{margin-left:auto;gap:7px}.ref-topbar .theme-picker button{font-size:11px;padding:8px;gap:4px}.ref-topbar .account-link{padding:0}.ref-topbar .subtle-button{font-size:11px;padding:7px}.reference-shell main{padding:17px}.reference-shell footer{margin:0 17px;padding-bottom:95px;gap:9px}.ref-hero{min-height:235px}.ref-hero h1{font-size:36px}.ref-hero p{font-size:16px}.ref-kicker{font-size:9px}.ref-hero-copy{padding:26px}.ref-world-grid{gap:15px}.ref-world{min-height:305px}.ref-world p{font-size:14px}.ref-world h2{font-size:29px}.neon-action{font-size:14px;padding:11px 13px}.ref-world-content{padding:9px 19px 19px}.ref-world-icon{margin:20px 19px 0}.ref-section-title>span{font-size:11px}.ref-empty p{font-size:14px}html[data-theme="light"] .ref-navigation{background:#f8fbfff2}html[data-theme="light"] .ref-navigation a.active{background:#deecfa;color:#0c59b1}}
@media(max-width:540px){.ref-topbar{padding:12px;gap:10px}.mobile-brand{font-size:15px;gap:5px}.mobile-brand .ref-logo{width:24px}.mobile-brand .ref-logo .ui-icon{width:23px}.ref-topbar .account-area{gap:5px}.ref-topbar .account-area .login-link{font-size:11px;padding:6px 9px}.ref-topbar .account-area .theme-picker{padding:2px}.ref-topbar .theme-picker button{font-size:10px;padding:7px;min-height:34px}.ref-topbar .theme-picker .ui-icon{display:none}.ref-topbar .subtle-button{font-size:10px;padding:6px}.ref-topbar .account-link .ui-icon{width:19px}.reference-shell main{padding:13px}.ref-hero{min-height:230px;border-radius:12px}.ref-hero-copy{padding:24px 20px}.ref-hero h1{font-size:32px;letter-spacing:-1px}.ref-hero p{font-size:15px}.ref-kicker{font-size:8px;letter-spacing:.9px}.ref-image-note{font-size:8px;right:10px;bottom:9px}.ref-world-grid{grid-template-columns:1fr;margin-top:15px;gap:15px}.ref-world{min-height:300px}.ref-world h2{font-size:33px}.ref-world-content{padding:9px 23px 21px}.ref-world-icon{margin:22px 23px 0}.ref-world p{font-size:16px}.neon-action{font-size:16px}.ref-section-title{margin:22px 0 13px}.ref-section-title h2{font-size:19px}.ref-section-title>span{display:none}.ref-quick-grid{gap:10px}.quick-tile{flex-direction:column;align-items:start;padding:15px 13px;gap:11px;position:relative}.quick-tile h3{font-size:15px}.quick-tile p{font-size:12px}.quick-tile>span:last-child{position:absolute;right:13px;top:17px}.ref-feature-tabs{grid-template-columns:repeat(4,1fr);gap:7px}.ref-feature-tabs>a{font-size:11px;padding:11px 5px}.ref-feature-tabs .neon-icon{width:35px;height:35px}.ref-feature-tabs .ui-icon{width:22px;height:22px}.family-content-grid{grid-template-columns:1fr;gap:14px;margin-top:15px}.ref-panel-heading h2{font-size:18px}.ref-photo-preview{min-height:210px}.ref-empty{min-height:220px}.ref-panel{padding:17px}.idea-row h3{font-size:16px}.reference-shell .home-experience .cinema-hero{min-height:560px}.reference-shell .home-experience .feature-card h3{font-size:17px}.reference-shell .home-experience .feature-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ref-world .theme-photo img,.quick-tile{transition:none!important}.ref-world:hover .theme-photo img{transform:none}}
/* Day cards keep the photograph crisp and give copy its own solid surface. */
html[data-theme="light"] .ref-world{padding-top:155px;min-height:0;background:#fff7fb;box-shadow:0 5px 20px #4a6c8f16}
html[data-theme="light"] .house-world{background:#f7fbff}
html[data-theme="light"] .ref-world>.theme-photo{height:155px}
html[data-theme="light"] .ref-world .world-overlay{display:none}
html[data-theme="light"] .ref-world .ref-world-icon{position:absolute;top:17px;left:22px;margin:0;z-index:3}
html[data-theme="light"] .ref-world .ref-world-content{padding-top:17px;padding-bottom:18px}
html[data-theme="light"] .ref-world .ref-world-content h2{font-size:29px}
html[data-theme="light"] .ref-world .ref-world-content p{font-size:15px;margin-bottom:15px}
html[data-theme="light"] .ref-world .world-miniatures{margin-top:11px}
html[data-theme="light"] .ref-hero .ref-photo-shade{background:linear-gradient(90deg,#f8fbfff2,#f5faffdb 33%,#f4f9ff30 62%,transparent 80%)}
@media(max-width:540px){html[data-theme="light"] .ref-world{padding-top:155px}html[data-theme="light"] .ref-world .ref-world-content h2{font-size:30px}}