/* Panda State: forest green, brushed silver and natural materials. */
:root{--bg:#edf1ee;--surface:#ffffffeb;--surface2:#f0f4f1;--line:#b4c3b755;--ink:#192c21;--muted:#506558;--faint:#63786b;--purple:#2a5c3d;--silver:#dbe2dd;--accent:#2a5c3d;color-scheme:light}
body{background:var(--bg)}
body:before{background:linear-gradient(90deg,#f0f3f1f0 0%,#f2f5f2b3 27%,#eef3ef00 68%),linear-gradient(0deg,#edf1ee 0%,#edf1ee22 40%,transparent 80%),var(--section-image) right top/cover}
body:after{background-image:radial-gradient(ellipse at 80% 85%,#cad9d442,transparent 60%)}
.sidebar{background:linear-gradient(180deg,#132e20f5,#1c3f2bc4),url('assets/sidebar-skyline.svg') center bottom/100% auto no-repeat,#193724;border-right-color:#8da19466;box-shadow:8px 0 35px #0d291512}
.sidebar .navItem.active{background:linear-gradient(110deg,#4c8c645e,#c2d3c31c);border-color:#8ab19a;color:#fff;box-shadow:inset 0 1px #d9e9df33,0 4px 16px #00000017}.navItem.active:before{background:#bbddc8}.brand .pandaLogo{filter:drop-shadow(0 3px 8px #0d251e30)}
.topbar{background:#f8faf8b3;border-bottom:1px solid #e6ede7a6}.topActions{gap:15px}.pageHeading h1{color:#193724}.pageHeading h1 em{color:#2a5c3d}.pageHeading p{color:#374f41}.eyebrow,.pageHeading .eyebrow{color:#3e7854}
.button.primary{background:linear-gradient(125deg,#3e7854,#234e34);border-color:#588668;color:#fff;box-shadow:inset 0 1px #ffffff2c,0 5px 17px #234e3426}.button.primary:hover{background:linear-gradient(125deg,#4c8962,#2a5c3d)}
/* A small household object becomes a tactile, accessible theme control. */
.lightSwitch{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid #bccbbf;border-radius:30px;padding:5px 11px 5px 7px;background:linear-gradient(135deg,#fff,#e2e9e3);color:#2a5c3d;box-shadow:inset 0 1px 0 #fff,0 3px 10px #234e3410;white-space:nowrap;transition:box-shadow .2s,border-color .2s}
.lightSwitch:hover{border-color:#6f947b;box-shadow:inset 0 1px 0 #fff,0 4px 15px #234e3422}.bulbHousing{width:29px;height:32px;display:grid;place-items:center}.bulbHousing svg{width:27px;height:31px;overflow:visible;filter:drop-shadow(0 0 5px #d0c66f66)}.bulbGlass{fill:#ede8b0;stroke:#2a5c3d;stroke-width:1.5}.bulbRays{opacity:1;transform-origin:16px 17px;transition:opacity .25s,transform .25s}.themeLabel{font-size:10px;font-weight:500}.switchTrack{display:block;width:26px;height:15px;background:#2a5c3d;border-radius:20px;padding:2px}.switchTrack i{display:block;width:11px;height:11px;border-radius:50%;background:#fff;transform:translateX(11px);box-shadow:0 1px 3px #0003;transition:transform .25s}
/* Silver-edged cards use depth, breathing room and a persistent selected state. */
.atlasCard,.matchRail,.panel,.homeCard,.recommendationCard,.preferenceWorkbench{border-radius:20px;border-color:#cdd8cf;box-shadow:inset 0 1px 0 #ffffffc7,0 8px 28px #1c3c2610}
.homeCard,.recommendationCard{background:linear-gradient(145deg,#fff,#f4f7f4);transition:transform .22s,box-shadow .22s,border-color .22s}.homeCard:hover,.recommendationCard:hover{border-color:#91ad9b;box-shadow:inset 0 1px #fff,0 13px 34px #1937241a;transform:translateY(-3px)}.homeImage{border-radius:17px 17px 0 0}.homeBody{padding:19px}.homeTitle{font-weight:500}.compactHome{border-radius:14px;background:#f9fbf9bd;border:1px solid #d1dcd38c;padding:8px;transition:border-color .2s,background .2s}.compactHome:hover{background:#fff;border-color:#a3bca9}.compactImage{border-radius:10px}.miniScore{background:linear-gradient(145deg,#e3eee5,#f9fcfa);border:1px solid #b7cdbf;border-radius:13px;color:#2a5c3d}.miniScore>small{color:#3e7854;letter-spacing:1.1px;font-size:7px}.coreBadge{background:linear-gradient(135deg,#f9fcf9f5,#dce8def5);border:1px solid #ffffffb3;color:#234e34;box-shadow:0 4px 18px #142c2230;backdrop-filter:blur(14px)}.coreBadge>span{color:#3e7854}
.discoveryCard{border:1px solid #d0dbd3;border-radius:18px;background:linear-gradient(140deg,#ffffffed,#e9eeebc7);box-shadow:inset 0 1px #fff,0 5px 17px #19372408;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.discoveryCard:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 23px #19372416}.discoveryCard.selected{background:linear-gradient(135deg,#e2efe4,#f4faf5);border:2px solid #3e7854;box-shadow:inset 0 1px #fff,0 6px 21px #2a5c3d1c}.discoveryCard.selected .discoverySelection{color:#2a5c3d;font-weight:600}.discoveryCard.selected .discoveryArrow{background:#2a5c3d;color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.discoveryCard.selected .discoveryArrow .icon{width:15px;height:15px}.discoveryIcon{border:1px solid #8da49533;border-radius:13px}
.preferenceWorkbench{isolation:isolate}.workbenchVisual,.workbenchChart{background:linear-gradient(145deg,#fcfefcf5,#e9f0ebf5);border-color:#c7d7cb}.workbenchSlider{border-radius:14px}.factorTabs>button{border-radius:10px;min-height:40px}.factorTabs>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}.fitPresets>button{border-radius:20px}
.roomNavigation{gap:13px;margin-top:18px}.roomGroup{position:relative;border-radius:17px;border:1px solid #cbd7ce;padding-bottom:15px;background:linear-gradient(145deg,#fff,#edf2ee);box-shadow:inset 0 1px #fff,0 4px 14px #1937240a;transition:transform .2s,border-color .2s,box-shadow .2s}.roomGroup:hover{transform:translateY(-3px);border-color:#83a48f;box-shadow:0 9px 23px #19372420}.roomGroup>img{height:125px;object-fit:contain;background:radial-gradient(ellipse at 50% 75%,#c4d2c9,#edf2ee 75%);border-bottom:1px solid #c9d7ce88;padding:5px}.roomGroup>span{color:#234e34;padding:14px 13px 0;gap:8px}.roomGroup strong{font-size:12px;letter-spacing:.1px;font-weight:500}.roomGroup small{color:#657d6d;font-size:9px}.roomGroup.selected{background:linear-gradient(145deg,#e1eee5,#f1f8f3);border-color:#3e7854;box-shadow:inset 0 0 0 1px #3e7854,0 7px 20px #2a5c3d1c}.roomGroup.selected:after{content:'✓';position:absolute;right:10px;top:10px;background:#2a5c3d;color:#fff;border:2px solid #edf6ef;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;box-shadow:0 3px 9px #132e2026}.roomGroup.selected>img{background:radial-gradient(ellipse at 50% 75%,#adccba,#e3eee6 80%)}.roomGroup.selected>span{color:#234e34}.roomSubselection{background:#f4f8f5;border-color:#c7d8cc;border-radius:13px}
.refinedInterior{background:radial-gradient(ellipse at 50% 65%,#a2b0a9,#30483d 85%)}.interiorTitle{background:#1c3529ba;border-color:#b6d4c244}.interiorTitle>small{color:#c3d9cb}.interiorTitle>strong{color:#edf6f0}.interiorTools>button{background:#4d6c5b75;color:#f2f8f4;border-color:#afc6b96b}.refinedInterior .roomPin{background:#244c37e8;border-color:#b7d1c36e;color:#edf6f0}.refinedInterior .roomPin.active{background:#3e7854;border-color:#daece0;box-shadow:0 0 15px #91c3a85c}.refinedInterior .modelStatus{color:#e0ece5}.guidedViews>button.active{background:linear-gradient(125deg,#3e7854,#234e34);border-color:#628d70;color:#fff}
.everydayPanel,.refinedExplanation{border-radius:19px;border-color:#cedad1;background:linear-gradient(145deg,#fff,#f0f5f1);box-shadow:inset 0 1px #fff,0 7px 20px #19372409}.refinedExplanation{background:linear-gradient(145deg,#e8f1eb,#fbfdfb)}.scoreRingValue{fill:#2a5c3d}.scoreRingCaption{fill:#657d6d}.costDetail .knownMonthlyTotal{background:#e3eee6}.factIcon,.factorIcon{background:#e6eee8;border:1px solid #cad9d055}
@media(max-width:1100px){.topActions{gap:10px}.themeLabel{display:none}.lightSwitch{gap:5px;padding-right:9px}.roomGroup>img{height:105px}}
@media(max-width:600px){.topbar{padding-left:17px;padding-right:15px;gap:8px}.topActions{gap:8px}.topbar .conceptBadge{display:none}.lightSwitch{min-height:44px;padding:4px 8px;gap:5px}.bulbHousing{width:25px}.switchTrack{width:23px;height:14px}.switchTrack i{width:10px;height:10px;transform:translateX(9px)}.topbar .profile{min-width:36px}.homeBody{padding:18px}.homeCard,.panel,.preferenceWorkbench,.atlasCard,.matchRail{border-radius:17px}.roomNavigation{gap:7px;margin-top:12px}.roomGroup{border-radius:11px;padding-bottom:11px}.roomGroup>img{height:74px;padding:2px}.roomGroup>span{padding:9px 4px 0;gap:3px;min-height:27px}.roomGroup strong{font-size:8px}.roomGroup.selected:after{top:6px;right:6px;width:18px;height:18px;font-size:9px;border-width:1px}.roomGroup:hover{transform:none}.roomGroup small{display:none}.workbenchChart{background:linear-gradient(145deg,#fcfefcf5,#e9f0ebf5)}}
@media(max-width:360px){.roomGroup>img{height:60px}.roomGroup strong{font-size:7px}.lightSwitch{gap:3px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.homeCard,.recommendationCard,.discoveryCard,.roomGroup,.lightSwitch,.bulbRays,.switchTrack i{transition:none}.homeCard:hover,.recommendationCard:hover,.discoveryCard:hover,.roomGroup:hover{transform:none}}