@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--bg:#faf7f1;--paper:#fffdfa;--ink:#293d3a;--muted:#66736d;--line:#dedfd6;--teal:#286b68;--soft:#edf1e8;--pink:#e7b3af;--gold:#bd9556;--shadow:0 18px 60px #445c4620;--radius:28px;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Nunito,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:var(--teal);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{color:inherit}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.skip{position:absolute;top:-100px;left:12px;z-index:30}.skip:focus{top:10px;background:var(--paper);padding:12px}.preview{background:#f0e6d5;text-align:center;font-size:12px;padding:4px 12px;color:#5d523d}.header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:900;white-space:nowrap}.brand img{width:48px;height:48px}.header nav{display:flex;gap:24px;align-items:center;font-size:14px}.header nav a{text-decoration:none}.quiet-button{border:1px solid var(--line);border-radius:100px;background:var(--paper);padding:10px 17px;font-size:14px;min-height:44px}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start;padding:28px 0 55px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--teal);margin:0 0 18px}.intro{padding-top:85px}.intro h1{font-size:clamp(36px,4.5vw,57px);font-weight:800;letter-spacing:-.055em;line-height:1.09;margin:0 0 24px}.intro h1 span{display:block;color:var(--teal)}.intro p{color:var(--muted);max-width:390px}.intro .sub{font-size:20px;line-height:1.5}.pills{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.pills span{font-size:12px;background:var(--soft);padding:5px 11px;border-radius:24px}.intro-art{display:flex;align-items:center;gap:18px;margin-top:30px;font-size:14px;color:var(--muted)}.intro-art img{width:62px;height:64px;transform:rotate(-10deg)}
.player{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.player-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.player-title{font-size:13px;letter-spacing:.06em;font-weight:900}.live-dot{width:6px;height:6px;display:inline-block;background:var(--gold);border-radius:100%;margin-right:7px}.wave{height:44px;display:flex;justify-content:center;gap:5px;align-items:center;margin:4px 0 16px;color:var(--teal);opacity:.6}.wave i{display:block;width:4px;height:var(--h);background:currentColor;border-radius:10px;transform:scaleY(.45);transition:transform .4s}.is-playing .wave i{animation:breathe 2.1s ease-in-out infinite;animation-delay:var(--d)}@keyframes breathe{50%{transform:scaleY(1)}}.play{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;border:0;border-radius:16px;padding:15px;background:var(--teal);color:white;font-size:18px;font-weight:800;min-height:58px}.play-icon{font-size:16px}.status{text-align:center;font-size:12px;color:var(--muted);min-height:20px;margin:10px 0 18px}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--soft);padding:5px;border-radius:13px}.types button,.timer button{border:0;border-radius:9px;min-height:44px;background:transparent;font-size:13px}.types button[aria-pressed=true],.timer button[aria-pressed=true]{background:var(--paper);box-shadow:0 2px 7px #20352c12;color:var(--teal);font-weight:900}.sliders{margin-top:18px;display:grid;gap:13px}.control label{display:flex;justify-content:space-between;gap:14px;font-size:14px;font-weight:800}.control output{white-space:nowrap;font-size:12px;color:var(--muted);font-weight:600}.control small{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:-5px}input[type=range]{width:100%;accent-color:var(--teal);height:28px;cursor:pointer;margin:3px 0 0;display:block}.control.body-control{background:var(--soft);padding:12px 14px;border-radius:14px}.control.body-control label span{display:flex;align-items:center;gap:6px}.advanced{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;font-size:13px}.advanced summary{cursor:pointer;min-height:35px;font-weight:800}.eq{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0}.eq label{font-size:12px}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 8px}.preset-row button{border:1px solid var(--line);border-radius:25px;padding:8px 11px;font-size:11px;background:var(--paper);min-height:40px}.timer-label{font-size:12px;font-weight:800;margin:14px 0 5px}.timer{display:flex;gap:3px;border-radius:12px;background:var(--soft);padding:4px}.timer button{flex:1;font-size:12px;min-height:36px}.timer-status{font-size:10px;color:var(--muted);text-align:center;margin:6px 0 16px;min-height:16px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:10px 8px;min-height:44px;font-size:13px;font-weight:800}.notice{font-size:12px;color:var(--teal);text-align:center;min-height:20px;margin:12px 0 0}.reset{display:block;border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:var(--muted);margin:7px auto 0;min-height:35px}.small-brand{text-align:center;color:var(--muted);font-size:10px;letter-spacing:.06em;margin:12px 0 -4px}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid var(--line);padding:30px 0 44px}.how strong{font-size:15px}.how p{font-size:13px;color:var(--muted);margin:5px 0}.how b{color:var(--gold);margin-right:8px}.product{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--soft);border:1px solid var(--line);border-radius:30px;overflow:hidden;margin:18px 0 75px}.product img{width:100%;height:100%;max-height:470px;object-fit:cover}.product-copy{padding:44px}.product h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}.product p{font-size:15px}.product ul{padding-left:20px;font-size:14px}.button{display:inline-block;border-radius:100px;background:var(--teal);color:white;padding:12px 21px;text-decoration:none;font-size:14px;font-weight:800}.product .fine{font-size:12px;color:var(--muted)}.guide{max-width:830px;margin:0 auto 50px}.guide h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:0 0 20px}.guide>p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--paper)}.card h3{font-size:17px;margin:0 0 8px}.card p{font-size:13px;margin:0;color:var(--muted)}.card .swatch{height:4px;width:32px;background:#c9d5cd;margin-bottom:15px;border-radius:6px}.card:nth-child(2) .swatch{background:#dfb9b7}.card:nth-child(3) .swatch{background:#bba98c}.care{border-left:3px solid var(--gold);padding:2px 0 2px 20px;font-size:14px;margin:30px 0}.care p{margin:8px 0;color:var(--muted)}.faq{max-width:830px;margin:0 auto 55px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:800;font-size:16px;cursor:pointer;min-height:35px}.faq details p{font-size:14px;color:var(--muted);margin:10px 0 15px}.sources{font-size:12px;color:var(--muted);max-width:830px;margin:0 auto 55px}.sources ul{padding-left:18px}.footer{border-top:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.footer div{display:flex;flex-wrap:wrap;gap:16px}dialog{max-width:520px;width:calc(100% - 36px);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:24px;padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:#183b3666;backdrop-filter:blur(5px)}dialog h2{margin:0;font-size:25px}dialog p{font-size:14px;color:var(--muted)}dialog input{width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;font-size:12px}dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}dialog button,dialog .button{font-size:13px}#share-close{float:right;border:0;background:transparent;font-size:22px;width:40px;height:40px}#copy-result{min-height:20px;color:var(--teal)}.noscript{border:1px solid var(--gold);padding:15px;border-radius:12px}
[data-theme=night]{--bg:#172b2b;--paper:#203836;--ink:#edf0e6;--muted:#bcc9c0;--line:#3b504a;--teal:#a7c6b8;--soft:#293e39;--gold:#dfbc81;--shadow:0 18px 60px #0002;color-scheme:dark}[data-theme=night] .play,[data-theme=night] .button{color:#18322f}[data-theme=night] .preview{background:#33443d;color:#d5d8c9}[data-theme=night] .product img{opacity:.8}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px;padding:20px 0 34px}.intro{text-align:center;padding-top:0}.intro h1{font-size:39px;max-width:600px;margin:0 auto 16px}.intro h1 span{display:inline}.intro p{max-width:570px;margin:0 auto}.intro .sub{font-size:17px}.pills{justify-content:center;margin:16px 0 0}.intro-art{display:none}.player{width:min(100%,570px);margin:auto}.header nav a{display:none}.how{gap:16px}.product-copy{padding:30px}.product{margin-bottom:45px}.product img{max-height:100%}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}body{font-size:16px}.header{padding:14px 0;gap:10px}.brand{font-size:14px;gap:7px}.brand img{width:38px;height:38px}.quiet-button{font-size:11px;padding:8px 10px;white-space:nowrap}.header nav{gap:0}.hero{padding-top:10px;gap:20px}.eyebrow{font-size:10px;margin-bottom:12px}.intro h1{font-size:33px}.intro .sub{font-size:15px}.pills span{font-size:10px;padding:3px 8px}.player{padding:20px 17px;border-radius:23px}.wave{height:26px;margin-bottom:12px}.player-top{margin-bottom:10px}.player-title{font-size:11px}.play{font-size:16px}.status{font-size:10px}.sliders{gap:12px}.how{grid-template-columns:1fr;gap:18px;padding:24px 3px}.how p{margin-left:21px}.product{grid-template-columns:1fr}.product img{height:235px;object-position:center 42%}.product-copy{padding:26px}.cards{grid-template-columns:1fr}.card{padding:17px}.guide h2{font-size:27px}.footer{display:block}.footer div{margin-top:14px;gap:12px}.actions{gap:6px}.actions button{font-size:12px}.guide,.faq{margin-bottom:35px}.preview{font-size:10px}.eq{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-playing .wave i{animation:none;transform:scaleY(.7)}}

.product-media{position:relative;min-height:450px}.product .product-media img{position:absolute;inset:0;height:100%;max-height:none}@media(max-width:560px){.product-media{height:235px;min-height:0}.product .product-media img{height:100%}}

.footer .footer-topic-links{flex-basis:100%;margin-bottom:14px!important}.footer .footer-topic-links,.footer .footer-topic-links a{color:var(--teal)}.footer .footer-topic-links a+a:before{color:var(--muted)}
