:root{color-scheme:dark;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;color:#dce8df;background:#070e16;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b4eaca;outline-offset:5px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#room{position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden;background:#070e16;isolation:isolate}#scene{position:absolute;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;z-index:-2}#room:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,15,.38),transparent 32%,transparent 65%,rgba(3,8,15,.9));z-index:-1}.heading{position:absolute;left:4.4%;top:5.5%;text-shadow:0 2px 14px #020912}.eyebrow{font-family:Georgia,serif;font-size:12px;letter-spacing:.3em;color:#9fbfb3}h1{font-weight:400;font-size:clamp(24px,2.8vw,40px);letter-spacing:.17em;margin:10px 0 12px}.heading p{font-size:14px;letter-spacing:.19em;color:#bac9c5;margin:0}.bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;flex-direction:column;align-items:center;gap:17px}.ritual-note{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;letter-spacing:.12em;color:#b4c6bd;text-shadow:0 2px 8px #000}.small-moon{font-size:23px;color:#d0ddc7}.controls{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #b1d8c72b;background:#0b171bba;border-radius:5px;padding:7px;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003}.controls button,.panel button,#restore{border:0;background:transparent;font-size:14px;padding:11px 17px;border-radius:3px;letter-spacing:.06em;min-height:44px}.controls button:hover,.panel button:hover,#restore:hover{background:#bcebd018}.controls button[aria-pressed=true]{background:#91dbc21a;color:#dcffe8}.controls button span{margin-right:4px;color:#b6dfc9}#moment{position:absolute;left:15%;right:15%;bottom:24%;text-align:center;color:#deecd9;letter-spacing:.13em;font-size:16px;text-shadow:0 2px 8px #000;pointer-events:none;transition:opacity 2s;opacity:0}#moment.visible{opacity:1}.panel{position:absolute;right:5%;bottom:155px;width:300px;max-height:70svh;overflow:auto;padding:20px;background:#0c181ef2;border:1px solid #b2d6c638;border-radius:6px;box-shadow:0 15px 60px #0008;backdrop-filter:blur(16px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:17px;font-weight:400;letter-spacing:.08em;margin:0}.panel-heading button{padding:3px 10px;font-size:25px}.panel label{font-size:14px;display:flex;justify-content:space-between;gap:12px;margin:17px 0 10px}.panel input[type=range]{width:100%;accent-color:#88c7b7}.panel select{width:100%;padding:10px;background:#16292e;border:1px solid #9ccaba40;border-radius:3px;font-size:14px}.panel .check{justify-content:flex-start;align-items:center;min-height:44px}.check input{accent-color:#a0d4b7;width:17px;height:17px}.panel>button{border:1px solid #a1cbb838;width:100%;margin:8px 0}.panel p{font-size:13px;line-height:1.9;color:#9eb4b0}.panel output{color:#a4c9b9}#restore{position:absolute;right:24px;bottom:24px;background:#0b171bba;border:1px solid #b1d8c72b;opacity:.3}#restore:focus,#restore:hover{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#070e16;color:#bccdc4;font-size:16px;text-align:center;padding:24px}.quiet .heading,.quiet .bottom,.quiet #moment{display:none}@media(max-width:650px){#room{min-height:600px}#scene{width:auto;min-width:100%;height:80%;top:5%;left:50%;transform:translateX(-53%);object-fit:contain}.heading{left:7%;top:6%}.heading h1{font-size:25px}.heading p{font-size:13px}.bottom{bottom:5%;left:3%;right:3%;gap:14px}.controls{flex-wrap:wrap;max-width:365px}.controls button{padding:9px 11px;font-size:14px}.ritual-note{font-size:13px;letter-spacing:.04em}#moment{left:6%;right:6%;bottom:29%;font-size:14px}.panel{bottom:190px;right:5%;width:90%;max-width:340px}.eyebrow{font-size:12px}.panel p{font-size:14px}}@media(max-height:560px) and (min-width:651px){#room{min-height:340px}.heading{top:5%}.heading h1{font-size:24px}.heading p{display:none}.bottom{bottom:4%;gap:6px}.panel{bottom:90px;max-height:70svh}.ritual-note{font-size:13px}#moment{bottom:28%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:650px){#scene{width:142%;min-width:0;height:100%;top:0;left:50%;transform:translateX(-47%);object-fit:contain}.heading{top:7%}.bottom{bottom:8%}}