.joiner-app{background:#fff;padding-bottom:0}.joiner-hero{max-width:1200px;margin:auto;padding:65px 30px 55px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.joiner-eyebrow{display:flex;align-items:center;gap:8px;color:#416b64;font-size:9px;font-weight:700;letter-spacing:1.8px;line-height:1.8}.joiner-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#29866e;box-shadow:0 0 0 4px #e5f5ed}.joiner-hero h1{font:800 clamp(31px,4vw,45px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;color:#173c35;margin:19px 0 14px}.joiner-hero h2{font:700 clamp(30px,3.7vw,43px)/1.22 Manrope,sans-serif;letter-spacing:-1.5px;color:#213e39;margin:0}.joiner-hero em{font-style:normal;color:#307a62}.joiner-hero-copy>p{font-size:15px;line-height:1.9;max-width:450px;color:#526c64;margin:23px 0}.joiner-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.joiner-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:9px;padding:14px 21px;background:#176b53;color:#fff;font-size:12px;font-weight:700;box-shadow:0 7px 16px #176b531b}.joiner-primary:hover{background:#10533f}.joiner-hero-actions>a{display:flex;gap:7px;align-items:center;font-size:11px;color:#365e52;min-height:44px}.joiner-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#526c64}.joiner-trust>span{display:flex;align-items:center;gap:6px}.joiner-hero-art{transform:rotate(-2deg);border:1px solid #3d6b62;border-radius:20px;padding:23px;background:linear-gradient(145deg,#113c34,#173e45);color:#fff;box-shadow:12px 19px #eef5ef,0 10px 45px #20483b12}.joiner-art-label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.6px;color:#c4e4d3;margin-bottom:20px}.joiner-art-dot{width:7px;height:7px;background:#87e2ae;border-radius:50%;margin-left:auto}.joiner-art-track{background:#244d4c;border:1px solid #50796b;padding:11px 12px;border-radius:8px;margin:9px 0;color:#8ce3b6}.joiner-art-track>span{font-size:9px;color:#d5eadc}.joiner-art-track svg{display:block;width:100%;height:42px;margin-top:8px}.joiner-art-track.art-1{margin-left:22px;background:#365d57;color:#c5e8b0}.joiner-art-track.art-2{margin-left:45px;color:#95d8e7}.joiner-art-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;font-size:8px;color:#c4dece}.joiner-art-footer>span,.joiner-art-footer>strong{display:flex;align-items:center;gap:6px}.joiner-art-footer>strong{color:#bce9cd;font-weight:500}.joiner-desk{max-width:1220px;margin:20px auto 45px;padding:27px 30px;background:linear-gradient(125deg,#173c6b,#262b59);border:1px solid #254974;border-radius:19px;color:#fff;scroll-margin-top:110px;box-shadow:0 12px 35px #19365c16}.joiner-dragging{outline:3px dashed #55e3ce;outline-offset:5px}.joiner-desk-top,.joiner-desk-top>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.joiner-desk-kicker{font-size:8px;color:#adceeb;letter-spacing:1.6px}.joiner-desk-top h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:9px 0 0}.joiner-desk button{color:#e2edff;min-height:44px;min-width:40px;border-radius:9px}.joiner-desk-top>div:last-child>button{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;padding:8px}.joiner-desk button:hover:not(:disabled){background:#ffffff14}.joiner-desk .joiner-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;border-radius:30px;background:#142445;color:#90f5cf;font-size:12px}.joiner-empty{display:grid;justify-items:center;text-align:center;padding:45px 15px 35px}.joiner-empty>span{width:68px;height:68px;background:#ffffff0e;display:grid;place-items:center;border-radius:20px;color:#65edcb}.joiner-empty h3{font-size:21px;letter-spacing:-.5px;margin:23px 0 10px}.joiner-empty p{font-size:12px;line-height:1.8;color:#c3d7f0;margin:0 0 22px}.joiner-empty small{font-size:10px;line-height:1.9;color:#c1d5f0;margin-top:19px}.joiner-tracks{display:grid;gap:12px;margin:22px 0}.joiner-tracks:empty{display:none}.joiner-track{padding:9px 13px;border-radius:10px;border:1px solid #829bc533;background:#1a4c713d;min-width:0}.joiner-track.is-selected{border-color:#43d2cb80;background:#1b5b813b}.joiner-track-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:7px}.joiner-select{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;padding:5px 7px}.joiner-select>span{font-size:11px;color:#8ceacb}.joiner-select strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joiner-select small{color:#c3d9ec;font-size:10px;margin-left:auto;white-space:nowrap}.joiner-track-head>div{display:flex;flex-shrink:0;gap:3px}.joiner-track-head>div button{display:grid;place-items:center;min-width:36px;width:36px}.joiner-overview{display:block;width:100%;padding:0 7px}.joiner-mini-wave{display:block;width:100%;height:44px;color:#9dbed4}.joiner-boundary{display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;color:#b1d9e6;margin:12px 0 3px}.joiner-settings{border:0;border-top:1px solid #a4bfdf36;padding:22px 0 5px;margin-top:23px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-width:0}.joiner-settings legend{padding:0 10px 0 0;font-size:11px;color:#c8ddf3}.joiner-settings label,.joiner-actions label{display:grid;gap:8px;font-size:11px;color:#d5e5f8}.joiner-settings input,.joiner-actions select,.joiner-filename input{background:#132a4b;color:#fff;color-scheme:dark;border:1px solid #7896bf66;min-height:44px;width:100%;min-width:0;border-radius:8px;padding:10px 12px;font:500 12px DM Sans,sans-serif}.joiner-settings .joiner-track-preview{align-self:end;display:flex;justify-content:center;align-items:center;gap:8px;background:#183253;border:1px solid #7896bf66;font-size:11px;padding:10px 14px}.joiner-settings>p{grid-column:1/-1;margin:0;color:#c4d8f0;font-size:10px;line-height:1.8}.joiner-actions{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #a4bfdf36;margin-top:22px;padding-top:22px}.joiner-actions>div{display:flex;align-items:center;gap:17px}.joiner-play{display:grid;place-items:center;background:#142346;width:62px;min-height:46px}.joiner-actions>div>span{display:grid;gap:6px;font-size:11px;color:#d5e5fb}.joiner-actions strong{font-size:14px;font-weight:500;color:#fff}.joiner-actions small{font-size:10px;color:#bacfe9}.joiner-actions label{font-size:9px}.joiner-actions select{min-width:105px}.joiner-desk .joiner-save{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#162e4c;font-size:12px;font-weight:600;padding:13px 21px;min-height:47px;box-shadow:0 4px 12px #0001}.joiner-desk .joiner-save:hover:not(:disabled){background:#d8faeb}.joiner-filename{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:10px;color:#d3e4f6;max-width:520px}.joiner-filename input{flex:1}.joiner-note{font-size:10px;line-height:1.9;color:#c4d9ef;margin:15px 0 0}.joiner-validation{color:#ffe7ad;font-size:12px;line-height:1.8;margin:20px 0 0}.joiner-progress{display:grid;justify-items:center;text-align:center;gap:15px;padding:30px 10px}.joiner-progress svg{color:#70efcd}.joiner-progress strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.joiner-progress span{font-size:11px;color:#c6dcf2}.joiner-progress button{padding:10px 20px;border:1px solid #7896bf66;background:#ffffff10;font-size:11px}.joiner-preview{display:grid;gap:13px;margin-top:25px;padding:20px;border:1px solid #7896bf66;border-radius:12px}.joiner-preview>strong{font-size:13px}.joiner-preview audio{width:100%;min-width:0}.joiner-preview>small{color:#c5dcf1;font-size:10px;line-height:1.8}.joiner-result{display:flex;align-items:center;gap:16px;margin-top:25px;padding:20px;background:#effbf4;border:1px solid #cbebd8;border-radius:12px;color:#17543e}.joiner-result>div{flex:1;min-width:0}.joiner-result strong{font-size:15px}.joiner-result p{font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin:7px 0 0;color:#48685b}.joiner-result a{display:flex;justify-content:center;align-items:center;gap:8px;background:#186b50;color:#fff;font-size:12px;font-weight:600;min-height:46px;border-radius:8px;padding:12px 19px}.joiner-error{max-width:1000px;margin:25px auto;padding:20px 24px;background:#fff5ef;border:1px solid #edccbd;border-radius:12px;color:#823c28;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.joiner-error p{margin:7px 0 0}.joiner-features{max-width:1110px;margin:65px auto 45px;padding:0 28px}.joiner-section-title{text-align:center;margin-bottom:38px}.joiner-section-title>.joiner-eyebrow{justify-content:center}.joiner-section-title h2{font:700 clamp(24px,3vw,32px)/1.35 Manrope,sans-serif;letter-spacing:-.9px;color:#233e38;margin:15px 0 12px}.joiner-section-title p{font-size:13px;color:#60736c;line-height:1.8}.joiner-features>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.joiner-feature{padding:25px;background:#fafcfb;border:1px solid #e4ebe6;border-radius:15px}.joiner-feature>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e7f3ec;color:#267258}.joiner-feature.tone-1>span{background:#fff1e4;color:#9c5c27}.joiner-feature.tone-2>span{background:#ecebfb;color:#6553aa}.joiner-feature h3{font-size:14px;letter-spacing:-.3px;color:#27413a;margin:20px 0 10px}.joiner-feature p{font-size:12px;line-height:1.9;color:#5b6f67;margin:0}.joiner-help{max-width:1100px;margin:65px auto 15px;padding:0 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.joiner-help h2{font:700 27px/1.4 Manrope,sans-serif;color:#233f36;letter-spacing:-.7px;margin:16px 0 27px}.joiner-help ol{list-style:none;padding:0;margin:0;display:grid;gap:27px}.joiner-help li{display:flex;align-items:start;gap:17px}.joiner-help li>span{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#eaf4ed;color:#386950;border-radius:50%;font-size:11px;font-weight:600}.joiner-help h3{font-size:14px;color:#2c4b3f;margin:6px 0 9px}.joiner-help p{font-size:12px;color:#5a7066;line-height:1.9;margin:0}.joiner-help aside{border:1px solid #e0ebe3;border-radius:17px;padding:30px;background:linear-gradient(135deg,#f3f9f3,#f8fbf9)}.joiner-help aside>svg{color:#317b60}.joiner-help aside>h2{font-size:24px;line-height:1.5;margin:17px 0}.joiner-help aside>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:11px;color:#28674c;margin-top:14px}.joiner-help aside>a:first-of-type{font-weight:700;border-bottom:1px solid #dce8df;padding-bottom:12px;margin-top:23px}.joiner-help aside>a:last-child{font-size:9px}.joiner-app button:focus-visible,.joiner-app a:focus-visible{outline:2px solid #2b8263;outline-offset:4px}.joiner-desk button:focus-visible,.joiner-desk input:focus-visible,.joiner-desk select:focus-visible{outline:2px solid #53eed9;outline-offset:3px}.joiner-desk button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1280px){.joiner-desk{margin-inline:24px}}@media(max-width:950px){.joiner-hero{gap:38px;padding-inline:28px}.joiner-art-footer{flex-direction:column;align-items:start}.joiner-hero-art{padding:18px}.joiner-hero h2{font-size:33px}.joiner-trust{gap:12px;font-size:9px}.joiner-features>div:last-child{gap:16px}.joiner-feature{padding:21px}.joiner-help{gap:35px}.joiner-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.joiner-hero{grid-template-columns:1fr;padding:35px 24px 40px;gap:30px}.joiner-hero-copy{text-align:center}.joiner-hero .joiner-eyebrow,.joiner-hero-actions,.joiner-trust{justify-content:center}.joiner-hero h1{font-size:36px}.joiner-hero h2{font-size:34px}.joiner-hero-copy>p{font-size:14px;margin:19px auto}.joiner-hero-art{max-width:420px;width:100%;margin:auto;padding:18px 20px}.joiner-art-track{padding:7px 10px}.joiner-art-track svg{height:30px}.joiner-art-label{margin-bottom:13px}.joiner-art-footer{flex-direction:row;align-items:center;margin-top:16px}.joiner-desk{margin:16px 13px 35px;padding:20px 16px}.joiner-desk-top{align-items:start;gap:10px}.joiner-desk-top h2{font-size:15px;line-height:1.5;max-width:180px}.joiner-desk-kicker{font-size:7px}.joiner-desk-top>div:last-child{gap:1px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.joiner-desk-top>div:last-child>button:nth-child(2)>span{display:none}.joiner-desk .joiner-add{padding:10px 13px;font-size:11px;gap:6px}.joiner-empty{padding:30px 0 12px}.joiner-empty h3{font-size:18px}.joiner-empty small{font-size:9px}.joiner-track{padding:7px}.joiner-track-head{gap:3px}.joiner-select{gap:7px}.joiner-select strong{font-size:10px}.joiner-select small{display:none}.joiner-track-head>div{gap:0}.joiner-track-head>div button{width:31px;min-width:31px}.joiner-track-head>div svg{width:15px}.joiner-settings{gap:14px 12px}.joiner-settings label,.joiner-settings .joiner-track-preview{font-size:10px;line-height:1.6}.joiner-actions{flex-direction:column;align-items:stretch;gap:19px}.joiner-actions>div:last-child{justify-content:space-between;align-items:end}.joiner-actions select{min-width:90px}.joiner-desk .joiner-save{padding:13px 19px;flex:1;max-width:240px}.joiner-play{width:52px}.joiner-filename{flex-wrap:wrap;font-size:10px}.joiner-filename>input{min-width:130px}.joiner-note{font-size:9px}.joiner-result{flex-wrap:wrap;padding:16px;gap:13px}.joiner-result>a{width:100%}.joiner-result strong{font-size:13px}.joiner-preview{padding:15px}.joiner-features{margin-top:40px;padding:0 22px}.joiner-features>div:last-child{grid-template-columns:1fr 1fr;gap:13px}.joiner-feature{padding:19px 16px}.joiner-feature h3{font-size:13px}.joiner-feature p{font-size:11px}.joiner-section-title p{font-size:12px}.joiner-help{grid-template-columns:1fr;gap:30px;padding:0 23px;margin-top:45px}.joiner-help aside{padding:25px}.joiner-help .joiner-eyebrow{font-size:8px;letter-spacing:1.3px}.joiner-help h2{font-size:25px}.joiner-error{margin:20px 16px;padding:17px}}@media(max-width:360px){.joiner-hero{padding-inline:20px}.joiner-hero .joiner-eyebrow{font-size:7px;letter-spacing:1.2px}.joiner-hero h2{font-size:30px}.joiner-art-footer{font-size:7px}.joiner-desk-top>div:last-child{max-width:120px}.joiner-desk-top h2{max-width:130px}.joiner-features>div:last-child{grid-template-columns:1fr}.joiner-track-head>div button{width:29px;min-width:29px}.joiner-desk .joiner-save{font-size:11px;padding-inline:14px}.joiner-actions>div:last-child{gap:12px}}