:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf3ed;background:#0b1015;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{max-width:820px;margin:auto;padding:28px 22px 44px}header,.brand,.player-top,.player-bottom,.section-head,.range-ends,.saved-row,.button-row,.save-row{display:flex;align-items:center;justify-content:space-between;gap:14px}header{padding:0 0 56px}.brand{justify-content:flex-start}.brand-icon{font-size:35px;color:#a7efac}.brand strong{display:block;font-size:20px;letter-spacing:.3em}.brand small{display:block;font-size:9px;letter-spacing:.23em;color:#81978b}.offline,.pill{font-size:10px;letter-spacing:.14em;border:1px solid #315140;border-radius:50px;color:#a7efac;padding:8px 11px;white-space:nowrap}.hero{margin-bottom:35px}.eyebrow{color:#a0c7ab;font-size:10px;font-weight:750;letter-spacing:.18em}.hero h1{font-size:clamp(54px,11vw,91px);letter-spacing:-.075em;line-height:.99;margin:17px 0 22px}.hero h1 em{color:#a7efac;font-style:normal}.hero p{max-width:440px;color:#92a49c;line-height:1.7}.panel{background:#141d22;border:1px solid #29383c;border-radius:22px;padding:27px;margin:17px 0}.panel h2{font-size:25px;letter-spacing:-.045em;margin:8px 0 0}.player{background:linear-gradient(135deg,#1c3129,#101b20);border-color:#385845}.player-top{align-items:flex-start}.player canvas{width:100%;height:160px;border-radius:12px;margin:18px 0;background:#101b20}.player-bottom{justify-content:flex-start}.play{border:0;background:#a7efac;color:#11241b;border-radius:50%;height:66px;width:66px;font-size:25px;flex:none}.player-bottom strong,.player-bottom small{display:block}.player-bottom small{font-size:12px;color:#a1b5aa;margin-top:6px}.headphones{margin-left:auto;color:#a7efac;font-size:25px}.section-head{margin-bottom:26px}.value{color:#a7efac;font-weight:750}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:30px}.presets button,.button-row button,.saved-row button{border:1px solid #334448;border-radius:12px;color:#c9d9d0;background:#1b282d;padding:12px 8px}.presets button.selected{background:#a7efac;color:#10241a;border-color:#a7efac;font-weight:800}label{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;color:#d4e1d9;font-weight:650;font-size:14px}output{color:#a7efac}input[type=range]{width:100%;accent-color:#a7efac;cursor:pointer}.range-ends{font-size:10px;letter-spacing:.13em;color:#718b80;margin:9px 0 18px}.hint{font-size:12px;color:#91a69a;line-height:1.7;margin:17px 0 0}select,.save-row input{width:100%;padding:14px;background:#0e171b;border:1px solid #36474a;border-radius:12px;color:#eaf3ed;outline:none}select:focus,.save-row input:focus{border-color:#a7efac}.primary{background:#a7efac;border:0;border-radius:12px;padding:14px 18px;font-weight:800;color:#13241b;white-space:nowrap}.full{width:100%;margin-top:20px}.saved-presets{margin:18px 0}.saved-presets.empty{font-size:13px;color:#8aa092}.saved-row{margin:8px 0}.saved-row .preset-load{flex:1;text-align:left}.saved-row button:not(.preset-load){min-width:43px}.button-row{justify-content:stretch}.button-row button{flex:1}footer{text-align:center;color:#667d72;font-size:10px;letter-spacing:.13em;padding:26px 0}.header-actions{display:flex;align-items:center;gap:8px}.lang-switch{display:flex;border:1px solid #29383c;border-radius:50px;overflow:hidden}.lang-switch a{font-size:10px;letter-spacing:.14em;color:#81978b;text-decoration:none;padding:8px 10px}.lang-switch a:hover,.lang-switch a:focus-visible{color:#a7efac}.lang-switch a[aria-current]{color:#10241a;background:#a7efac;font-weight:750}.legal-lang{float:right;font-size:12px}.install{background:transparent;font-weight:inherit}.install:hover,.install:focus-visible{background:#1c3129}.install-hint{margin:-36px 0 36px}.install-hint p{color:#b4c4bb;font-size:14px;line-height:1.7;margin:8px 0 16px}.install-hint b{color:#eaf3ed}.faq h3{font-size:16px;letter-spacing:-.02em;margin:24px 0 6px;color:#eaf3ed}.faq .section-head{margin-bottom:0}.faq p{color:#b4c4bb;font-size:14px;line-height:1.7;margin:0}.faq p.hint{font-size:12px;color:#91a69a;margin-top:24px}footer p{margin:0}footer a{color:#81978b;text-decoration:none}footer a:hover,footer a:focus-visible{color:#a7efac}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin-top:14px}.sponsor{display:inline-block;margin-top:18px;border:1px solid #29383c;border-radius:50px;padding:6px 12px;font-size:9px}.sponsor:hover,.sponsor:focus-visible{border-color:#315140}.legal .brand,.legal .offline{text-decoration:none;color:inherit}.legal .offline{color:#a7efac}.legal .panel h1{font-size:clamp(32px,7vw,46px);letter-spacing:-.05em;margin:10px 0 8px}.legal .panel h2{font-size:17px;letter-spacing:-.02em;margin:28px 0 8px}.legal .panel p,.legal .panel li{color:#b4c4bb;line-height:1.7;font-size:14px}.legal .panel ul{padding-left:20px}.legal .panel a{color:#a7efac}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);max-width:min(90vw,650px);padding:15px 19px;background:#b5f2bd;color:#10241a;border-radius:12px;font-size:13px;font-weight:650;box-shadow:0 10px 40px #0008;transition:transform .25s;z-index:10}#toast.show{transform:translate(-50%)}@media(max-width:540px){.shell{padding:20px 14px 35px}header{padding-bottom:40px}.panel{padding:20px;border-radius:18px}.presets{gap:5px}.presets button{font-size:11px;padding:12px 3px}.panel h2{font-size:22px}.hero h1{font-size:64px}.offline{font-size:9px}#network,.brand small{display:none}.header-actions{gap:6px}.lang-switch a{padding:8px 6px}.install{letter-spacing:.08em;padding:8px 9px}.install-hint{margin:-24px 0 28px}.button-row{flex-wrap:wrap}.button-row button{min-width:140px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}