:root{--wc-g0-a:#c4b5fd;--wc-g0-b:#a78bfa;--wc-g0-c:#ddd6fe;--wc-g1-a:#fed7aa;--wc-g1-b:#fdba74;--wc-g1-c:#fde8c8;--wc-g2-a:#bae6fd;--wc-g2-b:#7dd3fc;--wc-g2-c:#e0f2fe;--wc-g3-a:#a7f3d0;--wc-g3-b:#6ee7b7;--wc-g3-c:#d1fae5;--wc-g4-a:#fecdd3;--wc-g4-b:#fda4af;--wc-g4-c:#ffe4e6;--wc-g5-a:#e9d5ff;--wc-g5-b:#d8b4fe;--wc-g5-c:#ede9fe;--wc-g6-a:var(--amber-200);--wc-g6-b:var(--amber-300);--wc-g6-c:#fef9c3;--wc-g7-a:#a5f3fc;--wc-g7-b:#67e8f9;--wc-g7-c:#cffafe}body.dark{--wc-g0-a:#1e1538;--wc-g0-b:#2d1f55;--wc-g0-c:#1a1230;--wc-g1-a:#2a1600;--wc-g1-b:#3d2005;--wc-g1-c:#1e1000;--wc-g2-a:#071828;--wc-g2-b:#0c2540;--wc-g2-c:#061220;--wc-g3-a:#071a10;--wc-g3-b:#0d2b18;--wc-g3-c:#061410;--wc-g4-a:#200812;--wc-g4-b:#320d1e;--wc-g4-c:#1a0610;--wc-g5-a:#200f35;--wc-g5-b:#311645;--wc-g5-c:#1c0c2e;--wc-g6-a:#1a1400;--wc-g6-b:#2a2000;--wc-g6-c:#141000;--wc-g7-a:#042835;--wc-g7-b:#064758;--wc-g7-c:#02141d}.wc-cover.gradient-twilight{--wc-accent:#7c3aed}.wc-cover:has(.wc-grad--0){--wc-accent:#7c3aed}.wc-cover.gradient-sunset{--wc-accent:#c2410c}.wc-cover:has(.wc-grad--1){--wc-accent:#c2410c}.wc-cover.gradient-ocean{--wc-accent:#0284c7}.wc-cover:has(.wc-grad--2){--wc-accent:#0284c7}.wc-cover.gradient-forest{--wc-accent:#047857}.wc-cover:has(.wc-grad--3){--wc-accent:#047857}.wc-cover.gradient-ember{--wc-accent:#be185d}.wc-cover:has(.wc-grad--4){--wc-accent:#be185d}.wc-cover:has(.wc-grad--5){--wc-accent:#7e22ce}.wc-cover:has(.wc-grad--6){--wc-accent:#b45309}.wc-cover.gradient-aurora{--wc-accent:#0e7490}.wc-cover:has(.wc-grad--7){--wc-accent:#0e7490}body.dark .wc-cover.gradient-twilight{--wc-accent:#8b5cf6}body.dark .wc-cover:has(.wc-grad--0){--wc-accent:#8b5cf6}body.dark .wc-cover.gradient-sunset{--wc-accent:#f97316}body.dark .wc-cover:has(.wc-grad--1){--wc-accent:#f97316}body.dark .wc-cover.gradient-ocean{--wc-accent:#0ea5e9}body.dark .wc-cover:has(.wc-grad--2){--wc-accent:#0ea5e9}body.dark .wc-cover.gradient-forest{--wc-accent:#10b981}body.dark .wc-cover:has(.wc-grad--3){--wc-accent:#10b981}body.dark .wc-cover.gradient-ember{--wc-accent:#f43f5e}body.dark .wc-cover:has(.wc-grad--4){--wc-accent:#f43f5e}body.dark .wc-cover:has(.wc-grad--5){--wc-accent:var(--brand-violet)}body.dark .wc-cover:has(.wc-grad--6){--wc-accent:var(--color-warning)}body.dark .wc-cover.gradient-aurora{--wc-accent:#4dd9e8}body.dark .wc-cover:has(.wc-grad--7){--wc-accent:#4dd9e8}.wc-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:box-shadow var(--transition-slow), transform var(--transition-slow) var(--ease-spring);overflow:hidden}.wc-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.wc-card.is-playing{border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(var(--primary-rgb,88 81 184) / 15%), var(--shadow-card-hover)}.wc-cover{aspect-ratio:var(--wc-ar,16 / 9);border-radius:inherit;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow:hidden}.wc-cover--portrait{max-height:360px}.wc-cover--portrait img,.wc-cover--square img{object-fit:cover;object-position:center top;width:100%;height:100%}.wc-cover__bg{width:100%;height:100%;position:relative}.wc-cover__bg[style*=background-image]{filter:blur(1px)saturate(1.15)brightness(.65)}.wc-cover__bg.wc-grad--0{background:radial-gradient(ellipse at 35% 25%, #8b5cf6cc 0%, transparent 55%), radial-gradient(ellipse at 75% 72%, #d8b4fe99 0%, transparent 55%), linear-gradient(155deg, var(--wc-g0-a) 0%, var(--wc-g0-b) 45%, var(--wc-g0-c) 100%)}.wc-cover__bg.wc-grad--1{background:radial-gradient(ellipse at 60% 22%, #fb923ccc 0%, transparent 50%), radial-gradient(ellipse at 28% 78%, #fca5a58c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g1-a) 0%, var(--wc-g1-b) 45%, var(--wc-g1-c) 100%)}.wc-cover__bg.wc-grad--2{background:radial-gradient(ellipse at 45% 28%, #38bdf8bf 0%, transparent 55%), radial-gradient(ellipse at 78% 70%, #63b3ed8c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g2-a) 0%, var(--wc-g2-b) 45%, var(--wc-g2-c) 100%)}.wc-cover__bg.wc-grad--3{background:radial-gradient(ellipse at 42% 30%, #34d399bf 0%, transparent 55%), radial-gradient(ellipse at 72% 72%, #6ee7b78c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g3-a) 0%, var(--wc-g3-b) 45%, var(--wc-g3-c) 100%)}.wc-cover__bg.wc-grad--4{background:radial-gradient(ellipse at 38% 35%, #fb7185c7 0%, transparent 55%), radial-gradient(ellipse at 72% 58%, #fda4af8c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g4-a) 0%, var(--wc-g4-b) 45%, var(--wc-g4-c) 100%)}.wc-cover__bg.wc-grad--5{background:radial-gradient(ellipse at 52% 22%, #c084fccc 0%, transparent 50%), radial-gradient(ellipse at 22% 75%, #a78bfa8c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g5-a) 0%, var(--wc-g5-b) 45%, var(--wc-g5-c) 100%)}.wc-cover__bg.wc-grad--6{background:radial-gradient(ellipse at 62% 28%, #eab308bf 0%, transparent 50%), radial-gradient(ellipse at 28% 72%, #fbbf248c 0%, transparent 50%), linear-gradient(155deg, var(--wc-g6-a) 0%, var(--wc-g6-b) 45%, var(--wc-g6-c) 100%)}.wc-cover__bg.wc-grad--7{background:radial-gradient(ellipse at 38% 28%, #22d3eec7 0%, transparent 55%), radial-gradient(ellipse at 72% 70%, #67e8f98c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g7-a) 0%, var(--wc-g7-b) 45%, var(--wc-g7-c) 100%)}.wc-cover__title-overlay{padding:var(--space-3) var(--space-4);z-index:1;background:linear-gradient(#0000 30%,#fff3 60%,#fffc 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.wc-cover__bg[style*=background-image]+.wc-cover__title-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000 30%,#00000026 55%,#0009 100%)}.wc-cover__bg[style*=background-image]+.wc-cover__title-overlay .wc-cover__title-text{color:var(--white);text-shadow:0 1px 3px #0006}.wc-cover__bg[style*=background-image]+.wc-cover__title-overlay .wc-cover__meta-text{color:#ffffffbf}.wc-cover__title-text{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:700;line-height:1.3;overflow:hidden}.wc-cover__meta-text{font-size:var(--text-2xs);color:var(--text-secondary);margin-top:var(--space-0-5);text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.wc-cover.gradient-twilight{background:radial-gradient(ellipse at 35% 25%, #8b5cf6cc 0%, transparent 55%), radial-gradient(ellipse at 75% 72%, #d8b4fe99 0%, transparent 55%), linear-gradient(155deg, var(--wc-g0-a) 0%, var(--wc-g0-b) 45%, var(--wc-g0-c) 100%)}.wc-cover.gradient-sunset{background:radial-gradient(ellipse at 60% 22%, #fb923ccc 0%, transparent 50%), radial-gradient(ellipse at 28% 78%, #fca5a58c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g1-a) 0%, var(--wc-g1-b) 45%, var(--wc-g1-c) 100%)}.wc-cover.gradient-ocean{background:radial-gradient(ellipse at 45% 28%, #38bdf8bf 0%, transparent 55%), radial-gradient(ellipse at 78% 70%, #63b3ed8c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g2-a) 0%, var(--wc-g2-b) 45%, var(--wc-g2-c) 100%)}.wc-cover.gradient-forest{background:radial-gradient(ellipse at 42% 30%, #34d399bf 0%, transparent 55%), radial-gradient(ellipse at 72% 72%, #6ee7b78c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g3-a) 0%, var(--wc-g3-b) 45%, var(--wc-g3-c) 100%)}.wc-cover.gradient-ember{background:radial-gradient(ellipse at 38% 35%, #fb7185c7 0%, transparent 55%), radial-gradient(ellipse at 72% 58%, #fda4af8c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g4-a) 0%, var(--wc-g4-b) 45%, var(--wc-g4-c) 100%)}.wc-cover.gradient-aurora{background:radial-gradient(ellipse at 38% 28%, #22d3eec7 0%, transparent 55%), radial-gradient(ellipse at 72% 70%, #67e8f98c 0%, transparent 55%), linear-gradient(155deg, var(--wc-g7-a) 0%, var(--wc-g7-b) 45%, var(--wc-g7-c) 100%)}.wc-cover img{object-fit:cover;width:100%;height:100%;display:block}.wc-hover-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.wc-cover__bars{padding:var(--space-4) var(--space-5);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wc-bars-display{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:56px;display:flex}.wc-bar{transform-origin:bottom;background:#00000047;border-radius:2px;width:3px}.wc-bar:first-child{height:30%}.wc-bar:nth-child(2){height:50%}.wc-bar:nth-child(3){height:70%}.wc-bar:nth-child(4){height:45%}.wc-bar:nth-child(5){height:80%}.wc-bar:nth-child(6){height:60%}.wc-bar:nth-child(7){height:90%}.wc-bar:nth-child(8){height:55%}.wc-bar:nth-child(9){height:75%}.wc-bar:nth-child(10){height:40%}.wc-bar:nth-child(11){height:65%}.wc-bar:nth-child(12){height:50%}.wc-bar:nth-child(13){height:85%}.wc-bar:nth-child(14){height:45%}.wc-bar:nth-child(15){height:70%}.wc-bar:nth-child(16){height:35%}.wc-card.is-playing .wc-bar{transform-origin:bottom;background:#0000008c}.wc-card.is-playing .wc-bar:first-child{animation:.42s ease-in-out infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(2){animation:.57s ease-in-out 80ms infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(3){animation:.38s ease-in-out .16s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(4){animation:.65s ease-in-out 40ms infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(5){animation:.45s ease-in-out .22s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(6){animation:.52s ease-in-out .12s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(7){animation:.4s ease-in-out .28s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(8){animation:.61s ease-in-out 60ms infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(9){animation:.47s ease-in-out .18s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(10){animation:.55s ease-in-out .33s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(11){animation:.43s ease-in-out .1s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(12){animation:.68s ease-in-out .24s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(13){animation:.41s ease-in-out .15s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(14){animation:.59s ease-in-out .36s infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(15){animation:.44s ease-in-out 80ms infinite wc-waveform-pulse}.wc-card.is-playing .wc-bar:nth-child(16){animation:.5s ease-in-out .3s infinite wc-waveform-pulse}@keyframes wc-waveform-pulse{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.wc-cover__progress{background:#0000001f;height:3px;position:absolute;bottom:0;left:0;right:0}.wc-cover__progress-fill{background:var(--primary-color);width:0%;height:100%;transition:width .2s linear}.wc-cover__play{opacity:0;transition:opacity var(--transition-fast);background:#00000026;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wc-card--preview:hover .wc-cover__play,.wc-card--preview.is-playing .wc-cover__play,.wc-card--full:hover .wc-cover__play,.wc-card--full.is-playing .wc-cover__play{opacity:1}.wc-card--full .wc-cover__play{background:0 0}.wc-cover__play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);width:36px;height:36px;box-shadow:var(--shadow-md);background:#00000047;justify-content:center;align-items:center;transition:background .2s;display:flex}.wc-cover__play-icon svg{fill:#fffffff2;width:14px;height:14px;margin-left:2px}.wc-card--preview.is-playing .wc-cover__play-icon{background:var(--wc-accent,var(--primary-color))}.wc-card--preview.is-playing .wc-cover__play-icon svg{fill:var(--white)}.wc-card--full .wc-cover__play-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;box-shadow:none;background:#00000047;border:1.5px solid #ffffff38;transition:background .2s,transform .15s}.wc-card--full .wc-cover__play-icon svg{fill:#fffffff2;width:16px;height:16px;margin-left:2px}.wc-card--full:hover .wc-cover__play-icon{transform:scale(1.08)}.wc-card--full.is-playing .wc-cover__play-icon{background:var(--wc-accent,var(--primary-color));border-color:#0000}.wc-card--full.is-playing .wc-cover__play-icon svg{margin-left:0}.wc-cover__hover{padding:var(--space-2);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:2;background:linear-gradient(#0000 40%,#ffffff73 100%);justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0}.wc-card--full:hover .wc-cover__hover{opacity:1;pointer-events:auto}.wc-use-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffeb;border:none;font-weight:500}.wc-card--preview .wc-use-btn{bottom:var(--space-2);right:var(--space-2);opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-base);position:absolute}.wc-card--preview:hover .wc-use-btn{opacity:1}.wc-use-btn:hover{box-shadow:var(--shadow-sm);background:#fffffffa}.wc-owned-badge,.wc-pending-badge{top:var(--space-2);right:var(--space-2);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.01em;pointer-events:none;z-index:2;font-weight:600;position:absolute}.wc-owned-badge{background:var(--primary-color);color:var(--text-inverse)}.wc-pending-badge{background:color-mix(in srgb, var(--color-warning,#f59e0b) 15%, transparent);color:var(--color-warning,#f59e0b);border:1px solid color-mix(in srgb, var(--color-warning,#f59e0b) 40%, transparent)}.wc-unmute-hint{bottom:var(--space-2);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--white);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;z-index:3;cursor:pointer;background:#000000b3;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wc-cover__play-overlay{color:#fffc;z-index:2;cursor:pointer;pointer-events:none;background:0 0;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.wc-cover__play-overlay svg{filter:drop-shadow(0 2px 8px #0006);opacity:0;width:40px;height:40px;transition:opacity .2s}.wc-card--full:hover .wc-cover__play-overlay svg{opacity:1}.wc-card--full:hover .wc-cover__play-overlay{background:#00000040}.wc-info{padding:var(--space-2) var(--space-3) var(--space-3)}.wc-info__title{font-size:var(--text-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.wc-info__meta{font-size:var(--text-2xs);color:var(--text-secondary);margin-top:var(--space-0-5);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wc-info__footer{margin-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}.wc-info__footer .wc-info__meta{margin-top:0}.wc-like-btn{color:var(--text-secondary);font-size:var(--text-2xs);cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:3px;display:flex}.wc-like-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.wc-like-btn.is-liked{color:var(--color-error)}.wc-like-btn.is-liked svg{fill:var(--color-error)}.wc-like-btn svg{width:13px;height:13px}.wc-delete-btn{color:var(--text-tertiary);cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.wc-delete-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.wc-delete-btn svg{width:13px;height:13px}.wc-delete-confirm{align-items:center;gap:var(--space-1);font-size:var(--text-2xs);white-space:nowrap;display:flex}.wc-delete-confirm-text{color:var(--text-secondary)}.wc-delete-cancel,.wc-delete-ok{border-radius:var(--radius-sm);padding:1px var(--space-1-5);font-size:var(--text-2xs);cursor:pointer;border:none}.wc-delete-cancel{background:var(--bg-secondary);color:var(--text-primary)}.wc-delete-ok{background:var(--color-error);color:var(--text-inverse);font-weight:600}.wc-compare-chips{align-items:center;gap:var(--space-1);display:flex}.wc-compare-chips__vs{color:#ffffff73;flex-shrink:0;font-size:9px;font-weight:700}.wc-compare-chip{border-radius:var(--radius-full);color:#ffffffbf;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.wc-compare-chip:hover{color:var(--white);background:#ffffff38;border-color:#fff6}.wc-compare-chip--ai{border-color:rgb(var(--primary-rgb,88 81 184) / 45%);color:#c8beffd9}.wc-compare-chip--ai:hover{background:rgb(var(--primary-rgb,88 81 184) / 30%);color:var(--white);border-color:rgb(var(--primary-rgb,88 81 184) / 65%)}.wc-compare-chip svg{flex-shrink:0;width:10px;height:10px}.wc-card--preview{border-radius:var(--radius-xl)}.wc-card--preview .wc-cover{border-radius:inherit}.wc-card--full{flex-direction:column;display:flex}.wc-card--full .wc-cover{border-radius:inherit;flex-shrink:0}.wc-card--full .wc-cover__hover{padding:var(--space-2);background:linear-gradient(#00000047 0%,#0000 45%);justify-content:flex-end;align-items:flex-start}.wc-cover__info-overlay{padding:var(--space-3) var(--space-3) var(--space-2);z-index:2;pointer-events:none;background:linear-gradient(#0000 35%,#00000061 65%,#000000bf 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.wc-cover__info-title{font-size:var(--text-sm);color:var(--white);-webkit-line-clamp:2;margin-bottom:var(--space-1);text-shadow:0 1px 3px #00000040;text-align:center;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.wc-cover__info-overlay .wc-info__footer{pointer-events:auto;justify-content:space-between;align-items:center;margin-top:0;display:flex}.wc-cover__info-meta{font-size:var(--text-xs);color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wc-type-badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);color:var(--white);z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.01em;padding:3px 9px;font-weight:600;position:absolute}.wc-type-badge--podcast{background:#5851b8c7}.wc-type-badge--tts{background:#0284c7bf}.wc-type-badge--voice-clone{background:#dc2626b8}.wc-like-btn--overlay{color:#ffffffbf}.wc-like-btn--overlay:hover{color:var(--white);background:#ffffff1f}.wc-like-btn--overlay.is-liked{color:var(--red-400)}.wc-like-btn--overlay.is-liked svg{fill:var(--red-400)}.wc-cover__info-overlay .wc-delete-btn{color:#ffffffb3;margin-left:auto}.wc-cover__info-overlay .wc-delete-btn:hover{color:var(--red-400);background:#ffffff1f}body.dark .wc-cover__bg.wc-grad--0,body.dark .wc-cover.gradient-twilight{background:radial-gradient(ellipse at 30% 22%, #a78bfa99 0%, transparent 55%), radial-gradient(ellipse at 75% 75%, #8b5cf659 0%, transparent 50%), linear-gradient(155deg, var(--wc-g0-a) 0%, var(--wc-g0-b) 55%, var(--wc-g0-c) 100%)}body.dark .wc-cover__bg.wc-grad--1,body.dark .wc-cover.gradient-sunset{background:radial-gradient(ellipse at 60% 20%, #fb923c8c 0%, transparent 50%), radial-gradient(ellipse at 28% 80%, #fca5a559 0%, transparent 55%), linear-gradient(155deg, var(--wc-g1-a) 0%, var(--wc-g1-b) 55%, var(--wc-g1-c) 100%)}body.dark .wc-cover__bg.wc-grad--2,body.dark .wc-cover.gradient-ocean{background:radial-gradient(ellipse at 45% 25%, #38bdf88c 0%, transparent 55%), radial-gradient(ellipse at 78% 72%, #63b3ed59 0%, transparent 55%), linear-gradient(155deg, var(--wc-g2-a) 0%, var(--wc-g2-b) 55%, var(--wc-g2-c) 100%)}body.dark .wc-cover__bg.wc-grad--3,body.dark .wc-cover.gradient-forest{background:radial-gradient(ellipse at 40% 28%, #34d3998c 0%, transparent 55%), radial-gradient(ellipse at 72% 72%, #10b98159 0%, transparent 55%), linear-gradient(155deg, var(--wc-g3-a) 0%, var(--wc-g3-b) 55%, var(--wc-g3-c) 100%)}body.dark .wc-cover__bg.wc-grad--4,body.dark .wc-cover.gradient-ember{background:radial-gradient(ellipse at 38% 32%, #fb718594 0%, transparent 55%), radial-gradient(ellipse at 72% 60%, #f43f5e59 0%, transparent 55%), linear-gradient(155deg, var(--wc-g4-a) 0%, var(--wc-g4-b) 55%, var(--wc-g4-c) 100%)}body.dark .wc-cover__bg.wc-grad--5{background:radial-gradient(ellipse at 52% 20%, #c084fc99 0%, transparent 50%), radial-gradient(ellipse at 22% 75%, #a78bfa61 0%, transparent 55%), linear-gradient(155deg, var(--wc-g5-a) 0%, var(--wc-g5-b) 55%, var(--wc-g5-c) 100%)}body.dark .wc-cover__bg.wc-grad--6{background:radial-gradient(ellipse at 62% 25%, #eab3088c 0%, transparent 50%), radial-gradient(ellipse at 28% 75%, #fbbf2459 0%, transparent 50%), linear-gradient(155deg, var(--wc-g6-a) 0%, var(--wc-g6-b) 55%, var(--wc-g6-c) 100%)}body.dark .wc-cover__bg.wc-grad--7,body.dark .wc-cover.gradient-aurora{background:radial-gradient(ellipse at 36% 26%, #22d3ee99 0%, transparent 55%), radial-gradient(ellipse at 72% 72%, #67e8f961 0%, transparent 55%), linear-gradient(155deg, var(--wc-g7-a) 0%, var(--wc-g7-b) 55%, var(--wc-g7-c) 100%)}body.dark .wc-cover__title-overlay{background:linear-gradient(#0000 28%,#0003 55%,#000000b3 100%)}body.dark .wc-cover__title-text{color:var(--white)}body.dark .wc-cover__meta-text{color:#ffffffa6}body.dark .wc-bar{background:#ffffff8c}body.dark .wc-card.is-playing .wc-bar{background:#ffffffd9}body.dark .wc-cover__progress{background:#ffffff26}body.dark .wc-cover__hover{background:linear-gradient(#0000 40%,#00000073 100%)}body.dark .wc-cover__play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}body.dark .wc-card--preview.is-playing .wc-cover__play-icon{background:var(--wc-accent,var(--primary-color))}body.dark .wc-cover__play-icon svg{fill:var(--white)}body.dark .wc-card--full .wc-cover__play-icon{background:#ffffff2e;border-color:#ffffff4d}body.dark .wc-card--full.is-playing .wc-cover__play-icon{background:var(--wc-accent,var(--primary-color));border-color:#0000}body.dark .wc-use-btn{background:var(--bg-elevated);color:var(--text-primary)}body.dark .wc-use-btn:hover{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.video-modal{background:#000;border-radius:14px;flex-direction:column;width:auto;max-width:min(840px,90vw);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073}.video-modal.vertical-video{background:#0a0a0a;max-width:min(380px,85vw)}.video-modal.vertical-video .video-modal-player{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:0 0;max-height:75vh;overflow:hidden}.video-modal.vertical-video .video-modal-player video{object-fit:contain;max-width:100%;max-height:75vh}.video-modal-close{top:var(--space-2);right:var(--space-2);width:44px;height:44px;color:var(--white);cursor:pointer;z-index:10;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute}.video-modal-close>svg{width:24px;height:24px}.video-modal-close:hover{background:#000000a6}.video-modal-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.video-modal-player{background:#000;justify-content:center;align-items:center;max-height:75vh;display:flex;position:relative}.video-modal-player video,.video-player{object-fit:contain;max-width:100%;max-height:75vh}.video-placeholder{color:var(--text-secondary);font-size:var(--text-sm)}.video-unmute-hint{bottom:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--white);font-size:var(--text-sm);cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:auto;background:#000000b8;border:1.5px solid #ffffff40;border-radius:30px;font-weight:600;animation:2s ease-in-out unmute-pulse,.6s ease-out 2s forwards unmute-quiet;display:flex;position:absolute}.video-unmute-hint:hover,.video-unmute-hint:focus-visible{opacity:1;background:#000000e0;border-color:#ffffff73;animation:none}@keyframes unmute-pulse{0%,to{box-shadow:0 0 #ffffff2e}50%{box-shadow:0 0 0 10px #fff0}}@keyframes unmute-quiet{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.video-unmute-hint{opacity:1;animation:none}}.video-modal-info{padding:var(--space-4) 22px;background:#111}.video-modal-title{font-size:var(--text-base);color:#fafafa;margin:0 0 var(--space-1) 0;font-weight:600}.video-modal-description{font-size:var(--text-sm);color:#a1a1aa;margin:0;line-height:1.5}.video-modal-use-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-md);background:var(--primary-color);color:var(--white);cursor:pointer;border:none;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px 14px #5851b84d}.video-modal-use-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #5851b86b}.video-modal-use-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.video-modal-use-btn:after{content:"→";font-size:var(--text-base);line-height:1}@media (prefers-reduced-motion:reduce){.video-modal-use-btn{transition:none}.video-modal-use-btn:hover{transform:none}}@media (width<=480px){.video-modal{border-radius:var(--radius-md);max-width:95vw}}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{background:var(--card-bg);border-radius:var(--radius-3xl);border:1px solid var(--border-color);opacity:0;width:90%;max-width:600px;max-height:85vh;transition:all var(--transition-main);flex-direction:column;display:flex;position:relative;transform:scale(.95)translateY(20px);box-shadow:0 32px 64px #0003,0 16px 32px #5851b81a}.modal-overlay.active .modal-content{opacity:1;transform:scale(1)translateY(0)}.modal-content .modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-content .modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;z-index:var(--z-max,9999);background:#000000d1;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.video-modal-overlay.active{display:flex}.progress-bar{height:var(--progress-track-height-md,4px);background:var(--progress-track-bg);border-radius:var(--radius-full);flex:1;position:relative;overflow:hidden}.progress-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);height:100%;transition:width .4s}.progress-fill.is-indeterminate{background:linear-gradient(90deg, var(--progress-fill-color), var(--progress-fill-hover,var(--progress-fill-color)), var(--progress-fill-color));background-size:200% 100%;animation:1.5s infinite progress-shimmer;width:100%!important}.progress-bar.is-xs{height:var(--progress-track-height-xs,2px)}.progress-bar.is-sm{height:var(--progress-track-height-sm,3px)}.progress-bar.is-lg{height:var(--progress-track-height-lg,6px)}.progress-bar.is-xl{height:var(--progress-track-height-xl,8px)}.progress-bar.is-2xl{height:var(--progress-track-height-2xl,12px)}.synthesis-progress-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.synthesis-progress-modal.active{display:flex}.synthesis-progress-content{background:var(--panel-bg);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-12);text-align:center;min-width:380px;max-width:90vw;animation:.4s cubic-bezier(.4,0,.2,1) synthesis-slide-up;box-shadow:0 24px 48px #0003,inset 0 0 0 1px #ffffff1a}@keyframes synthesis-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.synthesis-progress-icon{margin-bottom:var(--space-6)}.synthesis-spinner{color:var(--primary-color);animation:1.2s linear infinite spin}.synthesis-spinner circle{opacity:.9}.synthesis-progress-title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-7) 0;font-weight:600}.synthesis-progress-bar-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-4)}.synthesis-progress-bar{width:100%;height:var(--progress-track-height-2xl);background:var(--progress-track-bg);border-radius:var(--radius-md);position:relative;overflow:hidden}.synthesis-progress-fill{background:linear-gradient(90deg, var(--progress-fill-color), var(--progress-fill-hover,var(--progress-fill-color)), var(--progress-fill-color));border-radius:var(--radius-md);width:0%;height:100%;transition:width var(--transition-slow);background-size:200% 100%;animation:2s infinite progress-shimmer;position:relative}@keyframes progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.synthesis-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer-slide;position:absolute;inset:0}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.synthesis-progress-text{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-variant-numeric:tabular-nums;font-weight:600}.synthesis-progress-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}body.dark .synthesis-progress-content{background:#1e1e28f2;box-shadow:0 24px 48px #0006,inset 0 0 0 1px #ffffff0d}body.dark .synthesis-progress-bar-container{background:#0000004d}body.dark .synthesis-progress-bar{background:#ffffff1a}