/* Scoped to the 3D home so Shopify's theme keeps its own styles. */
#everyday-3d-home{position:relative;isolation:isolate;display:block;width:100vw;max-width:none;height:calc(100vh - 75px);height:calc(100dvh - 75px);min-height:500px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:#17211d;color:#f0f0e6;font:16px Arial,Helvetica,sans-serif}
#everyday-3d-home, #everyday-3d-home *{box-sizing:border-box}
#everyday-3d-home button, #everyday-3d-home input{font:inherit}
#everyday-3d-home button{cursor:pointer}
#everyday-3d-home button:focus-visible, #everyday-3d-home input:focus-visible{outline:2px solid #dbeab8;outline-offset:5px}
#everyday-3d-home canvas#world{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline:none}
#everyday-3d-home .overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(15,26,23,.97) 0%,rgba(15,26,23,.93) 31%,rgba(15,26,23,.56) 55%,rgba(15,26,23,.05) 82%);overflow:auto}
#everyday-3d-home .overlay.hidden{display:none!important}
#everyday-3d-home .topbar{display:flex;justify-content:space-between;align-items:center;padding:35px 48px;flex-shrink:0}
#everyday-3d-home .brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:3px;font-weight:600}
#everyday-3d-home .brandmark{width:24px;height:24px;border:1px solid #c1ceb5;transform:rotate(45deg);position:relative}
#everyday-3d-home .brandmark:after{content:'';position:absolute;inset:5px;border:1px solid #c1ceb5}
#everyday-3d-home .edition{font-size:10px;letter-spacing:2px;color:#c9d1c5}
#everyday-3d-home .panel{width:540px;max-width:100%;padding:35px 48px 32px;margin:auto 0}
#everyday-3d-home .eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#b3c3aa;display:flex;align-items:center;gap:10px}
#everyday-3d-home .eyebrow:before{content:'';height:1px;width:24px;background:#b3c3aa}
#everyday-3d-home h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:76px;line-height:1.03;letter-spacing:-4px;margin:20px 0 20px}
#everyday-3d-home h1 em{color:#c5d6a9;font-weight:400}
#everyday-3d-home .intro{font-size:14px;line-height:1.85;color:#bfc9c0;max-width:370px;margin:0 0 25px}
#everyday-3d-home .viewlabel{font-size:10px;color:#9ead9e;letter-spacing:2px;text-transform:uppercase;margin:24px 0 12px}
#everyday-3d-home .segmented{display:flex;border:1px solid #526052;border-radius:4px;padding:4px;gap:4px;width:100%}
#everyday-3d-home .segmented button{background:transparent;border:0;color:#bdc8bb;padding:11px 9px;flex:1;font-size:12px;border-radius:2px;white-space:nowrap}
#everyday-3d-home .segmented button.active{background:#dce6ce;color:#223020}
#everyday-3d-home .primary{background:#dbe7bf;color:#233022;border:0;width:100%;padding:17px 20px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:21px;font-weight:600;letter-spacing:.3px}
#everyday-3d-home .primary:hover{background:#eef4dd}
#everyday-3d-home .primary:disabled{opacity:.5;cursor:wait}
#everyday-3d-home .primary span:last-child{font-size:23px;line-height:15px;font-weight:400}
#everyday-3d-home .secondarybar{display:flex;gap:24px;margin-top:18px}
#everyday-3d-home .textbutton{padding:5px 0;background:none;border:0;border-bottom:1px solid transparent;color:#c2cbbd;font-size:11px}
#everyday-3d-home .textbutton:hover{border-bottom-color:#c2cbbd}
#everyday-3d-home .foot{padding:22px 48px 28px;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;line-height:1.8;letter-spacing:1px;color:#9eae9f}
#everyday-3d-home .scene-caption{text-align:right;color:#dde4d6}
#everyday-3d-home .scene-caption b{display:block;font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:0;margin-bottom:5px}
#everyday-3d-home .loading{font-size:11px;margin-top:12px;line-height:1.6;color:#b7c8ad}
#everyday-3d-home .settings{margin-top:20px;border-top:1px solid #3f4c40;padding-top:12px}
#everyday-3d-home .setting{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;color:#c4cec0;padding:9px 0}
#everyday-3d-home .setting input[type=range]{width:155px;accent-color:#d0ddba}
#everyday-3d-home .switch{border:1px solid #586550;color:#d8e3cd;background:#2a382c;font-size:11px;padding:7px 12px;border-radius:3px;min-width:85px}
#everyday-3d-home .modal{position:absolute;inset:0;z-index:20;background:rgba(11,20,17,.78);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(14px);padding:24px}
#everyday-3d-home .modal.hidden{display:none}
#everyday-3d-home .modalbox{width:640px;max-width:100%;max-height:90vh;overflow:auto;background:#1c2b23;border:1px solid #4c5b49;border-radius:7px;padding:30px}
#everyday-3d-home .modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
#everyday-3d-home .modal h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:0}
#everyday-3d-home .close{color:#d9e3d0;background:transparent;border:1px solid #5a6854;border-radius:50%;width:32px;height:32px;font-size:19px}
#everyday-3d-home .controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
#everyday-3d-home .control{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #39483a;font-size:12px;color:#c8d2c2}
#everyday-3d-home kbd{border:1px solid #5c6b55;box-shadow:0 2px #111b15;border-radius:3px;padding:5px 8px;font-size:10px;font-family:inherit;color:#edf1e8;white-space:nowrap}
#everyday-3d-home .note{font-size:12px;line-height:1.8;color:#b0bfa8;margin:22px 0 0}
#everyday-3d-home .settings[hidden]{display:none}
#everyday-3d-home .fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#6c6950,transparent 60%),linear-gradient(110deg,#182620,#435c48)}
@media(max-width:650px){
#everyday-3d-home .topbar{padding:24px}
#everyday-3d-home .edition{display:none}
#everyday-3d-home .panel{padding:25px 24px;width:450px}
#everyday-3d-home h1{font-size:60px}
#everyday-3d-home .overlay{background:rgba(16,28,22,.9)}
#everyday-3d-home .foot{padding:20px 24px}
#everyday-3d-home .scene-caption{display:none}
#everyday-3d-home .controls-grid{grid-template-columns:1fr}
#everyday-3d-home .modalbox{padding:22px}
#everyday-3d-home .intro{font-size:13px}
}
@media(max-height:760px) and (min-width:651px){
#everyday-3d-home .topbar{padding-top:25px;padding-bottom:12px}
#everyday-3d-home .panel{padding-top:10px;padding-bottom:10px}
#everyday-3d-home h1{font-size:63px;margin:15px 0}
#everyday-3d-home .intro{margin-bottom:12px}
#everyday-3d-home .viewlabel{margin-top:16px}
#everyday-3d-home .foot{padding-top:10px;padding-bottom:18px}
}
#everyday-3d-home .object-guide{margin-top:25px;border-top:1px solid #3f4c40;padding-top:10px}
#everyday-3d-home .object-guide table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6}
#everyday-3d-home .object-guide th{text-align:left;color:#d9e5cf;padding:8px 8px 8px 0;font-weight:500}
#everyday-3d-home .object-guide td{color:#b8c8b0;border-top:1px solid #344536;padding:8px 9px 8px 0;vertical-align:top}
#everyday-3d-home .object-guide td:first-child{color:#dae4d3;width:31%}
#everyday-3d-home .time-control{display:flex;align-items:center;gap:9px}
#everyday-3d-home .time-control input[type=time]{background:#2a382c;border:1px solid #586550;border-radius:3px;color:#e7efdf;padding:7px 8px;width:115px;color-scheme:dark}
#everyday-3d-home .time-control output{min-width:45px;text-align:right;color:#dbe7d1;font-variant-numeric:tabular-nums}
#everyday-3d-home .setting-note{font-size:10px;color:#9eae9f;padding-top:0}
#everyday-3d-home #sleepVeil{position:absolute;inset:0;z-index:5;background:#070b0b;opacity:0;pointer-events:none}
#everyday-3d-home #heading{color:#f0f0e6}
#everyday-3d-home:fullscreen{width:100vw;height:100vh;min-height:0;max-height:none;margin:0}
@media(max-width:650px){#everyday-3d-home{height:calc(100dvh - 60px);min-height:480px}}