@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#f1f8f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#100f0f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #a2f2e3}button:disabled{cursor:wait}button svg{flex-shrink:0}.experience{isolation:isolate;background:radial-gradient(#282321 0%,#100f0f 70%);width:100%;height:100svh;min-height:360px;position:relative;overflow:hidden}.aquarium{aspect-ratio:1672/941;z-index:-3;background-position:50%;background-size:100% 100%;width:min(100vw,177.683svh);height:min(56.2799vw,100svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aquarium canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.edge-shade{pointer-events:none;z-index:-1;background:linear-gradient(#100f0f65 0%,#0000 24% 74%,#100f0f85 100%);transition:opacity 1s;position:absolute;inset:0}.interface{transition:opacity .5s,transform .5s}.is-immersed .interface{opacity:0;pointer-events:none}.is-immersed .header{transform:translateY(-12px)}.is-immersed .bottom-bar,.is-immersed .scene-caption{transform:translateY(12px)}.is-immersed .edge-shade{opacity:0}.header{justify-content:space-between;align-items:center;gap:24px;width:100%;padding:31px 44px;display:flex;position:absolute;top:0;left:0}.brand{color:#f0f8f6;letter-spacing:-1.2px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:29px;font-weight:750;text-decoration:none;display:flex}.brand-icon{color:#a4e6dc;background:#164e5825;border:1px solid #d7f3ef35;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.brand-period{color:#9fdfd4}.header-note{letter-spacing:2.65px;color:#d4e8eb94;white-space:nowrap;font-size:10px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.header-end{align-items:center;gap:23px;display:flex}.live-status{color:#e5f4f0bd;letter-spacing:.2px;align-items:center;gap:9px;font-size:12px;display:flex}.live-status>span{background:#a0e1c7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #96dbc755}.live-status.is-paused>span{box-shadow:none;background:#d4c9a2}.header-divider{background:#dfefef26;width:1px;height:18px}.icon-button{color:#d3e8e9bf;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:grid}.icon-button:hover{color:#fff;background:#d3f4ef16}.reveal-button{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07212c65;border:1px solid #d7f3ef25;transition:opacity .4s;position:absolute;top:34px;right:44px}.is-immersed .reveal-button{opacity:.35;pointer-events:auto}.is-immersed .reveal-button:hover,.is-immersed .reveal-button:focus-visible{opacity:1}.scene-caption{text-shadow:0 2px 30px #00172070;position:absolute;bottom:144px;left:47px}.scene-eyebrow{color:#c1dddacf;letter-spacing:2.1px;align-items:center;gap:12px;font-size:10px;font-weight:500;display:flex}.scene-line{background:#b2d9c9c9;width:22px;height:1px}h1{letter-spacing:-1.6px;margin:16px 0 11px;font-family:Manrope,sans-serif;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.2}.scene-caption p{color:#d6e8e6ab;letter-spacing:.1px;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.caption-dot{opacity:.65}.bottom-bar{justify-content:space-between;align-items:center;gap:25px;width:100%;padding:0 46px;display:flex;position:absolute;bottom:33px}.breathe-note{color:#b3cfcebc;letter-spacing:.15px;flex:1;align-items:center;gap:12px;font-size:12px;display:flex}.breathing-ring{border:1px solid #bddbd16e;border-radius:50%;width:17px;height:17px;animation:8s ease-in-out infinite breathe;display:block;position:relative}.breathing-ring:after{content:"";border:1px solid #bddbd147;border-radius:50%;position:absolute;inset:4px}.breathing-ring.is-paused{animation-play-state:paused}@keyframes breathe{0%,to{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}.toolbar-wrap{position:relative}.toolbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(130deg,#143945d6,#0a2531d9);border:1px solid #d0e7e52b;border-radius:15px;align-items:center;gap:3px;padding:8px 9px;display:flex;box-shadow:0 8px 35px #000e173b,inset 0 1px #eefaff08}.tool-button{color:#c4dcddeb;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:41px;padding:0 14px;font-size:14px;transition:color .2s,background .2s;display:flex}.tool-button:hover,.tool-button.active{color:#f0fdfb;background:#cbeee60e}.tool-button.active{color:#abe4d7}.lighting-button>svg:first-child{color:#cde7d6}.lighting-button>svg:last-child{opacity:.65;margin-left:5px;transition:transform .2s}.chevron-open{transform:rotate(180deg)}.tool-divider{background:#e2f3f01c;width:1px;height:19px;margin:0 4px}.tool-button.square{width:40px;padding:0}.keyboard-note{color:#b5cdcc8c;flex:1;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}kbd{border:1px solid #d6e4e42b;border-radius:5px;place-items:center;width:22px;height:23px;font-family:inherit;font-size:10px;display:inline-grid}.popover{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:linear-gradient(135deg,#11323af2,#071e2cf5);border:1px solid #c9e5df30;border-radius:17px;width:320px;padding:18px;animation:.18s ease-out appear;position:absolute;bottom:76px;box-shadow:0 15px 50px #0010194d}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.light-popover{left:0}.settings-popover{padding:22px;right:0}.popover-heading{color:#e4f1ed;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;display:flex}.close-button{color:#c7dedd9c;background:0 0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.close-button:hover{color:#fff;background:#d8ece910}.mood-option{text-align:left;color:#dcebe8;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:9px;display:flex}.mood-option:hover{background:#d9f3ea09}.mood-option.selected{background:#aedec80c;border-color:#b9e4d414}.mood-option>span:nth-child(2){flex:1}.mood-option strong{font-size:14px;font-weight:450;display:block}.mood-option small{color:#bdd3d0a1;margin-top:4px;font-size:11px;display:block}.mood-option>svg{color:#b2e6d2}.mood-swatch{border-radius:8px;place-items:center;width:43px;height:43px;display:grid}.mood-swatch.day{color:#e3efc3;background:linear-gradient(145deg,#388fa0,#154459)}.mood-swatch.dusk{color:#f1c5ac;background:linear-gradient(145deg,#9a6580,#383553)}.mood-swatch.night{color:#b5d7fa;background:linear-gradient(145deg,#35456f,#122c4c)}.slider-label{color:#d2e4df;justify-content:space-between;gap:16px;margin:22px 0 10px;font-size:14px;display:flex}.slider-label span{color:#a4c4bd;font-size:12px}input[type=range]{appearance:none;cursor:pointer;accent-color:#b0e4d1;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#90b5ab42;border-radius:4px;height:3px}input[type=range]::-moz-range-track{background:#90b5ab42;border-radius:4px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#b8e9d8;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 0 12px #8ad0b82b}input[type=range]::-moz-range-thumb{background:#b8e9d8;border:0;border-radius:50%;width:12px;height:12px}.settings-footer{color:#9ab7b29e;border-top:1px solid #cbe3db17;justify-content:space-between;align-items:center;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.settings-footer button{color:#c1dcd2;background:0 0;padding:4px;font-size:12px}.sound-credit{color:#9ab7b2;margin:14px 0 0;font-size:10px;line-height:1.7}.sound-credit a{color:#c1dcd2;text-underline-offset:2px}.loading{z-index:5;color:#c1e5df;background:#052333;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.loading svg{animation:3s ease-in-out infinite breathe}.loading span{letter-spacing:.4px;font-size:14px}.render-error{z-index:6;background:#062532e8;border:1px solid #b3dfd740;border-radius:12px;width:min(540px,90vw);padding:16px 20px;font-size:14px;line-height:1.6;position:absolute;top:100px;left:50%;transform:translate(-50%)}.render-error button{color:#b5e2cd;background:0 0;margin-top:8px;padding:0;text-decoration:underline;display:block}.toast{z-index:10;background:#082735ed;border:1px solid #bddbd336;border-radius:12px;width:max-content;max-width:calc(100% - 40px);padding:14px 20px;font-size:13px;line-height:1.6;position:absolute;top:105px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #00122150}@media (width>=1700px){.header{padding:38px 60px}.bottom-bar{padding:0 60px;bottom:42px}.scene-caption{bottom:160px;left:61px}}@media (width<=1100px){.header-note{display:none}.header{padding:26px 30px}.scene-caption{left:32px}.bottom-bar{gap:16px;padding:0 30px}.keyboard-note{display:none}.breathe-note{flex:initial}.toolbar-wrap{margin-left:auto}}@media (width<=700px){.experience{min-height:360px}.header{gap:12px;padding:23px 22px}.brand{gap:10px;font-size:25px}.brand-icon{width:34px;height:34px}.brand-icon svg{width:25px}.header-end{gap:12px}.live-status{gap:7px;font-size:11px}.header-divider{display:none}.header-end .icon-button{width:30px}.reveal-button{top:22px;right:21px}.scene-caption{bottom:151px;left:25px}h1{letter-spacing:-1.4px;margin-top:14px;font-size:35px}.scene-eyebrow{letter-spacing:1.7px;font-size:9px}.scene-caption p{font-size:12px}.bottom-bar{bottom:max(23px, env(safe-area-inset-bottom));flex-direction:column-reverse;gap:18px;padding:0 19px}.toolbar-wrap{width:100%;max-width:430px;margin:0}.toolbar{border-radius:13px;justify-content:space-between;gap:0;padding:7px}.tool-button{gap:8px;padding:0 10px;font-size:12px}.tool-button.square{width:34px}.tool-divider{height:18px;margin:0 1px}.sound-button span{display:none}.breathe-note{gap:9px;font-size:10px}.breathing-ring{width:13px;height:13px}.breathing-ring:after{inset:3px}.popover{width:min(320px,100vw - 38px);bottom:71px}}@media (height<=560px) and (width>=700px){.experience{min-height:360px}.header{padding:18px 27px}.scene-caption{bottom:100px}h1{margin:10px 0 6px;font-size:30px}.bottom-bar{bottom:20px}.popover{max-height:calc(100svh - 120px);overflow:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}