:root{font-family:Arial,Helvetica,sans-serif;color:#e8e8d9;background:#171d18;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark;--muted:#9ba393;--line:#354031;--amber:#ddbd82;--moss:#c2caa7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e8c68b}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,input{border-radius:7px}button{transition:background .2s,border-color .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}input:not([type=range]){background:#1b231c;border:1px solid #414a38;color:#ececde;padding:12px 14px;min-width:0}input::placeholder{color:#8e9788}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}button svg{flex-shrink:0}main,.site-header,footer{max-width:1240px;margin:auto}.app{padding:0 48px;background:radial-gradient(ellipse at 87% 4%,#35432a28,transparent 42%)}.site-header{height:102px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:600;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;margin-right:5px;color:var(--moss)}.brand-light{font-weight:400;color:#c5cabb}.brand-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);align-self:flex-start;margin-top:3px}.header-note{font-size:9px;letter-spacing:2px;color:#85917e;margin-left:20px}.shelf-link{margin-left:auto;font-size:12px;color:#c4cbb9;display:flex;align-items:center;gap:12px}.shelf-link span{border:1px solid #47503c;padding:4px 6px;border-radius:4px;font-size:10px;color:var(--amber)}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:388px;align-items:center;gap:20px;padding:24px 0 18px}.hero-copy{padding:25px 0}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600;color:#b1bb9d;display:flex;align-items:center;gap:9px}.hero .eyebrow span{width:5px;height:5px;background:var(--amber);border-radius:50%}h1{font-size:clamp(48px,5.6vw,76px);line-height:1.04;letter-spacing:-2.7px;margin:22px 0}h1 em{color:var(--amber);font-weight:400}.hero-copy>p{font-size:13px;color:#b2b9a9;line-height:1.9}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:10px;color:#8f9b85;margin-top:25px}.tiny-wave{font-size:25px;color:#b2ba97}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden}.ambience-art{width:110%;max-width:680px;flex-shrink:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 13%,#000 90%,transparent)}.art-caption{position:absolute;bottom:16px;right:26px;font-family:Georgia,serif;font-size:12px;font-style:italic;color:#c8c5a6;display:flex;align-items:center;gap:8px}.art-caption span{height:4px;width:4px;background:var(--amber);border-radius:50%}.player{background:linear-gradient(110deg,#303a2b,#252f24);border:1px solid #46513a;border-radius:11px;display:flex;align-items:center;padding:24px 28px;gap:20px;box-shadow:0 10px 24px #0e150e26}.play-button{width:58px;height:58px;border:0;border-radius:50%;background:#dfc28c;color:#293020;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 6px #d4b77e0a}.play-button:hover{background:#f3d9a7}.now-playing{display:flex;flex-direction:column;gap:7px}.now-playing .eyebrow{font-size:8px;letter-spacing:1.6px;color:#b9c3a5}.now-playing strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.now-playing>span:last-child{font-size:10px;color:#a6b097}.separator{padding:0 5px;color:#6b785e}.level-meter{display:flex;gap:4px;align-items:center;justify-content:center;height:45px;flex:1;margin:0 20px;opacity:.55}.level-meter i{display:block;width:3px;height:var(--bar);background:#a6b887;border-radius:3px;transform:scaleY(.35)}.is-playing .level-meter i{animation:meter 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes meter{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.master-control{width:200px;border-left:1px solid #4a543c;padding-left:25px;flex-shrink:0}.control-caption{display:flex;justify-content:space-between;font-size:10px;color:#b7c0a8;margin-bottom:12px}.control-caption span:last-child{color:#d1d8bf;font-size:10px}.volume-row{display:flex;align-items:center;gap:12px}.icon-button{background:none;border:0;padding:5px;display:inline-flex;align-items:center;justify-content:center;color:#a9b49c}.icon-button:hover{color:#eddbb2;background:#ffffff08}.volume-row .icon-button{padding:0}.volume-row input{width:100%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:8px;background:linear-gradient(to right,var(--layer-color,var(--amber)) 0%,var(--layer-color,var(--amber)) var(--level),#505a43 var(--level),#505a43 100%);cursor:pointer;margin:8px 0;min-width:0;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:var(--layer-color,var(--amber));border:2px solid #e1dfc926;border-radius:50%;box-shadow:0 0 0 4px #d7d9bb07}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--layer-color,var(--amber));border:0;border-radius:50%}.layers-section{padding-top:47px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px;gap:20px}.section-heading .eyebrow{font-size:8px;color:#95a187;margin-bottom:10px}h2{font-size:29px;letter-spacing:-.6px}.section-heading>p{font-size:11px;color:#8e9b86;margin-bottom:5px}.layers-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.layer-card{border:1px solid #414d36;background:linear-gradient(150deg,#30392a,#252f24);border-radius:9px;padding:16px 16px 15px;overflow:hidden}.layer-card.is-muted{border-color:#333e2e;background:linear-gradient(150deg,#242d23,#20291f)}.layer-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.layer-number{font-family:Georgia,serif;font-size:11px;color:#819073}.layer-status{font-size:6px;letter-spacing:.9px;color:#bbc8a1;display:flex;align-items:center;gap:5px}.layer-status i{width:4px;height:4px;border-radius:50%;background:#b4c795}.is-muted .layer-status{color:#7b8871}.is-muted .layer-status i{background:#5b6851}.layer-art{display:block;width:100%;height:90px;color:var(--layer-color);margin:7px 0 5px}.is-muted .layer-art{opacity:.55}.layer-title{display:flex;justify-content:space-between;align-items:center;gap:6px}.layer-title h3{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.2px;white-space:nowrap}.layer-toggle{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #aeb99566;background:#afbd8f;color:#263321;border-radius:50%;flex-shrink:0}.is-muted .layer-toggle{background:transparent;color:#9da98e;border-color:#536147}.layer-toggle:hover{background:#d0d5b6;color:#263321}.layer-card>p{color:#9ba98f;font-size:9px;line-height:1.6;margin-top:5px;min-height:29px}.layer-slider{display:flex;align-items:center;gap:10px;margin-top:14px}.layer-slider input{width:100%}.layer-slider output{font-size:10px;color:#bbc6ac;min-width:27px;text-align:right;font-variant-numeric:tabular-nums}.layer-slider small{font-size:8px;color:#829177;padding-left:1px}.is-muted .layer-slider{opacity:.65}.palette-note{font-size:9px;color:#89967f;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px}.presets-section{padding-top:44px}.section-aside{font-size:8px;letter-spacing:1.7px;color:#8b967f;margin-bottom:5px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.preset-card{position:relative;display:flex;align-items:center;text-align:left;background:#272e23;border:1px solid #3d4734;min-height:127px;padding:18px 26px 18px 13px;overflow:hidden}.preset-card:hover{background:#323b2c;border-color:#82916b}.preset-card.selected{border-color:#c3b37f;box-shadow:inset 0 0 0 1px #c3b37f22}.preset-art{width:88px;flex-shrink:0;--layer-color:#a6b9b4;opacity:.85;transform:rotate(-5deg);margin-right:12px}.preset-1{background:#252f2b}.preset-1 .preset-art{--layer-color:#a7bfb4}.preset-2{background:#2b3023}.preset-2 .preset-art{--layer-color:#bcc095}.preset-copy{position:relative}.preset-kicker{font-size:6px;letter-spacing:1.5px;color:#aeb69b}.preset-copy h3{font-family:Georgia,serif;font-size:18px;font-weight:400;margin:8px 0 7px;letter-spacing:-.3px}.preset-copy p{font-size:9px;line-height:1.7;color:#9faa92;max-width:200px}.preset-arrow{position:absolute;right:13px;top:14px;color:#c6c3a0;font-size:16px}.utility-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:40px}.saved-panel,.timer-panel{border:1px solid #38432f;border-radius:10px;padding:26px 28px;background:#20291f}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#aab797}.panel-title .eyebrow{font-size:8px;color:#97a484;letter-spacing:1.7px}.panel-symbol{font-size:24px;line-height:20px;color:#a9b394}.utility-grid h2{font-size:28px}.utility-grid section>p{font-size:11px;color:#9fac93;margin-top:11px;line-height:1.7}.save-form{display:flex;gap:8px;margin-top:24px}.save-form input{flex:1;width:100%;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border:1px solid #c0c6a6;font-size:11px;font-weight:600;white-space:nowrap}.button-light{background:#c9d0b1;color:#2b3623}.button-light:hover{background:#e2e6cf}.empty-shelf{display:flex;align-items:center;justify-content:center;gap:16px;padding:30px 0 14px}.empty-shelf>span{font-size:34px;color:#68775b}.empty-shelf p{font-size:11px;color:#a9b39a;line-height:1.9}.empty-shelf small{font-size:10px;color:#7e8d74}.saved-list{list-style:none;padding:0;margin:20px 0 0;max-height:240px;overflow:auto}.saved-list li{display:flex;align-items:center;gap:5px;border-top:1px solid #36422f;padding:10px 0}.load-mix{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow-wrap:anywhere;border:0;text-align:left;background:none;padding:6px 0;font-size:12px}.load-mix>span{font-size:20px;color:#b8c19d}.load-mix small{font-size:9px;margin-left:auto;white-space:nowrap;color:#97a484}.load-mix:hover{color:var(--amber)}.rename-form{display:flex;gap:8px;width:100%;align-items:center}.rename-form input{width:100%;font-size:12px}.text-button{background:none;border:0;padding:6px 0;font-size:10px;color:#d2d7b8;white-space:nowrap}.text-button:hover{color:#f3d49a;text-decoration:underline}.timer-options{display:flex;gap:9px;margin-top:23px}.timer-options button{flex:1;padding:12px;background:#2c3627;border:1px solid #46533a;font-size:15px;color:#cfd4be;font-variant-numeric:tabular-nums}.timer-options button span{font-size:10px;color:#93a282}.timer-options button:hover,.timer-options button.selected{border-color:#b9ba87;background:#3c452f}.custom-timer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0}.custom-timer label{font-size:10px;color:#9ba98c}.custom-timer>div{display:flex;align-items:center;gap:9px}.custom-timer input{width:60px;padding:7px 8px;font-size:12px}.custom-timer>div>span{font-size:10px;color:#899b7c}.custom-timer button{margin-left:7px}.timer-state{border-top:1px solid #3c4933;border-bottom:1px solid #3c4933;padding:12px 0;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:8px}.timer-state>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#97a586}.timer-state .timer-on{color:#c6c9a1}.timer-state strong{font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;color:#e2d6ae}.preview-button{padding:0;background:none;border:0;font-size:10px;color:#c7cbae;margin-top:16px}.preview-button:hover:not(:disabled){color:#eed09a}.utility-grid section>.preview-note{font-size:8px;margin-top:6px;color:#809173}.error,.utility-grid section>p.error{font-size:11px;color:#efc0a8;margin-top:12px}.global-error{padding:12px 0}.closing{display:flex;align-items:center;justify-content:center;gap:17px;text-align:center;padding:43px 0 37px}.closing>span{font-size:27px;color:#a9ac7e}.closing p{font-family:Georgia,serif;font-size:15px;line-height:1.7;color:#aeb79d}.closing em{font-size:19px;color:#d4d7bc}footer{min-height:76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f8e73;font-size:9px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:11px;color:#aab599}.footer-dot{font-size:5px;padding-left:5px;color:#b5bb8b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.hero{min-height:430px}.hero-art .ambience-art{width:115%}.layer-art{height:100px}.layer-card{padding:18px}.layer-card>p{font-size:10px}.hero-copy>p{font-size:14px}}@media(max-width:1100px){.app{padding:0 30px}.header-note{display:none}.hero{grid-template-columns:1fr 1fr}.layers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.layer-art{height:95px}.layer-card{padding:16px 20px}.layer-card>p{min-height:0;font-size:11px}.layer-status{font-size:8px}.layer-title h3{font-size:23px}.layer-slider{margin-top:20px}.level-meter{margin:0 5px;gap:3px}.level-meter i:nth-child(n+16){display:none}.preset-card{padding:18px 20px}.preset-art{width:60px;margin-right:7px}.preset-copy h3{font-size:16px}.utility-grid{gap:17px}.saved-panel,.timer-panel{padding:24px 21px}.save-form{flex-wrap:wrap}.save-form input{width:100%;flex-basis:100%}.save-form button{width:100%}}@media(max-width:760px){.app{padding:0 22px}.site-header{height:80px}.brand{font-size:16px}.shelf-link{font-size:10px;gap:7px}.shelf-link span{font-size:8px}.hero{gap:0;min-height:345px;grid-template-columns:1fr .85fr}.hero-copy{z-index:1}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:53px;letter-spacing:-2px}.hero-copy>p{font-size:11px;line-height:1.8}.hero-footnote{font-size:8px;margin-top:18px}.hero-art{margin-right:-22px;margin-left:-45px}.ambience-art{width:145%;opacity:.8}.art-caption{display:none}.player{padding:21px 19px;gap:17px;flex-wrap:wrap}.play-button{width:49px;height:49px}.now-playing{flex:1}.now-playing strong{font-size:18px}.now-playing .eyebrow{font-size:7px}.level-meter{flex:0 0 65px;overflow:hidden}.level-meter i:nth-child(n+11){display:none}.master-control{width:100%;border-left:0;border-top:1px solid #46513a;padding:15px 0 0;display:flex;align-items:center;gap:20px}.control-caption{margin:0;width:120px;gap:12px;flex-shrink:0}.volume-row{flex:1}.layers-section{padding-top:35px}.section-heading{align-items:flex-start}.section-heading>p{max-width:135px;font-size:10px;line-height:1.6}h2{font-size:26px}.layers-grid{gap:12px}.layer-card{padding:14px}.layer-card>p{font-size:10px;min-height:32px}.layer-title h3{font-size:20px}.layer-status{font-size:6px;letter-spacing:.5px}.layer-art{height:80px}.layer-slider{margin-top:12px}.preset-grid{grid-template-columns:1fr}.preset-card{min-height:110px;padding:14px 25px}.preset-art{width:100px;margin-right:20px}.preset-art .layer-art{height:70px}.preset-copy h3{font-size:21px}.preset-copy p{max-width:none;font-size:11px}.preset-kicker{font-size:7px}.section-aside{display:none}.presets-section{padding-top:33px}.utility-grid{grid-template-columns:1fr;margin-top:25px;gap:20px}.save-form{flex-wrap:nowrap}.save-form input{width:auto;flex-basis:auto}.save-form button{width:auto}.saved-panel,.timer-panel{padding:25px}.empty-shelf{padding:25px 0 10px}.closing{padding:34px 0}footer{flex-wrap:wrap;justify-content:center;padding:20px 0;gap:12px 25px}footer>span:last-child{display:none}}@media(max-width:480px){.app{padding:0 18px}.site-header{gap:10px}.brand{font-size:14px;gap:4px}.brand-mark{margin-right:3px}.brand-mark svg{width:20px}.shelf-link{font-size:9px}.shelf-link span{display:none}.hero{grid-template-columns:1fr;min-height:0;position:relative;padding:15px 0 0}.hero-copy{padding:24px 0 10px}h1{font-size:61px;margin:20px 0}.hero-copy>p{font-size:12px}.hero-footnote{font-size:9px}.hero-art{margin:0 -18px;height:216px;justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%);mask-image:linear-gradient(to bottom,transparent,#000 15%)}.ambience-art{width:100%;max-width:430px;opacity:1}.art-caption{display:flex;bottom:5px;right:20px;font-size:11px}.player{margin-top:15px;padding:20px 16px;gap:15px}.level-meter{display:none}.now-playing strong{font-size:17px}.master-control{gap:16px}.control-caption{width:112px}.section-heading{gap:10px}.section-heading>p{max-width:110px;font-size:9px}h2{font-size:25px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.layers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-card{padding:14px 16px}.layer-art{height:86px}.layer-card>p{font-size:9px;min-height:28px}.layer-title h3{font-size:21px}.layer-top .layer-status{font-size:6px}.palette-note{font-size:8px;line-height:1.6;text-align:center}.palette-note svg{flex-shrink:0}.preset-card{padding-left:15px}.preset-art{width:79px;margin-right:14px}.preset-copy h3{font-size:19px}.preset-copy p{font-size:10px}.saved-panel,.timer-panel{padding:23px 20px}.save-form{gap:7px}.save-form input{font-size:10px;padding:11px 10px}.save-form .button{padding:11px 10px;font-size:10px}.custom-timer{gap:5px}.custom-timer label{font-size:9px}.custom-timer>div{gap:7px}.custom-timer button{margin-left:3px}.load-mix small{display:none}.rename-form{gap:7px}.rename-form input{padding:10px}.empty-shelf{gap:12px}.empty-shelf p{font-size:10px}.empty-shelf small{font-size:9px}footer{font-size:8px}.footer-brand{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}