.effects-section {
    align-items:start;
}
.effects-copy {
    position:relative;
}
.effect-facts {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px;
}
.effect-facts span {
    display:inline-flex;
    min-height:34px;
    align-items:center;
    gap:5px;
    padding:7px 11px;
    border:1px solid var(--line);
    border-radius:999px;
    color:var(--muted);
    background:var(--surface);
    font-size:11px;
    font-weight:750;
}
.effect-facts strong { color:var(--blue);font-size:13px; }
.effect-how {
    display:grid;
    gap:0;
    margin:28px 0 2px;
    padding:0;
    list-style:none;
    border-top:1px solid var(--line);
}
.effect-how li {
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}
.effect-how li>span {
    padding-top:2px;
    color:var(--blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:.1em;
}
.effect-how li div { display:grid;gap:3px; }
.effect-how strong { color:var(--text);font-size:14px; }
.effect-how small { color:var(--muted);font-size:12px;line-height:1.4; }
.effect-personalization {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:13px;
    align-items:center;
    margin-top:24px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--surface);
    box-shadow:0 12px 35px color-mix(in srgb,var(--blue) 7%,transparent);
}
.effect-profile-mark {
    position:relative;
    display:grid;
    width:45px;
    height:45px;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#ff6868,#ce263e);
    box-shadow:0 7px 18px rgba(206,38,62,.23);
}
.effect-profile-mark b { font-size:22px;line-height:1; }
.effect-profile-mark i { position:absolute;right:0;bottom:1px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:#32cc80; }
.effect-personalization>div:nth-child(2) { display:grid;gap:3px; }
.effect-personalization strong { font-size:13px; }
.effect-personalization p { color:var(--muted);font-size:11px;line-height:1.4; }
.effect-color-dots { display:flex; }
.effect-color-dots i { width:12px;height:28px;border:2px solid var(--surface);border-radius:999px;background:#566cff; }
.effect-color-dots i+ i { margin-left:-4px; }
.effect-color-dots i:nth-child(2) { background:#9a55ed; }
.effect-color-dots i:nth-child(3) { background:#f04c98; }
.effect-color-dots i:nth-child(4) { background:#25b98b; }

.effects-visual.voice-effects-preview {
    display:flex;
    min-height:530px;
    flex-direction:column;
    place-items:initial;
    padding:24px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 29%,color-mix(in srgb,var(--effect-color,#5868f7) 16%,transparent),transparent 36%),
        linear-gradient(150deg,var(--surface),var(--surface-soft));
    transition:background .35s ease,border-color .35s ease;
}
.effects-section>.voice-effects-preview { min-height:410px; }
.effects-section .effect-preview-stage { min-height:215px; }
.effects-visual.voice-effects-preview::before,.effects-visual.voice-effects-preview::after { display:none; }
.effect-preview-copy>span {
    color:var(--blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.effect-preview-stage {
    position:relative;
    display:grid;
    min-height:245px;
    place-items:center;
    isolation:isolate;
}
.effect-rings,.effect-rings::before,.effect-rings::after {
    position:absolute;
    width:188px;
    height:188px;
    border:1px solid color-mix(in srgb,var(--effect-color,#5868f7) 22%,var(--line));
    border-radius:50%;
    content:"";
}
.effect-rings::before { inset:-33px; }
.effect-rings::after { inset:-66px;opacity:.55; }
.voice-effects-preview.is-switching .effect-rings { animation:effect-ring-switch .34s cubic-bezier(.16,1,.3,1); }
.voice-effects-preview .effect-wave {
    position:relative;
    z-index:2;
    display:flex;
    width:min(74%,300px);
    height:112px;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.voice-effects-preview .effect-wave i {
    width:7px;
    height:var(--effect-height,52%);
    flex:0 1 8px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--effect-color,#5868f7),var(--effect-color-2,#26bcf1));
    box-shadow:0 0 14px color-mix(in srgb,var(--effect-color,#5868f7) 28%,transparent);
    animation:effect-wave-live 1.15s ease-in-out infinite alternate;
    animation-delay:calc(var(--effect-index,0) * -80ms);
    transition:height .32s cubic-bezier(.16,1,.3,1),background .3s,transform .3s,opacity .3s;
}
.voice-effects-preview .effect-wave i:nth-child(1),.voice-effects-preview .effect-wave i:nth-child(13) { --effect-height:24%;--effect-index:1; }
.voice-effects-preview .effect-wave i:nth-child(2),.voice-effects-preview .effect-wave i:nth-child(12) { --effect-height:43%;--effect-index:2; }
.voice-effects-preview .effect-wave i:nth-child(3),.voice-effects-preview .effect-wave i:nth-child(11) { --effect-height:63%;--effect-index:3; }
.voice-effects-preview .effect-wave i:nth-child(4),.voice-effects-preview .effect-wave i:nth-child(10) { --effect-height:48%;--effect-index:4; }
.voice-effects-preview .effect-wave i:nth-child(5),.voice-effects-preview .effect-wave i:nth-child(9) { --effect-height:77%;--effect-index:5; }
.voice-effects-preview .effect-wave i:nth-child(6),.voice-effects-preview .effect-wave i:nth-child(8) { --effect-height:57%;--effect-index:6; }
.voice-effects-preview .effect-wave i:nth-child(7) { --effect-height:94%;--effect-index:7; }
.effect-main-icon,.effect-selected-icon {
    position:absolute;
    z-index:3;
    display:grid;
    width:92px;
    height:92px;
    place-items:center;
    border:0;
    border-radius:50%;
    background:var(--surface);
    box-shadow:0 15px 38px color-mix(in srgb,var(--effect-color,#5868f7) 18%,transparent);
}
.effect-main-icon { border:0;background:transparent;box-shadow:none; }
.effect-selected-icon { box-shadow:0 15px 38px color-mix(in srgb,var(--effect-color,#5868f7) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--effect-color,#5868f7) 34%,var(--line)); }
.effect-main-icon::before,.effect-selected-icon::before {
    width:47px;
    height:47px;
    background:linear-gradient(145deg,var(--effect-color,#5868f7),var(--effect-color-2,#26bcf1));
    content:"";
    -webkit-mask:center/contain no-repeat;
    mask:center/contain no-repeat;
}
.effect-main-icon::before { -webkit-mask-image:url("../../images/app/voice-effects/icon_voice_effects.svg");mask-image:url("../../images/app/voice-effects/icon_voice_effects.svg"); }
.effect-selected-icon::before { -webkit-mask-image:var(--effect-icon);mask-image:var(--effect-icon); }
.voice-effects-preview .effect-wave { opacity:.24;filter:blur(.3px); }
.voice-effects-preview[data-wave-style="narrow"] { --effect-color:#1fa7d8;--effect-color-2:#516de7; }
.voice-effects-preview[data-wave-style="narrow"] .effect-wave i { width:5px;animation-duration:.72s; }
.voice-effects-preview[data-wave-style="stepped"] { --effect-color:#6867e9;--effect-color-2:#b581ff; }
.voice-effects-preview[data-wave-style="stepped"] .effect-wave i { border-radius:2px;animation-timing-function:steps(2,end);animation-duration:.54s; }
.voice-effects-preview[data-wave-style="orbit"] { --effect-color:#9a4fe5;--effect-color-2:#ef62bd; }
.voice-effects-preview[data-wave-style="orbit"] .effect-rings { animation:effect-ring-orbit 4s linear infinite; }
.voice-effects-preview[data-wave-style="high"] { --effect-color:#f14b9a;--effect-color-2:#ff995f; }
.voice-effects-preview[data-wave-style="high"] .effect-wave i { width:4px;transform:translateY(-10px) scaleY(.72);animation-duration:.42s; }
.voice-effects-preview[data-wave-style="deep"] { --effect-color:#e77545;--effect-color-2:#963858; }
.voice-effects-preview[data-wave-style="deep"] .effect-wave i { width:9px;transform:translateY(12px) scaleY(1.05);animation-duration:1.45s; }
.voice-effects-preview[data-wave-style="broken"] { --effect-color:#f05566;--effect-color-2:#e7a349; }
.voice-effects-preview[data-wave-style="broken"] .effect-wave i:nth-child(3n) { transform:translateY(15px);opacity:.45; }
.voice-effects-preview[data-wave-style="digital"] { --effect-color:#2c8fff;--effect-color-2:#27d4b5; }
.voice-effects-preview[data-wave-style="digital"] .effect-wave i { border-radius:1px;animation-timing-function:steps(3,end); }
.voice-effects-preview[data-wave-style="bright"] { --effect-color:#df9d22;--effect-color-2:#fff07c; }
.voice-effects-preview[data-wave-style="echo"] { --effect-color:#5375f4;--effect-color-2:#4bcce8; }
.voice-effects-preview[data-wave-style="echo"] .effect-wave { filter:drop-shadow(12px 0 0 color-mix(in srgb,var(--effect-color) 15%,transparent)); }
.effect-preview-copy {
    position:relative;
    z-index:2;
    display:grid;
    gap:4px;
    min-height:92px;
    padding:16px 17px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--surface);
}
.effect-preview-copy h3 { margin:0;color:var(--text);font:750 26px/1.05 "Talder Display",sans-serif;letter-spacing:-.03em; }
.effect-preview-copy p { position:static!important;margin-top:3px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45; }
.effect-switcher {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:13px;
}
.effect-chip {
    display:flex;
    min-width:0;
    min-height:42px;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:13px;
    color:var(--muted);
    background:var(--surface);
    font-size:10px;
    font-weight:800;
    cursor:pointer;
    transition:border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s;
}
.effect-chip:hover { transform:translateY(-2px); }
.effect-chip.active {
    border-color:color-mix(in srgb,var(--effect-color,#5868f7) 55%,var(--line));
    color:var(--text);
    background:color-mix(in srgb,var(--effect-color,#5868f7) 9%,var(--surface));
    box-shadow:0 8px 20px color-mix(in srgb,var(--effect-color,#5868f7) 11%,transparent);
}
.effect-chip-glyph { display:flex;height:17px;align-items:center;gap:2px; }
.effect-chip-glyph i { display:block;width:2px;height:7px;border-radius:3px;background:currentColor; }
.effect-chip-glyph i:nth-child(2) { height:15px; }
.effect-preview-note {
    position:static!important;
    margin:11px 2px 0!important;
    color:var(--muted)!important;
    font-size:9px!important;
    line-height:1.4;
    text-align:center;
}
.voice-effects-page { padding-top:clamp(70px,9vh,118px);padding-bottom:120px; }
.voice-effects-hero { display:block;padding-bottom:55px; }
.voice-effects-hero h1 {
    max-width:820px;
    margin-bottom:22px;
    line-height:.94;
    letter-spacing:normal;
}
.voice-effects-hero .plain-lede { margin-bottom:0; }
.voice-effects-summary { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.voice-effects-summary>div { padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface); }
.voice-effects-summary strong { display:block;color:var(--blue);font:750 27px/1 "Talder Display",sans-serif; }
.voice-effects-summary span { display:block;margin-top:5px;color:var(--muted);font-size:11px; }
.voice-effects-guide { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px; }
.voice-effects-guide article { padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface); }
.voice-effects-guide span { color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.1em; }
.voice-effects-guide h2 { margin:22px 0 8px;font-size:22px; }
.voice-effects-guide p { color:var(--muted);font-size:13px; }
.voice-effects-catalog { display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start;margin-top:40px; }
.voice-effects-catalog .voice-effects-preview { position:sticky;top:92px;min-height:510px; }
.effect-library-panel { padding:22px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow); }
.effect-library-head { display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:19px; }
.effect-library-head h2 { margin:0;font-size:30px; }
.effect-library-head p { max-width:400px;margin-top:7px;color:var(--muted);font-size:12px; }
.effect-library-count { flex:none;padding:7px 10px;border-radius:999px;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface-soft));font-size:10px;font-weight:850; }
.effect-filter-tabs { display:flex;gap:7px;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft); }
.effect-filter-tabs button { min-height:36px;flex:1;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:11px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s; }
.effect-filter-tabs button[aria-selected="true"] { color:var(--text);background:var(--surface);box-shadow:0 4px 14px rgba(0,0,0,.08); }
.effect-library { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.effect-library-item { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:76px;padding:11px;border:1px solid var(--line);border-radius:17px;color:var(--text);background:var(--surface-soft);text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s; }
.effect-library-item:hover { transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 28%,var(--line)); }
.effect-library-item.active { border-color:color-mix(in srgb,var(--blue) 65%,var(--line));background:color-mix(in srgb,var(--blue) 7%,var(--surface));box-shadow:0 9px 25px color-mix(in srgb,var(--blue) 9%,transparent); }
.effect-library-item[hidden] { display:none; }
.effect-library-icon { display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface)); }
.effect-library-icon .effect-chip-glyph { display:none; }
.effect-library-icon::before { width:21px;height:21px;background:currentColor;content:"";-webkit-mask:var(--effect-icon) center/contain no-repeat;mask:var(--effect-icon) center/contain no-repeat; }
.effect-library-item[data-effect="none"],.voice-effects-preview[data-selected-effect="none"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_none.svg"); }
.effect-library-item[data-effect="radio"],.voice-effects-preview[data-selected-effect="radio"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_radio.svg"); }
.effect-library-item[data-effect="robot"],.voice-effects-preview[data-selected-effect="robot"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_robot.svg"); }
.effect-library-item[data-effect="alien"],.voice-effects-preview[data-selected-effect="alien"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_alien.svg"); }
.effect-library-item[data-effect="broken_speaker"],.voice-effects-preview[data-selected-effect="broken_speaker"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_broken_speaker.svg"); }
.effect-library-item[data-effect="glitch"],.voice-effects-preview[data-selected-effect="glitch"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_glitch.svg"); }
.effect-library-item[data-effect="destroyed_voice"],.voice-effects-preview[data-selected-effect="destroyed_voice"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_destroyed_voice.svg"); }
.effect-library-item[data-effect="monster"],.voice-effects-preview[data-selected-effect="monster"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_monster.svg"); }
.effect-library-item[data-effect="demon"],.voice-effects-preview[data-selected-effect="demon"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_demon.svg"); }
.effect-library-item[data-effect="helium"],.voice-effects-preview[data-selected-effect="helium"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_helium.svg"); }
.effect-library-item[data-effect="anonymous"],.voice-effects-preview[data-selected-effect="anonymous"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_anonymous.svg"); }
.effect-library-item[data-effect="apple_decimated"],.voice-effects-preview[data-selected-effect="apple_decimated"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_decimated.svg"); }
.effect-library-item[data-effect="apple_alien_chatter"],.voice-effects-preview[data-selected-effect="apple_alien_chatter"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_alien_chatter.svg"); }
.effect-library-item[data-effect="apple_cosmic_interference"],.voice-effects-preview[data-selected-effect="apple_cosmic_interference"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_cosmic_interference.svg"); }
.effect-library-item[data-effect="apple_golden_pi"],.voice-effects-preview[data-selected-effect="apple_golden_pi"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_golden_pi.svg"); }
.effect-library-item[data-effect="apple_speech_waves"],.voice-effects-preview[data-selected-effect="apple_speech_waves"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_speech_waves.svg"); }
.effect-library-item[data-effect="apple_broken_speaker"],.voice-effects-preview[data-selected-effect="apple_broken_speaker"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_broken_speaker.svg"); }
.effect-library-item[data-effect="apple_cellphone_concert"],.voice-effects-preview[data-selected-effect="apple_cellphone_concert"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_cellphone_concert.svg"); }
.effect-library-item[data-effect="apple_everything_broken"],.voice-effects-preview[data-selected-effect="apple_everything_broken"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_everything_broken.svg"); }
.effect-library-item[data-effect="apple_distorted_cubed"],.voice-effects-preview[data-selected-effect="apple_distorted_cubed"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_distorted_cubed.svg"); }
.effect-library-item[data-effect="apple_echo_tight"],.voice-effects-preview[data-selected-effect="apple_echo_tight"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_echo_tight.svg"); }
.effect-library-item[data-effect="apple_bit_brush"],.voice-effects-preview[data-selected-effect="apple_bit_brush"] { --effect-icon:url("../../images/app/voice-effects/voice_effect_apple_bit_brush.svg"); }
.effect-library-copy { display:grid;gap:3px;min-width:0; }
.effect-library-copy strong { font-size:12px; }
.effect-library-copy small { display:-webkit-box;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.effect-tier { padding:4px 6px;border-radius:999px;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));font-size:8px;font-weight:900;letter-spacing:.06em; }
.effect-tier.is-pro { color:#a87300;background:#e9b94b17; }
:root[data-theme="dark"] .effect-tier.is-pro { color:#ffd873; }
.voice-effects-footnote { margin-top:18px;padding:18px 20px;border-left:3px solid var(--cyan);color:var(--muted);background:var(--surface);font-size:12px;line-height:1.55; }

@keyframes effect-wave-live { from{transform:scaleY(.73);opacity:.58}to{transform:scaleY(1.08);opacity:1} }
@keyframes effect-ring-orbit { to{transform:rotate(360deg)} }
@keyframes effect-ring-switch { 0%{transform:scale(.91);opacity:.35}100%{transform:none;opacity:1} }

@media (max-width:900px) {
    .effects-visual.voice-effects-preview { min-height:580px; }
    .voice-effects-hero,.voice-effects-catalog { grid-template-columns:1fr; }
    .voice-effects-catalog .voice-effects-preview { position:relative;top:auto; }
}
.voice-effects-guide>article:nth-child(2).reveal { transition-delay:.09s; }
.voice-effects-guide>article:nth-child(3).reveal { transition-delay:.18s; }
@media (max-height:720px) and (min-width:1001px) {
    .voice-effects-page { padding-top:48px; }
}
@media (max-width:700px) {
    .effects-visual.voice-effects-preview { min-height:490px;padding:18px;border-radius:27px; }
    .effect-preview-stage { min-height:215px; }
    .effect-rings { width:154px;height:154px; }
    .effect-rings::before { inset:-25px; }.effect-rings::after { inset:-50px; }
    .voice-effects-preview .effect-wave { width:78%;height:94px;gap:5px; }
    .voice-effects-preview .effect-wave i { width:5px; }
    .effect-switcher { grid-template-columns:1fr 1fr; }
    .effect-personalization { grid-template-columns:auto 1fr; }
    .effect-color-dots { display:none; }
    .voice-effects-page { padding-top:66px;padding-bottom:85px; }
    .voice-effects-hero { gap:28px;padding-bottom:36px; }
    .voice-effects-hero h1 { font-size:clamp(3rem,14.2vw,4.7rem);line-height:.96;letter-spacing:normal; }
    .voice-effects-summary { grid-template-columns:1fr 1fr; }
    .voice-effects-guide { grid-template-columns:1fr; }
    .voice-effects-catalog { margin-top:25px; }
    .effect-library-panel { padding:16px;border-radius:23px; }
    .effect-library-head { display:grid; }
    .effect-library { grid-template-columns:1fr; }
    .effects-section>.voice-effects-preview { min-height:380px; }
    .effects-section .effect-preview-stage { min-height:190px; }
}
@media (prefers-reduced-motion:reduce) {
    .voice-effects-preview .effect-wave i,.voice-effects-preview[data-wave-style="orbit"] .effect-rings { animation:none; }
}