.soniq-thinking{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm)}.soniq-thinking__dot{width:6px;height:6px;border-radius:50%;background:var(--purple-500);animation:soniq-thinking-pulse 1.4s ease-in-out infinite}.soniq-thinking__dot:nth-child(2){animation-delay:.2s}.soniq-thinking__dot:nth-child(3){animation-delay:.4s}@keyframes soniq-thinking-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.campaign-progress-card{margin:12px 12px 0;padding:12px;border:1px solid var(--color-border, #e2e8f0);border-radius:10px;background:var(--color-surface, #ffffff)}.campaign-progress-card__header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.campaign-progress-card__name{color:var(--color-text-muted, #64748b);font-size:.85rem}.campaign-progress-card__bar{width:100%;height:8px;border-radius:999px;background:var(--color-bg-soft, #e2e8f0);overflow:hidden}.campaign-progress-card__bar-fill{height:100%;background:var(--color-primary, #0ea5e9);transition:width .2s ease}.campaign-progress-card__percent{margin-top:6px;margin-bottom:10px;font-size:.8rem;color:var(--color-text-muted, #64748b)}.campaign-progress-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.campaign-progress-card__item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.82rem}.campaign-progress-card__dot{width:8px;height:8px;border-radius:999px;background:#94a3b8}.campaign-progress-card__item--ready .campaign-progress-card__dot{background:#16a34a}.campaign-progress-card__item--in_progress .campaign-progress-card__dot{background:#f59e0b}.campaign-progress-card__item--empty .campaign-progress-card__dot{background:#94a3b8}.campaign-progress-card__item-status{color:var(--color-text-muted, #64748b);font-size:.75rem}.soniq-messages{display:flex;flex-direction:column;gap:var(--spacing-md)}.soniq-message{display:flex;gap:var(--spacing-xs);max-width:100%}.soniq-message--user{flex-direction:row-reverse}.soniq-message--user .soniq-message__content{align-items:flex-end}.soniq-message__avatar{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--purple-500),var(--purple-700));color:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px}.soniq-message__content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;max-width:calc(100% - 36px)}.soniq-message__text{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.soniq-message--user .soniq-message__text{background:var(--purple-500);color:#fff;border-bottom-right-radius:var(--radius-sm)}.soniq-message__markdown{padding:var(--spacing-xs) 0;font-size:.875rem;line-height:1.6;color:var(--neutral-800)}.dark-theme .soniq-message__markdown{color:#e2e8f0}.soniq-message__markdown p{margin:0 0 var(--spacing-xs)}.soniq-message__markdown p:last-child{margin-bottom:0}.soniq-message__markdown code{font-size:.8125rem;background:var(--neutral-100);padding:1px 4px;border-radius:3px}.dark-theme .soniq-message__markdown code{background:#8b5cf626}.soniq-message__markdown pre{background:var(--neutral-100);padding:var(--spacing-sm);border-radius:var(--radius-md);overflow-x:auto;font-size:.8125rem;margin:var(--spacing-xs) 0}.dark-theme .soniq-message__markdown pre{background:#1e293bcc}.soniq-message__markdown ul,.soniq-message__markdown ol{padding-left:var(--spacing-lg);margin:var(--spacing-xs) 0}.soniq-message__markdown a{color:var(--purple-500);text-decoration:underline}.soniq-tool-card{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden;font-size:.8125rem}.dark-theme .soniq-tool-card{background:#1e293b80;border-color:#8b5cf626}.soniq-tool-card--error{border-color:var(--red-500)}.soniq-tool-card__header{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.8125rem;color:var(--neutral-700);text-align:left}.soniq-tool-card__header:disabled{cursor:default}.dark-theme .soniq-tool-card__header{color:#cbd5e1}.soniq-tool-card__status-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.soniq-tool-card__status-icon svg{color:var(--emerald-500)}.soniq-tool-card--error .soniq-tool-card__status-icon svg{color:var(--red-500)}.soniq-tool-card__spinner{animation:spin 1s linear infinite;color:var(--purple-500)}.soniq-tool-card__label{flex:1;font-weight:500}.soniq-tool-card__chevron{transition:transform var(--transition-fast);color:var(--neutral-400)}.soniq-tool-card__chevron--open{transform:rotate(180deg)}.soniq-tool-card__summary{padding:0 var(--spacing-sm) var(--spacing-xs);color:var(--neutral-500);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .soniq-tool-card__summary{color:#64748b}.soniq-tool-card__body{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);border-top:1px solid var(--neutral-200)}.dark-theme .soniq-tool-card__body{border-top-color:#8b5cf61a}.soniq-tool-card__result{font-family:Fira Code,Cascadia Code,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-word;color:var(--neutral-600);max-height:200px;overflow-y:auto;margin:0}.dark-theme .soniq-tool-card__result{color:#94a3b8}.soniq-input{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.soniq-input__wrapper{display:flex;align-items:flex-end;gap:var(--spacing-xs);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-xs);transition:border-color var(--transition-fast)}.soniq-input__wrapper:focus-within{border-color:var(--purple-500);box-shadow:var(--focus-ring)}.dark-theme .soniq-input__wrapper{background:#1e293bcc;border-color:var(--neutral-600)}.dark-theme .soniq-input__wrapper:focus-within{border-color:var(--purple-500)}.soniq-input__textarea{flex:1;resize:none;border:none;outline:none;background:transparent;font-family:inherit;font-size:.875rem;line-height:1.5;color:var(--neutral-800);padding:var(--spacing-2xs) var(--spacing-xs);min-height:24px;max-height:160px}.soniq-input__textarea::placeholder{color:var(--neutral-400)}.dark-theme .soniq-input__textarea{color:#e2e8f0}.dark-theme .soniq-input__textarea::placeholder{color:#64748b}.soniq-input__actions{display:flex;align-items:center;flex-shrink:0}.soniq-input__send-btn,.soniq-input__stop-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.soniq-input__send-btn{background:var(--purple-500);color:#fff}.soniq-input__send-btn:hover:not(:disabled){background:var(--purple-600)}.soniq-input__send-btn:disabled{opacity:.4;cursor:not-allowed}.soniq-input__stop-btn{background:var(--red-500);color:#fff}.soniq-input__stop-btn:hover{background:var(--red-600)}.soniq-input__counter{font-size:.6875rem;text-align:right;color:var(--neutral-400);padding-right:var(--spacing-xs)}.soniq-input__counter--warn{color:var(--amber-500)}.soniq-input__counter--over{color:var(--red-500)}.soniq-prompts{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.soniq-prompts__chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);border-radius:9999px;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.soniq-prompts__chip:hover{background:#8b5cf61a;border-color:var(--purple-500);color:var(--purple-600)}.dark-theme .soniq-prompts__chip{background:#8b5cf61a;color:#cbd5e1;border-color:#8b5cf633}.dark-theme .soniq-prompts__chip:hover{background:#8b5cf633;border-color:var(--purple-500);color:#f1f5f9}.soniq-ask-question{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm)}.soniq-ask-question__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.soniq-ask-question__chip{display:inline-flex;align-items:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);border-radius:9999px;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.soniq-ask-question__chip:hover:not(:disabled){background:#8b5cf61a;border-color:var(--purple-500);color:var(--purple-600)}.soniq-ask-question__chip:disabled{opacity:.4;cursor:not-allowed}.dark-theme .soniq-ask-question__chip{background:#8b5cf61a;color:#cbd5e1;border-color:#8b5cf633}.dark-theme .soniq-ask-question__chip:hover:not(:disabled){background:#8b5cf633;border-color:var(--purple-500);color:#f1f5f9}.soniq-ask-question__hint{margin:var(--spacing-xs) 0 0;font-size:.6875rem;color:var(--neutral-400)}.dark-theme .soniq-ask-question__hint{color:#64748b}.soniq-ask-question__selected{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;font-size:.8125rem;color:var(--emerald-500);font-weight:500}.soniq-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--red-500);border-radius:var(--radius-md);font-size:.8125rem;color:var(--red-600)}.dark-theme .soniq-error{background:#ef444426;color:#f87171}.soniq-error__retry{margin-left:auto;padding:var(--spacing-2xs) var(--spacing-sm);background:transparent;border:1px solid var(--red-500);border-radius:var(--radius-sm);color:var(--red-600);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.soniq-error__retry:hover{background:var(--red-500);color:#fff}.soniq-scroll-bottom{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);padding:var(--spacing-2xs) var(--spacing-md);background:var(--purple-500);color:#fff;border:none;border-radius:9999px;font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:10}.soniq-scroll-bottom:hover{background:var(--purple-600);box-shadow:var(--shadow-glow)}.soniq-tool-card__result-text{padding:0 var(--spacing-sm);margin:0 0 var(--spacing-xs);font-size:.8125rem;color:var(--neutral-600)}.dark-theme .soniq-tool-card__result-text{color:#94a3b8}.soniq-tool-card__cards{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;max-height:320px;overflow-y:auto;scrollbar-width:thin}.soniq-tool-card__playlist-card.mini-playlist-card{padding:6px 8px}.soniq-tool-card__playlist-card .mini-playlist-card__image-container{width:40px;height:40px}.soniq-rich-card{background:#ffffffa6;border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden}.dark-theme .soniq-rich-card{background:#0f172a59;border-color:#8b5cf626}.soniq-rich-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px 8px;border-bottom:1px solid rgba(0,0,0,.06)}.dark-theme .soniq-rich-card__header{border-bottom-color:#94a3b826}.soniq-rich-card__title{font-weight:650;color:var(--neutral-800);font-size:.8125rem}.dark-theme .soniq-rich-card__title{color:#e2e8f0}.soniq-rich-card__meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.soniq-rich-card__count{font-size:.75rem;color:var(--neutral-600)}.dark-theme .soniq-rich-card__count{color:#94a3b8}.soniq-rich-card__footer{display:flex;gap:6px;justify-content:flex-end;padding:8px 12px 10px;border-top:1px solid rgba(0,0,0,.06)}.dark-theme .soniq-rich-card__footer{border-top-color:#94a3b826}.soniq-rich-list{list-style:none;margin:0;padding:8px 0}.soniq-rich-list__item{display:flex;gap:8px;padding:8px 12px;align-items:flex-start}.soniq-rich-list__item--dense{padding:6px 12px}.soniq-rich-list__item+.soniq-rich-list__item{border-top:1px solid rgba(0,0,0,.06)}.dark-theme .soniq-rich-list__item+.soniq-rich-list__item{border-top-color:#94a3b81f}.soniq-rich-list__main{flex:1;min-width:0}.soniq-rich-list__title{font-size:.8125rem;color:var(--neutral-800);font-weight:550;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dark-theme .soniq-rich-list__title{color:#e2e8f0}.soniq-rich-list__sub{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}.soniq-rich-list__preview{margin-top:6px;font-size:.75rem;color:var(--neutral-600);line-height:1.4;word-break:break-word}.dark-theme .soniq-rich-list__preview{color:#94a3b8}.soniq-rich-list__actions{flex-shrink:0;display:flex;gap:6px;align-items:center}.soniq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(0,0,0,.08);background:#ffffffbf;color:var(--neutral-700)}.dark-theme .soniq-chip{border-color:#94a3b82e;background:#1e293b80;color:#cbd5e1}.soniq-chip--good{color:#065f46;border-color:#10b98140;background:#10b9811f}.dark-theme .soniq-chip--good{color:#34d399;background:#10b9811f}.soniq-chip--warn{color:#92400e;border-color:#f59e0b40;background:#f59e0b1f}.dark-theme .soniq-chip--warn{color:#fbbf24;background:#f59e0b1f}.soniq-chip--bad{color:#7f1d1d;border-color:#ef444440;background:#ef44441f}.dark-theme .soniq-chip--bad{color:#fca5a5;background:#ef44441f}.soniq-chip--neutral{color:var(--neutral-700)}.soniq-action-btn{font-family:inherit;font-size:.75rem;padding:4px 8px;border-radius:9999px;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dark-theme .soniq-action-btn{border-color:#94a3b833}.soniq-action-btn--primary{background:var(--purple-500);color:#fff;border-color:#8b5cf659}.soniq-action-btn--primary:hover{background:var(--purple-600)}.soniq-action-btn--ghost{background:transparent;color:var(--neutral-700)}.dark-theme .soniq-action-btn--ghost{color:#cbd5e1}.soniq-action-btn--ghost:hover{background:#8b5cf61f;border-color:#8b5cf640}.soniq-action-btn:disabled{opacity:.55;cursor:not-allowed}.soniq-muted{color:var(--neutral-600)}.dark-theme .soniq-muted{color:#94a3b8}.soniq-small{font-size:.75rem}.soniq-metric{font-size:.75rem;color:var(--neutral-600)}.dark-theme .soniq-metric{color:#94a3b8}.soniq-arrow{color:var(--neutral-400)}.soniq-platform-pill{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:.6875rem;font-weight:800;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:var(--purple-600)}.dark-theme .soniq-platform-pill{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf640}.soniq-progress{height:6px;background:#0000000f;border-radius:9999px;overflow:hidden}.dark-theme .soniq-progress{background:#94a3b81f}.soniq-progress__bar{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--emerald-500))}.soniq-metrics-hero{display:flex;gap:10px;padding:10px 12px 0;align-items:center}.soniq-metrics-hero__score{width:64px;height:64px;border-radius:16px;border:1px solid rgba(139,92,246,.2);background:#8b5cf614;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.dark-theme .soniq-metrics-hero__score{background:#8b5cf61f}.soniq-metrics-hero__value{font-size:1.25rem;font-weight:850;color:var(--neutral-800);line-height:1}.dark-theme .soniq-metrics-hero__value{color:#e2e8f0}.soniq-metrics-hero__label{margin-top:2px;font-size:.6875rem;color:var(--neutral-600)}.dark-theme .soniq-metrics-hero__label{color:#94a3b8}.soniq-metrics-hero__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.soniq-metrics-hero__status{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.soniq-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 6px}.soniq-kpi{border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:8px 10px;background:#ffffff80}.dark-theme .soniq-kpi{background:#02061733;border-color:#94a3b81f}.soniq-kpi__label{font-size:.6875rem;color:var(--neutral-500)}.dark-theme .soniq-kpi__label{color:#94a3b8}.soniq-kpi__value{margin-top:2px;font-size:.9375rem;font-weight:800;color:var(--neutral-800)}.dark-theme .soniq-kpi__value{color:#e2e8f0}.soniq-kpi__sub{margin-top:2px;font-size:.6875rem;color:var(--neutral-600)}.dark-theme .soniq-kpi__sub{color:#94a3b8}.soniq-section{padding:8px 12px 0}.soniq-section__title{font-size:.75rem;font-weight:700;color:var(--neutral-700);margin-bottom:6px}.dark-theme .soniq-section__title{color:#cbd5e1}.soniq-action-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.soniq-action-list__item{display:flex;gap:8px;align-items:flex-start}.soniq-action-list__priority{width:24px;flex-shrink:0;font-size:.6875rem;font-weight:800;color:var(--purple-600)}.soniq-action-list__text{flex:1;min-width:0}.soniq-action-list__title{display:block;font-size:.75rem;font-weight:650;color:var(--neutral-800)}.dark-theme .soniq-action-list__title{color:#e2e8f0}.soniq-action-list__desc{display:block;font-size:.75rem;color:var(--neutral-600)}.dark-theme .soniq-action-list__desc{color:#94a3b8}.soniq-epk-meta{padding:8px 12px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.soniq-link{color:var(--purple-500);text-decoration:underline;font-size:.75rem}.soniq-epk-sections{padding:6px 12px 0;display:flex;flex-direction:column;gap:10px}.soniq-epk-section__label{font-size:.6875rem;color:var(--neutral-500);font-weight:650;margin-bottom:2px}.dark-theme .soniq-epk-section__label{color:#94a3b8}.soniq-epk-section__value{font-size:.75rem;color:var(--neutral-800);line-height:1.4;word-break:break-word}.dark-theme .soniq-epk-section__value{color:#e2e8f0}.soniq-epk-section__value--pre{white-space:pre-wrap}.soniq-analytics-metrics{padding:10px 12px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.soniq-analytics-metric__label{font-size:.6875rem;color:var(--neutral-500);margin-bottom:2px}.dark-theme .soniq-analytics-metric__label{color:#94a3b8}.soniq-analytics-metric__value{font-size:.875rem;font-weight:800;color:var(--neutral-800)}.dark-theme .soniq-analytics-metric__value{color:#e2e8f0}.soniq-bar-chart{padding:8px 12px 2px;display:flex;flex-direction:column;gap:6px}.soniq-bar-chart__row{display:grid;grid-template-columns:74px 1fr 28px;gap:8px;align-items:center}.soniq-bar-chart__label{font-size:.6875rem;color:var(--neutral-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .soniq-bar-chart__label{color:#94a3b8}.soniq-bar-chart__bar-wrap{height:8px;background:#0000000f;border-radius:9999px;overflow:hidden}.dark-theme .soniq-bar-chart__bar-wrap{background:#94a3b81f}.soniq-bar-chart__bar{height:100%;background:linear-gradient(90deg,#8b5cf6e6,#ec4899bf)}.soniq-bar-chart__value{text-align:right;font-size:.6875rem;color:var(--neutral-600)}.dark-theme .soniq-bar-chart__value{color:#94a3b8}.soniq-table{padding:8px 12px 4px;display:flex;flex-direction:column;gap:6px}.soniq-table__row{display:grid;grid-template-columns:1fr 50px 50px 44px;gap:8px;align-items:center}.soniq-table__row--head .soniq-table__cell{font-size:.6875rem;color:var(--neutral-500);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dark-theme .soniq-table__row--head .soniq-table__cell{color:#94a3b8}.soniq-table__cell{font-size:.75rem;color:var(--neutral-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .soniq-table__cell{color:#cbd5e1}.soniq-ad-summary{padding:10px 12px 0;display:flex;gap:10px;align-items:flex-start}.soniq-ad-summary__reach{flex-shrink:0}.soniq-ad-summary__label{font-size:.6875rem;color:var(--neutral-500)}.dark-theme .soniq-ad-summary__label{color:#94a3b8}.soniq-ad-summary__value{font-size:.9375rem;font-weight:850;color:var(--neutral-800);margin-top:2px}.dark-theme .soniq-ad-summary__value{color:#e2e8f0}.soniq-ad-bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.soniq-ad-bars__row{display:grid;grid-template-columns:54px 1fr 28px;gap:8px;align-items:center}.soniq-ad-bars__name{font-size:.6875rem;color:var(--neutral-600)}.dark-theme .soniq-ad-bars__name{color:#94a3b8}.soniq-ad-bars__bar-wrap{height:8px;background:#0000000f;border-radius:9999px;overflow:hidden}.dark-theme .soniq-ad-bars__bar-wrap{background:#94a3b81f}.soniq-ad-bars__bar{height:100%}.soniq-ad-bars__bar--spotify{background:linear-gradient(90deg,#10b981d9,#3b82f6b3)}.soniq-ad-bars__bar--youtube{background:linear-gradient(90deg,#ef4444d9,#f97316b3)}.soniq-ad-bars__value{text-align:right;font-size:.6875rem;color:var(--neutral-600)}.dark-theme .soniq-ad-bars__value{color:#94a3b8}.soniq-ad-details{padding:8px 12px 0;display:flex;flex-direction:column;gap:6px}.soniq-ad-details__row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:.75rem}.soniq-bullets{margin:0;padding-left:18px;font-size:.75rem;color:var(--neutral-700)}.dark-theme .soniq-bullets{color:#cbd5e1}.mini-track-card{display:flex;align-items:center;gap:.75rem;padding:6px 8px;background:var(--pitch-glass-bg, rgba(255, 255, 255, .06));backdrop-filter:blur(var(--pitch-glass-blur, 12px));-webkit-backdrop-filter:blur(var(--pitch-glass-blur, 12px));border:1px solid var(--pitch-glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, .75rem);transition:border-color .2s}.mini-track-card__image-container{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md, .5rem);overflow:hidden;background:#0003}.mini-track-card__image{width:100%;height:100%;object-fit:cover}.mini-track-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e533,#4f46e51a)}.mini-track-card__placeholder-icon{width:24px;height:24px;color:#ffffff80}.mini-track-card__content{flex:1;min-width:0}.mini-track-card__name{font-size:.875rem;font-weight:600;color:var(--pitch-text-primary, var(--neutral-800));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track-card__artist{font-size:.75rem;color:var(--pitch-text-secondary, var(--neutral-500));margin:.125rem 0 0}.mini-track-card__duration{flex-shrink:0;display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--pitch-text-tertiary, var(--neutral-400))}.mini-track-card__stat-icon{width:12px;height:12px}.dark-theme .mini-track-card__name{color:#f1f5f9}.dark-theme .mini-track-card__artist{color:#94a3b8}.dark-theme .mini-track-card__duration{color:#64748b}.soniq-job-pending{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-sm) var(--spacing-md);background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md)}.soniq-job-pending__spinner{width:12px;height:12px;border-radius:999px;border:2px solid rgba(139,92,246,.3);border-top-color:var(--purple-500);animation:spin .8s linear infinite;flex-shrink:0}.soniq-job-pending__label{font-size:.8125rem;font-weight:500;color:var(--text-primary, #e2e8f0)}.soniq-job-notification{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-sm) var(--spacing-md);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);animation:soniq-job-slide-in .3s ease-out}@keyframes soniq-job-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.soniq-job-notification__icon{flex-shrink:0;color:#22c55e;display:flex;align-items:center}.soniq-job-notification__label{flex:1;font-size:.8125rem;font-weight:500;color:var(--text-primary, #e2e8f0)}.soniq-job-notification__action{flex-shrink:0;padding:2px 10px;font-size:.75rem;font-weight:600;color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.soniq-job-notification__action:hover{background:#22c55e33}.soniq-job-notification__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;color:var(--text-tertiary, #64748b);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.5;transition:opacity .15s}.soniq-job-notification__dismiss:hover{opacity:1}.soniq-panel{position:fixed;right:0;top:64px;bottom:0;width:380px;transform:translate(100%);transition:transform var(--transition-slow) ease;will-change:transform;z-index:50;display:flex;flex-direction:column;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.5);box-shadow:-4px 0 24px #00000014}.soniq-panel--open{transform:translate(0)}.dark-theme .soniq-panel{background:#1e1b4bf2;border-left-color:#8b5cf626;box-shadow:-4px 0 24px #0000004d}@media (max-width: 768px){.soniq-panel{display:none}}.soniq-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--neutral-200);flex-shrink:0}.dark-theme .soniq-panel__header{border-bottom-color:#312e81}.soniq-panel__title-group{display:flex;align-items:center;gap:var(--spacing-xs)}.soniq-panel__logo{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--purple-500),var(--purple-700));color:#fff}.soniq-panel__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:700;color:var(--neutral-800);margin:0;line-height:1}.dark-theme .soniq-panel__title{color:#f1f5f9}.soniq-panel__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--neutral-500);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.soniq-panel__close-btn:hover{color:var(--neutral-800);background:var(--neutral-100)}.dark-theme .soniq-panel__close-btn{color:#94a3b8}.dark-theme .soniq-panel__close-btn:hover{color:#f1f5f9;background:#8b5cf626}.soniq-panel__close-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.soniq-panel__messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);scroll-behavior:smooth}.soniq-panel__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:var(--spacing-md);padding:var(--spacing-xl)}.soniq-panel__empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--purple-500),var(--purple-700));color:#fff;font-size:1.5rem}.soniq-panel__empty-icon svg{width:24px;height:24px}.soniq-panel__empty-text{font-size:.9375rem;color:var(--neutral-600);line-height:1.5;max-width:280px;margin:0}.dark-theme .soniq-panel__empty-text{color:#94a3b8}.soniq-panel__empty-hint{font-size:.75rem;color:var(--neutral-400);margin:0}.soniq-panel__empty-hint kbd{display:inline-block;padding:1px 5px;font-family:inherit;font-size:.6875rem;background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:3px;line-height:1.4}.dark-theme .soniq-panel__empty-hint{color:#64748b}.dark-theme .soniq-panel__empty-hint kbd{background:#8b5cf626;border-color:#8b5cf64d;color:#94a3b8}.soniq-panel__footer{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--neutral-200)}.dark-theme .soniq-panel__footer{border-top-color:#312e81}.soniq-panel__input-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--neutral-100);border-radius:var(--radius-md);color:var(--neutral-400);font-size:.8125rem}.dark-theme .soniq-panel__input-placeholder{background:#1e293b80;color:#64748b}.landing-page{--landing-bg: linear-gradient(135deg, #ffffff 0%, #f5f3ff 50%, #f0f9ff 100%);--landing-text: #111827;--landing-muted: #4b5563;--landing-soft-text: #6b7280;--landing-header-border: rgba(17, 24, 39, .08);--landing-header-bg: rgba(255, 255, 255, .82);--landing-nav-link: #4b5563;--landing-nav-link-hover: #7c3aed;--landing-mobile-bg: rgba(255, 255, 255, .97);--landing-mobile-link: #374151;--landing-mobile-link-hover: #7c3aed;--landing-card-bg: rgba(255, 255, 255, .72);--landing-card-border: rgba(139, 92, 246, .2);--landing-card-purple-hover: rgba(139, 92, 246, .45);--landing-card-cyan-hover: rgba(6, 182, 212, .45);--landing-icon-purple-bg: rgba(139, 92, 246, .16);--landing-icon-cyan-bg: rgba(6, 182, 212, .16);--landing-icon-green-bg: rgba(16, 185, 129, .16);--landing-icon-purple: #7c3aed;--landing-icon-cyan: #0891b2;--landing-icon-green: #059669;--landing-hero-badge-bg: rgba(139, 92, 246, .16);--landing-hero-badge-border: rgba(139, 92, 246, .28);--landing-hero-badge-text: #7c3aed;--landing-hero-gradient: linear-gradient(90deg, #7c3aed, #06b6d4, #8b5cf6);--landing-ghost-bg: rgba(255, 255, 255, .9);--landing-ghost-border: rgba(139, 92, 246, .3);--landing-ghost-text: #7c3aed;--landing-ghost-hover: rgba(139, 92, 246, .12);--landing-cta-bg: linear-gradient(90deg, rgba(139, 92, 246, .16), rgba(6, 182, 212, .16));--landing-cta-border: rgba(139, 92, 246, .26);--landing-footer-border: rgba(17, 24, 39, .1);min-height:100vh;display:flex;flex-direction:column;background:var(--landing-bg);color:var(--landing-text);font-family:Figtree,system-ui,-apple-system,sans-serif}.dark-theme .landing-page{--landing-bg: linear-gradient(135deg, #0f172a 0%, #581c87 50%, #0f172a 100%);--landing-text: #ffffff;--landing-muted: #cbd5e1;--landing-soft-text: #94a3b8;--landing-header-border: rgba(255, 255, 255, .1);--landing-header-bg: rgba(0, 0, 0, .2);--landing-nav-link: #cbd5e1;--landing-nav-link-hover: #c084fc;--landing-mobile-bg: rgba(15, 23, 42, .95);--landing-mobile-link: #cbd5e1;--landing-mobile-link-hover: #c084fc;--landing-card-bg: rgba(255, 255, 255, .05);--landing-card-border: rgba(255, 255, 255, .1);--landing-card-purple-hover: rgba(168, 85, 247, .5);--landing-card-cyan-hover: rgba(6, 182, 212, .5);--landing-icon-purple-bg: rgba(168, 85, 247, .2);--landing-icon-cyan-bg: rgba(6, 182, 212, .2);--landing-icon-green-bg: rgba(34, 197, 94, .2);--landing-icon-purple: #c084fc;--landing-icon-cyan: #22d3ee;--landing-icon-green: #4ade80;--landing-hero-badge-bg: rgba(168, 85, 247, .2);--landing-hero-badge-border: rgba(168, 85, 247, .3);--landing-hero-badge-text: #d8b4fe;--landing-hero-gradient: linear-gradient(90deg, #c084fc, #22d3ee, #c084fc);--landing-ghost-bg: rgba(255, 255, 255, .1);--landing-ghost-border: rgba(255, 255, 255, .2);--landing-ghost-text: #ffffff;--landing-ghost-hover: rgba(255, 255, 255, .2);--landing-cta-bg: linear-gradient(90deg, rgba(168, 85, 247, .2), rgba(6, 182, 212, .2));--landing-cta-border: rgba(168, 85, 247, .3);--landing-footer-border: rgba(255, 255, 255, .1)}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6{font-family:Plus Jakarta Sans,system-ui,sans-serif}.landing-main{flex:1}.landing-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--landing-header-border);background:var(--landing-header-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.header-content{max-width:80rem;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#c084fc,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:2rem}.landing-theme-toggle{margin-left:1rem}.landing-theme-toggle .theme-toggle-control__label{display:none}.landing-theme-toggle{padding:10px;border-radius:9999px}.nav-link{color:var(--landing-nav-link);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--landing-nav-link-hover)}.btn-nav-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border-radius:.5rem;background:#9333ea;color:#fff;text-decoration:none;font-weight:600;transition:background .2s ease}.btn-nav-primary:hover{background:#a855f7}.mobile-menu-btn{display:none;padding:.5rem;background:transparent;border:0;color:var(--landing-nav-link);cursor:pointer}.mobile-menu-btn:hover{color:var(--landing-nav-link-hover)}.mobile-menu-btn svg{width:1.5rem;height:1.5rem}.mobile-menu{display:none;border-top:1px solid var(--landing-header-border);background:var(--landing-mobile-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu.is-open{display:block}.mobile-menu-content{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{color:var(--landing-mobile-link);text-decoration:none;font-weight:500;transition:color .2s ease}.mobile-nav-link:hover{color:var(--landing-mobile-link-hover)}.mobile-nav-cta{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;background:#9333ea;color:#fff;text-decoration:none;font-weight:600;transition:background .2s ease}.mobile-nav-cta:hover{background:#a855f7}.mobile-nav-cta svg{width:1rem;height:1rem}.hero-section{max-width:72rem;margin:0 auto;padding:5rem 1.5rem 8rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:2rem;border-radius:999px;background:var(--landing-hero-badge-bg);border:1px solid var(--landing-hero-badge-border);color:var(--landing-hero-badge-text);font-size:.875rem}.hero-badge svg{width:1rem;height:1rem;color:var(--landing-hero-badge-text)}.hero-title{margin:0 0 1.5rem;font-size:3rem;font-weight:700;line-height:1.1}.hero-title .gradient-text{display:block;background:var(--landing-hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{max-width:52rem;margin:0 auto 3rem;color:var(--landing-muted);font-size:1.25rem;line-height:1.6;text-wrap:balance}.hero-description-break-desktop{display:none}.hero-ctas{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.btn-landing-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;background:linear-gradient(90deg,#9333ea,#a855f7,#7e22ce);color:#fff;text-decoration:none;font-size:1.125rem;font-weight:700;transition:filter .2s ease;box-shadow:0 10px 24px #a855f759}.btn-landing-primary:hover{filter:brightness(1.1)}.btn-landing-primary svg{width:1.125rem;height:1.125rem}.btn-landing-ghost{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:.75rem;background:var(--landing-ghost-bg);border:1px solid var(--landing-ghost-border);color:var(--landing-ghost-text);text-decoration:none;font-size:1.125rem;font-weight:600;transition:background .2s ease}.btn-landing-ghost:hover{background:var(--landing-ghost-hover)}.hero-value-props{max-width:64rem;margin:0 auto;color:var(--landing-soft-text);font-size:.975rem;line-height:1.7}.how-it-works-section,.features-section{max-width:72rem;margin:0 auto;padding:5rem 1.5rem}.section-title{margin:0 0 4rem;text-align:center;font-size:2.25rem;font-weight:700}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.step-card{border-radius:1rem;padding:2rem;background:var(--landing-card-bg);border:1px solid var(--landing-card-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .2s ease}.step-card-purple:hover{border-color:var(--landing-card-purple-hover)}.step-card-cyan:hover{border-color:var(--landing-card-cyan-hover)}.step-icon{width:4rem;height:4rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.step-icon svg{width:2rem;height:2rem}.step-icon-purple{background:var(--landing-icon-purple-bg);color:var(--landing-icon-purple)}.step-icon-cyan{background:var(--landing-icon-cyan-bg);color:var(--landing-icon-cyan)}.step-number{margin:0 0 .75rem;color:var(--landing-soft-text);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.step-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.step-card p{margin:0;color:var(--landing-muted);line-height:1.55}.step-outcome-label{color:var(--landing-text);font-weight:700}.features-section{padding-top:5rem;padding-bottom:5rem}.features-header{text-align:center;margin-bottom:4rem}.features-title{margin:0 0 1rem;font-size:2.25rem;font-weight:700}.features-subtitle{margin:0 auto;max-width:42rem;color:var(--landing-muted);font-size:1.25rem}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.feature-card{border-radius:.75rem;padding:1.5rem;background:var(--landing-card-bg);border:1px solid var(--landing-card-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .2s ease}.feature-card-purple:hover{border-color:var(--landing-card-purple-hover)}.feature-icon{width:3rem;height:3rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon svg{width:1.5rem;height:1.5rem}.feature-icon-purple{background:var(--landing-icon-purple-bg);color:var(--landing-icon-purple)}.feature-icon-cyan{background:var(--landing-icon-cyan-bg);color:var(--landing-icon-cyan)}.feature-icon-green{background:var(--landing-icon-green-bg);color:var(--landing-icon-green)}.feature-card h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.feature-card p{margin:0;color:var(--landing-soft-text);font-size:.875rem;line-height:1.55}.cta-section{max-width:56rem;margin:0 auto;padding:5rem 1.5rem;text-align:center}.cta-card{padding:3rem;border-radius:1.5rem;border:1px solid var(--landing-cta-border);background:var(--landing-cta-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cta-card h2{margin:0 0 1rem;font-size:2.25rem;font-weight:700}.cta-card p{margin:0 auto 2rem;max-width:42rem;color:var(--landing-muted);font-size:1.25rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.landing-footer{border-top:1px solid var(--landing-footer-border);padding:2rem 1.5rem;text-align:center}.landing-footer p{margin:0;color:var(--landing-soft-text)}@media (max-width: 1023px){.header-nav{display:none}.landing-theme-toggle{margin-left:auto;margin-right:.75rem}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.hero-title{font-size:2.75rem}.hero-description{max-width:46rem;font-size:1.15rem}.steps-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.hero-description-break-desktop{display:inline}}@media (max-width: 767px){.hero-section{padding-top:4rem;padding-bottom:5rem}.hero-title{font-size:2.25rem}.hero-description,.features-subtitle,.cta-card p{font-size:1.125rem}.hero-description{text-wrap:pretty}.hero-ctas,.cta-buttons{flex-direction:column;align-items:center}.btn-landing-primary,.btn-landing-ghost{width:100%;max-width:22rem}.steps-grid,.features-grid{grid-template-columns:1fr}.section-title,.features-title,.cta-card h2{font-size:1.875rem}.cta-card{padding:2rem}.hero-value-props{font-size:.9rem}}.auth-page{--auth-primary: #8b5cf6;--auth-primary-dark: #5b21b6;--auth-text-primary: #333333;--auth-text-secondary: #666666;--auth-background: #fafafa;--auth-surface: #f7f9fc;--auth-border: #e1e5eb;--auth-error: #ff3366;--auth-shadow: 0 4px 12px rgba(0, 0, 0, .1);--auth-radius: 12px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--auth-surface);color:var(--auth-text-primary)}.auth-container{display:flex;width:100%;max-width:1000px;min-height:620px;background:var(--auth-background);border-radius:var(--auth-radius);overflow:hidden;box-shadow:var(--auth-shadow)}.auth-hero{flex:1;background:linear-gradient(135deg,#6d28d9,#1f2937);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1c,#fff0 60%);transform:rotate(30deg)}.auth-hero-logo{display:inline-flex;align-items:center;margin-bottom:30px;position:relative;z-index:1}.auth-hero-wordmark{display:block;height:56px;width:auto}.auth-hero h2{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;margin-bottom:20px;position:relative;z-index:1}.auth-hero p{line-height:1.6;opacity:.9;position:relative;z-index:1}.auth-form-panel{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.form-header{text-align:center;margin-bottom:32px}.form-header h1{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;margin-bottom:8px;color:var(--auth-text-primary)}.form-header p{color:var(--auth-text-secondary);font-size:16px}.auth-form-container{order:1}.auth-footer{order:2;text-align:center;margin-top:24px;font-size:14px;color:var(--auth-text-secondary)}.auth-link-btn{background:none;border:none;color:var(--auth-primary);text-decoration:none;font-weight:500;cursor:pointer;padding:0;font-size:inherit}.auth-link-btn:hover{text-decoration:underline}.auth-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group-inline{flex-direction:row;align-items:center;justify-content:space-between;margin-top:-4px}.form-label{font-size:14px;font-weight:500;color:var(--auth-text-primary)}.auth-page .input-default{width:100%;padding:12px 16px;border:1px solid var(--auth-border);border-radius:var(--auth-radius);font-size:16px;line-height:1.25;background-color:var(--auth-surface);color:var(--auth-text-primary);transition:all .3s ease}.auth-page .input-default:focus{outline:none;border-color:var(--auth-primary);box-shadow:0 0 0 3px #8b5cf61f}.auth-page .input-default.input-error{border-color:var(--auth-error)}.form-error{color:var(--auth-error);font-size:14px;margin-top:4px}.form-error-link{color:var(--auth-primary);font-weight:500}.checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--auth-text-secondary);cursor:pointer}.checkbox-label--inline input{margin:0;width:16px;height:16px;accent-color:var(--auth-primary)}.forgot-password{color:var(--auth-primary);text-decoration:none;font-size:14px}.forgot-password:hover{text-decoration:underline}.auth-page .btn{width:100%;padding:12px;border-radius:var(--auth-radius);font-size:16px;font-weight:600;border:1px solid transparent;transition:all .3s ease}.auth-page .btn-primary{background-color:var(--auth-primary);color:#fff;margin-bottom:16px;box-shadow:none}.auth-page .btn-primary:hover:not(:disabled){background-color:var(--auth-primary-dark);transform:none}.auth-page .btn-google{background:#fff;border-color:var(--auth-border);color:var(--auth-text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-page .btn-google:hover:not(:disabled){background:#f5f5f5;transform:none}.auth-google-icon{width:18px;height:18px}.auth-divider{text-align:center;margin:24px 0;position:relative;color:var(--auth-text-secondary);font-size:14px}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background-color:var(--auth-border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.alert{border-radius:var(--auth-radius);font-size:14px;margin-bottom:20px}.alert-error{border:1px solid rgba(255,51,102,.28);background:#ff336614;color:#be123c}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.dark-theme .auth-page{background:#0f0f23;color:#e2e8f0}.dark-theme .auth-container{background:#1e1b4b;border:1px solid #312e81}.dark-theme .auth-form-panel{background:#1e1b4b}.dark-theme .form-header h1,.dark-theme .form-label{color:#e2e8f0}.dark-theme .form-header p,.dark-theme .auth-footer,.dark-theme .checkbox-label,.dark-theme .auth-divider{color:#94a3b8}.dark-theme .auth-link-btn,.dark-theme .forgot-password,.dark-theme .form-error-link{color:#a78bfa}.dark-theme .auth-page .input-default{background-color:#312e81;border-color:#4338ca;color:#e2e8f0}.dark-theme .auth-page .input-default:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d}.dark-theme .auth-divider:before,.dark-theme .auth-divider:after{background-color:#4338ca}.dark-theme .auth-page .btn-google{background:#312e81;border-color:#4338ca;color:#e2e8f0}.dark-theme .auth-page .btn-google:hover:not(:disabled){background:#4338ca}.dark-theme .alert-error{border-color:#f871714d;background:#ef44441f;color:#fca5a5}@media (max-width: 768px){.auth-page{padding:16px}.auth-container{flex-direction:column;min-height:auto}.auth-hero,.auth-form-panel{padding:30px 20px}.auth-hero-logo{margin-bottom:20px}.auth-hero-wordmark{height:44px}}:root{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-purple-800: #5b21b6;--color-blue-50: #ecfeff;--color-blue-100: #cffafe;--color-blue-200: #a5f3fc;--color-blue-300: #67e8f9;--color-blue-400: #22d3ee;--color-blue-500: #06b6d4;--color-blue-600: #0891b2;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-red-500: #ef4444;--color-red-600: #dc2626;--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15);--shadow-purple: 0 4px 12px rgba(139, 92, 246, .3);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(10px);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dark-theme .discover-layout{--glass-bg: rgba(30, 27, 75, .8);--glass-border: rgba(79, 70, 229, .2)}.discover-layout{min-height:100vh;background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-blue-50) 100%);font-family:var(--font-body);color:var(--color-neutral-800)}.discover-layout__container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.discover-layout__header{margin-bottom:var(--spacing-xl)}.discover-layout__title{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discover-layout__subtitle{font-size:1.1rem;color:var(--color-neutral-500)}.search-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.search-section__row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.search-section__genres{flex:1;min-width:280px}.search-section__button{flex-shrink:0}.genre-input{width:100%}.genre-input__label{display:block;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs)}.genre-input__container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);min-height:48px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.genre-input__container:focus-within{border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.genre-input__container--error{border-color:var(--color-red-500)}.genre-input__container--disabled{background:var(--color-neutral-100);cursor:not-allowed}.genre-input__tag{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-purple-100);color:var(--color-purple-700);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.genre-input__tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-purple-500);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.genre-input__tag-remove:hover{background:var(--color-purple-200);color:var(--color-purple-700)}.genre-input__tag-remove:focus{outline:2px solid var(--color-purple-500);outline-offset:1px}.genre-input__field{flex:1;min-width:120px;border:none;background:transparent;font-family:var(--font-body);font-size:1rem;color:var(--color-neutral-800);outline:none}.genre-input__field::placeholder{color:var(--color-neutral-400)}.genre-input__suggestions{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--spacing-2xs);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto}.genre-input__suggestion{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;color:var(--color-neutral-700);cursor:pointer;transition:background var(--transition-fast)}.genre-input__suggestion:hover,.genre-input__suggestion--highlighted{background:var(--color-purple-50);color:var(--color-purple-700)}.genre-input__error{font-size:.75rem;color:var(--color-red-500);margin-top:var(--spacing-2xs)}.genre-input__helper{font-size:.75rem;color:var(--color-neutral-500);margin-top:var(--spacing-2xs)}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-neutral-200)}.filter-controls__group{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.filter-controls__label{font-size:.75rem;font-weight:500;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.filter-controls__input{width:140px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-neutral-800);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.filter-controls__input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.filter-controls__input:disabled{background:var(--color-neutral-100);cursor:not-allowed}.filter-controls__slider-container{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-controls__slider{width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-neutral-200);border-radius:var(--radius-full);outline:none}.filter-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-purple-500);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.filter-controls__slider::-webkit-slider-thumb:hover{background:var(--color-purple-600);transform:scale(1.1)}.filter-controls__slider:disabled{opacity:.5;cursor:not-allowed}.filter-controls__slider-value{min-width:40px;font-size:.875rem;font-weight:600;color:var(--color-purple-600);text-align:right}.search-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-purple-500);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal);box-shadow:var(--shadow-purple);position:relative;overflow:hidden}.search-button:hover:not(:disabled){background:var(--color-purple-600);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d,var(--shadow-purple)}.search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-button__spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:#fff;border-radius:var(--radius-full);animation:spin 1s linear infinite}.search-button__icon{width:18px;height:18px}.results-section{min-height:400px}.results-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.results-header__count{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800)}.results-header__count-number{color:var(--color-purple-600)}.results-header__sort{display:flex;align-items:center;gap:var(--spacing-xs)}.results-header__sort-label{font-size:.875rem;color:var(--color-neutral-600)}.results-header__sort-select{padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-xl);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-neutral-800);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.results-header__sort-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.results-header__sort-direction{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.results-header__sort-direction:hover{background:var(--color-neutral-200)}.results-header__sort-direction:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.results-header__sort-icon{width:16px;height:16px;color:var(--color-neutral-600);transition:transform var(--transition-fast)}.results-header__sort-icon--desc{transform:rotate(180deg)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 1024px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.results-grid{grid-template-columns:1fr}}.playlist-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #8b5cf60d;transition:transform var(--transition-slow),box-shadow var(--transition-slow);display:flex;flex-direction:column}.playlist-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 20px -5px #8b5cf626,0 25px 50px -12px #00000026,0 0 0 1px #8b5cf61a}.playlist-card:focus-within{box-shadow:0 0 0 3px #8b5cf640,0 12px 20px -5px #8b5cf626,0 25px 50px -12px #00000026}.playlist-card__image-container{position:relative;aspect-ratio:1;background:linear-gradient(135deg,var(--color-purple-200) 0%,var(--color-blue-200) 50%,var(--color-amber-100) 100%);overflow:hidden}.playlist-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.playlist-card:hover .playlist-card__image{transform:scale(1.05)}.playlist-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.02) 60%,rgba(0,0,0,.15) 100%);pointer-events:none}.playlist-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-purple-400)}.playlist-card__placeholder .icon{width:64px;height:64px;opacity:.6}.playlist-card__fit-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000026;min-width:52px}.playlist-card__fit-score{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;line-height:1}.playlist-card__fit-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin-top:2px}.playlist-card__fit-badge.fit-excellent,.playlist-card__fit-badge.fit-score--excellent{background:#10b981e6;color:#fff}.playlist-card__fit-badge.fit-good,.playlist-card__fit-badge.fit-score--good{background:#06b6d4e6;color:#fff}.playlist-card__fit-badge.fit-moderate,.playlist-card__fit-badge.fit-score--moderate{background:#f59e0be6;color:#fff}.playlist-card__fit-badge.fit-low,.playlist-card__fit-badge.fit-score--low{background:#6b7280e6;color:#fff}.playlist-card__source{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a}.playlist-card__source .icon{width:14px;height:14px;color:var(--color-neutral-600)}.playlist-card__content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);flex:1;display:flex;flex-direction:column}.playlist-card__header{margin-bottom:var(--spacing-sm)}.playlist-card__name{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-neutral-800);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 var(--spacing-3xs)}.playlist-card__curator{font-size:.8125rem;color:var(--color-neutral-500);font-weight:500;margin:0}.playlist-card__stats{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-neutral-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.playlist-card__stat{display:flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;font-weight:500;color:var(--color-neutral-600)}.playlist-card__stat .icon{width:13px;height:13px;color:var(--color-purple-400)}.playlist-card__stat-divider{width:1px;height:12px;background:var(--color-neutral-300)}.playlist-card__fit-reason{font-size:.8125rem;color:var(--color-neutral-600);line-height:1.55;margin:0 0 var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.playlist-card__genres{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-bottom:var(--spacing-sm)}.playlist-card__genre-tag{padding:var(--spacing-3xs) var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-blue-50) 100%);color:var(--color-purple-600);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:capitalize;border:1px solid rgba(139,92,246,.1)}.playlist-card__genre-tag--more{background:var(--color-neutral-100);color:var(--color-neutral-500);border-color:transparent}.playlist-card__artists{display:flex;align-items:baseline;gap:var(--spacing-2xs);font-size:.75rem;margin-top:auto;padding-top:var(--spacing-xs)}.playlist-card__artists-label{color:var(--color-neutral-400);font-weight:500;flex-shrink:0}.playlist-card__artists-names{color:var(--color-neutral-600);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);background:linear-gradient(to top,rgba(249,250,251,.8) 0%,transparent 100%)}.playlist-card__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.playlist-card__action .icon{width:14px;height:14px}.playlist-card__action:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.playlist-card__action:disabled{opacity:.6;cursor:not-allowed}.playlist-card__action--save{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200)}.playlist-card__action--save:hover:not(:disabled){background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.playlist-card__action--saved{background:var(--color-emerald-50);color:var(--color-emerald-600);border-color:var(--color-emerald-200)}.playlist-card__action--saved:hover:not(:disabled){background:var(--color-emerald-100)}.playlist-card__action--pitch{flex:1;background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-purple-600) 100%);color:#fff;box-shadow:0 2px 4px #8b5cf640}.playlist-card__action--pitch:hover:not(:disabled){background:linear-gradient(135deg,var(--color-purple-600) 0%,var(--color-purple-700) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.playlist-card__action--pitch:active:not(:disabled){transform:translateY(0)}.playlist-card__action--spotify{width:36px;height:36px;padding:0;background:#1db954;color:#fff;border-radius:var(--radius-full)}.playlist-card__action--spotify:hover:not(:disabled){background:#1ed760;transform:scale(1.05)}.playlist-card__action--spotify .icon{width:18px;height:18px}.fit-score-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:700;box-shadow:var(--shadow-sm)}.fit-score-badge--small{font-size:.75rem;padding:var(--spacing-3xs) var(--spacing-xs)}.fit-score-badge--medium{font-size:.875rem}.fit-score-badge--large{font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm)}.fit-score-badge--excellent{background:var(--color-emerald-100);color:var(--color-emerald-600)}.fit-score-badge--good{background:var(--color-blue-100);color:var(--color-blue-600)}.fit-score-badge--moderate{background:var(--color-amber-100);color:var(--color-amber-500)}.fit-score-badge--low{background:var(--color-neutral-100);color:var(--color-neutral-500)}.fit-score-badge__label{font-size:.75em;font-weight:500;opacity:.8}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.action-button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button--primary{flex:1;background:var(--color-purple-500);color:#fff}.action-button--primary:hover:not(:disabled){background:var(--color-purple-600);transform:translateY(-1px)}.action-button--secondary{background:transparent;color:var(--color-purple-600);border:1px solid var(--color-purple-300)}.action-button--secondary:hover:not(:disabled){background:var(--color-purple-50);border-color:var(--color-purple-400)}.action-button--secondary.action-button--saved{background:var(--color-emerald-50);color:var(--color-emerald-600);border-color:var(--color-emerald-300)}.action-button--icon{width:36px;height:36px;padding:0;background:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200)}.action-button--icon:hover:not(:disabled){background:var(--color-neutral-200);color:var(--color-neutral-700)}.action-button__icon{width:16px;height:16px}.action-button__spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.loading-indicator__spinner{width:48px;height:48px;border:4px solid var(--color-purple-100);border-top-color:var(--color-purple-500);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.loading-indicator__phase{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--spacing-xs)}.loading-indicator__message{font-size:.9375rem;color:var(--color-neutral-500)}.loading-indicator__skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-xl)}@media (max-width: 1024px){.loading-indicator__skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.loading-indicator__skeleton-grid{grid-template-columns:1fr}}.loading-indicator__skeleton-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;animation:pulse 2s ease-in-out infinite}.loading-indicator__skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-indicator__skeleton-content{padding:var(--spacing-md)}.loading-indicator__skeleton-line{height:16px;background:var(--color-neutral-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.loading-indicator__skeleton-line--short{width:60%}.loading-indicator__skeleton-line--medium{width:80%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-neutral-300)}.empty-state--error .empty-state__icon{color:var(--color-red-500)}.empty-state__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--spacing-xs)}.empty-state__message{font-size:.9375rem;color:var(--color-neutral-500);max-width:360px;line-height:1.5;margin-bottom:var(--spacing-lg)}.empty-state__action{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-purple-500);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.empty-state__action:hover{background:var(--color-purple-600)}.empty-state__action:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-neutral-800);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);font-size:.875rem;animation:slideIn .3s ease}.toast--warning{background:var(--color-amber-500);color:var(--color-neutral-800)}.toast__icon{width:18px;height:18px;flex-shrink:0}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:var(--spacing-xs);background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.focus-visible:focus{outline:2px solid var(--color-purple-500);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-purple-500);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);z-index:1001;transition:top var(--transition-fast)}.live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark-theme .discover-layout{background:linear-gradient(135deg,#0f0f23,#1e1b4b);color:var(--color-neutral-100)}.dark-theme .discover-layout__title{background:linear-gradient(135deg,var(--color-purple-400) 0%,var(--color-blue-400) 100%);-webkit-background-clip:text;background-clip:text}.dark-theme .discover-layout__subtitle{color:var(--color-neutral-400)}.dark-theme .search-section{background:#1e1b4bcc;border-color:#4f46e533}.dark-theme .genre-input__container{background:var(--color-neutral-800);border-color:var(--color-neutral-600)}.dark-theme .genre-input__field{color:var(--color-neutral-100)}.dark-theme .filter-controls{border-top-color:var(--color-neutral-700)}.dark-theme .filter-controls__input{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}.dark-theme .results-header__count{color:var(--color-neutral-100)}.dark-theme .results-header__sort-select{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}.dark-theme .results-header__sort-direction{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.dark-theme .playlist-card{background:#1e1b4bf2;border-color:#8b5cf626;box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #0000004d,0 0 0 1px #8b5cf61a}.dark-theme .playlist-card:hover{box-shadow:0 12px 20px -5px #8b5cf640,0 25px 50px -12px #0006,0 0 0 1px #8b5cf633}.dark-theme .playlist-card__image-overlay{background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.4) 100%)}.dark-theme .playlist-card__source{background:#1e1b4be6}.dark-theme .playlist-card__source .icon{color:var(--color-neutral-300)}.dark-theme .playlist-card__name{color:var(--color-neutral-100)}.dark-theme .playlist-card__curator{color:var(--color-neutral-400)}.dark-theme .playlist-card__stats{background:#4f46e526}.dark-theme .playlist-card__stat{color:var(--color-neutral-300)}.dark-theme .playlist-card__stat .icon{color:var(--color-purple-400)}.dark-theme .playlist-card__stat-divider{background:var(--color-neutral-600)}.dark-theme .playlist-card__fit-reason{color:var(--color-neutral-400)}.dark-theme .playlist-card__genre-tag{background:#8b5cf633;color:var(--color-purple-300);border-color:#8b5cf633}.dark-theme .playlist-card__genre-tag--more{background:var(--color-neutral-700);color:var(--color-neutral-400)}.dark-theme .playlist-card__artists-label{color:var(--color-neutral-500)}.dark-theme .playlist-card__artists-names{color:var(--color-neutral-300)}.dark-theme .playlist-card__actions{background:linear-gradient(to top,rgba(30,27,75,.9) 0%,transparent 100%)}.dark-theme .playlist-card__action--save{background:var(--color-neutral-800);color:var(--color-neutral-200);border-color:var(--color-neutral-700)}.dark-theme .playlist-card__action--save:hover:not(:disabled){background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.dark-theme .playlist-card__action--saved{background:#10b98133;color:var(--color-emerald-400);border-color:#10b9814d}.dark-theme .empty-state__title{color:var(--color-neutral-100)}.discover-page{padding:var(--spacing-lg);max-width:1280px;margin:0 auto}.discover-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discover-subtitle{font-size:1.1rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-lg)}.discover-search{margin-bottom:var(--spacing-xl)}.discover-genres{margin-bottom:var(--spacing-lg)}.discover-actions{display:flex;gap:var(--spacing-md)}.discover-error{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.discover-error .error-icon{width:24px;height:24px;flex-shrink:0;color:var(--color-red-500)}.discover-error .error-content{flex:1}.discover-error .error-message{font-weight:500;color:var(--color-red-600);margin:0}.discover-error .error-retry{font-size:.875rem;color:var(--color-neutral-500);margin:var(--spacing-2xs) 0 0}.discover-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.discover-status .spinner-container{margin-bottom:var(--spacing-lg)}.discover-status .spinner,.discover-status .spinner--large{width:48px;height:48px}.discover-status .spinner__circle{stroke:var(--color-purple-500);stroke-dasharray:60;stroke-dashoffset:45;animation:spin 1s linear infinite}.discover-status .status-text{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.discover-status .results-count{font-size:.9375rem;color:var(--color-neutral-500);margin:0}.discover-filters{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.filter-group label{font-size:.75rem;font-weight:500;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.filter-group .input-default,.filter-group .select-default{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-neutral-800);background:#fff;min-width:120px}.filter-group .slider{width:120px}.filter-results-count{font-size:.875rem;color:var(--color-neutral-500);margin-top:var(--spacing-md)}.discover-results{margin-top:var(--spacing-xl)}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);min-height:44px}.search-results-header__count{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-800);display:flex;align-items:baseline}.search-results-header__count .animated-counter{color:var(--color-purple-600);font-weight:700;font-variant-numeric:tabular-nums}.search-results-header__label{color:var(--color-neutral-600)}.search-results-header__status{display:flex;align-items:center;gap:var(--spacing-xs)}.pulsing-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-purple-500);animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.phase-text{font-size:.875rem;color:var(--color-neutral-500);font-style:italic}.btn-cancel{margin-left:var(--spacing-sm);padding:var(--spacing-2xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-400)}.btn-cancel:focus{outline:none;box-shadow:0 0 0 3px #8b5cf626}.search-results-header__complete{display:flex;align-items:center;gap:var(--spacing-2xs);color:var(--color-emerald-600);font-size:.875rem;font-weight:500}.search-results-header__check-icon{width:16px;height:16px}.skeleton-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;animation:skeleton-pulse 2s ease-in-out infinite}.skeleton-card__image{aspect-ratio:1;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.skeleton-card__header{margin-bottom:var(--spacing-sm)}.skeleton-card__line{height:14px;background:var(--color-neutral-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-card__line--title{width:75%;height:18px}.skeleton-card__line--subtitle{width:50%;height:12px}.skeleton-card__line--short{width:40%}.skeleton-card__line--medium{width:60%}.skeleton-card__stats{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-neutral-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.skeleton-card__tags{display:flex;gap:var(--spacing-2xs);margin-top:var(--spacing-sm)}.skeleton-card__tag{width:60px;height:22px;background:var(--color-neutral-100);border-radius:var(--radius-full)}.skeleton-card__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);background:linear-gradient(to top,rgba(249,250,251,.5) 0%,transparent 100%)}.skeleton-card__button{height:36px;background:var(--color-neutral-200);border-radius:var(--radius-md)}.skeleton-card__button--small{width:70px}.skeleton-card__button--large{flex:1}.skeleton-card__button--icon{width:36px;border-radius:var(--radius-full)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.dark-theme .search-results-header{background:#1e1b4bcc;border-color:#4f46e533}.dark-theme .search-results-header__count{color:var(--color-neutral-100)}.dark-theme .search-results-header__count .animated-counter{color:var(--color-purple-400)}.dark-theme .search-results-header__label,.dark-theme .phase-text{color:var(--color-neutral-400)}.dark-theme .btn-cancel{border-color:var(--color-neutral-600);color:var(--color-neutral-400)}.dark-theme .btn-cancel:hover{background:var(--color-neutral-700)}.dark-theme .search-results-header__complete{color:var(--color-emerald-400)}.dark-theme .skeleton-card{background:#1e1b4bcc;border-color:#4f46e526}.dark-theme .skeleton-card__image{background:linear-gradient(90deg,var(--color-neutral-800) 0%,var(--color-neutral-700) 50%,var(--color-neutral-800) 100%);background-size:200% 100%}.dark-theme .skeleton-card__line,.dark-theme .skeleton-card__button{background:var(--color-neutral-700)}.dark-theme .skeleton-card__stats{background:#4f46e526}.dark-theme .skeleton-card__tag{background:var(--color-neutral-700)}.dark-theme .skeleton-card__actions{background:linear-gradient(to top,rgba(30,27,75,.8) 0%,transparent 100%)}:root{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-purple-800: #5b21b6;--color-blue-50: #ecfeff;--color-blue-100: #cffafe;--color-blue-500: #06b6d4;--color-blue-600: #0891b2;--color-blue-700: #0e7490;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-purple: 0 4px 12px rgba(139, 92, 246, .3);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dark-theme .wizard-layout{--glass-bg: rgba(30, 27, 75, .8);--glass-border: rgba(79, 70, 229, .2);--color-neutral-50: #1e1b4b;--color-neutral-100: #312e81;--color-neutral-200: #4c1d95;--color-neutral-700: #e2e8f0;--color-neutral-800: #f1f5f9;--color-neutral-900: #ffffff;--color-emerald-50: rgba(16, 185, 129, .1);--color-emerald-200: rgba(16, 185, 129, .25);--color-emerald-700: #6ee7b7;--color-emerald-800: #a7f3d0}.dark-theme .progress-ring__label,.dark-theme .step-nav__title,.dark-theme .step-nav__count,.dark-theme .step-content__description,.dark-theme .element-list__empty-text,.dark-theme .element-card__description,.dark-theme .suggestion-card__description,.dark-theme .suggestion-card__source,.dark-theme .form-helper,.dark-theme .form-char-count{color:var(--text-muted)}.wizard-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#8b5cf608,#06b6d408)}.wizard-sidebar{width:320px;min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(180deg,#ffffffd9,#ffffffb3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(139,92,246,.1);box-shadow:inset 0 0 0 1px #ffffff4d,4px 0 24px #8b5cf60d;display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:0}.dark-theme .wizard-sidebar{background:linear-gradient(180deg,#1e1b4be6,#1e1b4bcc);border-right-color:#8b5cf633;box-shadow:inset 0 0 0 1px #8b5cf61a,4px 0 24px #0003}.wizard-main{flex:1;padding:var(--spacing-xl) var(--spacing-3xl);max-width:900px}@media (max-width: 768px){.wizard-layout{flex-direction:column}.wizard-sidebar{display:none}.wizard-main{padding:var(--spacing-md);max-width:100%}}.progress-ring{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.progress-ring__circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__background{fill:none;stroke:var(--color-neutral-200);stroke-width:8}.progress-ring__progress{fill:none;stroke:var(--color-purple-500);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow);filter:drop-shadow(0 0 6px rgba(139,92,246,.4))}.progress-ring__percentage{position:absolute;font-family:var(--font-heading);font-weight:700;color:var(--color-neutral-800)}.progress-ring--small .progress-ring__percentage{font-size:14px}.progress-ring--medium .progress-ring__percentage{font-size:20px}.progress-ring--large .progress-ring__percentage{font-size:28px}.progress-ring__label{font-family:var(--font-body);font-size:14px;color:var(--color-neutral-500);text-align:center}.progress-ring--complete .progress-ring__progress{stroke:var(--color-emerald-500);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px rgba(16,185,129,.4))}50%{filter:drop-shadow(0 0 12px rgba(16,185,129,.8))}}.step-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.step-nav__title{font-family:var(--font-heading);font-size:12px;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.step-nav__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border:1px solid rgba(255,255,255,.3);background:#fff6;width:100%;text-align:left}.dark-theme .step-nav__item{background:#8b5cf614;border-color:#8b5cf626}.step-nav__item:hover{background:var(--color-purple-50);border-color:var(--color-purple-200);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dark-theme .step-nav__item:hover{background:#8b5cf626;border-color:#8b5cf64d;box-shadow:0 4px 12px #0003}.step-nav__item:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.step-nav__item--current{background:var(--color-purple-500);color:#fff;box-shadow:0 4px 20px #8b5cf659,inset 0 0 0 1px #fff3}.step-nav__item--current:hover{background:var(--color-purple-600);border-color:transparent}.step-nav__item--completed{background:var(--color-emerald-50);border-color:var(--color-emerald-200)}.step-nav__item--completed .step-nav__label{color:var(--color-emerald-800)}.step-nav__item--completed .step-nav__count{color:var(--color-emerald-700)}.step-nav__item--completed .step-nav__badge{background:var(--color-emerald-200);color:var(--color-emerald-800)}.step-nav__item--current.step-nav__item--completed{background:var(--color-purple-500);border-color:var(--color-emerald-400)}.step-nav__item--current.step-nav__item--completed .step-nav__label,.step-nav__item--current.step-nav__item--completed .step-nav__count{color:#fff}.step-nav__item--current.step-nav__item--completed .step-nav__badge{background:#ffffffeb;color:var(--color-purple-700)}.step-nav__item--current.step-nav__item--completed .step-nav__checkmark{color:var(--color-emerald-300)}.step-nav__item--empty{opacity:.6}.step-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.step-nav__content{flex:1;min-width:0}.step-nav__label{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-nav__item--current .step-nav__label{color:#fff}.step-nav__count{font-family:var(--font-body);font-size:12px;color:var(--color-neutral-500)}.step-nav__item--current .step-nav__count{color:#fffc}.step-nav__badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-neutral-100);border-radius:var(--radius-full);font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-neutral-600);flex-shrink:0}.step-nav__item--current .step-nav__badge{background:#ffffffeb;color:var(--color-purple-700)}.step-nav__checkmark{color:var(--color-emerald-500);font-size:16px}.step-content--entering-forward{animation:slideInRight .25s ease-out}.step-content--entering-backward{animation:slideInLeft .25s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.step-content--entering-forward,.step-content--entering-backward{animation:none}}.step-content__header{margin-bottom:var(--spacing-xl)}.step-content__title{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.step-content__description{font-family:var(--font-body);font-size:16px;color:var(--color-neutral-500);margin:0}.step-content__body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.step-content__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.element-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.element-list__empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-xl)}.element-list__empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.element-list__empty-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-xs)}.element-list__empty-text{font-family:var(--font-body);font-size:14px;color:var(--color-neutral-500);margin:0}.element-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:0 2px 8px #0000000a}.dark-theme .element-card{background:#1e1b4b99;border-color:#8b5cf626;box-shadow:0 2px 8px #0003}.element-card:hover{border-color:var(--color-purple-300);box-shadow:0 8px 24px #8b5cf61f;transform:translateY(-2px)}.dark-theme .element-card:hover{border-color:var(--color-purple-400);box-shadow:0 8px 24px #8b5cf633}.element-card--inactive{opacity:.6;background:#f9fafbcc}.dark-theme .element-card--inactive{background:#1e1b4b66}.element-card--dragging{box-shadow:var(--shadow-xl);border-color:var(--color-purple-500);transform:rotate(2deg)}.element-card__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;color:var(--color-neutral-400);cursor:grab;flex-shrink:0}.element-card__drag-handle:active{cursor:grabbing}.element-card__content{flex:1;min-width:0}.element-card__title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs);display:flex;align-items:center;gap:var(--spacing-xs)}.element-card__inactive-badge{font-size:12px;font-weight:500;color:var(--color-neutral-500);background:var(--color-neutral-100);padding:2px 8px;border-radius:var(--radius-full)}.element-card__description{font-family:var(--font-body);font-size:14px;color:var(--color-neutral-600);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.element-card__description--expanded{-webkit-line-clamp:unset}.element-card__evidence{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:12px;color:var(--color-purple-500);margin-top:var(--spacing-xs);text-decoration:none}.element-card__evidence:hover{text-decoration:underline}.element-card__actions{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.element-card__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.element-card__action-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.element-card__action-btn--edit:hover{background:var(--color-purple-50);color:var(--color-purple-600)}.element-card__action-btn--delete:hover{background:var(--color-red-50);color:var(--color-red-600)}.element-card__action-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.add-element-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-purple-600);background:transparent;border:2px dashed var(--color-purple-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);width:100%}.add-element-btn:hover:not(:disabled){background:var(--color-purple-50);border-color:var(--color-purple-400);border-style:solid}.add-element-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.add-element-btn:disabled{opacity:.5;cursor:not-allowed}.add-element-btn__icon{font-size:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:fadeIn var(--transition-fast)}.modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.modal__title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-neutral-900);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal__body{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(90vh - 140px)}.modal__footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.form-label{display:block;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs)}.form-label--required:after{content:" *";color:var(--color-red-500)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:16px;color:var(--color-neutral-800);background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:120px;resize:vertical}.form-helper{font-family:var(--font-body);font-size:12px;color:var(--color-neutral-500);margin-top:var(--spacing-2xs)}.form-error{font-family:var(--font-body);font-size:12px;color:var(--color-red-500);margin-top:var(--spacing-2xs)}.form-char-count{text-align:right;font-family:var(--font-body);font-size:12px;color:var(--color-neutral-400);margin-top:var(--spacing-2xs)}.form-char-count--warning{color:var(--color-amber-500)}.form-char-count--error{color:var(--color-red-500)}.suggestions-panel{background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-blue-50) 100%);border:1px solid var(--color-purple-200);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.suggestions-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.suggestions-panel__title{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-purple-700);margin:0}.suggestions-panel__title-icon{font-size:20px}.suggestions-panel__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestions-panel__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-neutral-500);font-size:14px}.suggestions-panel__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.suggestions-panel__spinner{width:32px;height:32px;border:3px solid var(--color-purple-200);border-top-color:var(--color-purple-500);border-radius:50%;animation:spin 1s linear infinite}.suggestions-panel__loading-text{font-family:var(--font-body);font-size:14px;color:var(--color-purple-600)}.suggestion-card{background:#fff;border:1px solid var(--color-purple-200);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.suggestion-card:hover{border-color:var(--color-purple-400);box-shadow:var(--shadow-md)}.suggestion-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.suggestion-card__title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-neutral-800);margin:0}.suggestion-card__confidence{display:flex;align-items:center;gap:var(--spacing-2xs);font-size:12px;color:var(--color-neutral-500);white-space:nowrap}.suggestion-card__confidence-bar{width:40px;height:4px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.suggestion-card__confidence-fill{height:100%;background:var(--color-purple-500);border-radius:var(--radius-full)}.suggestion-card__description{font-family:var(--font-body);font-size:14px;color:var(--color-neutral-600);margin:0 0 var(--spacing-xs);line-height:1.5}.suggestion-card__source{font-family:var(--font-body);font-size:12px;color:var(--color-neutral-500);font-style:italic;margin-bottom:var(--spacing-md)}.suggestion-card__actions{display:flex;gap:var(--spacing-xs)}.suggestion-card--accepted{background:var(--color-emerald-50);border-color:var(--color-emerald-200);opacity:.85}.suggestion-card--accepted:hover{border-color:var(--color-emerald-200);box-shadow:none}.suggestion-card--accepted .suggestion-card__title{color:var(--color-emerald-800)}.suggestion-card--accepted .suggestion-card__description{color:var(--color-emerald-700)}.suggestion-card__added-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:12px;font-weight:600;color:var(--color-emerald-600);background:var(--color-emerald-100);padding:2px 8px;border-radius:var(--radius-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-heading);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.btn--md{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:16px}.btn--primary{background:var(--color-purple-500);color:#fff;box-shadow:0 2px 4px #8b5cf633}.btn--primary:hover:not(:disabled){background:var(--color-purple-600);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn--secondary{background:transparent;color:var(--color-purple-600);border:2px solid var(--color-purple-500)}.btn--secondary:hover:not(:disabled){background:var(--color-purple-500);color:#fff}.btn--ghost{background:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-300)}.btn--ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-800);border-color:var(--color-neutral-400)}.btn--success{background:var(--color-emerald-500);color:#fff;box-shadow:0 2px 4px #10b98133}.btn--success:hover:not(:disabled){background:var(--color-emerald-600);box-shadow:0 4px 12px #10b9814d}.btn--destructive{background:var(--color-red-500);color:#fff;box-shadow:0 2px 4px #ef444433}.btn--destructive:hover:not(:disabled){background:var(--color-red-600);box-shadow:0 4px 12px #ef44444d}.btn--loading{position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn--primary.btn--loading:after{border-top-color:#fff}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:var(--transition-normal)}.toggle__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition-normal)}.toggle__input:checked+.toggle__slider{background:var(--color-purple-500)}.toggle__input:checked+.toggle__slider:before{transform:translate(20px)}.toggle__input:focus+.toggle__slider{box-shadow:0 0 0 3px #8b5cf64d}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1100;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-neutral-800);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-normal)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{background:var(--color-emerald-500)}.toast--error{background:var(--color-red-500)}.toast--warning{background:var(--color-amber-500)}.toast__icon{font-size:18px}.toast__message{font-family:var(--font-body);font-size:14px}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#fff;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--title{height:24px;width:60%}.skeleton--card{height:80px}.skeleton--circle{width:120px;height:120px;border-radius:50%}.confirm-dialog{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;text-align:center}.confirm-dialog__icon{font-size:48px;margin-bottom:var(--spacing-md)}.confirm-dialog__icon--warning{color:var(--color-amber-500)}.confirm-dialog__icon--danger{color:var(--color-red-500)}.confirm-dialog__title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.confirm-dialog__message{font-family:var(--font-body);font-size:14px;color:var(--color-neutral-600);margin:0 0 var(--spacing-xl)}.confirm-dialog__actions{display:flex;gap:var(--spacing-sm);justify-content:center}.mobile-step-nav{display:none;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(180deg,#ffffffe6,#fffc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,92,246,.1);position:sticky;top:0;z-index:10}.dark-theme .mobile-step-nav{background:linear-gradient(180deg,#1e1b4bf2,#1e1b4be6);border-bottom-color:#8b5cf633}@media (max-width: 768px){.mobile-step-nav{display:flex}}.mobile-step-nav__progress{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-purple-500);border-radius:var(--radius-full);flex-shrink:0;box-shadow:0 2px 8px #8b5cf64d}.mobile-step-nav__percentage{font-family:var(--font-heading);font-size:12px;font-weight:700;color:#fff}.mobile-step-nav__pills{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-2xs) 0}.mobile-step-nav__pills::-webkit-scrollbar{display:none}.mobile-step-nav__pill{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-neutral-600);background:#fff9;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.dark-theme .mobile-step-nav__pill{background:#8b5cf61a;border-color:#8b5cf633;color:var(--color-neutral-300)}.mobile-step-nav__pill:hover{background:var(--color-purple-50);border-color:var(--color-purple-200)}.dark-theme .mobile-step-nav__pill:hover{background:#8b5cf633;border-color:#8b5cf64d}.mobile-step-nav__pill--active{min-width:auto;padding:0 var(--spacing-md);background:var(--color-purple-500);border-color:var(--color-purple-500);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.dark-theme .mobile-step-nav__pill--active{background:var(--color-purple-500);border-color:var(--color-purple-400)}.mobile-step-nav__pill--active:hover{background:var(--color-purple-600);border-color:var(--color-purple-600)}.mobile-step-nav__pill--completed{background:var(--color-emerald-100);border-color:var(--color-emerald-200);color:var(--color-emerald-700)}.dark-theme .mobile-step-nav__pill--completed{background:#10b98126;border-color:#10b9814d;color:var(--color-emerald-400)}.mobile-step-nav__pill--completed:hover{background:var(--color-emerald-200)}.mobile-step-nav__pill-text{font-size:13px}.mobile-step-nav__pill-number{font-size:14px;font-weight:600}.mobile-step-nav__pill-check{font-size:16px;color:var(--color-emerald-600)}.dark-theme .mobile-step-nav__pill-check{color:var(--color-emerald-400)}*:focus-visible{outline:2px solid var(--color-purple-500);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:var(--spacing-md);background:var(--color-purple-500);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);z-index:9999}.skip-link:focus{left:var(--spacing-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-info-header{display:flex;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-xl);margin:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(135deg,#fffc,#fff9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 16px #8b5cf60f,inset 0 0 0 1px #ffffff4d}.dark-theme .profile-info-header{background:linear-gradient(135deg,#1e1b4bd9,#1e1b4bb3);border-color:#8b5cf633;box-shadow:0 4px 16px #00000026,inset 0 0 0 1px #8b5cf61a}.profile-info-header__avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #8b5cf640}.profile-info-header__avatar-img{width:100%;height:100%;object-fit:cover}.profile-info-header__avatar-initial{font-family:var(--font-heading);font-size:32px;font-weight:700;color:#fff;line-height:1}.profile-info-header__identity{flex:1;min-width:0}.profile-info-header__name{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-2xs);line-height:1.2}.profile-info-header__location{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-family:var(--font-body);font-size:13px;color:var(--color-neutral-500);margin:0 0 var(--spacing-sm)}.dark-theme .profile-info-header__location{color:var(--text-muted, #94a3b8)}.profile-info-header__bio{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--color-neutral-600);margin:0 0 var(--spacing-sm)}.dark-theme .profile-info-header__bio{color:var(--text-muted, #94a3b8)}.profile-info-header__bio-toggle{display:inline;background:none;border:none;padding:0;margin-left:var(--spacing-2xs);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-purple-500);cursor:pointer;transition:color var(--transition-fast)}.profile-info-header__bio-toggle:hover{color:var(--color-purple-600)}.profile-info-header__genres{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.profile-info-header__genre-chip{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-purple-700);background:var(--color-purple-50);border:1px solid var(--color-purple-200);border-radius:var(--radius-full);line-height:1.4}.dark-theme .profile-info-header__genre-chip{color:var(--color-purple-300);background:#8b5cf626;border-color:#8b5cf640}.profile-info-header__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);flex-shrink:0}.profile-info-header__links{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.profile-info-header__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-neutral-500);background:#fff9;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.profile-info-header__link:hover{color:var(--color-purple-600);background:var(--color-purple-50);border-color:var(--color-purple-300);transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf626}.dark-theme .profile-info-header__link{color:var(--color-neutral-400);background:#8b5cf61a;border-color:#8b5cf633}.dark-theme .profile-info-header__link:hover{color:var(--color-purple-300);background:#8b5cf633;border-color:#8b5cf666}.profile-info-header__link svg{width:18px;height:18px}.profile-info-header__edit-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-purple-600);background:transparent;border:1px solid var(--color-purple-300);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.profile-info-header__edit-btn:hover{color:#fff;background:var(--color-purple-500);border-color:var(--color-purple-500);box-shadow:0 2px 8px #8b5cf64d}.dark-theme .profile-info-header__edit-btn{color:var(--color-purple-300);border-color:#8b5cf64d}.dark-theme .profile-info-header__edit-btn:hover{color:#fff;background:var(--color-purple-500);border-color:var(--color-purple-500)}.profile-info-header__edit-btn svg{width:14px;height:14px}.profile-info-header--editing{flex-direction:column;align-items:stretch}.profile-info-header__edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.profile-info-header__edit-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-neutral-900);margin:0}.profile-info-header__edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.profile-info-header__edit-row{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.profile-info-header__edit-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-neutral-600)}.profile-info-header__edit-label svg{width:14px;height:14px;flex-shrink:0}.dark-theme .profile-info-header__edit-label{color:var(--text-muted, #94a3b8)}.profile-info-header__edit-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-body);font-size:14px;color:var(--color-neutral-800);background:#fffc;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-info-header__edit-input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.profile-info-header__edit-input::placeholder{color:var(--color-neutral-400)}.dark-theme .profile-info-header__edit-input{color:var(--color-neutral-100, #f1f5f9);background:#1e1b4b99;border-color:#8b5cf640}.dark-theme .profile-info-header__edit-input:focus{border-color:var(--color-purple-400);box-shadow:0 0 0 3px #8b5cf633}.dark-theme .profile-info-header__edit-input::placeholder{color:#94a3b880}.profile-info-header__edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-200)}.dark-theme .profile-info-header__edit-actions{border-top-color:#8b5cf626}@media (max-width: 768px){.profile-info-header__edit-grid{grid-template-columns:1fr}.profile-info-header{flex-direction:column;align-items:center;text-align:center;margin:var(--spacing-md) var(--spacing-md) 0;padding:var(--spacing-lg);gap:var(--spacing-md)}.profile-info-header__identity{display:flex;flex-direction:column;align-items:center}.profile-info-header__genres{justify-content:center}.profile-info-header__actions{align-items:center;width:100%}.profile-info-header__links{justify-content:center}}.pitch-item-selector{background:#1e1e2dcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;animation:selector-fade-in .3s ease}@keyframes selector-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pitch-item-selector--loading{min-height:160px}.pitch-item-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pitch-item-selector__title{font-size:14px;font-weight:500;color:#ffffffb3}.pitch-item-selector__close{width:28px;height:28px;border:none;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .2s ease}.pitch-item-selector__close:hover{background:#ffffff1a;color:#fffc}.pitch-item-selector__close svg{width:16px;height:16px}.pitch-item-selector__items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pitch-suggestion-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s ease;outline:none}.pitch-suggestion-item:hover{background:#ffffff0f;border-color:#ffffff1a}.pitch-suggestion-item:focus{border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf633}.pitch-suggestion-item--checked{background:#8b5cf61a;border-color:#8b5cf64d}.pitch-suggestion-item--checked:hover{background:#8b5cf626}.pitch-suggestion-item__checkbox{position:absolute;opacity:0;pointer-events:none}.pitch-suggestion-item__content{flex:1;min-width:0}.pitch-suggestion-item__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pitch-suggestion-item__title{font-size:14px;font-weight:500;color:#ffffffe6}.pitch-suggestion-item__badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:#8b5cf633;color:#a78bfa;border-radius:4px}.pitch-suggestion-item__reason{font-size:12px;color:#ffffff80;margin:0;line-height:1.4}.pitch-suggestion-item__check-icon{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.pitch-suggestion-item__check-icon svg{width:14px;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease}.pitch-suggestion-item--checked .pitch-suggestion-item__check-icon{background:#8b5cf6;border-color:#8b5cf6}.pitch-suggestion-item--checked .pitch-suggestion-item__check-icon svg{opacity:1;transform:scale(1);color:#fff}.pitch-item-selector__actions{display:flex;gap:8px}.pitch-item-selector__generate{flex:1}.pitch-item-selector__skip{flex-shrink:0}.pitch-item-selector__generate .btn-icon{width:16px;height:16px;margin-right:6px}.pitch-item-selector__skeleton{display:flex;flex-direction:column;gap:8px}.pitch-item-selector__skeleton .skeleton-item{height:64px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;border-radius:10px;animation:skeleton-shimmer 1.5s infinite}@media (max-width: 480px){.pitch-item-selector{padding:16px}.pitch-item-selector__actions{flex-direction:column}.pitch-item-selector__skip{width:100%}}.pitch-item-selector__section{margin-bottom:16px}.pitch-item-selector__section:last-of-type{margin-bottom:16px}.pitch-item-selector__section-header{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.pitch-item-selector__section-header:hover .pitch-item-selector__section-title{color:#ffffffe6}.pitch-item-selector__section-chevron{width:16px;height:16px;color:#ffffff80;transition:transform .2s ease;flex-shrink:0}.pitch-item-selector__section--collapsed .pitch-item-selector__section-chevron{transform:rotate(-90deg)}.pitch-item-selector__section-title{font-size:13px;font-weight:500;color:#fff9;flex:1;transition:color .2s ease}.pitch-item-selector__section-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#ffffff14;color:#ffffff80;border-radius:10px}.pitch-item-selector__section-badge--research{background:#3b82f626;color:#93c5fd}.pitch-item-selector__section-badge--loading{background:#fbbf2426;color:#fcd34d}.pitch-item-selector__section-badge--warning{background:#ef444426;color:#fca5a5}.pitch-item-selector__section-items{display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.pitch-item-selector__section--collapsed .pitch-item-selector__section-items{max-height:0;opacity:0;margin:0}.research-finding-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s ease;outline:none}.research-finding-item:hover{background:#ffffff0f;border-color:#ffffff1a}.research-finding-item:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.research-finding-item--checked{background:#3b82f61a;border-color:#3b82f64d}.research-finding-item--checked:hover{background:#3b82f626}.research-finding-item__checkbox{position:absolute;opacity:0;pointer-events:none}.research-finding-item__content{flex:1;min-width:0}.research-finding-item__header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.research-finding-item__title{font-size:14px;font-weight:500;color:#ffffffe6}.research-finding-item__type-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.research-finding-item__type-badge svg{width:10px;height:10px}.research-finding-item__type-badge--theme{background:#fbbf2433;color:#fcd34d}.research-finding-item__type-badge--origin_story{background:#a78bfa33;color:#c4b5fd}.research-finding-item__type-badge--context{background:#3b82f633;color:#93c5fd}.research-finding-item__source-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#ffffff4d}.research-finding-item__source-indicator svg{width:12px;height:12px}.research-finding-item__description{font-size:12px;color:#ffffff80;margin:0;line-height:1.4}.research-finding-item__check-icon{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.research-finding-item__check-icon svg{width:14px;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease}.research-finding-item--checked .research-finding-item__check-icon{background:#3b82f6;border-color:#3b82f6}.research-finding-item--checked .research-finding-item__check-icon svg{opacity:1;transform:scale(1);color:#fff}.research-finding-item--disabled{opacity:.5;cursor:not-allowed}.research-finding-item--disabled:hover{background:#ffffff08;border-color:#ffffff0f}.pitch-item-selector__selection-hint{padding:8px 12px;text-align:center;color:#fff6;font-size:12px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.pitch-item-selector__research-skeleton{display:flex;flex-direction:column;gap:8px}.pitch-item-selector__research-skeleton .skeleton-research-item{height:72px;background:linear-gradient(90deg,#3b82f608 25%,#3b82f614,#3b82f608 75%);background-size:200% 100%;border-radius:10px;animation:skeleton-shimmer 1.5s infinite}.pitch-item-selector__research-empty{padding:16px;text-align:center;color:#fff6;font-size:13px;background:#ffffff05;border-radius:10px;border:1px dashed rgba(255,255,255,.1)}.pitch-item-selector__research-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;margin-bottom:8px}.pitch-item-selector__research-warning-icon{width:16px;height:16px;color:#fcd34d;flex-shrink:0}.pitch-item-selector__research-warning-text{font-size:12px;color:#ffffffb3}@media (max-width: 480px){.research-finding-item__header{flex-direction:column;align-items:flex-start;gap:4px}.pitch-item-selector__section-header{padding:6px 0}.pitch-item-selector__section-title{font-size:12px}}:root{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-purple-800: #5b21b6;--color-blue-50: #ecfeff;--color-blue-100: #cffafe;--color-blue-200: #a5f3fc;--color-blue-300: #67e8f9;--color-blue-400: #22d3ee;--color-blue-500: #06b6d4;--color-blue-600: #0891b2;--color-blue-700: #0e7490;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #f97316;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-solid: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 8px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px}.dark-theme{--glass-bg: rgba(30, 27, 75, .8);--glass-bg-solid: rgba(30, 27, 75, .94);--glass-border: rgba(139, 92, 246, .2)}.dark-theme .stats-card-label{color:var(--text-tertiary)}.dark-theme .activity-description,.dark-theme .activity-time,.dark-theme .activity-empty,.dark-theme .recommendation-owner,.dark-theme .recommendation-meta,.dark-theme .recommendations-empty,.dark-theme .recommendations-empty-hint{color:var(--text-muted)}.dark-theme .profile-checklist-item{color:var(--text-tertiary)}.dark-theme .profile-complete-subtitle,.dark-theme .placeholder-description{color:var(--text-muted)}.dark-theme .placeholder-feature{color:var(--text-secondary)}.dashboard{font-family:var(--font-body)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.dashboard-greeting{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:-.01em;color:var(--color-neutral-800);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .dashboard-greeting{color:var(--color-neutral-100)}.dashboard-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-xl)}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.glass-card:hover{box-shadow:var(--shadow-xl)}.glass-card--interactive:hover{transform:translateY(-2px)}.glass-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.glass-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800)}.dark-theme .glass-card-title{color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stats-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none}.stats-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #8b5cf640}.stats-card:focus{outline:none;box-shadow:0 0 0 3px #8b5cf666,0 0 0 6px #8b5cf61a}.stats-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--spacing-sm);background:var(--color-purple-50)}.stats-card-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--color-neutral-900);line-height:1;letter-spacing:-.02em;margin-bottom:var(--spacing-2xs)}.dark-theme .stats-card-value{color:var(--color-neutral-100)}.stats-card-label{font-size:.875rem;font-weight:500;color:var(--color-neutral-500)}.stats-card-trend{display:flex;align-items:center;gap:var(--spacing-2xs);margin-top:var(--spacing-xs);font-size:.75rem;font-weight:600}.stats-card-trend--up{color:var(--color-emerald-500)}.stats-card-trend--down{color:var(--color-red-500)}.stats-card-trend--neutral{color:var(--color-neutral-400)}.stats-card--skeleton .stats-card-value,.stats-card--skeleton .stats-card-label{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent}.stats-card--skeleton .stats-card-value{width:60%;height:2.25rem}.stats-card--skeleton .stats-card-label{width:80%;height:1rem}.activity-feed{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;color:inherit}.activity-item:hover{background:#8b5cf60d}.activity-item:focus{outline:none;background:#8b5cf61a}.activity-item+.activity-item{border-top:1px solid var(--color-neutral-200)}.dark-theme .activity-item+.activity-item{border-top-color:#ffffff1a}.activity-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-icon--pitch{background:var(--color-purple-100);color:var(--color-purple-600)}.activity-icon--playlist{background:var(--color-blue-100);color:var(--color-blue-600)}.activity-icon--report{background:var(--color-amber-100);color:var(--color-amber-600)}.activity-icon--profile{background:var(--color-emerald-100);color:var(--color-emerald-600)}.activity-icon--rating{background:var(--color-purple-100);color:var(--color-purple-600)}.activity-content{flex:1;min-width:0}.activity-title{font-weight:500;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .activity-title{color:var(--color-neutral-100)}.activity-description{font-size:.875rem;color:var(--color-neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.75rem;color:var(--color-neutral-500);white-space:nowrap}.activity-view-all{display:flex;justify-content:center;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-neutral-200)}.dark-theme .activity-view-all{border-top-color:#ffffff1a}.activity-item--skeleton .activity-title,.activity-item--skeleton .activity-description{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent}.activity-item--skeleton .activity-icon{background:var(--color-neutral-200)}.activity-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-neutral-500)}.activity-empty-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.5}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.quick-action-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;text-align:center}.quick-action-card--primary{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));color:#fff;grid-column:span 2}.quick-action-card--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.quick-action-card--secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-neutral-700)}.dark-theme .quick-action-card--secondary{color:var(--text-secondary)}.quick-action-card--secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf640;border-color:var(--color-purple-300)}.quick-action-card:focus{outline:none;box-shadow:0 0 0 3px #8b5cf666,0 0 0 6px #8b5cf61a}.quick-action-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.quick-action-label{font-family:var(--font-heading);font-weight:600;font-size:.875rem}.quick-action-cta{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;gap:var(--spacing-sm)}.quick-action-cta-icon{width:20px;height:20px}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recommendation-card{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff80;border:1px solid var(--color-neutral-200);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dark-theme .recommendation-card{background:#ffffff0d;border-color:#ffffff1a}.recommendation-card:hover{border-color:var(--color-purple-300);box-shadow:0 4px 12px #8b5cf61a}.recommendation-image{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-neutral-200);position:relative;overflow:hidden}.recommendation-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.recommendation-image[src]:not([src=""]):before{display:none}.recommendation-content{flex:1;min-width:0}.recommendation-name{font-weight:600;font-size:.875rem;color:var(--color-neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-2xs)}.dark-theme .recommendation-name{color:var(--color-neutral-100)}.recommendation-owner{font-size:.75rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-2xs)}.recommendation-genres{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-bottom:var(--spacing-2xs)}.recommendation-genre-tag{padding:1px var(--spacing-xs);background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-radius:var(--radius-full);font-size:.625rem;font-weight:600;color:var(--color-purple-600);text-transform:uppercase;letter-spacing:.02em}.dark-theme .recommendation-genre-tag{background:#8b5cf640;color:var(--color-purple-300)}.recommendation-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-neutral-500)}.recommendation-fit-score{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-weight:600;font-size:.75rem;box-shadow:0 1px 2px #0000000d}.recommendation-fit-score--excellent{background:var(--color-emerald-100);color:var(--color-emerald-700)}.recommendation-fit-score--good{background:var(--color-blue-100);color:var(--color-blue-700)}.recommendation-fit-score--fair{background:var(--color-amber-100);color:var(--color-amber-600)}.recommendation-fit-score--poor{background:var(--color-neutral-200);color:var(--color-neutral-600)}.recommendation-actions{display:flex;flex-direction:column;gap:var(--spacing-2xs);flex-shrink:0}.recommendations-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-neutral-500)}.recommendations-empty-icon{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.5}.recommendations-empty-hint{font-size:.8125rem;color:var(--color-neutral-400);margin-top:var(--spacing-2xs);margin-bottom:var(--spacing-sm)}.profile-card--complete{background:linear-gradient(135deg,var(--color-emerald-50) 0%,var(--color-blue-50) 100%);border-color:var(--color-emerald-200);text-align:center;padding:var(--spacing-xl)}.dark-theme .profile-card--complete{background:linear-gradient(135deg,#10b98126,#06b6d426);border-color:#10b9814d}.profile-complete-badge{width:56px;height:56px;margin:0 auto var(--spacing-md);border-radius:50%;background:linear-gradient(135deg,var(--color-emerald-400) 0%,var(--color-emerald-500) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98159}.profile-complete-icon{width:28px;height:28px;stroke:#fff;stroke-width:3}.profile-complete-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.profile-complete-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-emerald-700);margin:0}.dark-theme .profile-complete-title{color:var(--color-emerald-400)}.profile-complete-subtitle{font-size:.875rem;color:var(--color-neutral-500);margin:0}.profile-view-btn{margin-top:var(--spacing-xs)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.profile-header .glass-card-title{margin:0;font-size:1rem}.profile-percentage{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--color-purple-500)}.profile-progress-bar{height:10px;background:var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.dark-theme .profile-progress-bar{background:#ffffff1a}.profile-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);border-radius:var(--radius-md);transition:width var(--transition-slow)}.profile-checklist{list-style:none;padding:0;margin:0 0 var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-checklist-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-neutral-600)}.dark-theme .profile-checklist-item{color:var(--color-neutral-400)}.profile-checklist-dot{width:8px;height:8px;border-radius:50%;background:var(--color-amber-400);flex-shrink:0}.profile-checklist-label{text-transform:capitalize}.profile-cta-full{width:100%;justify-content:center}.profile-genres{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);justify-content:center}.profile-genre-chip{padding:var(--spacing-2xs) var(--spacing-sm);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--color-purple-600)}.dark-theme .profile-genre-chip{background:#8b5cf633;border-color:#8b5cf64d;color:var(--color-purple-300)}.btn{font-family:var(--font-heading);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-primary{background:var(--color-purple-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-purple-600);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-purple-600);border:1px solid var(--color-purple-500)}.btn-secondary:hover:not(:disabled){background:var(--color-purple-500);color:#fff}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-800)}.btn-success:hover:not(:disabled){background:var(--color-emerald-600)}.btn-icon{padding:var(--spacing-xs);width:32px;height:32px}.link{color:var(--color-purple-500);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.link:focus{outline:2px solid var(--color-purple-300);outline-offset:2px}.error-card{background:var(--color-red-500);color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.error-card-title{font-family:var(--font-heading);font-weight:600;margin-bottom:var(--spacing-xs)}.error-card-message{font-size:.875rem;opacity:.9;margin-bottom:var(--spacing-md)}.error-inline{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-red-600)}.error-inline-icon{flex-shrink:0}.error-inline-message{flex:1;font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in .3s ease}.toast--success{border-left:4px solid var(--color-emerald-500)}.toast--error{border-left:4px solid var(--color-red-500)}.toast--info{border-left:4px solid var(--color-blue-500)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px),(prefers-reduced-motion: reduce){.glass-card,.stats-card,.toast{background:var(--glass-bg-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.glass-card,.stats-card,.toast{transition:none}.glass-card--interactive:hover,.stats-card:hover{transform:none}.toast{animation:none}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-purple-500);color:#fff;padding:var(--spacing-xs) var(--spacing-md);z-index:100;transition:top var(--transition-fast)}.skip-link:focus{top:0}.refresh-btn{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.refresh-btn:hover{color:var(--color-purple-500);background:#8b5cf61a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn--loading{animation:spin 1s linear infinite}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stats-card,.glass-card{animation:cardReveal .35s ease-out both}.dashboard-main .glass-card:nth-child(1){animation-delay:.1s}.dashboard-main .glass-card:nth-child(2){animation-delay:.15s}.dashboard-sidebar .glass-card:nth-child(1){animation-delay:.05s}.dashboard-sidebar .glass-card:nth-child(2){animation-delay:.1s}.dashboard-sidebar .glass-card:nth-child(3){animation-delay:.15s}.stats-card-icon svg{width:24px;height:24px;stroke:var(--color-purple-500)}.activity-icon svg{width:20px;height:20px}.quick-action-icon svg{width:24px;height:24px}.quick-action-card--primary .quick-action-icon svg{fill:#fff;stroke:#fff}.recommendation-actions .btn svg{width:16px;height:16px}.refresh-btn svg{width:18px;height:18px}.error-inline-icon svg{width:20px;height:20px;stroke:var(--color-red-500)}svg.activity-empty-icon,svg.recommendations-empty-icon{width:48px;height:48px;stroke:var(--color-neutral-400)}svg.profile-missing-icon{width:14px;height:14px;stroke:var(--color-amber-500);flex-shrink:0}.profile-cta{margin-top:var(--spacing-sm)}.recommendation-card--skeleton .recommendation-image,.recommendation-card--skeleton .recommendation-name{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-lg)}.placeholder-card{max-width:480px;width:100%;text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.placeholder-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.placeholder-icon svg{width:40px;height:40px}.placeholder-icon--primary{background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%)}.placeholder-icon--primary svg{fill:#fff;stroke:#fff}.placeholder-icon--purple{background:#8b5cf626}.placeholder-icon--purple svg{stroke:var(--color-purple-500)}.placeholder-icon--amber{background:#f59e0b26}.placeholder-icon--amber svg{stroke:var(--color-amber-500)}.placeholder-icon--cyan{background:#06b6d426}.placeholder-icon--cyan svg{stroke:var(--color-blue-500)}.placeholder-icon--neutral{background:#6b728026}.placeholder-icon--neutral svg{stroke:var(--color-neutral-500)}.placeholder-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-sm)}.dark-theme .placeholder-title{color:#fff}.placeholder-description{color:var(--color-neutral-600);line-height:1.6;margin:0 0 var(--spacing-lg)}.dark-theme .placeholder-description{color:var(--color-neutral-400)}.placeholder-features{text-align:left;margin-bottom:var(--spacing-xl)}.placeholder-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-neutral-700);font-size:.9375rem}.dark-theme .placeholder-feature{color:var(--color-neutral-300)}.placeholder-feature-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);flex-shrink:0}.placeholder-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#8b5cf61a;color:var(--color-purple-600);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}.dark-theme .placeholder-badge{background:#8b5cf633;color:var(--color-purple-400)}.static-page{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ecfeff,#fffbeb);padding:var(--spacing-2xl) var(--spacing-lg)}.dark-theme .static-page{background:linear-gradient(135deg,#1a1625,#0f172a,#1a1a1a)}.static-page-container{max-width:720px;margin:0 auto}.static-page-header{text-align:center;margin-bottom:var(--spacing-xl)}.static-page-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.static-page-icon svg{width:32px;height:32px;stroke:#fff}.static-page-header h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.dark-theme .static-page-header h1{color:#fff}.static-page-header p{color:var(--color-neutral-600);font-size:1.125rem}.dark-theme .static-page-header p{color:var(--color-neutral-400)}.static-page-content{padding:var(--spacing-xl)}.static-page-footer{text-align:center;margin-top:var(--spacing-xl);display:flex;justify-content:center;gap:var(--spacing-lg)}.help-section{margin-bottom:var(--spacing-xl)}.help-section:last-child{margin-bottom:0}.help-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-neutral-200)}.dark-theme .help-section h2{color:#fff;border-color:#ffffff1a}.help-item{margin-bottom:var(--spacing-lg)}.help-item:last-child{margin-bottom:0}.help-item h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.dark-theme .help-item h3{color:var(--color-neutral-200)}.help-item p{color:var(--color-neutral-600);line-height:1.6;margin:0}.dark-theme .help-item p{color:var(--color-neutral-400)}.help-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.contact-section{margin-bottom:var(--spacing-xl)}.contact-section:last-child{margin-bottom:0}.contact-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-md)}.dark-theme .contact-section h2{color:#fff}.contact-section p{color:var(--color-neutral-600);line-height:1.6}.dark-theme .contact-section p{color:var(--color-neutral-400)}.contact-methods{display:grid;gap:var(--spacing-md)}.contact-method{padding:var(--spacing-md);background:#8b5cf60d;border-radius:var(--radius-md)}.dark-theme .contact-method{background:#8b5cf61a}.contact-method h3{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-2xs);text-transform:uppercase;letter-spacing:.05em}.dark-theme .contact-method h3{color:var(--color-neutral-400)}.contact-method a{color:var(--color-purple-600);text-decoration:none;font-weight:500}.contact-method a:hover{text-decoration:underline}.dark-theme .contact-method a{color:var(--color-purple-400)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-sm)}.dark-theme .legal-section h2{color:#fff}.legal-section p{color:var(--color-neutral-600);line-height:1.7;margin:0}.dark-theme .legal-section p{color:var(--color-neutral-400)}.legal-section a{color:var(--color-purple-600);text-decoration:none}.legal-section a:hover{text-decoration:underline}.dark-theme .legal-section a{color:var(--color-purple-400)}.analyze-page{font-family:var(--font-body);max-width:1200px;margin:0 auto}.analyze-header{text-align:center;margin-bottom:var(--spacing-2xl)}.analyze-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs)}.analyze-subtitle{color:var(--color-neutral-600);font-size:1.125rem;margin:0}.dark-theme .analyze-subtitle{color:var(--color-neutral-400)}.analyze-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media (max-width: 900px){.analyze-layout{grid-template-columns:1fr}}.analyze-input-section,.analyze-output-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:cardReveal .5s ease-out both}.form-section:nth-child(1){animation-delay:.05s}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.15s}.form-section:nth-child(4){animation-delay:.2s}.form-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-section-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-section-icon svg{width:20px;height:20px}.form-section-icon--purple{background:linear-gradient(135deg,var(--color-purple-100),var(--color-purple-200))}.form-section-icon--purple svg{stroke:var(--color-purple-600)}.form-section-icon--cyan{background:linear-gradient(135deg,var(--color-blue-100),var(--color-blue-200))}.form-section-icon--cyan svg{stroke:var(--color-blue-600)}.form-section-icon--amber{background:linear-gradient(135deg,var(--color-amber-100),var(--color-amber-200))}.form-section-icon--amber svg{stroke:var(--color-amber-600)}.form-section-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-neutral-800);margin:0}.dark-theme .form-section-title{color:var(--color-neutral-100)}.form-section-hint{font-size:.8125rem;color:var(--color-neutral-500);margin:0}.form-group:last-child{margin-bottom:0}.form-label--required:after{content:"*";color:var(--color-red-500);margin-left:var(--spacing-2xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:var(--font-body);color:var(--color-neutral-900);background:#fffc;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dark-theme .form-input{background:#1e1b4b99;border-color:#ffffff1a;color:var(--color-neutral-100)}.form-input--error{border-color:var(--color-red-500)}.form-input--error:focus{box-shadow:0 0 0 3px #ef444433}.form-error{font-size:.8125rem;color:var(--color-red-500);margin-top:var(--spacing-2xs)}.form-textarea{min-height:80px;resize:vertical}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:44px}.input-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-neutral-400);pointer-events:none}.track-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.dark-theme .track-preview{background:#8b5cf61a;border-color:#8b5cf64d}.track-preview-image{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-neutral-200)}.track-preview-name{font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .track-preview-name{color:var(--color-neutral-100)}.track-preview-artist{font-size:.875rem;color:var(--color-neutral-600);margin:0 0 var(--spacing-2xs)}.dark-theme .track-preview-artist{color:var(--color-neutral-400)}.track-preview-meta{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-neutral-500)}.track-preview-clear{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.track-preview-clear:hover{color:var(--color-red-500);background:#ef44441a}.track-preview-clear svg{width:18px;height:18px}.track-preview--loading{justify-content:center;flex-direction:column;padding:var(--spacing-lg)}.track-preview-skeleton{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.skeleton{background:linear-gradient(90deg,#8b5cf61a 25%,#8b5cf633,#8b5cf61a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--square{width:64px;height:64px;flex-shrink:0}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton--text{height:16px;width:100%}.skeleton--short{width:60%}.track-preview-loading-text{margin:var(--spacing-sm) 0 0;font-size:.875rem;color:var(--color-neutral-500)}.track-preview--error{justify-content:center;flex-direction:column;padding:var(--spacing-lg);background:#ef44440d;border-color:#ef444433}.dark-theme .track-preview--error{background:#ef44441a;border-color:#ef44444d}.track-preview-error-icon{width:24px;height:24px;color:var(--color-red-500);margin-bottom:var(--spacing-xs)}.track-preview-error-text{margin:0;font-size:.875rem;color:var(--color-red-600);text-align:center}.dark-theme .track-preview-error-text{color:var(--color-red-400)}.playlist-search-results{margin-top:var(--spacing-md);max-height:280px;overflow-y:auto}.playlist-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:2px solid transparent}.playlist-option:hover{background:#8b5cf60d}.playlist-option--selected{background:#8b5cf61a;border-color:var(--color-purple-500)}.playlist-option-image{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-neutral-200)}.playlist-option-info{flex:1;min-width:0}.playlist-option-name{font-weight:500;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .playlist-option-name{color:var(--color-neutral-100)}.playlist-option-owner{font-size:.8125rem;color:var(--color-neutral-500);margin:0}.playlist-option-meta{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-neutral-500);margin-top:var(--spacing-2xs)}.playlist-option-check{width:24px;height:24px;border-radius:50%;background:var(--color-purple-500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-option-check svg{width:14px;height:14px}.pitch-styles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media (max-width: 480px){.pitch-styles-grid{grid-template-columns:1fr}}.pitch-style-option{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-neutral-200);background:#ffffff80;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);text-align:center}.dark-theme .pitch-style-option{background:#ffffff0d;border-color:#ffffff1a}.pitch-style-option:hover{border-color:var(--color-purple-300);transform:translateY(-2px)}.pitch-style-option--selected{border-color:var(--color-purple-500);background:#8b5cf61a}.pitch-style-option--selected:hover{border-color:var(--color-purple-600)}.pitch-style-icon{width:32px;height:32px;margin-bottom:var(--spacing-xs);color:var(--color-purple-500)}.pitch-style-name{font-weight:600;font-size:.875rem;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs);text-transform:capitalize}.dark-theme .pitch-style-name{color:var(--color-neutral-100)}.pitch-style-description{font-size:.75rem;color:var(--color-neutral-500);margin:0;line-height:1.4}.generate-section{margin-top:var(--spacing-md)}.generate-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn svg{width:24px;height:24px}.generate-btn--loading{background:linear-gradient(135deg,var(--color-purple-400),var(--color-purple-500))}.generate-btn--loading .generate-spinner{animation:spin 1s linear infinite}.output-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;animation:cardReveal .5s ease-out .25s both}.output-placeholder-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-100));display:flex;align-items:center;justify-content:center}.output-placeholder-icon svg{width:40px;height:40px;stroke:var(--color-purple-500)}.output-placeholder-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.dark-theme .output-placeholder-title{color:var(--color-neutral-100)}.output-placeholder-text{color:var(--color-neutral-500);margin:0;max-width:280px}.output-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center}.output-loading-spinner{width:64px;height:64px;margin-bottom:var(--spacing-lg);animation:spin 1s linear infinite}.output-loading-spinner circle{fill:none;stroke:var(--color-purple-500);stroke-width:3;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:50}.output-loading-phase{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-purple-600);margin:0 0 var(--spacing-xs)}.output-loading-message{color:var(--color-neutral-500);font-size:.875rem;margin:0}.pitch-result{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);animation:cardReveal .5s ease-out both}.pitch-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-neutral-200)}.dark-theme .pitch-result-header{border-color:#ffffff1a}.pitch-result-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800);margin:0}.dark-theme .pitch-result-title{color:var(--color-neutral-100)}.pitch-result-actions{display:flex;gap:var(--spacing-xs)}.fit-score-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff80;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.dark-theme .fit-score-card{background:#ffffff0d}.fit-score-circle{width:72px;height:72px;position:relative;flex-shrink:0}.fit-score-circle-bg{fill:none;stroke:var(--color-neutral-200);stroke-width:6}.dark-theme .fit-score-circle-bg{stroke:#ffffff1a}.fit-score-circle-fill{fill:none;stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1s ease-out}.fit-score-circle-fill--excellent{stroke:var(--color-emerald-500)}.fit-score-circle-fill--good{stroke:var(--color-blue-500)}.fit-score-circle-fill--fair{stroke:var(--color-amber-500)}.fit-score-circle-fill--poor{stroke:var(--color-neutral-400)}.fit-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-800)}.dark-theme .fit-score-value{color:var(--color-neutral-100)}.fit-score-content{flex:1}.fit-score-label{font-size:.875rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-2xs)}.fit-score-reasoning{font-size:.9375rem;color:var(--color-neutral-700);margin:0;line-height:1.5}.dark-theme .fit-score-reasoning{color:var(--color-neutral-300)}.pitch-text-section{margin-bottom:var(--spacing-lg)}.pitch-text-label{font-size:.875rem;font-weight:500;color:var(--color-neutral-500);margin:0 0 var(--spacing-sm)}.pitch-text{font-size:1rem;line-height:1.7;color:var(--color-neutral-800);white-space:pre-wrap;padding:var(--spacing-md);background:#fff9;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.dark-theme .pitch-text{color:var(--color-neutral-200);background:#ffffff0d;border-color:#ffffff1a}.pitch-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-neutral-200)}.dark-theme .pitch-meta{border-color:#ffffff1a}.pitch-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-neutral-500)}.pitch-meta-item svg{width:16px;height:16px}.copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;background:var(--color-purple-500);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.copy-btn:hover{background:var(--color-purple-600)}.copy-btn svg{width:16px;height:16px}.copy-btn--copied{background:var(--color-emerald-500)}.copy-btn--copied:hover{background:var(--color-emerald-600)}.analyze-toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%) translateY(100px);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-neutral-900);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-xl);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.analyze-toast--visible{transform:translate(-50%) translateY(0);opacity:1}.pitch-footer-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.pitch-footer-actions .btn{flex:1}.output-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center}.output-error-icon{width:64px;height:64px;margin-bottom:var(--spacing-lg);color:var(--color-red-500)}.output-error-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.dark-theme .output-error-title{color:var(--color-neutral-100)}.output-error-message{color:var(--color-neutral-600);margin:0 0 var(--spacing-lg);max-width:320px}.dark-theme .output-error-message{color:var(--color-neutral-400)}@keyframes typewriter{0%{width:0}to{width:100%}}.pitch-text--streaming{overflow:hidden}.pitch-text--streaming:after{content:"|";animation:blink .7s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.generate-btn--cancel{background:linear-gradient(135deg,var(--color-red-500),var(--color-red-600))}.generate-btn--cancel:hover:not(:disabled){box-shadow:0 8px 24px #ef444466}.form-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-md) 0;color:var(--color-neutral-400);font-size:.8125rem}.form-divider:before,.form-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-neutral-200)}.dark-theme .form-divider:before,.dark-theme .form-divider:after{border-color:#ffffff1a}.form-divider span{padding:0 var(--spacing-sm)}.form-hint{font-size:.8125rem;margin-top:var(--spacing-2xs)}.form-hint--success{color:var(--color-emerald-500)}.output-loading-progress{width:100%;max-width:300px;height:4px;background:var(--color-neutral-200);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);overflow:hidden}.dark-theme .output-loading-progress{background:#ffffff1a}.output-loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-purple-500),var(--color-blue-500));border-radius:var(--radius-full);transition:width .3s ease-out}.output-loading-playlist{font-size:.875rem;color:var(--color-neutral-600);margin:var(--spacing-sm) 0 0}.dark-theme .output-loading-playlist{color:var(--color-neutral-400)}.output-streaming-fit-score{margin-top:var(--spacing-md)}.fit-score-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:600;border-radius:var(--radius-full)}.fit-score-badge--excellent{background:#10b98126;color:var(--color-emerald-600)}.fit-score-badge--good{background:#3b82f626;color:var(--color-blue-600)}.fit-score-badge--fair{background:#f59e0b26;color:var(--color-amber-600)}.fit-score-badge--poor{background:#73737326;color:var(--color-neutral-600)}.output-streaming-pitch{width:100%;max-width:400px;margin-top:var(--spacing-lg);text-align:left}.output-streaming-pitch-label{font-size:.8125rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-xs)}.output-streaming-pitch-text{font-size:.9375rem;line-height:1.6;color:var(--color-neutral-700);padding:var(--spacing-md);background:#fff9;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);max-height:200px;overflow-y:auto}.dark-theme .output-streaming-pitch-text{color:var(--color-neutral-300);background:#ffffff0d;border-color:#ffffff1a}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--color-purple-500);margin-left:2px;animation:blink .7s step-end infinite;vertical-align:text-bottom}.output-error-upgrade{font-size:.875rem;color:var(--color-purple-600);margin:0 0 var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#8b5cf61a;border-radius:var(--radius-md)}.dark-theme .output-error-upgrade{color:var(--color-purple-400)}.campaign-context-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.campaign-context-banner__content{display:flex;align-items:center;gap:var(--spacing-sm)}.campaign-context-banner__icon{width:20px;height:20px;color:var(--color-purple-500);flex-shrink:0}.campaign-context-banner__text{font-size:.9375rem;color:var(--color-neutral-700)}.campaign-context-banner__text strong{color:var(--color-purple-600);font-weight:600}.campaign-context-banner__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.campaign-context-banner__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-neutral-500);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.campaign-context-banner__dismiss:hover{background:#8b5cf61a;color:var(--color-purple-600)}.campaign-context-banner__dismiss:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.dark-theme .campaign-context-banner{background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border-color:#8b5cf640}.dark-theme .campaign-context-banner__text{color:var(--color-neutral-300)}.dark-theme .campaign-context-banner__text strong{color:var(--color-purple-400)}.dark-theme .campaign-context-banner__dismiss{color:var(--color-neutral-400)}.dark-theme .campaign-context-banner__dismiss:hover{background:#8b5cf633;color:var(--color-purple-300)}.btn-success{background:var(--color-emerald-500);color:#fff}.btn-success:hover{background:var(--color-emerald-600)}.btn-success:disabled{opacity:.7;cursor:default}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.campaign-track-selector{margin-top:var(--spacing-xs)}.campaign-track-loading{padding:var(--spacing-md);text-align:center;color:var(--color-neutral-500);font-size:.875rem}.campaign-track-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.campaign-track-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.campaign-track-item:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-purple-300)}.campaign-track-item--selected{background:#8b5cf61a;border-color:var(--color-purple-500)}.campaign-track-item:disabled{opacity:.6;cursor:not-allowed}.campaign-track-item__image{width:48px;height:48px;border-radius:var(--border-radius-sm);object-fit:cover;flex-shrink:0}.campaign-track-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.campaign-track-item__name{font-weight:600;font-size:.9375rem;color:var(--color-neutral-900);display:flex;align-items:center;gap:var(--spacing-xs)}.campaign-track-item__primary{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:var(--color-purple-100);color:var(--color-purple-700);border-radius:var(--border-radius-sm)}.campaign-track-item__artist{font-size:.8125rem;color:var(--color-neutral-600)}.campaign-track-item__check{width:20px;height:20px;color:var(--color-purple-500);flex-shrink:0}.dark-theme .campaign-track-item{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .campaign-track-item:hover:not(:disabled){background:#ffffff1a;border-color:var(--color-purple-400)}.dark-theme .campaign-track-item--selected{background:#8b5cf633;border-color:var(--color-purple-500)}.dark-theme .campaign-track-item__name{color:var(--color-neutral-100)}.dark-theme .campaign-track-item__primary{background:#8b5cf64d;color:var(--color-purple-300)}.dark-theme .campaign-track-item__artist{color:var(--color-neutral-400)}:root{--pitch-glass-bg: rgba(139, 92, 246, .08);--pitch-glass-bg-solid: #1e1b4b;--pitch-glass-border: rgba(79, 70, 229, .3);--pitch-glass-blur: 10px;--pitch-text-primary: #1e1b4b;--pitch-text-secondary: #4c4673;--pitch-text-tertiary: #6b7280;--fit-excellent: #10b981;--fit-good: #3b82f6;--fit-moderate: #f59e0b;--fit-low: #6b7280}.mini-playlist-card{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);background:var(--pitch-glass-bg);backdrop-filter:blur(var(--pitch-glass-blur));-webkit-backdrop-filter:blur(var(--pitch-glass-blur));border:1px solid var(--pitch-glass-border);border-radius:var(--radius-lg, .75rem);transition:border-color .2s,box-shadow .2s}.mini-playlist-card--clickable{cursor:pointer}.mini-playlist-card--clickable:hover{border-color:#4f46e566;box-shadow:0 4px 12px #00000026}.mini-playlist-card--clickable:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e533}.mini-playlist-card--selected{border-color:#4f46e599;background:#8b5cf626}.mini-playlist-card__image-container{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md, .5rem);overflow:hidden;background:#0003}.mini-playlist-card__image{width:100%;height:100%;object-fit:cover}.mini-playlist-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e533,#4f46e51a)}.mini-playlist-card__placeholder-icon{width:24px;height:24px;color:#ffffff80}.mini-playlist-card__content{flex:1;min-width:0}.mini-playlist-card__name{font-size:.875rem;font-weight:600;color:var(--pitch-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-playlist-card__curator{font-size:.75rem;color:var(--pitch-text-secondary);margin:.125rem 0 0}.mini-playlist-card__stats{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;color:var(--pitch-text-tertiary)}.mini-playlist-card__stat-icon{width:12px;height:12px}.mini-playlist-card__fit-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, .5rem);background:#0003}.mini-playlist-card__fit-badge.fit-excellent{background:#10b98133;color:var(--fit-excellent)}.mini-playlist-card__fit-badge.fit-good{background:#3b82f633;color:var(--fit-good)}.mini-playlist-card__fit-badge.fit-moderate{background:#f59e0b33;color:var(--fit-moderate)}.mini-playlist-card__fit-badge.fit-low{background:#6b728033;color:var(--fit-low)}.mini-playlist-card__fit-score{font-size:.875rem;font-weight:700;line-height:1}.mini-playlist-card__fit-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.mini-playlist-card--skeleton{pointer-events:none}.mini-playlist-card--skeleton .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.mini-playlist-card--skeleton .skeleton--square{width:100%;height:100%}.mini-playlist-card--skeleton .skeleton--text{height:12px;margin-bottom:4px}.mini-playlist-card--skeleton .skeleton--short{height:10px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mini-playlist-card--error{background:#ef44441a;border-color:#ef44444d;padding:var(--spacing-4, 1rem)}.mini-playlist-card__error-icon{width:24px;height:24px;color:#ef4444;flex-shrink:0}.mini-playlist-card__error-content{flex:1}.mini-playlist-card__error-message{font-size:.875rem;color:#ef4444;margin:0}.mini-playlist-card__retry-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;color:var(--pitch-text-secondary);background:transparent;border:1px solid var(--pitch-glass-border);border-radius:var(--radius-sm, .25rem);cursor:pointer;transition:background .2s,border-color .2s}.mini-playlist-card__retry-btn:hover{background:#ffffff0d;border-color:#fff3}.mini-playlist-card__refresh-icon{width:12px;height:12px}.suggestions-dropdown{position:relative;width:100%}.suggestions-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3, .75rem);background:var(--pitch-glass-bg);backdrop-filter:blur(var(--pitch-glass-blur));-webkit-backdrop-filter:blur(var(--pitch-glass-blur));border:1px solid var(--pitch-glass-border);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:border-color .2s;color:var(--pitch-text-primary)}.suggestions-dropdown__trigger:hover{border-color:#4f46e566}.suggestions-dropdown__trigger--open{border-color:#4f46e599;border-bottom-left-radius:0;border-bottom-right-radius:0}.suggestions-dropdown__chevron{width:16px;height:16px;color:var(--pitch-text-secondary);transition:transform .2s}.suggestions-dropdown__trigger--open .suggestions-dropdown__chevron{transform:rotate(180deg)}.suggestions-dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:320px;overflow-y:auto;background:var(--pitch-glass-bg-solid);border:1px solid var(--pitch-glass-border);border-top:none;border-bottom-left-radius:var(--radius-lg, .75rem);border-bottom-right-radius:var(--radius-lg, .75rem);box-shadow:0 8px 24px #0000004d}.suggestions-dropdown__item{padding:var(--spacing-2, .5rem);cursor:pointer;transition:background .15s}.suggestions-dropdown__item:hover{background:#4f46e51a}.suggestions-dropdown__item:last-child{border-bottom-left-radius:calc(var(--radius-lg, .75rem) - 1px);border-bottom-right-radius:calc(var(--radius-lg, .75rem) - 1px)}.suggestions-dropdown__menu .mini-playlist-card{background:#ffffff0d;border-color:#ffffff1a}.suggestions-dropdown__menu .mini-playlist-card__name{color:var(--menu-text-primary)}.suggestions-dropdown__menu .mini-playlist-card__curator{color:var(--menu-text-secondary)}.suggestions-dropdown__menu .mini-playlist-card__stats{color:var(--menu-text-tertiary)}.suggestions-dropdown__menu,.suggestions-dropdown__menu *{--menu-text-primary: #ffffff;--menu-text-secondary: rgba(255, 255, 255, .7);--menu-text-tertiary: rgba(255, 255, 255, .5)}.suggestions-dropdown__empty{padding:var(--spacing-4, 1rem);text-align:center;color:var(--menu-text-secondary)}.suggestions-dropdown__empty-message{font-size:.875rem;margin:0 0 .5rem}.suggestions-dropdown__discover-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#4f46e5;text-decoration:none}.suggestions-dropdown__discover-link:hover{text-decoration:underline}.track-selector{position:relative;width:100%}.form-section:has(.track-selector__trigger--open){z-index:50;position:relative}.form-section:has(.suggestions-dropdown__trigger--open){z-index:50;position:relative}.track-selector__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3, .75rem);background:var(--pitch-glass-bg);backdrop-filter:blur(var(--pitch-glass-blur));-webkit-backdrop-filter:blur(var(--pitch-glass-blur));border:1px solid var(--pitch-glass-border);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:border-color .2s;text-align:left;color:var(--pitch-text-primary)}.track-selector__trigger:hover:not(:disabled){border-color:#4f46e566}.track-selector__trigger:disabled{cursor:not-allowed;opacity:.6}.track-selector__trigger--open{border-color:#4f46e599;border-bottom-left-radius:0;border-bottom-right-radius:0}.track-selector__placeholder{color:var(--pitch-text-tertiary);font-size:.875rem}.track-selector__selected{display:flex;flex-direction:column;gap:.125rem}.track-selector__selected-name{font-size:.875rem;font-weight:500;color:var(--pitch-text-primary)}.track-selector__selected-album{font-size:.75rem;color:var(--pitch-text-secondary)}.track-selector__chevron{width:16px;height:16px;color:var(--pitch-text-secondary);flex-shrink:0;transition:transform .2s}.track-selector__trigger--open .track-selector__chevron{transform:rotate(180deg)}.track-selector__menu{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:400px;overflow-y:auto;background:var(--pitch-glass-bg-solid);border:1px solid var(--pitch-glass-border);border-top:none;border-bottom-left-radius:var(--radius-lg, .75rem);border-bottom-right-radius:var(--radius-lg, .75rem);box-shadow:0 8px 24px #0000004d}.track-selector__menu,.track-selector__menu *{--menu-text-primary: #ffffff;--menu-text-secondary: rgba(255, 255, 255, .7);--menu-text-tertiary: rgba(255, 255, 255, .5)}.track-selector__album-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:var(--pitch-glass-bg-solid);border-bottom:1px solid rgba(255,255,255,.1)}.track-selector__album-image{width:32px;height:32px;border-radius:var(--radius-sm, .25rem);object-fit:cover}.track-selector__album-image--placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff1a}.track-selector__album-placeholder-icon{width:16px;height:16px;color:var(--menu-text-tertiary)}.track-selector__album-info{flex:1;min-width:0}.track-selector__album-name{font-size:.875rem;font-weight:600;color:var(--menu-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-selector__album-type{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--menu-text-tertiary)}.track-selector__track{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);cursor:pointer;transition:background .15s}.track-selector__track:hover{background:#8b5cf633}.track-selector__track-number{width:20px;font-size:.75rem;color:var(--menu-text-tertiary);text-align:right}.track-selector__track-name{flex:1;font-size:.875rem;color:var(--menu-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-selector__track-duration{font-size:.75rem;color:var(--menu-text-tertiary)}.track-selector__empty{padding:var(--spacing-4, 1rem);text-align:center}.track-selector__empty-message{font-size:.875rem;color:var(--menu-text-secondary);margin:0 0 .5rem}.track-selector__profile-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#4f46e5;text-decoration:none}.track-selector__profile-link:hover{text-decoration:underline}.track-selector__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-4, 1rem);color:var(--menu-text-secondary);font-size:.875rem}.track-selector__spinner{width:16px;height:16px;border:2px solid rgba(79,70,229,.2);border-top-color:#4f46e5;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.try-page .track-selector__trigger,body.dark-theme .track-selector__trigger{background:#ffffff14;border-color:#fff3;color:#fff}.try-page .track-selector__trigger:hover:not(:disabled),body.dark-theme .track-selector__trigger:hover:not(:disabled){border-color:#8b5cf680}.try-page .track-selector__placeholder,body.dark-theme .track-selector__placeholder{color:#ffffff80}.try-page .track-selector__selected-name,body.dark-theme .track-selector__selected-name{color:#fff}.try-page .track-selector__selected-album,body.dark-theme .track-selector__selected-album{color:#ffffffb3}.try-page .track-selector__chevron,body.dark-theme .track-selector__chevron{color:#fff9}.try-page .suggestions-dropdown__trigger,body.dark-theme .suggestions-dropdown__trigger{background:#ffffff14;border-color:#fff3;color:#fff}.try-page .suggestions-dropdown__trigger:hover,body.dark-theme .suggestions-dropdown__trigger:hover{border-color:#8b5cf680}.try-page .suggestions-dropdown__chevron,body.dark-theme .suggestions-dropdown__chevron{color:#fff9}.try-page .mini-playlist-card,body.dark-theme .mini-playlist-card{background:#ffffff14;border-color:#ffffff26}.try-page .mini-playlist-card__name,body.dark-theme .mini-playlist-card__name{color:#fff}.try-page .mini-playlist-card__curator,body.dark-theme .mini-playlist-card__curator{color:#ffffffb3}.try-page .mini-playlist-card__stats,body.dark-theme .mini-playlist-card__stats{color:#ffffff80}.reports-page{font-family:var(--font-body);max-width:1280px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.reports-header-content{flex:1;min-width:200px}.reports-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-800);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs)}.dark-theme .reports-title{background:linear-gradient(135deg,var(--color-purple-400),var(--color-blue-400));-webkit-background-clip:text;background-clip:text}.reports-subtitle{font-size:1rem;color:var(--color-neutral-500);margin:0}.reports-export-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.reports-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (max-width: 1024px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.reports-stats-grid{grid-template-columns:1fr}}.reports-stat-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);animation:cardReveal .5s ease-out both}.reports-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #8b5cf626}.reports-stat-card:nth-child(1){animation-delay:.05s}.reports-stat-card:nth-child(2){animation-delay:.1s}.reports-stat-card:nth-child(3){animation-delay:.15s}.reports-stat-card:nth-child(4){animation-delay:.2s}.reports-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.reports-stat-icon svg{width:24px;height:24px}.reports-stat-icon--purple{background:linear-gradient(135deg,var(--color-purple-100),var(--color-purple-200))}.reports-stat-icon--purple svg{stroke:var(--color-purple-600)}.reports-stat-icon--blue{background:linear-gradient(135deg,var(--color-blue-100),var(--color-blue-200))}.reports-stat-icon--blue svg{stroke:var(--color-blue-600)}.reports-stat-icon--emerald{background:linear-gradient(135deg,var(--color-emerald-100),var(--color-emerald-200))}.reports-stat-icon--emerald svg{stroke:var(--color-emerald-600)}.reports-stat-icon--amber{background:linear-gradient(135deg,var(--color-amber-100),var(--color-amber-200))}.reports-stat-icon--amber svg{stroke:var(--color-amber-600)}.reports-stat-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--color-neutral-900);line-height:1;margin-bottom:var(--spacing-2xs)}.dark-theme .reports-stat-value{color:var(--color-neutral-100)}.reports-stat-label{font-size:.875rem;font-weight:500;color:var(--color-neutral-500)}.reports-stat-trend{display:flex;align-items:center;gap:var(--spacing-2xs);margin-top:var(--spacing-xs);font-size:.75rem;font-weight:600}.reports-stat-trend--up{color:var(--color-emerald-500)}.reports-stat-trend--down{color:var(--color-red-500)}.reports-stat-trend--neutral{color:var(--color-neutral-400)}.reports-stat-trend svg{width:14px;height:14px}.reports-stat-card--skeleton .reports-stat-value,.reports-stat-card--skeleton .reports-stat-label{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent}.reports-stat-card--skeleton .reports-stat-value{width:60%;height:2.25rem}.reports-stat-card--skeleton .reports-stat-label{width:80%;height:1rem}.reports-filters{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);animation:cardReveal .5s ease-out both;animation-delay:.25s}.reports-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.reports-filter-group{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.reports-filter-group label{font-size:.75rem;font-weight:500;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.dark-theme .reports-filter-group label{color:var(--color-neutral-400)}.reports-filter-input,.reports-filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-neutral-800);background:#fff;min-width:140px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.reports-filter-input:focus,.reports-filter-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.dark-theme .reports-filter-input,.dark-theme .reports-filter-select{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}.reports-filter-divider{width:1px;height:32px;background:var(--color-neutral-200);align-self:flex-end;margin:0 var(--spacing-xs)}.dark-theme .reports-filter-divider{background:var(--color-neutral-600)}.reports-filter-actions{display:flex;gap:var(--spacing-xs);align-items:flex-end;margin-left:auto}.reports-table-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;animation:cardReveal .5s ease-out both;animation-delay:.3s}.reports-table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.dark-theme .reports-table-header{border-bottom-color:#ffffff1a}.reports-table-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800);margin:0}.dark-theme .reports-table-title{color:var(--color-neutral-100)}.reports-table-count{font-size:.875rem;color:var(--color-neutral-500)}.reports-table-count strong{color:var(--color-purple-600)}.dark-theme .reports-table-count strong{color:var(--color-purple-400)}.reports-table{width:100%;border-collapse:collapse}.reports-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:.75rem;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.dark-theme .reports-table th{background:#8b5cf60d;border-bottom-color:#ffffff1a;color:var(--color-neutral-400)}.reports-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.reports-table th.sortable:hover{background:var(--color-neutral-100)}.dark-theme .reports-table th.sortable:hover{background:#8b5cf61a}.reports-table th.sorted{color:var(--color-purple-600)}.dark-theme .reports-table th.sorted{color:var(--color-purple-400)}.reports-sort-indicator{display:inline-flex;margin-left:var(--spacing-2xs);vertical-align:middle}.reports-sort-indicator svg{width:12px;height:12px}.reports-table td{padding:var(--spacing-md);vertical-align:middle;border-bottom:1px solid var(--color-neutral-100)}.dark-theme .reports-table td{border-bottom-color:#ffffff0d}.reports-table tbody tr{transition:background-color var(--transition-fast)}.reports-table tbody tr:hover{background:#8b5cf608}.dark-theme .reports-table tbody tr:hover{background:#8b5cf614}.reports-table tbody tr:last-child td{border-bottom:none}.reports-playlist-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.reports-playlist-image{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-neutral-200)}.reports-playlist-info{min-width:0}.reports-playlist-name{font-weight:600;color:var(--color-neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dark-theme .reports-playlist-name{color:var(--color-neutral-100)}.reports-playlist-curator{font-size:.8125rem;color:var(--color-neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.reports-track-cell{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.reports-track-name{font-weight:500;color:var(--color-neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.dark-theme .reports-track-name{color:var(--color-neutral-100)}.reports-track-artist{font-size:.8125rem;color:var(--color-neutral-500)}.reports-fit-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);font-weight:600;font-size:.8125rem}.reports-fit-badge--excellent{background:var(--color-emerald-100);color:var(--color-emerald-700)}.reports-fit-badge--good{background:var(--color-blue-100);color:var(--color-blue-700)}.reports-fit-badge--fair{background:var(--color-amber-100);color:var(--color-amber-600)}.reports-fit-badge--poor{background:var(--color-neutral-200);color:var(--color-neutral-600)}.reports-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);font-weight:500;font-size:.75rem;text-transform:capitalize}.reports-status-badge svg{width:12px;height:12px}.reports-status-badge--sent{background:var(--color-blue-100);color:var(--color-blue-700)}.reports-status-badge--pending{background:var(--color-amber-100);color:var(--color-amber-600)}.reports-status-badge--accepted{background:var(--color-emerald-100);color:var(--color-emerald-700)}.reports-status-badge--rejected{background:#ef44441a;color:var(--color-red-600)}.reports-status-badge--draft{background:var(--color-neutral-200);color:var(--color-neutral-600)}.reports-date-cell{font-size:.875rem;color:var(--color-neutral-600)}.dark-theme .reports-date-cell{color:var(--color-neutral-400)}.reports-actions-cell{display:flex;gap:var(--spacing-2xs)}.reports-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:transparent;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.reports-action-btn:hover{background:var(--color-purple-50);border-color:var(--color-purple-300);color:var(--color-purple-600)}.reports-action-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.dark-theme .reports-action-btn{border-color:var(--color-neutral-600);color:var(--color-neutral-400)}.dark-theme .reports-action-btn:hover{background:#8b5cf61a;border-color:var(--color-purple-400);color:var(--color-purple-400)}.reports-action-btn svg{width:16px;height:16px}.reports-card-list{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 768px){.reports-table-wrapper{display:none}.reports-card-list{display:flex}}.reports-card{background:#ffffff80;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dark-theme .reports-card{background:#ffffff0d;border-color:#ffffff1a}.reports-card:hover{border-color:var(--color-purple-300);box-shadow:0 4px 12px #8b5cf61a}.reports-card-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.reports-card-image{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-neutral-200)}.reports-card-info{flex:1;min-width:0}.reports-card-playlist-name{font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs)}.dark-theme .reports-card-playlist-name{color:var(--color-neutral-100)}.reports-card-curator{font-size:.8125rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-xs)}.reports-card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.reports-card-track{font-size:.875rem;color:var(--color-neutral-600);margin-bottom:var(--spacing-sm)}.dark-theme .reports-card-track{color:var(--color-neutral-400)}.reports-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-200)}.dark-theme .reports-card-meta{border-top-color:#ffffff1a}.reports-card-date{font-size:.8125rem;color:var(--color-neutral-500)}.reports-card-actions{display:flex;gap:var(--spacing-2xs)}.reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.reports-empty-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-neutral-300)}.reports-empty-icon svg{width:100%;height:100%;stroke:currentColor}.reports-empty-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.dark-theme .reports-empty-title{color:var(--color-neutral-100)}.reports-empty-message{font-size:.9375rem;color:var(--color-neutral-500);max-width:360px;line-height:1.5;margin:0 0 var(--spacing-lg)}.reports-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.dark-theme .reports-pagination{border-top-color:#ffffff1a}.reports-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;color:var(--color-neutral-700);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dark-theme .reports-pagination-btn{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-300)}.reports-pagination-btn:hover:not(:disabled){background:var(--color-purple-50);border-color:var(--color-purple-300);color:var(--color-purple-600)}.dark-theme .reports-pagination-btn:hover:not(:disabled){background:#8b5cf61a;border-color:var(--color-purple-400);color:var(--color-purple-400)}.reports-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.reports-pagination-btn.active{background:var(--color-purple-500);border-color:var(--color-purple-500);color:#fff}.reports-pagination-btn svg{width:16px;height:16px}.reports-pagination-info{font-size:.875rem;color:var(--color-neutral-500);margin:0 var(--spacing-sm)}.reports-skeleton-row td{padding:var(--spacing-md)}.reports-skeleton-cell{height:20px;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.reports-skeleton-playlist{display:flex;align-items:center;gap:var(--spacing-sm)}.reports-skeleton-image{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.reports-skeleton-text{flex:1}.reports-skeleton-text-line{height:14px;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-2xs)}.reports-skeleton-text-line:last-child{width:60%;margin-bottom:0}.reports-skeleton-badge{width:60px;height:24px;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-full)}.reports-error-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.dark-theme .reports-error-banner{background:#ef444426;border-color:#ef444466}.reports-error-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-red-500)}.reports-error-icon svg{width:100%;height:100%}.reports-error-content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm) var(--spacing-md)}.reports-error-message{margin:0;font-size:.9375rem;color:var(--color-red-700);flex:1;min-width:200px}.dark-theme .reports-error-message{color:var(--color-red-400)}.reports-sharing-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);font-weight:500;font-size:.75rem}.reports-sharing-badge svg{width:12px;height:12px}.reports-sharing-badge--public{background:var(--color-emerald-100);color:var(--color-emerald-700)}.reports-sharing-badge--private{background:var(--color-neutral-200);color:var(--color-neutral-600)}.dark-theme .reports-sharing-badge--public{background:#10b98133;color:var(--color-emerald-400)}.dark-theme .reports-sharing-badge--private{background:#ffffff1a;color:var(--color-neutral-400)}.reports-playlist-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-100));display:flex;align-items:center;justify-content:center;flex-shrink:0}.reports-playlist-icon svg{width:24px;height:24px;stroke:var(--color-purple-500)}.dark-theme .reports-playlist-icon{background:linear-gradient(135deg,#8b5cf633,#3b82f633)}.dark-theme .reports-playlist-icon svg{stroke:var(--color-purple-400)}.reports-card-icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-100));display:flex;align-items:center;justify-content:center;flex-shrink:0}.reports-card-icon svg{width:28px;height:28px;stroke:var(--color-purple-500)}.dark-theme .reports-card-icon{background:linear-gradient(135deg,#8b5cf633,#3b82f633)}.dark-theme .reports-card-icon svg{stroke:var(--color-purple-400)}@media (max-width: 768px){.reports-header{flex-direction:column;align-items:flex-start}.reports-export-actions{width:100%}.reports-export-actions .btn{flex:1}.reports-filters-row{flex-direction:column;align-items:stretch}.reports-filter-group,.reports-filter-input,.reports-filter-select{width:100%}.reports-filter-divider{display:none}.reports-filter-actions{flex-direction:column;margin-left:0;margin-top:var(--spacing-sm)}}.playlists-page{padding:var(--spacing-lg);max-width:1280px;margin:0 auto}.playlists-header{margin-bottom:var(--spacing-xl)}.playlists-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playlists-subtitle{font-size:1.1rem;color:var(--color-neutral-500)}.playlists-toolbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.toolbar-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.toolbar-row--space-between{justify-content:space-between}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.search-input-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-neutral-400);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--color-neutral-800);background:#fff;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.search-input::placeholder{color:var(--color-neutral-400)}.dark-theme .search-input{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}.sort-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-label{font-size:.875rem;color:var(--color-neutral-600);white-space:nowrap}.sort-select{padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-neutral-800);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.sort-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.dark-theme .sort-select{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}.sort-direction-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.sort-direction-btn:hover{background:var(--color-neutral-200)}.sort-direction-btn:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.sort-direction-icon{width:16px;height:16px;color:var(--color-neutral-600);transition:transform var(--transition-fast)}.sort-direction-icon--asc{transform:rotate(180deg)}.dark-theme .sort-direction-btn{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.select-all-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.875rem;color:var(--color-neutral-600)}.select-all-checkbox input{width:18px;height:18px;accent-color:var(--color-purple-500)}.bulk-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--color-red-500);border:1px solid var(--color-red-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.bulk-action-btn:hover:not(:disabled){background:var(--color-red-500);color:#fff}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn svg{width:14px;height:14px}.selected-count{font-size:.875rem;color:var(--color-purple-600);font-weight:500}.playlists-results-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.results-count{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-neutral-800)}.results-count-number{color:var(--color-purple-600)}.dark-theme .results-count{color:var(--color-neutral-100)}.playlists-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: 1200px){.playlists-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.playlists-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.playlists-grid{grid-template-columns:1fr}}.saved-playlist-card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.saved-playlist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.saved-playlist-card--selected{border-color:var(--color-purple-400);box-shadow:0 0 0 2px #8b5cf633,var(--shadow-lg)}.dark-theme .saved-playlist-card{background:#1e1b4bcc;border-color:#4f46e533}.card-checkbox{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:10;width:24px;height:24px;background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.card-checkbox:hover{border-color:var(--color-purple-500)}.card-checkbox--checked{background:var(--color-purple-500);border-color:var(--color-purple-500)}.card-checkbox svg{width:14px;height:14px;color:#fff}.saved-playlist-card__image-container{position:relative;aspect-ratio:1;background:linear-gradient(135deg,var(--color-purple-200) 0%,var(--color-blue-200) 100%)}.saved-playlist-card__image{width:100%;height:100%;object-fit:cover}.saved-playlist-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-purple-400)}.saved-playlist-card__image-placeholder svg{width:48px;height:48px}.saved-playlist-card__fit-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.75rem;font-weight:700;box-shadow:var(--shadow-sm)}.fit-badge--excellent{background:var(--color-emerald-100);color:#047857}.fit-badge--good{background:var(--color-blue-100);color:#155e75}.fit-badge--moderate{background:var(--color-amber-100);color:#92400e}.fit-badge--low{background:var(--color-neutral-100);color:var(--color-neutral-700)}.saved-playlist-card__pitched-badge{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-purple-700);color:#fff;border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;box-shadow:var(--shadow-sm)}.saved-playlist-card__pitched-badge svg{width:12px;height:12px}.saved-playlist-card__content{padding:var(--spacing-md)}.saved-playlist-card__name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark-theme .saved-playlist-card__name{color:var(--color-neutral-100)}.saved-playlist-card__curator{font-size:.8125rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-playlist-card__stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.saved-playlist-card__stat{display:flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;color:var(--color-neutral-600)}.saved-playlist-card__stat svg{width:14px;height:14px;color:var(--color-neutral-400)}.saved-playlist-card__actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-200)}.dark-theme .saved-playlist-card__actions{border-top-color:var(--color-neutral-700)}.card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.75rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);flex:1}.card-action-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.card-action-btn--primary{background:var(--color-purple-500);color:#fff}.card-action-btn--primary:hover{background:var(--color-purple-600);transform:translateY(-1px)}.card-action-btn--danger{background:transparent;color:var(--color-red-500);border:1px solid var(--color-red-200)}.card-action-btn--danger:hover{background:var(--color-red-50)}.card-action-btn--icon{flex:0;width:32px;height:32px;padding:0;background:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200)}.card-action-btn--icon:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.card-action-btn svg{width:14px;height:14px}.playlists-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.playlists-empty__icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-purple-100) 0%,var(--color-blue-100) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.playlists-empty__icon svg{width:40px;height:40px;stroke:var(--color-purple-500)}.playlists-empty__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--spacing-xs)}.dark-theme .playlists-empty__title{color:var(--color-neutral-100)}.playlists-empty__message{font-size:1rem;color:var(--color-neutral-500);max-width:400px;line-height:1.6;margin-bottom:var(--spacing-xl)}.playlists-empty__cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-purple-600) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 12px #8b5cf64d}.playlists-empty__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.playlists-empty__cta svg{width:20px;height:20px}.playlists-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.playlists-error__icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-red-100) 0%,var(--color-red-50) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.playlists-error__icon svg{width:40px;height:40px;stroke:var(--color-red-500)}.playlists-error__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--spacing-xs)}.dark-theme .playlists-error__title{color:var(--color-neutral-100)}.playlists-error__message{font-size:1rem;color:var(--color-neutral-500);max-width:400px;line-height:1.6;margin-bottom:var(--spacing-xl)}.playlists-error__cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-purple-600) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 12px #8b5cf64d}.playlists-error__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.playlists-error__cta svg{width:18px;height:18px}.playlists-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: 1200px){.playlists-skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.playlists-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.playlists-skeleton-grid{grid-template-columns:1fr}}.skeleton-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;animation:pulse 2s ease-in-out infinite}.skeleton-card__image{aspect-ratio:1;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-card__content{padding:var(--spacing-md)}.skeleton-card__line{height:16px;background:var(--color-neutral-200);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-card__line--short{width:60%}.skeleton-card__line--medium{width:80%}.skeleton-card__line--full{width:100%}.skeleton-card__actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:1px solid var(--color-neutral-200)}.skeleton-card__action{flex:1;height:32px;background:var(--color-neutral-200);border-radius:var(--radius-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.discover-more-cta{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl);text-align:center}.discover-more-cta__text{font-size:1rem;color:var(--color-neutral-600);margin-bottom:var(--spacing-md)}.dark-theme .discover-more-cta__text{color:var(--color-neutral-400)}.discover-more-cta__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--color-purple-600);border:1px solid var(--color-purple-400);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.discover-more-cta__link:hover{background:var(--color-purple-500);color:#fff;border-color:var(--color-purple-500)}.discover-more-cta__link svg{width:18px;height:18px}@media (max-width: 768px){.playlists-page{padding:var(--spacing-md)}.playlists-title{font-size:1.5rem}.toolbar-row{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.sort-controls,.bulk-actions{justify-content:space-between}}@media (max-width: 480px){.playlists-toolbar{padding:var(--spacing-sm)}.sort-controls{flex-wrap:wrap;gap:var(--spacing-xs)}.sort-label{display:none}}.settings-page{max-width:800px;margin:0 auto;font-family:var(--font-body)}.settings-header{margin-bottom:var(--spacing-xl)}.settings-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-800);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs)}.dark-theme .settings-title{color:var(--color-neutral-100)}.settings-subtitle{color:var(--color-neutral-500);font-size:1rem;margin:0}.dark-theme .settings-subtitle{color:var(--text-muted)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:settingsFadeIn .5s ease-out both}.settings-section:nth-child(1){animation-delay:.05s}.settings-section:nth-child(2){animation-delay:.1s}.settings-section:nth-child(3){animation-delay:.15s}.settings-section:nth-child(4){animation-delay:.2s}.settings-section:nth-child(5){animation-delay:.25s}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-neutral-200)}.dark-theme .settings-section-header{border-bottom-color:#ffffff1a}.settings-section-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-section-icon svg{width:20px;height:20px;stroke:currentColor}.settings-section-icon--account{background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-100));color:var(--color-purple-600)}.settings-section-icon--preferences{background:linear-gradient(135deg,var(--color-blue-100),var(--color-blue-200));color:var(--color-blue-600)}.settings-section-icon--services{background:linear-gradient(135deg,var(--color-emerald-100),var(--color-emerald-200));color:var(--color-emerald-600)}.settings-section-icon--privacy{background:linear-gradient(135deg,var(--color-amber-100),var(--color-amber-200));color:var(--color-amber-600)}.settings-section-icon--subscription{background:linear-gradient(135deg,var(--color-purple-100),var(--color-purple-200));color:var(--color-purple-600)}.settings-section-icon--danger{background:#ef44441a;color:var(--color-red-500)}.settings-section-title-group{flex:1}.settings-section-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-neutral-800);margin:0}.dark-theme .settings-section-title{color:var(--color-neutral-100)}.settings-section-description{font-size:.875rem;color:var(--color-neutral-500);margin:var(--spacing-2xs) 0 0}.dark-theme .settings-section-description{color:var(--text-muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-md)}.settings-row+.settings-row{border-top:1px solid var(--color-neutral-200)}.dark-theme .settings-row+.settings-row{border-top-color:#ffffff1a}.settings-row-content{flex:1;min-width:0}.settings-row-label{font-weight:500;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs)}.dark-theme .settings-row-label{color:var(--color-neutral-200)}.settings-row-value{font-size:.875rem;color:var(--color-neutral-500);word-break:break-word}.dark-theme .settings-row-value{color:var(--text-muted)}.settings-row-action{flex-shrink:0}.profile-photo-section{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.profile-photo-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-100));display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:var(--shadow-md)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-preview svg{width:40px;height:40px;color:var(--color-purple-400)}.profile-photo-info{flex:1}.profile-photo-title{font-weight:500;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs)}.dark-theme .profile-photo-title{color:var(--color-neutral-200)}.profile-photo-hint{font-size:.75rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-sm)}.dark-theme .profile-photo-hint{color:var(--text-muted)}.profile-photo-actions{display:flex;gap:var(--spacing-xs)}.settings-genres-section{padding:var(--spacing-md) 0;border-top:1px solid var(--color-neutral-200)}.dark-theme .settings-genres-section{border-top-color:#ffffff1a}.settings-genres-header{margin-bottom:var(--spacing-md)}.settings-genres-migration-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--color-amber-700);font-size:.875rem;margin-bottom:var(--spacing-md)}.dark-theme .settings-genres-migration-banner{background:#f59e0b26;color:var(--color-amber-400)}.settings-genres-migration-icon{width:18px;height:18px;flex-shrink:0}.settings-genres-section .genre-selector{margin-top:var(--spacing-xs)}.settings-genres-section .genre-selected{min-height:40px}.settings-genres-section .genre-input-wrapper{margin-top:var(--spacing-sm)}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.toggle-switch-track{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:background-color var(--transition-normal)}.toggle-switch input:checked+.toggle-switch-track{background:var(--color-purple-500)}.toggle-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.toggle-switch input:checked~.toggle-switch-thumb{transform:translate(22px)}.toggle-switch input:focus-visible+.toggle-switch-track{box-shadow:0 0 0 3px #8b5cf64d}.connected-service{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff80;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dark-theme .connected-service{background:#ffffff0d;border-color:#ffffff1a}.connected-service:hover{border-color:var(--color-purple-300);box-shadow:0 4px 12px #8b5cf61a}.connected-service-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#1db954;color:#0f172a}.connected-service-icon svg{width:28px;height:28px}.connected-service-info{flex:1;min-width:0}.connected-service-name{font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--spacing-2xs)}.dark-theme .connected-service-name{color:var(--color-neutral-100)}.connected-service-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.connected-service-status--connected{color:var(--color-emerald-600)}.connected-service-status--disconnected{color:var(--color-neutral-500)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--connected{background:var(--color-emerald-500)}.status-dot--disconnected{background:var(--color-neutral-400)}.connected-service-account{font-size:.75rem;color:var(--color-neutral-500);margin-top:var(--spacing-2xs)}.dark-theme .connected-service-account{color:var(--text-muted)}.connected-service-action{flex-shrink:0}.subscription-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg)}.subscription-info{flex:1}.subscription-plan{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.subscription-plan-name{font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-neutral-800)}.dark-theme .subscription-plan-name{color:var(--color-neutral-100)}.subscription-badge{padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-purple-500);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.subscription-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-neutral-600)}.dark-theme .subscription-features{color:var(--text-muted)}.subscription-feature{display:flex;align-items:center;gap:var(--spacing-2xs)}.subscription-feature svg{width:14px;height:14px;color:var(--color-emerald-500)}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;min-width:160px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf633}.settings-select:hover{border-color:var(--color-neutral-400)}.dark-theme .settings-select{background-color:#1e293bcc;border-color:var(--color-neutral-600);color:var(--color-neutral-200);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.api-keys-table-wrap{margin-top:var(--spacing-sm);overflow-x:auto}.api-keys-table{width:100%;border-collapse:collapse;font-size:.875rem}.api-keys-table th,.api-keys-table td{text-align:left;padding:var(--spacing-sm);border-bottom:1px solid var(--color-neutral-200);vertical-align:top}.dark-theme .api-keys-table th,.dark-theme .api-keys-table td{border-bottom-color:#94a3b833}.api-keys-empty{color:var(--color-neutral-500);text-align:center;padding:var(--spacing-lg) var(--spacing-sm)}.api-keys-actions{text-align:right;white-space:nowrap}.api-keys-instructions{margin-top:var(--spacing-md)}.api-keys-snippet,.api-keys-key{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-sm);overflow-x:auto;font-size:.8125rem;line-height:1.4}.dark-theme .api-keys-snippet,.dark-theme .api-keys-key{background:#0f172a99;border-color:#94a3b833;color:var(--color-neutral-200)}.api-keys-created-meta{font-size:.875rem;margin-bottom:var(--spacing-sm);display:grid;gap:var(--spacing-2xs)}.settings-section--danger{border-color:#ef444433;background:#fef2f280}.dark-theme .settings-section--danger{background:#ef44440d;border-color:#ef444433}.settings-section--danger .settings-section-header{border-bottom-color:#ef444433}.btn-danger{background:transparent;color:var(--color-red-500);border:1px solid var(--color-red-500)}.btn-danger:hover:not(:disabled){background:var(--color-red-500);color:#fff}.btn-danger:focus{box-shadow:0 0 0 3px #ef444433}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:440px;width:100%;box-shadow:var(--shadow-xl);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon--danger{background:#ef44441a;color:var(--color-red-500)}.modal-icon svg{width:24px;height:24px}.dark-theme .modal-title{color:var(--color-neutral-100)}.modal-body{color:var(--color-neutral-600);line-height:1.6;margin-bottom:var(--spacing-lg)}.dark-theme .modal-body{color:var(--color-neutral-400)}.modal-body p{margin:0 0 var(--spacing-sm)}.modal-body p:last-child{margin-bottom:0}.modal-body ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.modal-body li{margin-bottom:var(--spacing-2xs)}.modal-confirm-input{margin-top:var(--spacing-md)}.modal-confirm-input .input-default{font-size:.875rem}.modal-confirm-label{font-size:.875rem;color:var(--color-neutral-600);margin-bottom:var(--spacing-xs)}.dark-theme .modal-confirm-label{color:var(--color-neutral-400)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.password-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-neutral-200);margin-top:var(--spacing-md);animation:slideDown .3s ease-out}.dark-theme .password-form{border-top-color:#ffffff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-form .form-group{margin-bottom:0}.password-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.settings-success{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--color-emerald-700);font-size:.875rem;margin-bottom:var(--spacing-md)}.settings-success svg{width:18px;height:18px;flex-shrink:0}.settings-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-red-700);font-size:.875rem;margin-bottom:var(--spacing-md)}.settings-error svg{width:18px;height:18px;flex-shrink:0}.profile-photo-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-photo-loading .spinner{width:24px;height:24px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--color-purple-500);border-radius:50%;animation:spin .8s linear infinite}.profile-photo-preview--fallback{display:flex;align-items:center;justify-content:center}.settings-error-banner{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-red-700);font-size:.875rem;margin-bottom:var(--spacing-md)}.settings-error-banner svg{width:18px;height:18px;flex-shrink:0}.dark-theme .settings-error-banner{background:#ef444426;color:var(--color-red-400)}.settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.settings-error-icon{width:48px;height:48px;color:var(--color-red-500);margin-bottom:var(--spacing-md)}.settings-error-message{color:var(--color-neutral-600);font-size:1rem;margin:0 0 var(--spacing-lg)}.dark-theme .settings-error-message{color:var(--color-neutral-400)}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-text{background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.dark-theme .skeleton-text{background:linear-gradient(90deg,#ffffff1a,#ffffff0d,#ffffff1a);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:120px;height:20px;margin-bottom:var(--spacing-xs)}.skeleton-subtitle{width:200px;height:14px}.skeleton-label{width:100px;height:16px;margin-bottom:var(--spacing-2xs)}.skeleton-value{width:180px;height:14px}@media (max-width: 640px){.settings-title{font-size:1.5rem}.settings-section{padding:var(--spacing-md)}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.settings-row-action{align-self:flex-start}.profile-photo-section{flex-direction:column;text-align:center}.profile-photo-actions{justify-content:center}.connected-service{flex-direction:column;text-align:center}.connected-service-action,.connected-service-action .btn{width:100%}.subscription-card{flex-direction:column;text-align:center}.subscription-features{justify-content:center}.modal-content{padding:var(--spacing-lg)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.home-page{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-blue-100: #cffafe;--color-blue-500: #06b6d4;--color-blue-600: #0891b2;--color-blue-700: #0e7490;--color-amber-100: #fef3c7;--color-amber-400: #fbbf24;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.home-page{font-family:var(--font-body);max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-2xl);position:relative;overflow:hidden;animation:fadeInUp .5s ease both}.home-header:before{content:"";position:absolute;top:-60%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.home-header:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.06) 0%,transparent 70%);pointer-events:none}.dark-theme .home-header{background:#1e1b4b99;border-color:#8b5cf626;box-shadow:0 8px 32px #0003,inset 0 1px #8b5cf61a}.dark-theme .home-header:before{background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%)}.home-header-text{flex:1;min-width:200px;position:relative;z-index:1}.home-greeting{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 60%,var(--color-purple-400) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerGlow 6s linear infinite}.dark-theme .home-greeting{background:linear-gradient(135deg,#c4b5fd,#67e8f9,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerGlow 6s linear infinite}.home-subtitle{color:var(--color-neutral-500);font-size:1.0625rem;margin:0;font-weight:400;letter-spacing:.01em}.dark-theme .home-subtitle{color:#94a3b8}.home-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0;position:relative;z-index:1}.home-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);animation:fadeInUp .5s ease .1s both}@media (max-width: 1024px){.home-layout{grid-template-columns:1fr}}.home-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.home-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInUp .5s ease .2s both}.home-section{margin-bottom:var(--spacing-md);animation:fadeInUp .5s ease both}.home-section:nth-child(1){animation-delay:.15s}.home-section:nth-child(2){animation-delay:.25s}.home-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.home-section-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-neutral-800);margin:0;display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:-.01em}.dark-theme .home-section-title{color:#e2e8f0}.home-section-icon{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:var(--color-purple-500);flex-shrink:0}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.campaign-card{background:#ffffffe6;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-normal);text-align:left;width:100%;position:relative;overflow:hidden}.campaign-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8b5cf61f,0 4px 12px #0000000a;border-color:var(--color-purple-300)}.campaign-card:hover:before{opacity:1}.campaign-card:focus{outline:none;box-shadow:0 0 0 3px #8b5cf666}.campaign-card--active{border-left:4px solid var(--color-emerald-500)}.campaign-card--active:before{background:linear-gradient(135deg,#10b9810a,#06b6d40a)}.campaign-card--draft{border-left:4px solid var(--color-amber-400)}.campaign-card--draft:before{background:linear-gradient(135deg,#fbbf240a,#f59e0b0a)}.campaign-card--skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;height:160px;border:none;cursor:default}.campaign-card--skeleton:hover{transform:none;box-shadow:none}.dark-theme .campaign-card{background:#1e1b4bb3;border-color:#8b5cf626;box-shadow:0 4px 16px #0003}.dark-theme .campaign-card:hover{background:#1e1b4bd9;border-color:#8b5cf64d;box-shadow:0 16px 40px #8b5cf626,0 0 0 1px #8b5cf626}.dark-theme .campaign-card--skeleton{background:linear-gradient(90deg,#8b5cf61a 25%,#8b5cf60d,#8b5cf61a 75%);background-size:200% 100%}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.campaign-card-name{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--color-neutral-800);margin:0;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.dark-theme .campaign-card-name{color:#f1f5f9}.campaign-card-progress{font-size:.75rem;font-weight:700;color:var(--color-amber-700);background:linear-gradient(135deg,var(--color-amber-100),#fef9c3);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.3)}.dark-theme .campaign-card-progress{background:#fbbf2426;border-color:#fbbf2440;color:#fbbf24}.campaign-card-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--color-neutral-500)}.dark-theme .campaign-card-meta{color:#94a3b8}.campaign-card-date{display:flex;align-items:center;gap:var(--spacing-2xs)}.campaign-card-icon{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;stroke:currentColor;flex-shrink:0}.campaign-card-countdown{font-weight:600;color:var(--color-purple-500)}.dark-theme .campaign-card-countdown{color:var(--color-purple-400)}.campaign-card-goals{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs)}.campaign-card-goal{padding:var(--spacing-2xs) var(--spacing-xs);background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--color-purple-600);text-transform:capitalize}.dark-theme .campaign-card-goal{background:#8b5cf626;border-color:#8b5cf633;color:var(--color-purple-300)}.campaign-card-goal-more{padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-neutral-200);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--color-neutral-600)}.dark-theme .campaign-card-goal-more{background:#ffffff1a;color:#94a3b8}.campaign-card-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:var(--color-neutral-400);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-slow);flex-shrink:0}.campaign-card:hover .campaign-card-arrow{opacity:1;transform:translateY(-50%) translate(4px)}.dark-theme .campaign-card-arrow{stroke:var(--color-purple-400)}.health-score{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.health-score-icon{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0}.health-score--excellent{background:linear-gradient(135deg,var(--color-emerald-100),#d1fae5);color:var(--color-emerald-700);border:1px solid rgba(16,185,129,.2)}.health-score--excellent .health-score-icon{stroke:var(--color-emerald-600)}.health-score--good{background:linear-gradient(135deg,var(--color-blue-100),#e0f2fe);color:var(--color-blue-700);border:1px solid rgba(6,182,212,.2)}.health-score--good .health-score-icon{stroke:var(--color-blue-600)}.health-score--fair{background:linear-gradient(135deg,var(--color-amber-100),#fef9c3);color:var(--color-amber-700);border:1px solid rgba(245,158,11,.2)}.health-score--fair .health-score-icon{stroke:var(--color-amber-600)}.health-score--low{background:linear-gradient(135deg,var(--color-red-100),#fef2f2);color:var(--color-red-600);border:1px solid rgba(239,68,68,.2)}.health-score--low .health-score-icon{stroke:var(--color-red-500)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none}.dark-theme .empty-state{background:#1e1b4b80;border-color:#8b5cf626;box-shadow:inset 0 1px #8b5cf614}.dark-theme .empty-state:before{background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.08) 0%,transparent 50%)}.empty-state--compact{padding:var(--spacing-lg)}.empty-state-icon{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;stroke:var(--color-purple-400);margin:0 auto var(--spacing-md);opacity:.6;display:block;animation:subtleFloat 4s ease-in-out infinite;position:relative;z-index:1}.dark-theme .empty-state-icon{stroke:var(--color-purple-400);opacity:.5}.empty-state p{color:var(--color-neutral-600);margin:0 0 var(--spacing-xs);font-weight:500;position:relative;z-index:1}.dark-theme .empty-state p{color:#94a3b8}.empty-state-hint{font-size:.875rem;color:var(--color-neutral-400)!important;margin-bottom:var(--spacing-lg)!important;font-weight:400!important}.dark-theme .empty-state-hint{color:#64748b!important}.empty-state .btn{position:relative;z-index:1}.orphan-pitches-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-xl);text-decoration:none;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-normal);position:relative;overflow:hidden}.orphan-pitches-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf60a,#06b6d40a);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.orphan-pitches-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf626;border-color:#8b5cf64d}.orphan-pitches-card:hover:before{opacity:1}.dark-theme .orphan-pitches-card{background:linear-gradient(135deg,#8b5cf61f,#06b6d414);border-color:#8b5cf633;box-shadow:0 4px 16px #00000026}.dark-theme .orphan-pitches-card:hover{border-color:#8b5cf659;box-shadow:0 12px 24px #8b5cf633,0 0 0 1px #8b5cf626}.orphan-pitches-content{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.orphan-pitches-icon{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;stroke:var(--color-purple-500);flex-shrink:0}.dark-theme .orphan-pitches-icon{stroke:var(--color-purple-400)}.orphan-pitches-count{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;color:var(--color-purple-600);animation:countPulse 3s ease-in-out infinite}.dark-theme .orphan-pitches-count{color:var(--color-purple-400)}.orphan-pitches-label{font-size:.875rem;color:var(--color-neutral-600);margin-left:var(--spacing-2xs);font-weight:500}.dark-theme .orphan-pitches-label{color:#94a3b8}.orphan-pitches-arrow{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:var(--color-purple-400);flex-shrink:0;transition:transform var(--transition-normal);position:relative;z-index:1}.orphan-pitches-card:hover .orphan-pitches-arrow{transform:translate(4px)}.suggested-actions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggested-action{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--transition-normal),box-shadow var(--transition-slow),transform var(--transition-slow)}.suggested-action:hover{border-color:var(--color-purple-300);box-shadow:0 8px 20px #8b5cf61a;transform:translateY(-1px)}.dark-theme .suggested-action{background:#1e1b4b80;border-color:#8b5cf61f}.dark-theme .suggested-action:hover{background:#1e1b4bb3;border-color:#8b5cf640;box-shadow:0 8px 20px #8b5cf61f}.suggested-action-content{flex:1;min-width:0}.suggested-action-title{font-family:var(--font-heading);font-weight:600;font-size:.875rem;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs)}.dark-theme .suggested-action-title{color:#e2e8f0}.suggested-action-description{font-size:.75rem;color:var(--color-neutral-500);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .suggested-action-description{color:#64748b}.suggested-action-arrow{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;stroke:var(--color-neutral-400);flex-shrink:0;margin-left:var(--spacing-sm);transition:transform var(--transition-normal)}.suggested-action:hover .suggested-action-arrow{transform:translate(3px);stroke:var(--color-purple-400)}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:var(--color-red-600);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark-theme .error-banner{background:#ef44441a;border-color:#ef444440;color:#f87171}.error-banner-icon{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:var(--color-red-500);flex-shrink:0}.error-banner span{flex:1;font-size:.875rem;font-weight:500}.btn{font-family:var(--font-heading);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;position:relative;overflow:hidden}.btn-icon{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;flex-shrink:0}.btn-primary:hover{background:linear-gradient(135deg,var(--color-purple-600),#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659,inset 0 1px #ffffff26}.btn-secondary .btn-icon{stroke:var(--color-purple-500);fill:var(--color-purple-500)}.dark-theme .btn-secondary .btn-icon{stroke:var(--color-purple-300);fill:var(--color-purple-300)}.btn-ghost{background:transparent;color:var(--color-neutral-600);border:none}.link{color:var(--color-purple-500);text-decoration:none;font-weight:600;font-size:.875rem;transition:color var(--transition-fast)}.link:hover{color:var(--color-purple-600);text-decoration:underline}.dark-theme .link{color:var(--color-purple-400)}.dark-theme .link:hover{color:var(--color-purple-300)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.home-page{padding:var(--spacing-md)}.home-header{flex-direction:column;align-items:stretch;padding:var(--spacing-lg)}.home-greeting{font-size:1.75rem}.home-actions{justify-content:stretch}.home-actions .btn{flex:1}.campaign-grid{grid-template-columns:1fr}}.campaign-social-page{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-cyan-100: #cffafe;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-amber-100: #fef3c7;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-blue-100: #dbeafe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--glass-bg: rgba(255, 255, 255, .85);--glass-bg-solid: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 20px;min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-neutral-50) 50%,rgba(6,182,212,.03) 100%);font-family:var(--font-body);color:var(--color-neutral-800)}.social-header{max-width:1200px;margin:0 auto var(--spacing-xl)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-500);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.social-header__title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.social-header__title h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-900);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.social-header__subtitle{font-size:1rem;color:var(--color-purple-600);font-weight:500;margin:0}.social-main{max-width:1200px;margin:0 auto}.social-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md);color:var(--color-neutral-500)}.setup-screen{max-width:720px;margin:0 auto;background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-2xl);border:1px solid var(--glass-border);padding:var(--spacing-2xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 40px -10px #8b5cf626}.setup-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-neutral-100)}.setup-section:last-of-type{border-bottom:none;margin-bottom:var(--spacing-lg);padding-bottom:0}.setup-section__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.setup-section__description{font-size:.875rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-md);line-height:1.5}.platform-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.platform-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:2px solid var(--color-neutral-200);border-radius:100px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-neutral-700)}.platform-chip:hover{border-color:var(--color-purple-300);background:var(--color-purple-50)}.platform-chip--selected{border-color:var(--color-purple-500);background:var(--color-purple-100);color:var(--color-purple-700)}.platform-chip__icon{font-size:1.125rem}.platform-chip__name{font-weight:600}.frequency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.frequency-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) var(--spacing-md);background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.frequency-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.frequency-option:hover{border-color:var(--color-purple-300);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a}.frequency-option--selected{border-color:var(--color-purple-500);background:linear-gradient(135deg,var(--color-purple-50) 0%,white 100%)}.frequency-option__name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:var(--spacing-2xs)}.frequency-option--selected .frequency-option__name{color:var(--color-purple-700)}.frequency-option__description{font-size:.75rem;color:var(--color-neutral-500);line-height:1.4}.timeline-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.timeline-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timeline-input label{font-size:.8125rem;font-weight:500;color:var(--color-neutral-600)}.timeline-input input{padding:var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;background:#fff;transition:all var(--transition-fast)}.timeline-input input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.timeline-info{font-size:.875rem;color:var(--color-neutral-600);margin:0;padding:var(--spacing-sm);background:var(--color-emerald-100);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-xs)}.timeline-info strong{color:var(--color-emerald-600)}.timeline-warning{font-size:.875rem;color:var(--color-amber-600);margin:0;padding:var(--spacing-sm);background:var(--color-amber-100);border-radius:var(--radius-md)}.voice-examples{display:flex;flex-direction:column;gap:var(--spacing-sm)}.voice-example{position:relative}.voice-example textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:80px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;line-height:1.5;resize:none;background:#fff;transition:all var(--transition-fast)}.voice-example textarea:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.voice-example__remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.voice-example__remove:hover{background:var(--color-red-100);color:var(--color-red-500)}.voice-example__count{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-sm);font-size:.6875rem;color:var(--color-neutral-400)}.voice-example__count.valid{color:var(--color-emerald-500)}.artist-statement{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;line-height:1.5;resize:vertical;background:#fff;transition:all var(--transition-fast)}.artist-statement:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--color-neutral-400);margin-top:var(--spacing-xs)}.char-count.over-limit{color:var(--color-red-500);font-weight:700}.setup-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.setup-validation{font-size:.8125rem;color:var(--color-amber-600);margin:0;text-align:center}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.calendar-toolbar__left{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-toolbar__count{font-size:.875rem;font-weight:600;color:var(--color-neutral-700);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-purple-100);border-radius:var(--radius-md);color:var(--color-purple-700)}.calendar-toolbar__center{display:flex;align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);padding:var(--spacing-2xs)}.calendar-toolbar__right{display:flex;align-items:center;gap:var(--spacing-sm)}.view-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.view-toggle:hover{color:var(--color-neutral-700)}.view-toggle--active{background:#fff;color:var(--color-purple-600);box-shadow:0 1px 3px #00000014}.calendar-timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.timeline-phase{background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.timeline-phase__title{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin:0;font-family:var(--font-heading);font-size:1rem;font-weight:700;border-bottom:1px solid var(--color-neutral-100)}.timeline-phase__count{font-size:.75rem;font-weight:600;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:100px;background:var(--color-neutral-100);color:var(--color-neutral-600)}.timeline-phase.phase-blue .timeline-phase__title{background:linear-gradient(90deg,var(--color-blue-100) 0%,transparent 100%);color:var(--color-blue-600)}.timeline-phase.phase-blue .timeline-phase__count{background:var(--color-blue-100);color:var(--color-blue-600)}.timeline-phase.phase-purple .timeline-phase__title{background:linear-gradient(90deg,var(--color-purple-100) 0%,transparent 100%);color:var(--color-purple-700)}.timeline-phase.phase-purple .timeline-phase__count{background:var(--color-purple-100);color:var(--color-purple-600)}.timeline-phase.phase-green .timeline-phase__title{background:linear-gradient(90deg,var(--color-emerald-100) 0%,transparent 100%);color:var(--color-emerald-600)}.timeline-phase.phase-green .timeline-phase__count{background:var(--color-emerald-100);color:var(--color-emerald-600)}.timeline-phase__posts{padding:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md)}.timeline-phase__empty{padding:var(--spacing-xl);text-align:center;color:var(--color-neutral-400);font-style:italic;grid-column:1 / -1}.post-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative}.post-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-neutral-300);transition:all .25s ease}.phase-blue .post-card:before{background:linear-gradient(180deg,var(--color-cyan-500) 0%,var(--color-blue-500) 100%)}.phase-purple .post-card:before{background:linear-gradient(180deg,var(--color-purple-500) 0%,var(--color-purple-600) 100%)}.phase-green .post-card:before{background:linear-gradient(180deg,var(--color-emerald-500) 0%,var(--color-emerald-600) 100%)}.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #8b5cf633,0 8px 16px -8px #8b5cf61a;border-color:#8b5cf64d}.post-card:hover:before{width:5px}.post-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 8px);background:linear-gradient(135deg,#f9fafbcc,#f3f4f666);border-bottom:1px solid rgba(229,231,235,.5)}.post-card__platform{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:700;color:var(--color-neutral-800);font-family:var(--font-heading)}.post-card__platform-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:linear-gradient(135deg,var(--color-purple-100) 0%,var(--color-cyan-100) 100%);border-radius:var(--radius-sm)}.post-card__status{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:100px;font-family:var(--font-heading)}.post-card__status--draft{background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200)}.post-card__status--ready{background:linear-gradient(135deg,var(--color-blue-100) 0%,rgba(6,182,212,.15) 100%);color:var(--color-blue-600);border:1px solid rgba(6,182,212,.3)}.post-card__status--scheduled{background:linear-gradient(135deg,var(--color-emerald-100) 0%,rgba(16,185,129,.15) 100%);color:var(--color-emerald-600);border:1px solid rgba(16,185,129,.3)}.post-card__status--posted{background:linear-gradient(135deg,var(--color-purple-100) 0%,rgba(139,92,246,.15) 100%);color:var(--color-purple-600);border:1px solid rgba(139,92,246,.3)}.post-card__content{flex:1;padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + 8px)}.post-card__content p{font-size:.9rem;line-height:1.7;color:var(--color-neutral-700);margin:0 0 var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-card__hashtags{font-size:.8125rem;background:linear-gradient(135deg,var(--color-cyan-600) 0%,var(--color-purple-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;margin:0}.post-card__meta{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 8px);background:linear-gradient(135deg,#f9fafb99,#f3f4f64d);border-top:1px solid rgba(229,231,235,.5);font-size:.75rem}.post-card__date{color:var(--color-neutral-500);font-weight:500}.post-card__chars{color:var(--color-neutral-400);font-weight:500;padding:var(--spacing-2xs) var(--spacing-xs);background:#f3f4f6cc;border-radius:var(--radius-sm)}.post-card__chars.over-limit{color:var(--color-red-500);font-weight:700;background:var(--color-red-100)}.post-card__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 8px);border-top:1px solid rgba(229,231,235,.5);background:#fff9}.post-card__actions .btn-ghost{border:none;background:#8b5cf60d;color:var(--color-neutral-600);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.post-card__actions .btn-ghost:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf626,#06b6d41a);color:var(--color-purple-600);border:none}.calendar-grid-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--glass-bg-solid);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center}.calendar-grid-placeholder .placeholder-icon{width:48px;height:48px;color:var(--color-neutral-300);margin-bottom:var(--spacing-md)}.calendar-grid-placeholder p{font-size:1rem;font-weight:600;color:var(--color-neutral-600);margin:0 0 var(--spacing-xs)}.calendar-grid-placeholder .placeholder-hint{font-size:.875rem;font-weight:400;color:var(--color-neutral-400)}.btn{font-family:var(--font-heading);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap}.btn-icon{width:16px;height:16px;flex-shrink:0;stroke-width:2.5}.icon-sm{width:14px;height:14px;flex-shrink:0}.btn svg,.btn-icon{display:inline-block;vertical-align:middle}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;border-radius:var(--radius-sm)}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-purple-600) 100%);color:#fff;box-shadow:0 2px 8px #8b5cf640}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-purple-600) 0%,var(--color-purple-700) 100%);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}.btn-ghost{background:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-300)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-800);border-color:var(--color-neutral-400)}.btn-danger{background:transparent;color:var(--color-red-500);border:1px solid transparent}.btn-danger:hover:not(:disabled){background:var(--color-red-100);border-color:#ef444433}.btn-danger-ghost{color:var(--color-neutral-500)}.btn-danger-ghost:hover:not(:disabled){background:var(--color-red-100)!important;color:var(--color-red-600)!important}.btn-success-ghost{color:var(--color-neutral-500)}.btn-success-ghost:hover:not(:disabled){background:var(--color-emerald-100)!important;color:var(--color-emerald-600)!important}.spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:14px;height:14px}.campaign-social-page .toast{position:fixed!important;top:24px!important;left:50%!important;transform:translate(-50%)!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px 20px!important;border-radius:12px!important;box-shadow:0 8px 32px #00000026!important;z-index:1000!important;animation:slideDown .3s ease-out!important;max-width:360px!important;width:auto!important;height:auto!important;min-height:unset!important;max-height:unset!important;font-weight:600!important;font-size:.875rem!important;white-space:nowrap!important}.campaign-social-page .toast--error{background:#fff!important;color:#dc2626!important;border:1px solid #fecaca!important}.campaign-social-page .toast--success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.campaign-social-page .toast__dismiss{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;padding:0!important;background:none!important;border:none!important;border-radius:6px!important;cursor:pointer!important;color:inherit!important;opacity:.7!important;transition:all .15s ease!important;margin-left:4px!important}.campaign-social-page .toast__dismiss:hover{opacity:1!important;background:#0000001a!important}.campaign-social-page .toast__icon{width:14px!important;height:14px!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:scaleIn .2s ease-out}.modal-content--sm{max-width:400px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-100)}.modal-header h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-body p{font-size:.9375rem;color:var(--color-neutral-600);line-height:1.6;margin:0 0 var(--spacing-sm)}.modal-warning{color:var(--color-amber-600)!important;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50)}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs)}.form-group textarea,.form-group input[type=text]{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;resize:vertical;transition:all var(--transition-fast)}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.form-value{font-size:.9375rem;color:var(--color-neutral-700);margin:0;padding:var(--spacing-sm);background:var(--color-neutral-50);border-radius:var(--radius-md)}.form-hint{font-size:.75rem;color:var(--color-neutral-500);margin:var(--spacing-xs) 0 0}.dark-theme .campaign-social-page{background:transparent;color:#e2e8f0}.dark-theme .social-header__title h1{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#c4b5fd 70%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .social-header__subtitle{color:#a78bfa;font-weight:600;letter-spacing:.01em}.dark-theme .back-link{color:#94a3b8;border:1px solid rgba(148,163,184,.2);border-radius:100px}.dark-theme .back-link:hover{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf64d}.dark-theme .calendar-toolbar{background:#0f0c29b3;border:1px solid rgba(139,92,246,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ffffff08 inset,0 4px 24px #0000004d}.dark-theme .calendar-toolbar__count{background:linear-gradient(135deg,#8b5cf640,#6366f133);color:#c4b5fd;font-weight:700;border:1px solid rgba(139,92,246,.2)}.dark-theme .calendar-toolbar__center{background:#00000040;border:1px solid rgba(255,255,255,.04)}.dark-theme .view-toggle{color:#64748b}.dark-theme .view-toggle:hover{color:#94a3b8}.dark-theme .view-toggle--active{background:#8b5cf633;color:#c4b5fd;box-shadow:0 0 12px #8b5cf626}.dark-theme .timeline-phase{background:#0f0c2980;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0003;overflow:visible}.dark-theme .timeline-phase__title{border-bottom:1px solid rgba(255,255,255,.06);font-size:1.05rem;letter-spacing:-.01em}.dark-theme .timeline-phase__count{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dark-theme .timeline-phase.phase-blue .timeline-phase__title{background:linear-gradient(90deg,rgba(6,182,212,.12) 0%,transparent 70%);color:#67e8f9}.dark-theme .timeline-phase.phase-blue .timeline-phase__count{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.2)}.dark-theme .timeline-phase.phase-blue{border-color:#06b6d41f}.dark-theme .timeline-phase.phase-purple .timeline-phase__title{background:linear-gradient(90deg,rgba(168,85,247,.15) 0%,rgba(236,72,153,.08) 50%,transparent 80%);color:#d8b4fe}.dark-theme .timeline-phase.phase-purple .timeline-phase__count{background:linear-gradient(135deg,#a855f733,#ec489926);color:#d8b4fe;border:1px solid rgba(168,85,247,.25)}.dark-theme .timeline-phase.phase-purple{border-color:#a855f71f}.dark-theme .timeline-phase.phase-green .timeline-phase__title{background:linear-gradient(90deg,rgba(16,185,129,.12) 0%,rgba(245,158,11,.06) 50%,transparent 80%);color:#6ee7b7}.dark-theme .timeline-phase.phase-green .timeline-phase__count{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.dark-theme .timeline-phase.phase-green{border-color:#10b9811a}.dark-theme .timeline-phase__empty{color:#475569;font-style:normal;padding:3rem;letter-spacing:.01em}.dark-theme .post-card{background:#0f0c29a6;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff05 inset;transition:all .3s cubic-bezier(.22,1,.36,1)}.dark-theme .post-card:hover{transform:translateY(-3px);border-color:#8b5cf64d;box-shadow:0 16px 48px -8px #8b5cf633,0 0 0 1px #8b5cf61a inset}.dark-theme .phase-blue .post-card:before{background:linear-gradient(180deg,#22d3ee,#3b82f6);box-shadow:2px 0 12px #06b6d44d}.dark-theme .phase-purple .post-card:before{background:linear-gradient(180deg,#a855f7,#ec4899);box-shadow:2px 0 12px #a855f74d}.dark-theme .phase-green .post-card:before{background:linear-gradient(180deg,#10b981,#f59e0b);box-shadow:2px 0 12px #10b9814d}.dark-theme .post-card:hover:before{width:5px}.dark-theme .post-card__header{background:#0003;border-bottom:1px solid rgba(255,255,255,.04)}.dark-theme .post-card__platform{color:#f1f5f9;font-size:.8125rem;letter-spacing:.01em}.dark-theme .post-card__platform-icon{background:#ffffff14;border-radius:6px}.dark-theme .post-card__status--draft{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.dark-theme .post-card__status--ready{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.dark-theme .post-card__status--scheduled{background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}.dark-theme .post-card__status--posted{background:#8b5cf61f;color:#c4b5fd;border:1px solid rgba(139,92,246,.25)}.dark-theme .post-card__content{color:#e2e8f0}.dark-theme .post-card__content p{color:#cbd5e1;line-height:1.65}.dark-theme .post-card__content img{border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-top:12px;max-height:240px;object-fit:cover;box-shadow:0 4px 16px #0000004d}.dark-theme .post-card__hashtags{background:linear-gradient(135deg,#67e8f9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.dark-theme .post-card__meta{background:#00000026;border-top:1px solid rgba(255,255,255,.04)}.dark-theme .post-card__date{color:#64748b}.dark-theme .post-card__chars{color:#64748b;background:#ffffff0a;border-radius:6px;font-variant-numeric:tabular-nums}.dark-theme .post-card__chars.over-limit{color:#f87171;background:#ef44441f;font-weight:700}.dark-theme .char-count.over-limit{color:#f87171}.dark-theme .post-card__actions{background:#0000001f;border-top:1px solid rgba(255,255,255,.04);gap:6px}.dark-theme .post-card__actions .btn-ghost{background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:.75rem;transition:all .2s ease}.dark-theme .post-card__actions .btn-ghost:hover:not(:disabled){background:#8b5cf626;color:#c4b5fd;border-color:#8b5cf640}.dark-theme .btn-danger-ghost:hover:not(:disabled){background:#ef444426!important;color:#fca5a5!important;border-color:#ef444440!important}.dark-theme .btn-success-ghost:hover:not(:disabled){background:#10b98126!important;color:#6ee7b7!important;border-color:#10b98140!important}.dark-theme .setup-screen{background:#0f0c29b3;border:1px solid rgba(139,92,246,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d}.dark-theme .setup-section__title{color:#f1f5f9}.dark-theme .setup-section{border-color:#ffffff0f}.dark-theme .setup-section__description,.dark-theme .setup-validation{color:#94a3b8}.dark-theme .platform-chip{background:#ffffff0a;border-color:#ffffff14;color:#cbd5e1}.dark-theme .platform-chip:hover{border-color:#8b5cf666;background:#8b5cf61a}.dark-theme .platform-chip--selected{background:#8b5cf626;border-color:#8b5cf680;color:#c4b5fd;box-shadow:0 0 16px #8b5cf61a}.dark-theme .frequency-option{background:#ffffff08;border-color:#ffffff0f}.dark-theme .frequency-option:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf61a}.dark-theme .frequency-option--selected{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf61a}.dark-theme .frequency-option__name{color:#e2e8f0}.dark-theme .frequency-option--selected .frequency-option__name{color:#c4b5fd}.dark-theme .frequency-option__description{color:#64748b}.dark-theme .timeline-input input,.dark-theme .voice-example textarea,.dark-theme .artist-statement,.dark-theme .form-group textarea,.dark-theme .form-group input{background:#0003;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}.dark-theme .timeline-input input:focus,.dark-theme .voice-example textarea:focus,.dark-theme .artist-statement:focus,.dark-theme .form-group textarea:focus,.dark-theme .form-group input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf626}.dark-theme .timeline-input label{color:#94a3b8}.dark-theme .btn-ghost{color:#94a3b8;border-color:#ffffff14}.dark-theme .btn-ghost:hover:not(:disabled){background:#8b5cf61f;color:#f1f5f9;border-color:#8b5cf64d}.dark-theme .modal-content{background:#0f0c29f2;border:1px solid rgba(139,92,246,.15);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 64px #00000080}.dark-theme .modal-header{border-color:#ffffff0f}.dark-theme .modal-header h2{color:#f1f5f9}.dark-theme .modal-body p{color:#cbd5e1}.dark-theme .modal-footer{background:#00000026;border-color:#ffffff0f}.dark-theme .form-group label{color:#cbd5e1}.dark-theme .form-value{background:#0003;color:#e2e8f0}.dark-theme .campaign-social-page .toast--error,.dark-theme.campaign-social-page .toast--error{background:#0f0c29f2;border-color:#ef444466;color:#fca5a5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dark-theme .campaign-social-page .toast--success,.dark-theme.campaign-social-page .toast--success{background:linear-gradient(135deg,#059669,#047857)}.dark-theme .calendar-grid-placeholder{background:#0f0c2966;border-color:#ffffff0f}.dark-theme .calendar-grid-placeholder p{color:#e2e8f0}.dark-theme .calendar-grid-placeholder .placeholder-icon{color:#475569}.dark-theme .calendar-grid-placeholder .placeholder-hint{color:#64748b}@media (max-width: 768px){.campaign-social-page{padding:var(--spacing-md)}.setup-screen{padding:var(--spacing-lg)}.frequency-options,.timeline-inputs{grid-template-columns:1fr}.calendar-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.calendar-toolbar__left,.calendar-toolbar__center,.calendar-toolbar__right{justify-content:center}.timeline-phase__posts{grid-template-columns:1fr}.modal-content{margin:var(--spacing-md);max-height:calc(100vh - var(--spacing-xl))}}@media (max-width: 480px){.social-header__title h1{font-size:1.5rem}.platform-grid{justify-content:center}.platform-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}.epk-workspace{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:14px;border:1px solid rgba(108,99,255,.22);background:linear-gradient(180deg,#0d1026f5,#0b0e20f5);color:#e6e9ff}.epk-workspace--wizard{padding:14px}.epk-workspace__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.epk-workspace__header h3{margin:0;font-size:1.2rem}.epk-status-badges{display:flex;gap:8px;flex-wrap:wrap}.epk-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#6366f129;border:1px solid rgba(99,102,241,.38);color:#c7c9ff;font-size:.78rem;font-weight:600}.epk-badge.is-success{background:#10b98129;border-color:#10b98173;color:#b9f4dd}.epk-muted{margin:4px 0 0;color:#98a0d4}.epk-error,.epk-success{margin:0;padding:10px 12px;border-radius:10px;font-size:.92rem}.epk-error{background:#dc262629;border:1px solid rgba(220,38,38,.36);color:#fecaca}.epk-success{background:#10b98129;border:1px solid rgba(16,185,129,.36);color:#bbf7d0}.epk-actions-row{display:flex;gap:8px;flex-wrap:wrap}.epk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.epk-card{border-radius:12px;border:1px solid rgba(108,99,255,.2);background:#121633d1;padding:14px;display:flex;flex-direction:column;gap:8px}.epk-card h4{margin:0 0 2px;font-size:1rem}.epk-card label{color:#cbd0f7;font-size:.85rem}.epk-card input,.epk-card textarea,.epk-card select{width:100%;border-radius:8px;border:1px solid rgba(124,134,217,.35);background:#0b0e20d9;color:#f8faff;padding:8px 10px;font:inherit}.epk-card textarea{resize:vertical}.epk-inline-input{display:grid;gap:8px}.epk-link-row,.epk-media-upload-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.epk-media-upload-row:first-of-type{grid-template-columns:auto 1fr auto}.epk-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.epk-visual-card{margin:0;border:1px solid rgba(124,134,217,.35);border-radius:10px;overflow:hidden;background:#0c1128cc}.epk-visual-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.epk-visual-card figcaption{padding:6px 8px;color:#aeb5e8;font-size:.75rem}.epk-visual-card .btn{margin:0 8px 8px}.epk-press-quote-row{display:flex;align-items:flex-start;gap:8px}.epk-press-quote-row .btn{flex-shrink:0;margin-top:6px}.epk-press-quote{flex:1;margin:0;padding:8px 12px;border-left:3px solid rgba(99,102,241,.5);background:#6366f114;border-radius:0 8px 8px 0}.epk-press-quote p{margin:0 0 4px;font-style:italic;color:#e6e9ff}.epk-press-quote cite{font-size:.82rem;color:#98a0d4;font-style:normal}.epk-press-quote-form{display:flex;flex-direction:column;gap:8px}.epk-press-quote-form__row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.epk-theme-preview{margin-top:6px;border:1px solid;border-radius:10px;padding:10px}.epk-theme-preview__surface{border-radius:8px;padding:12px;border:1px solid rgba(15,23,42,.12)}.epk-theme-kicker{margin:0 0 4px;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;font-weight:700}.epk-theme-preview h5{margin:0 0 4px;font-size:1rem}.epk-theme-preview p{margin:0}@media (max-width: 900px){.epk-link-row,.epk-media-upload-row,.epk-media-upload-row:first-of-type{grid-template-columns:1fr}.epk-actions-row .btn{width:100%}}.campaign-hub{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-blue-100: #cffafe;--color-blue-500: #06b6d4;--color-blue-600: #0891b2;--color-amber-100: #fef3c7;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerGlow{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 20px 4px #8b5cf626}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes progressRing{0%{stroke-dashoffset:100}}.campaign-hub{min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);font-family:var(--font-body);max-width:1200px;margin:0 auto}.campaign-hub--loading,.campaign-hub--error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);gap:var(--spacing-md);min-height:60vh}.campaign-hub-skeleton{width:100%;max-width:800px;height:400px;background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl)}.dark-theme .campaign-hub-skeleton{background:linear-gradient(90deg,#8b5cf61a 25%,#8b5cf60d,#8b5cf61a 75%);background-size:200% 100%}.error-icon{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;stroke:var(--color-red-500);flex-shrink:0}.error-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.campaign-hub-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-2xl);position:relative;overflow:hidden;animation:fadeInUp .5s ease both}.campaign-hub-header:before{content:"";position:absolute;top:-60%;right:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.campaign-hub-header:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.06) 0%,transparent 70%);pointer-events:none}.dark-theme .campaign-hub-header{background:#1e1b4b99;border-color:#8b5cf626;box-shadow:0 8px 32px #0003,inset 0 1px #8b5cf61a}.dark-theme .campaign-hub-header:before{background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%)}.campaign-hub-nav{margin-bottom:var(--spacing-md);position:relative;z-index:1}.campaign-hub-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;position:relative;z-index:1}.campaign-hub-title-info{flex:1;min-width:200px}.campaign-hub-title-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.campaign-hub-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,var(--color-purple-500) 0%,var(--color-blue-500) 60%,var(--color-purple-400) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerGlow 6s linear infinite}.dark-theme .campaign-hub-title{background:linear-gradient(135deg,#c4b5fd,#67e8f9,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerGlow 6s linear infinite}.campaign-hub-subtitle{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xs) 0 0;color:var(--color-neutral-500);font-size:.9375rem}.dark-theme .campaign-hub-subtitle{color:#94a3b8}.campaign-status{display:inline-flex;align-items:center;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.campaign-status--draft{background:linear-gradient(135deg,var(--color-amber-100),#fef9c3);color:#92400e;border:1px solid rgba(251,191,36,.3)}.dark-theme .campaign-status--draft{background:#fbbf2426;border-color:#fbbf2440;color:#fbbf24}.campaign-status--active{background:linear-gradient(135deg,var(--color-emerald-100),#d1fae5);color:#047857;border:1px solid rgba(16,185,129,.3)}.dark-theme .campaign-status--active{background:#10b98126;border-color:#10b98140;color:#34d399}.campaign-status--completed{background:var(--color-neutral-100);color:var(--color-neutral-600)}.dark-theme .campaign-status--completed{background:#ffffff1a;color:#94a3b8}.campaign-hub-date{color:var(--color-neutral-500)}.dark-theme .campaign-hub-date{color:#94a3b8}.campaign-hub-health{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);position:relative;z-index:1}.health-ring{position:relative;width:40px;height:40px;flex-shrink:0}.health-ring svg{width:40px;height:40px;transform:rotate(-90deg)}.health-ring-bg{fill:none;stroke:var(--color-neutral-200);stroke-width:3}.dark-theme .health-ring-bg{stroke:#ffffff1a}.health-ring-progress{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.health-ring-progress--excellent{stroke:var(--color-emerald-500)}.health-ring-progress--good{stroke:var(--color-blue-500)}.health-ring-progress--fair{stroke:var(--color-amber-500)}.health-ring-progress--low{stroke:var(--color-red-500)}.health-ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.625rem;font-weight:700;color:var(--color-neutral-700)}.dark-theme .health-ring-value{color:#e2e8f0}.health-label{font-size:.8125rem;color:var(--color-neutral-500);font-weight:500}.dark-theme .health-label{color:#94a3b8}.campaign-hub-goals{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md);position:relative;z-index:1}.campaign-goal-tag{display:inline-flex;align-items:center;padding:var(--spacing-2xs) var(--spacing-sm);background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--color-purple-600);text-transform:capitalize}.dark-theme .campaign-goal-tag{background:#8b5cf626;border-color:#8b5cf633;color:var(--color-purple-300)}.launch-blockers{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:#92400e;font-size:.875rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInUp .5s ease .15s both}.dark-theme .launch-blockers{background:#f59e0b1a;border-color:#f59e0b40;color:#fbbf24}.launch-blockers-icon{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:#92400e;flex-shrink:0}.dark-theme .launch-blockers-icon{stroke:#fbbf24}.campaign-hub-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);animation:fadeInUp .5s ease .1s both}@media (max-width: 900px){.campaign-hub-layout{grid-template-columns:1fr}}.campaign-hub .section-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-neutral-800);margin:0 0 var(--spacing-md);letter-spacing:-.01em;text-align:left}.dark-theme .campaign-hub .section-title{color:#e2e8f0}.campaign-hub-spokes{animation:fadeInUp .5s ease .15s both}.spokes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 800px){.spokes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.spokes-grid{grid-template-columns:1fr}}.spoke-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-normal);text-align:left;width:100%;position:relative;overflow:hidden}.spoke-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.spoke-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8b5cf61f,0 4px 12px #0000000a;border-color:var(--color-purple-300)}.spoke-card:hover:before{opacity:1}.spoke-card:focus{outline:none;box-shadow:0 0 0 3px #8b5cf666}.spoke-card:nth-child(1){animation:fadeInUp .4s ease .2s both}.spoke-card:nth-child(2){animation:fadeInUp .4s ease .28s both}.spoke-card:nth-child(3){animation:fadeInUp .4s ease .36s both}.spoke-card:nth-child(4){animation:fadeInUp .4s ease .44s both}.spoke-card:nth-child(5){animation:fadeInUp .4s ease .52s both}.spoke-card.spoke-status--empty:before{background:linear-gradient(135deg,rgba(107,114,128,.03) 0%,transparent 100%)}.spoke-card.spoke-status--progress{border-color:#f59e0b4d}.spoke-card.spoke-status--progress:before{background:linear-gradient(135deg,#f59e0b0a,#fbbf240a)}.spoke-card.spoke-status--ready{border-color:#10b9814d}.spoke-card.spoke-status--ready:before{background:linear-gradient(135deg,#10b9810a,#06b6d40a)}.dark-theme .spoke-card{background:#1e1b4bb3;border-color:#8b5cf626;box-shadow:0 4px 16px #0003}.dark-theme .spoke-card:hover{background:#1e1b4bd9;border-color:#8b5cf64d;box-shadow:0 16px 40px #8b5cf626,0 0 0 1px #8b5cf626}.dark-theme .spoke-card.spoke-status--progress{border-color:#f59e0b40}.dark-theme .spoke-card.spoke-status--ready{border-color:#10b98140}.spoke-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--spacing-sm)}.spoke-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:transform var(--transition-slow)}.spoke-card:hover .spoke-card-icon{transform:scale(1.08)}.spoke-card-icon svg{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;flex-shrink:0}.spoke-card[data-spoke=narrative] .spoke-card-icon{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f)}.spoke-card[data-spoke=narrative] .spoke-card-icon svg{stroke:var(--color-purple-500)}.spoke-card[data-spoke=playlists] .spoke-card-icon{background:linear-gradient(135deg,#06b6d41f,#06b6d40f)}.spoke-card[data-spoke=playlists] .spoke-card-icon svg{stroke:var(--color-blue-500)}.spoke-card[data-spoke=pr] .spoke-card-icon{background:linear-gradient(135deg,#10b9811f,#10b9810f)}.spoke-card[data-spoke=pr] .spoke-card-icon svg{stroke:var(--color-emerald-500)}.spoke-card[data-spoke=ads] .spoke-card-icon{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f)}.spoke-card[data-spoke=ads] .spoke-card-icon svg{stroke:var(--color-amber-500)}.spoke-card[data-spoke=social] .spoke-card-icon{background:linear-gradient(135deg,#ef44441a,#f59e0b0f)}.spoke-card[data-spoke=social] .spoke-card-icon svg{stroke:var(--color-red-500)}.dark-theme .spoke-card[data-spoke=narrative] .spoke-card-icon{background:#8b5cf626}.dark-theme .spoke-card[data-spoke=playlists] .spoke-card-icon{background:#06b6d426}.dark-theme .spoke-card[data-spoke=pr] .spoke-card-icon{background:#10b98126}.dark-theme .spoke-card[data-spoke=ads] .spoke-card-icon{background:#f59e0b26}.dark-theme .spoke-card[data-spoke=social] .spoke-card-icon{background:#ef44441f}.spoke-card-status{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:.6875rem;font-weight:700;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase}.spoke-status--empty .spoke-card-status{background:var(--color-neutral-100);color:var(--color-neutral-600)}.spoke-status--progress .spoke-card-status{background:linear-gradient(135deg,var(--color-amber-100),#fef9c3);color:#92400e;border:1px solid rgba(251,191,36,.3)}.spoke-status--ready .spoke-card-status{background:linear-gradient(135deg,var(--color-emerald-100),#d1fae5);color:#047857;border:1px solid rgba(16,185,129,.3)}.dark-theme .spoke-status--empty .spoke-card-status{background:#ffffff1a;color:#94a3b8}.dark-theme .spoke-status--progress .spoke-card-status{background:#f59e0b26;border-color:#f59e0b40;color:#fbbf24}.dark-theme .spoke-status--ready .spoke-card-status{background:#10b98126;border-color:#10b98140;color:#34d399}.spoke-status-icon{width:10px;height:10px;min-width:10px;min-height:10px;max-width:10px;max-height:10px;stroke:var(--color-emerald-600);stroke-width:3;flex-shrink:0}.dark-theme .spoke-status-icon{stroke:#34d399}.spoke-card-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--color-neutral-800);margin:0 0 var(--spacing-2xs);letter-spacing:-.01em}.dark-theme .spoke-card-title{color:#f1f5f9}.spoke-card-summary{font-size:.8125rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-md);flex:1;line-height:1.4}.dark-theme .spoke-card-summary{color:#94a3b8}.spoke-card-action{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-family:var(--font-heading);font-size:.8125rem;font-weight:700;color:var(--color-purple-600);transition:gap var(--transition-normal)}.spoke-card:hover .spoke-card-action{gap:var(--spacing-xs)}.dark-theme .spoke-card-action{color:var(--color-purple-400)}.spoke-card-action-arrow{width:14px;height:14px;stroke:currentColor;transition:transform var(--transition-normal);flex-shrink:0}.spoke-card:hover .spoke-card-action-arrow{transform:translate(3px)}.campaign-hub-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInUp .5s ease .2s both}.import-pitches-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-xl);text-decoration:none;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-normal);position:relative;overflow:hidden}.import-pitches-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf60a,#06b6d40a);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.import-pitches-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf626;border-color:#8b5cf64d}.import-pitches-card:hover:before{opacity:1}.dark-theme .import-pitches-card{background:linear-gradient(135deg,#8b5cf61f,#06b6d414);border-color:#8b5cf633;box-shadow:0 4px 16px #00000026}.dark-theme .import-pitches-card:hover{border-color:#8b5cf659;box-shadow:0 12px 24px #8b5cf633,0 0 0 1px #8b5cf626}.import-pitches-left{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.import-pitches-icon{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;stroke:var(--color-purple-500);flex-shrink:0}.dark-theme .import-pitches-icon{stroke:var(--color-purple-400)}.import-pitches-content{display:flex;flex-direction:column}.import-pitches-count{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;color:var(--color-purple-600)}.dark-theme .import-pitches-count{color:var(--color-purple-400)}.import-pitches-label{font-size:.8125rem;color:var(--color-neutral-600);font-weight:500}.dark-theme .import-pitches-label{color:#94a3b8}.import-pitches-arrow{width:20px;height:20px;stroke:var(--color-purple-400);flex-shrink:0;transition:transform var(--transition-normal);position:relative;z-index:1}.import-pitches-card:hover .import-pitches-arrow{transform:translate(4px)}.campaign-hub-tracks{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;overflow:hidden}.campaign-hub-tracks:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);pointer-events:none}.dark-theme .campaign-hub-tracks{background:#1e1b4bb3;border-color:#8b5cf626;box-shadow:0 4px 16px #0003}.dark-theme .campaign-hub-tracks:before{background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%)}.track-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.track-list-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-neutral-500)}.dark-theme .track-list-empty{color:#94a3b8}.track-list-empty p{margin:0 0 var(--spacing-md)}.track-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff80;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);position:relative}.dark-theme .track-item{background:#1e293b80;border-color:#8b5cf61a}.track-item--add{cursor:pointer;color:var(--color-purple-600);border-style:dashed;border-color:#8b5cf640;justify-content:center;transition:all var(--transition-fast);font-weight:600;font-size:.875rem}.track-item--add:hover{background:#8b5cf60f;border-color:#8b5cf666}.dark-theme .track-item--add{color:var(--color-purple-400);border-color:#8b5cf633}.dark-theme .track-item--add:hover{background:#8b5cf61a;border-color:#8b5cf659}.track-item-primary{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;fill:var(--color-amber-400);flex-shrink:0}.track-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.track-item-name{font-family:var(--font-heading);font-weight:700;color:var(--color-neutral-800);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.dark-theme .track-item-name{color:#f1f5f9}.track-item-artist{font-size:.75rem;color:var(--color-neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .track-item-artist{color:#94a3b8}.track-item-add-icon{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;stroke:currentColor;flex-shrink:0}.btn{font-family:var(--font-heading);font-weight:600;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none;position:relative;overflow:hidden}.btn-lg{font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-xl)}.btn-primary{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));color:#fff;box-shadow:0 2px 8px #8b5cf64d,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-purple-600),var(--color-purple-700));transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659,inset 0 1px #ffffff26}.btn-secondary{background:#8b5cf60f;color:var(--color-purple-600);border:1px solid rgba(139,92,246,.2)}.btn-secondary:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-1px)}.dark-theme .btn-secondary{background:#8b5cf61a;border-color:#8b5cf640;color:var(--color-purple-300)}.dark-theme .btn-secondary:hover{background:#8b5cf626;border-color:#8b5cf659}.btn-ghost:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.dark-theme .btn-ghost{color:#94a3b8}.dark-theme .btn-ghost:hover{background:#ffffff14;color:#e2e8f0}.campaign-hub .btn-danger{background:transparent;color:var(--color-red-500);border:1px solid rgba(239,68,68,.2);font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-md);box-shadow:none}.campaign-hub .btn-danger:hover:not(:disabled){background:#ef44440f;border-color:#ef44444d}.campaign-hub .btn-danger:disabled{opacity:.5;cursor:not-allowed}.dark-theme .campaign-hub .btn-danger{color:#f87171;border-color:#ef444433}.dark-theme .campaign-hub .btn-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d}.btn-icon{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;stroke:currentColor;flex-shrink:0}.btn-primary .btn-icon{stroke:#fff}@media (max-width: 640px){.campaign-hub{padding:var(--spacing-md)}.campaign-hub-header{padding:var(--spacing-lg)}.campaign-hub-title{font-size:1.5rem}.campaign-hub-title-row{flex-direction:column}.campaign-hub-title-actions{width:100%}.campaign-hub-title-actions .btn{flex:1}}.campaign-tracks-page{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-blue-500: #06b6d4;--color-amber-100: #fef3c7;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px}.campaign-tracks-page{min-height:100vh;padding:var(--spacing-lg);font-family:var(--font-body);max-width:800px;margin:0 auto}.tracks-header{margin-bottom:var(--spacing-xl)}.tracks-nav{margin-bottom:var(--spacing-md)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-600);text-decoration:none;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-link:hover{color:var(--color-purple-600);background:var(--color-purple-50)}.back-icon{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;stroke:currentColor;flex-shrink:0}.tracks-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.tracks-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-neutral-800);margin:0;background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tracks-subtitle{font-size:.9375rem;color:var(--color-neutral-500);margin:var(--spacing-xs) 0 0}.tracks-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 10px 40px #8b5cf61a}.tracks-empty{text-align:center;padding:var(--spacing-2xl)}.tracks-empty-icon{width:64px;height:64px;min-width:64px;min-height:64px;max-width:64px;max-height:64px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #8b5cf64d}.tracks-empty-icon svg{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;stroke:#fff;flex-shrink:0}.tracks-empty-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.tracks-empty-text{font-size:.9375rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-lg)}.tracks-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tracks-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.tracks-count{font-size:.875rem;color:var(--color-neutral-500)}.track-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.track-card:hover{border-color:var(--color-purple-300);box-shadow:0 2px 8px #8b5cf61a}.track-card.track-card--primary{border-color:var(--color-purple-500);background:linear-gradient(135deg,#8b5cf60d,#06b6d40d)}.track-artwork{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-neutral-100)}.track-artwork-placeholder{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple-100),var(--color-blue-500));display:flex;align-items:center;justify-content:center}.track-artwork-placeholder svg{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;stroke:#fff;flex-shrink:0}.track-info{flex:1;min-width:0}.track-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-800);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:.875rem;color:var(--color-neutral-500);margin:var(--spacing-2xs) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{font-size:.75rem;color:var(--color-neutral-400);margin:var(--spacing-2xs) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-badges{display:flex;align-items:center;gap:var(--spacing-xs)}.primary-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);background:linear-gradient(135deg,var(--color-purple-500),var(--color-blue-500));color:#fff;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.primary-badge svg{width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px;fill:currentColor;flex-shrink:0}.track-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.track-action-btn{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.track-action-btn:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.track-action-btn--primary:hover{background:var(--color-purple-50);border-color:var(--color-purple-300);color:var(--color-purple-600)}.track-action-btn--delete:hover{background:var(--color-red-100);border-color:var(--color-red-500);color:var(--color-red-600)}.track-action-btn svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;stroke:currentColor;flex-shrink:0}.btn{font-family:var(--font-heading);font-weight:600;font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.btn-sm{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{background:var(--color-purple-500);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-primary:hover:not(:disabled){background:var(--color-purple-600);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-400);color:var(--color-neutral-800)}.btn-icon{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;stroke:currentColor;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-800);margin:0}.modal-close{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.modal-close svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;stroke:currentColor;flex-shrink:0}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-2xs);background:var(--color-neutral-100);border-radius:var(--radius-md)}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast)}.tab-icon{width:18px;height:18px;min-width:18px;min-height:18px}.tab svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;flex-shrink:0}.tab:hover:not(.tab--active){color:var(--color-neutral-700)}.tab--active{background:#fff;color:var(--color-purple-600);box-shadow:0 1px 3px #0000001a}.form-label{display:block;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs)}.form-input{width:100%;font-family:var(--font-body);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;color:var(--color-neutral-800);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf633}.form-input::placeholder{color:var(--color-neutral-400)}.form-input.input-error{border-color:var(--color-red-500)}.form-input.input-error:focus{box-shadow:0 0 0 3px #ef444433}.form-hint{font-size:.75rem;color:var(--color-neutral-500);margin-top:var(--spacing-xs)}.form-hint a{color:var(--color-purple-600);text-decoration:none;font-weight:600}.form-hint a:hover{text-decoration:underline}.form-error{font-size:.75rem;color:var(--color-red-500);margin-top:var(--spacing-xs)}.track-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.track-preview-image{width:64px;height:64px;min-width:64px;min-height:64px;border-radius:var(--radius-md);object-fit:cover}.track-preview-info{flex:1;min-width:0}.track-preview-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-800);margin:0}.track-preview-artist{font-size:.875rem;color:var(--color-neutral-500);margin:var(--spacing-2xs) 0 0}.track-preview-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-neutral-400);margin-top:var(--spacing-2xs)}.track-preview-meta span{display:flex;align-items:center;gap:var(--spacing-2xs)}.track-preview-clear{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-neutral-400);cursor:pointer;transition:all var(--transition-fast)}.track-preview-clear:hover{background:var(--color-neutral-200);color:var(--color-neutral-600)}.track-preview-clear svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;stroke:currentColor;flex-shrink:0}.discography-section{margin-bottom:var(--spacing-md)}.discography-label{font-size:.8125rem;color:var(--color-neutral-500);margin-bottom:var(--spacing-sm)}.add-track-divider{position:relative;margin:var(--spacing-lg) 0 var(--spacing-md);text-align:center}.add-track-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--color-neutral-200)}.add-track-divider span{position:relative;z-index:1;padding:0 var(--spacing-sm);background:#fff;color:var(--color-neutral-500);font-size:.75rem}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-purple-500);border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--color-neutral-500)}.confirm-dialog{text-align:center}.confirm-dialog-icon{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;margin:0 auto var(--spacing-md);background:var(--color-red-100);border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-dialog-icon svg{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;stroke:var(--color-red-500);flex-shrink:0}.confirm-dialog-text{font-size:.9375rem;color:var(--color-neutral-600);margin:0 0 var(--spacing-lg)}.confirm-dialog-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.btn-danger{background:var(--color-red-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-red-600)}.dark-theme .campaign-tracks-page{color:#e2e8f0}.dark-theme .tracks-title{color:#f1f5f9}.dark-theme .tracks-subtitle{color:#94a3b8}.dark-theme .tracks-card{background:#1e1b4be6;border-color:#8b5cf633}.dark-theme .track-card{background:#1e293b99;border-color:#4b5563}.dark-theme .track-card:hover{border-color:var(--color-purple-400)}.dark-theme .track-name{color:#e2e8f0}.dark-theme .track-artist,.dark-theme .track-album,.dark-theme .back-link{color:#94a3b8}.dark-theme .back-link:hover{color:var(--color-purple-400);background:#8b5cf61a}.dark-theme .modal-content{background:#1e293b}.dark-theme .modal-header{border-color:#334155}.dark-theme .modal-title{color:#f1f5f9}.dark-theme .modal-footer{border-color:#334155}.dark-theme .tabs{background:#1e293b99}.dark-theme .tab--active{background:#334155;color:var(--color-purple-400)}.dark-theme .form-label{color:#cbd5e1}.dark-theme .form-input{background:#1e293bcc;border-color:#4b5563;color:#e2e8f0}.dark-theme .form-input:focus{border-color:var(--color-purple-500)}.dark-theme .form-hint a{color:var(--color-purple-400)}.dark-theme .track-preview{background:#1e293b99;border-color:#4b5563}.dark-theme .track-preview-name{color:#e2e8f0}.dark-theme .add-track-divider:before{border-top-color:#334155}.dark-theme .add-track-divider span{background:#1e293b;color:#94a3b8}.dark-theme .btn-secondary{color:#cbd5e1;border-color:#4b5563}.dark-theme .btn-secondary:hover{background:#ffffff1a;color:#f1f5f9}@media (max-width: 640px){.campaign-tracks-page{padding:var(--spacing-md)}.tracks-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.tracks-title{font-size:1.5rem}.track-card{flex-wrap:wrap}.track-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-200)}.modal-content{max-height:100vh;border-radius:0}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.hidden{display:none!important}.campaign-pitches{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-blue-100: #dbeafe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-cyan-100: #cffafe;--color-cyan-500: #06b6d4;--color-cyan-600: #155e75;--color-amber-100: #fef3c7;--color-amber-500: #f59e0b;--color-amber-600: #92400e;--color-emerald-100: #d1fae5;--color-emerald-500: #10b981;--color-emerald-600: #047857;--color-red-100: #fee2e2;--color-red-500: #ef4444;--color-red-600: #b91c1c;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px}.campaign-pitches{min-height:100vh;padding:var(--spacing-lg);font-family:var(--font-body);max-width:1200px;margin:0 auto}.campaign-pitches--loading,.campaign-pitches--error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.campaign-pitches-header{margin-bottom:var(--spacing-xl)}.campaign-pitches-nav{margin-bottom:var(--spacing-md)}.campaign-pitches-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.campaign-pitches-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.campaign-pitches-icon{width:32px;height:32px;stroke:var(--color-purple-500)}.campaign-pitches-subtitle{font-size:.9375rem;color:var(--color-neutral-500);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.campaign-pitches-campaign-name{color:var(--color-purple-600);font-weight:500}.campaign-pitches-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.campaign-pitches-filters{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;flex-wrap:wrap}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.875rem;background:#fff;color:var(--color-neutral-700);cursor:pointer;min-width:140px}.filter-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.campaign-pitches-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.campaign-pitches-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-neutral-100);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-neutral-600)}.stat-badge--draft{background:var(--color-neutral-100);color:var(--color-neutral-600)}.stat-badge--ready{background:var(--color-blue-100);color:var(--color-blue-600)}.stat-badge--sent{background:var(--color-cyan-100);color:var(--color-cyan-600)}.stat-badge--accepted{background:var(--color-emerald-100);color:var(--color-emerald-600)}.stat-badge--declined{background:var(--color-red-100);color:var(--color-red-600)}.stat-count{font-weight:600}.campaign-pitches-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pitch-card{background:var(--glass-bg);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pitch-card:hover{border-color:var(--color-purple-300);box-shadow:0 4px 12px #8b5cf614}.pitch-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.pitch-card-playlist{flex:1}.pitch-card-playlist-name{font-family:var(--font-heading);font-weight:600;font-size:1rem;color:var(--color-neutral-800);display:block;margin-bottom:var(--spacing-2xs)}.pitch-card-curator{font-size:.8125rem;color:var(--color-neutral-500)}.pitch-card-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.fit-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.fit-score--excellent{background:var(--color-emerald-100);color:var(--color-emerald-600)}.fit-score--good{background:var(--color-blue-100);color:var(--color-blue-600)}.fit-score--moderate{background:var(--color-amber-100);color:var(--color-amber-600)}.fit-score--low{background:var(--color-neutral-100);color:var(--color-neutral-500)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge--draft{background:var(--color-neutral-100);color:var(--color-neutral-600)}.status-badge--ready{background:var(--color-blue-100);color:var(--color-blue-600)}.status-badge--sent{background:var(--color-cyan-100);color:var(--color-cyan-600)}.status-badge--accepted{background:var(--color-emerald-100);color:var(--color-emerald-600)}.status-badge--declined{background:var(--color-red-100);color:var(--color-red-600)}.pitch-card-content{margin:var(--spacing-md) 0}.pitch-card-text{font-size:.9375rem;line-height:1.6;color:var(--color-neutral-700);margin:0;white-space:pre-wrap}.pitch-card-text--truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pitch-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-neutral-100)}.pitch-card-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-neutral-500)}.pitch-card-style{text-transform:capitalize;color:var(--color-purple-600);font-weight:500}.pitch-card-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.pitch-edit-container{margin:var(--spacing-md) 0}.pitch-edit-textarea{width:100%;min-height:120px;padding:var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pitch-edit-textarea:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.pitch-edit-textarea--error{border-color:var(--color-red-500)}.pitch-edit-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs)}.pitch-edit-counter{font-size:.75rem;color:var(--color-neutral-500)}.pitch-edit-counter--error{color:var(--color-red-500)}.pitch-edit-actions{display:flex;gap:var(--spacing-xs)}.status-select{padding:var(--spacing-2xs) var(--spacing-xs);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:.75rem;background:#fff;cursor:pointer;text-transform:capitalize}.status-select:focus{outline:none;border-color:var(--color-purple-500)}.campaign-pitches-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--glass-bg);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-xl)}.empty-icon{width:64px;height:64px;stroke:var(--color-neutral-400);margin-bottom:var(--spacing-md)}.campaign-pitches-empty h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-xs) 0}.campaign-pitches-empty p{font-size:.9375rem;color:var(--color-neutral-500);margin:0 0 var(--spacing-lg) 0;max-width:400px}.pitch-card--skeleton{height:180px;background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-red-100);border:1px solid var(--color-red-500);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--color-red-600);font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{background:#fff;border-radius:var(--radius-xl);max-width:400px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.modal-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin:0}.export-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.export-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:left;width:100%}.export-option:hover{border-color:var(--color-purple-300);background:var(--color-purple-50)}.export-option-icon{width:24px;height:24px;stroke:var(--color-purple-500)}.export-option-label{font-weight:500;color:var(--color-neutral-800)}.export-option-desc{font-size:.8125rem;color:var(--color-neutral-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-sm{padding:var(--spacing-2xs) var(--spacing-sm);font-size:.8125rem}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.btn-primary:hover{background:linear-gradient(135deg,var(--color-purple-600),var(--color-purple-700))}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-secondary:hover{background:var(--color-neutral-200)}.btn-ghost{background:transparent;color:var(--color-neutral-600);display:inline-flex;align-items:center;gap:var(--spacing-2xs)}.btn-ghost .btn-icon{width:16px;height:16px;flex-shrink:0}.btn-ghost:hover{background:var(--color-neutral-100)}.dark-theme .campaign-pitches{--glass-bg: rgba(30, 27, 75, .82);--glass-border: rgba(139, 92, 246, .25);--color-neutral-50: #1a1b33;--color-neutral-100: #2a2d4a;--color-neutral-200: #3b3f63;--color-neutral-300: #4f557a;--color-neutral-400: #94a3b8;--color-neutral-500: #b6c2d4;--color-neutral-600: #d1dae6;--color-neutral-700: #e2e8f0;--color-neutral-800: #f8fafc;--color-purple-50: rgba(139, 92, 246, .16);--color-blue-100: rgba(59, 130, 246, .2);--color-blue-600: #93c5fd;--color-cyan-100: rgba(6, 182, 212, .2);--color-cyan-600: #67e8f9;--color-amber-100: rgba(245, 158, 11, .2);--color-amber-600: #fcd34d;--color-emerald-100: rgba(16, 185, 129, .2);--color-emerald-600: #6ee7b7;--color-red-100: rgba(239, 68, 68, .2);--color-red-600: #fca5a5}.dark-theme .campaign-pitches .filter-select,.dark-theme .campaign-pitches .status-select,.dark-theme .campaign-pitches .pitch-edit-textarea{background:#0f172a73;border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.dark-theme .campaign-pitches .modal{background:#1e1b4b;border:1px solid var(--color-neutral-300)}.dark-theme .campaign-pitches .modal-header{border-bottom-color:var(--color-neutral-300)}.dark-theme .campaign-pitches .modal-title{color:var(--color-neutral-800)}.dark-theme .campaign-pitches .export-option{background:#0f172a73;border-color:var(--color-neutral-300)}.dark-theme .campaign-pitches .export-option:hover{background:#8b5cf633}.dark-theme .campaign-pitches .btn-secondary{background:var(--color-neutral-200);color:var(--color-neutral-700)}.dark-theme .campaign-pitches .btn-secondary:hover{background:var(--color-neutral-300)}.dark-theme .campaign-pitches .btn-ghost{color:var(--color-neutral-500)}.dark-theme .campaign-pitches .btn-ghost:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}@media (max-width: 768px){.campaign-pitches{padding:var(--spacing-md)}.campaign-pitches-title{font-size:1.5rem}.campaign-pitches-toolbar,.campaign-pitches-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}.pitch-card-header{flex-direction:column;align-items:flex-start}.pitch-card-meta{margin-top:var(--spacing-sm)}.pitch-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pitch-card-actions{width:100%;justify-content:flex-end}}.campaign-pr-page{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-amber-500: #f59e0b;--color-cyan-500: #06b6d4;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-neutral-50) 100%);font-family:var(--font-body)}.campaign-pr-header{margin-bottom:var(--spacing-xl)}.campaign-pr-title-row{display:flex;align-items:baseline;gap:var(--spacing-md)}.campaign-pr-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-900);margin:0}.pr-step-indicator{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.pr-step-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative}.pr-step-item:hover{background:var(--color-neutral-100)}.pr-step-item--active{background:var(--color-purple-100)}.pr-step-item--active .pr-step-title{color:var(--color-purple-700);font-weight:600}.pr-step-item--completed .pr-step-icon{background:var(--color-emerald-500);color:#fff}.pr-step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-neutral-200);border-radius:50%;color:var(--color-neutral-600);transition:all .2s}.pr-step-item--active .pr-step-icon{background:var(--color-purple-500);color:#fff}.pr-step-icon svg{width:16px;height:16px}.pr-step-title{font-size:.875rem;color:var(--color-neutral-600);font-weight:500}.pr-step-connector{width:24px;height:2px;background:var(--color-neutral-200);margin-left:var(--spacing-sm)}.pr-step-check{width:14px;height:14px}.campaign-pr-main{max-width:900px;margin:0 auto}.pr-step-content{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--spacing-xl);box-shadow:0 10px 40px #8b5cf61a}.step-header{margin-bottom:var(--spacing-xl);text-align:center}.step-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.step-header p{color:var(--color-neutral-600);margin:0}.step-actions{margin-top:var(--spacing-xl);display:flex;justify-content:flex-end}.narrative-gating{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--color-neutral-50);border-radius:var(--radius-lg);text-align:center}.gating-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-purple-100);border-radius:50%;color:var(--color-purple-600)}.gating-icon svg{width:32px;height:32px}.narrative-gating h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-neutral-900);margin:0}.narrative-gating p{font-size:.875rem;color:var(--color-neutral-600);margin:0;max-width:400px}.narrative-warning{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.warning-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid var(--color-amber-500);border-radius:var(--radius-md)}.warning-icon{width:20px;height:20px;color:var(--color-amber-500);flex-shrink:0}.warning-content strong{display:block;color:var(--color-neutral-900);font-weight:600;margin-bottom:var(--spacing-2xs)}.warning-content p{font-size:.875rem;color:var(--color-neutral-600);margin:0}.warning-actions{display:flex;gap:var(--spacing-md);justify-content:center}.narrative-preview{margin-bottom:var(--spacing-lg);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff}.narrative-preview summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;color:var(--color-neutral-700)}.narrative-preview summary::-webkit-details-marker{display:none}.narrative-preview .summary-icon{width:16px;height:16px;color:var(--color-neutral-400);transition:transform .2s}.narrative-preview[open] .summary-icon{transform:rotate(180deg)}.narrative-quote{padding:var(--spacing-md);padding-top:0;margin:0;font-size:.875rem;color:var(--color-neutral-600);font-style:italic;line-height:1.6;border-left:3px solid var(--color-purple-300);margin-left:var(--spacing-md);padding-left:var(--spacing-md)}.edit-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);padding-top:0;font-size:.75rem;color:var(--color-purple-600);text-decoration:none}.edit-link:hover{text-decoration:underline}.generate-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.generate-hint{color:var(--color-neutral-500);font-size:.875rem;margin:0}.regenerate-btn{margin-bottom:var(--spacing-xl)}.custom-narrative-section{border-top:1px solid var(--color-neutral-200);padding-top:var(--spacing-xl)}.custom-narrative-section h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-md)}.custom-narrative-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;resize:vertical;transition:border-color .2s}.custom-narrative-input:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.style-selector{margin-bottom:var(--spacing-xl)}.style-selector h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-md)}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.style-card{position:relative;padding:var(--spacing-lg);background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .2s}.style-card:hover{border-color:var(--color-purple-300)}.style-card--selected{border-color:var(--color-purple-500);background:var(--color-purple-50)}.style-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.style-description{font-size:.875rem;color:var(--color-neutral-700);margin:0 0 var(--spacing-xs)}.style-when{font-size:.75rem;color:var(--color-neutral-500);margin:0;font-style:italic}.style-selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;background:var(--color-purple-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.style-selected-icon{width:12px;height:12px}.press-release-content{margin-top:var(--spacing-xl)}.press-release-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.press-release-text{background:var(--color-neutral-50);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:500px;overflow-y:auto}.press-release-text pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-body);font-size:.875rem;line-height:1.6;margin:0;color:var(--color-neutral-800)}.press-release-text.prose{font-family:var(--font-body);font-size:.9375rem;line-height:1.8;color:var(--color-neutral-800)}.press-release-text.prose h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-lg) 0;color:var(--color-neutral-900)}.press-release-text.prose h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:var(--spacing-2xl) 0 var(--spacing-md) 0;color:var(--color-neutral-900)}.press-release-text.prose h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-sm) 0;color:var(--color-neutral-900)}.press-release-text.prose p{margin:0 0 var(--spacing-lg) 0}.press-release-text.prose p:last-child{margin-bottom:0}.press-release-text.prose strong{font-weight:600;color:var(--color-neutral-900)}.press-release-text.prose em{font-style:italic}.press-release-text.prose ul,.press-release-text.prose ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.press-release-text.prose li{margin-bottom:var(--spacing-xs)}.press-release-text.prose blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-purple-500);background:#8b5cf60d;font-style:italic;color:var(--color-neutral-700)}.press-release-text.prose hr{margin:var(--spacing-lg) 0;border:none;border-top:1px solid var(--color-neutral-200)}.press-release-word-count{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-neutral-500);text-align:right}.press-release-url-section{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border:1px solid var(--color-purple-200);border-radius:var(--radius-lg)}.press-release-url-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-purple-600);margin-bottom:var(--spacing-sm)}.press-release-url-icon{width:14px;height:14px}.press-release-url-row{display:flex;gap:var(--spacing-sm);align-items:center}.press-release-url-input{flex:1;padding:var(--spacing-sm);font-size:.875rem;font-family:monospace;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-700)}.press-release-url-input:focus{outline:none;border-color:var(--color-purple-500)}.press-release-url-hint{margin:var(--spacing-sm) 0 0;font-size:.75rem;color:var(--color-neutral-500)}.outlet-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end;padding:var(--spacing-lg);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-neutral-600);margin-bottom:var(--spacing-xs);text-transform:uppercase}.filter-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.875rem}.filter-input:focus{outline:none;border-color:var(--color-purple-500)}.type-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.type-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;cursor:pointer}.type-checkbox input{accent-color:var(--color-purple-500)}.outlet-results{margin-bottom:var(--spacing-xl)}.outlet-results h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--spacing-md)}.outlet-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.outlet-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:all .2s}.outlet-card--saved{background:var(--color-emerald-50);border-color:var(--color-emerald-200)}.outlet-checkbox-wrapper{flex-shrink:0}.outlet-checkbox-wrapper input{width:18px;height:18px;accent-color:var(--color-purple-500);cursor:pointer}.outlet-info{flex:1;min-width:0}.outlet-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xs)}.outlet-name{font-weight:600;color:var(--color-neutral-900)}.outlet-type-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--color-neutral-500);background:var(--color-neutral-100);padding:2px 6px;border-radius:var(--radius-sm)}.outlet-url{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;color:var(--color-purple-600);text-decoration:none}.outlet-url:hover{text-decoration:underline}.outlet-link-icon{width:12px;height:12px}.outlet-contact-email{display:block;font-size:.75rem;color:var(--color-emerald-600);margin-top:var(--spacing-2xs)}.outlet-description{font-size:.8125rem;color:var(--color-neutral-600);margin:var(--spacing-xs) 0;line-height:1.4}.outlet-genres{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin:var(--spacing-xs) 0}.outlet-genre-tag{font-size:.6875rem;font-weight:500;color:var(--color-purple-700);background:var(--color-purple-100);padding:2px 8px;border-radius:12px}.outlet-genre-more{font-size:.6875rem;color:var(--color-neutral-500);padding:2px 4px}.outlet-reach{font-size:.6875rem;font-weight:500;color:var(--color-cyan-600);background:#06b6d41a;padding:2px 8px;border-radius:var(--radius-sm)}.outlet-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.outlet-submission-url{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;font-weight:500;color:var(--color-emerald-600);text-decoration:none}.outlet-submission-url:hover{text-decoration:underline}.outlet-email-link{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;color:var(--color-neutral-600);text-decoration:none}.outlet-email-link:hover{color:var(--color-purple-600)}.outlet-email-link .outlet-link-icon{width:14px;height:14px}.outlet-relevance{font-size:.75rem;font-weight:600;color:var(--color-emerald-600)}.success-toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-emerald-500);color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #10b9814d;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.success-toast-icon{width:18px;height:18px}.saved-outlets-section{border-top:1px solid var(--color-neutral-200);padding-top:var(--spacing-xl)}.saved-outlets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.saved-outlets-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-700);margin:0}.saved-outlet-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.saved-outlet-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.saved-outlet-info{display:flex;align-items:center;gap:var(--spacing-sm)}.outlet-url-small{color:var(--color-neutral-400)}.outlet-url-small:hover{color:var(--color-purple-600)}.saved-outlet-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.priority-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:.75rem;background:#fff}.pitch-stats{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.stat-item{text-align:center}.stat-value{display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-neutral-900)}.stat-label{font-size:.75rem;color:var(--color-neutral-500);text-transform:uppercase}.pitch-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pitch-outlet-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.pitch-outlet-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.pitch-outlet-info{display:flex;align-items:center;gap:var(--spacing-sm)}.pitch-status-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-sm)}.pitch-status-badge--draft{color:var(--color-neutral-600);background:var(--color-neutral-200)}.pitch-status-badge--ready{color:var(--color-cyan-500);background:#06b6d41a}.pitch-status-badge--sent{color:var(--color-amber-500);background:#f59e0b1a}.pitch-status-badge--responded{color:var(--color-emerald-500);background:#10b9811a}.pitch-content{padding:var(--spacing-md)}.pitch-subject{font-size:.875rem;margin-bottom:var(--spacing-sm)}.pitch-subject strong{color:var(--color-neutral-700)}.pitch-body-preview{font-size:.875rem;color:var(--color-neutral-600);line-height:1.6;margin-bottom:var(--spacing-md)}.pitch-content--expanded .pitch-body-preview{white-space:pre-wrap}.pitch-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-100)}.response-actions{display:flex;gap:var(--spacing-xs)}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.modal-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-close svg{width:20px;height:20px}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs)}.form-label .required{color:var(--color-red-500)}.form-input,.form-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-danger{color:var(--color-red-500)}.btn-danger:hover:not(:disabled){background:#ef44441a}.btn-success{color:var(--color-emerald-600)}.btn-success:hover:not(:disabled){background:#10b9811a}.spinner-sm{width:12px;height:12px}.empty-state{text-align:center;color:var(--color-neutral-500);padding:var(--spacing-xl)}.campaign-pr-page--loading,.campaign-pr-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-purple-200);border-top-color:var(--color-purple-500);border-radius:50%;animation:spin .8s linear infinite}.error-message{color:var(--color-red-600)}.error-toast{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;max-width:90%;animation:slideDown .3s ease-out}.error-toast-message{color:var(--color-red-700);font-size:14px;margin:0}.error-toast-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-red-500);transition:background-color .2s}.error-toast-dismiss:hover{background:var(--color-red-100)}.error-toast-icon{width:16px;height:16px}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-text-lg{height:24px;width:60%}.skeleton-card{height:120px}.skeleton-button{height:44px;width:200px}.dark-theme .campaign-pr-page{background:linear-gradient(135deg,#1a1625,#111827);--glass-bg: rgba(30, 30, 40, .9);--glass-border: rgba(255, 255, 255, .1)}.dark-theme .campaign-pr-title{color:#fff}.dark-theme .campaign-name,.dark-theme .back-link{color:var(--color-neutral-400)}.dark-theme .step-header h2{color:#fff}.dark-theme .step-header p,.dark-theme .pr-step-title{color:var(--color-neutral-400)}.dark-theme .pr-step-item--active .pr-step-title{color:var(--color-purple-300)}.dark-theme .angle-card,.dark-theme .style-card,.dark-theme .outlet-card,.dark-theme .saved-outlet-card,.dark-theme .pitch-outlet-card{background:#1e1e28cc;border-color:#ffffff1a}.dark-theme .angle-card--selected,.dark-theme .style-card--selected{background:#8b5cf633;border-color:var(--color-purple-500)}.dark-theme .angle-title,.dark-theme .style-name,.dark-theme .outlet-name{color:#fff}.dark-theme .angle-hook,.dark-theme .style-description,.dark-theme .pitch-body-preview{color:var(--color-neutral-400)}.dark-theme .generate-section,.dark-theme .narrative-gating,.dark-theme .outlet-filters,.dark-theme .pitch-stats,.dark-theme .pitch-outlet-header,.dark-theme .press-release-text{background:#0003}.dark-theme .press-release-text.prose{color:var(--color-neutral-200)}.dark-theme .press-release-text.prose h1,.dark-theme .press-release-text.prose h2,.dark-theme .press-release-text.prose h3,.dark-theme .press-release-text.prose strong{color:#fff}.dark-theme .press-release-text.prose blockquote{background:#8b5cf61a;color:var(--color-neutral-300)}.dark-theme .press-release-text.prose hr{border-top-color:#ffffff1a}.dark-theme .gating-icon{background:#8b5cf633}.dark-theme .narrative-gating h3{color:var(--color-neutral-100)}.dark-theme .narrative-gating p{color:var(--color-neutral-400)}.dark-theme .warning-banner{background:#f59e0b26;border-color:#f59e0b80}.dark-theme .warning-content strong{color:var(--color-neutral-100)}.dark-theme .narrative-preview{background:#0003;border-color:#ffffff1a}.dark-theme .narrative-preview summary{color:var(--color-neutral-300)}.dark-theme .narrative-quote{color:var(--color-neutral-400);border-color:var(--color-purple-500)}.dark-theme .custom-narrative-input,.dark-theme .filter-input,.dark-theme .form-input,.dark-theme .form-select,.dark-theme .priority-select{background:#1e1e28cc;border-color:#ffffff1a;color:#fff}.dark-theme .modal-content{background:#1f2937}.dark-theme .modal-title{color:#fff}.dark-theme .form-label{color:var(--color-neutral-300)}.dark-theme .btn-secondary{background:#1e1e28cc;border-color:#ffffff1a;color:var(--color-neutral-300)}.dark-theme .btn-ghost:hover:not(:disabled){background:#ffffff1a}.dark-theme .error-toast{background:#7f1d1de6;border-color:#ef44444d}.dark-theme .error-toast-message{color:var(--color-red-200)}.dark-theme .error-toast-dismiss{color:var(--color-red-300)}.dark-theme .error-toast-dismiss:hover{background:#ffffff1a}.dark-theme .outlet-description{color:var(--color-neutral-400)}.dark-theme .outlet-genre-tag{color:var(--color-purple-300);background:#8b5cf633}.dark-theme .outlet-reach{color:var(--color-cyan-400);background:#06b6d426}.dark-theme .outlet-submission-url{color:var(--color-emerald-400)}.dark-theme .outlet-email-link{color:var(--color-neutral-400)}.dark-theme .success-toast{background:var(--color-emerald-600)}.dark-theme .press-release-url-section{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-color:#8b5cf64d}.dark-theme .press-release-url-label{color:var(--color-purple-400)}.dark-theme .press-release-url-input{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-200)}.dark-theme .press-release-url-input:focus{border-color:var(--color-purple-400)}.dark-theme .press-release-url-hint{color:var(--color-neutral-400)}@media (max-width: 768px){.campaign-pr-page{padding:var(--spacing-md)}.pr-step-indicator{flex-direction:column;gap:var(--spacing-xs)}.pr-step-connector{display:none}.pr-step-item{width:100%;justify-content:flex-start}.angle-grid,.style-grid{grid-template-columns:1fr}.outlet-filters{flex-direction:column}.filter-group{width:100%}.pitch-stats{flex-wrap:wrap;gap:var(--spacing-md)}.stat-item{width:calc(50% - var(--spacing-sm))}.pitch-actions{flex-direction:column}.response-actions{flex-direction:column;width:100%}.response-actions .btn{width:100%}}.campaign-narrative-page{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-neutral-50) 100%);font-family:var(--font-body)}.narrative-header{max-width:800px;margin:0 auto var(--spacing-xl)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-600);text-decoration:none;font-size:.875rem;margin-bottom:var(--spacing-md);transition:color .2s}.back-link:hover{color:var(--color-purple-600)}.back-icon{width:16px;height:16px}.header-title h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.campaign-name{font-size:1rem;color:var(--color-neutral-500)}.narrative-main{max-width:800px;margin:0 auto}.narrative-intro{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 10px 40px #8b5cf61a}.narrative-intro p{color:var(--color-neutral-600);margin:0;line-height:1.6}.narrative-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 10px 40px #8b5cf61a}.narrative-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.section-description{color:var(--color-neutral-600);margin:0 0 var(--spacing-lg);font-size:.875rem}.narrative-warning-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.warning-icon{width:20px;height:20px;color:var(--color-amber-600);flex-shrink:0;margin-top:2px}.narrative-warning-banner p{color:var(--color-amber-600);margin:0;font-size:.875rem;line-height:1.5}.no-tracks-warning{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);background:var(--color-neutral-50);border-radius:var(--radius-lg);text-align:center}.no-tracks-icon{width:48px;height:48px;color:var(--color-neutral-400)}.no-tracks-warning p{color:var(--color-neutral-600);margin:0}.no-tracks-title{font-family:var(--font-heading);font-size:1rem;font-weight:700}.no-tracks-text{max-width:460px;font-size:.875rem;line-height:1.5}.no-tracks-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.angle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.angle-card{position:relative;padding:var(--spacing-lg);background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .2s}.angle-card:hover{border-color:var(--color-purple-300);box-shadow:0 4px 12px #8b5cf626}.angle-card--selected{border-color:var(--color-purple-500);background:var(--color-purple-50)}.angle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.angle-type{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-purple-600);background:var(--color-purple-100);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm)}.angle-score{font-size:.75rem;color:var(--color-emerald-600);font-weight:600}.angle-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-neutral-900);margin:0 0 var(--spacing-xs)}.angle-hook{font-size:.875rem;color:var(--color-neutral-600);margin:0;line-height:1.5}.angle-selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-2xs);font-size:.75rem;font-weight:600;color:var(--color-purple-600)}.angle-selected-icon{width:14px;height:14px}.regenerate-btn{margin-bottom:var(--spacing-md)}.narrative-textarea-wrapper{position:relative}.narrative-textarea{width:100%;min-height:200px;padding:var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:.9375rem;line-height:1.7;resize:vertical;transition:border-color .2s,box-shadow .2s}.narrative-textarea:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 3px #8b5cf61a}.narrative-textarea::placeholder{color:var(--color-neutral-400)}.char-count{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-neutral-500)}.char-count--success .char-total{color:var(--color-emerald-600)}.char-count--warning .char-total{color:var(--color-amber-600)}.char-count--error .char-total,.char-count--error .chars-over{color:var(--color-red-600)}.chars-needed{color:var(--color-neutral-500)}.chars-over{color:var(--color-red-600);font-weight:500}.narrative-actions{display:flex;gap:var(--spacing-md);justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;font-family:var(--font-body);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:16px;height:16px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-purple-600),var(--color-purple-700))}.btn-secondary{background:#fff;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-50)}.btn-ghost{background:transparent;color:var(--color-neutral-600)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100)}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.narrative-toast{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;max-width:90%;animation:slideDown .3s ease-out}.narrative-toast--error{background:var(--color-red-50);border:1px solid var(--color-red-200);color:var(--color-red-700)}.narrative-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--color-emerald-600)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:currentColor;opacity:.7;transition:opacity .2s}.toast-dismiss:hover{opacity:1}.toast-dismiss svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--spacing-xl)}.modal-content h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 var(--spacing-sm)}.modal-content p{color:var(--color-neutral-600);margin:0 0 var(--spacing-xl);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.narrative-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md);text-align:center}.error-icon{width:48px;height:48px;color:var(--color-red-500)}.narrative-error-state h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-neutral-900);margin:0}.narrative-error-state p{color:var(--color-neutral-600);margin:0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-back{height:20px;width:100px;margin-bottom:var(--spacing-md)}.skeleton-title{height:32px;width:300px}.skeleton-heading{height:24px;width:200px;margin-bottom:var(--spacing-sm)}.skeleton-text{height:16px;width:100%;margin-bottom:var(--spacing-lg)}.skeleton-button{height:48px;width:200px}.skeleton-card{height:140px;border-radius:var(--radius-lg)}.dark-theme .campaign-narrative-page{background:linear-gradient(135deg,#1a1625,#111827);--glass-bg: rgba(30, 30, 40, .9);--glass-border: rgba(255, 255, 255, .1)}.dark-theme .header-title h1{color:#fff}.dark-theme .campaign-name,.dark-theme .back-link,.dark-theme .narrative-intro p{color:var(--color-neutral-400)}.dark-theme .narrative-section h2{color:#fff}.dark-theme .section-description{color:var(--color-neutral-400)}.dark-theme .angle-card{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .angle-card:hover{border-color:var(--color-purple-400)}.dark-theme .angle-card--selected{border-color:var(--color-purple-500);background:#8b5cf61a}.dark-theme .angle-title{color:#fff}.dark-theme .angle-hook{color:var(--color-neutral-400)}.dark-theme .narrative-textarea{background:var(--color-neutral-800);border-color:var(--color-neutral-700);color:#fff}.dark-theme .narrative-textarea:focus{border-color:var(--color-purple-500)}.dark-theme .narrative-textarea::placeholder{color:var(--color-neutral-500)}.dark-theme .no-tracks-warning{background:var(--color-neutral-800)}.dark-theme .no-tracks-warning p{color:var(--color-neutral-400)}.dark-theme .no-tracks-title{color:#f8fafc}.dark-theme .modal-content{background:var(--color-neutral-800)}.dark-theme .modal-content h3{color:#fff}.dark-theme .modal-content p{color:var(--color-neutral-400)}.dark-theme .btn-secondary{background:var(--color-neutral-800);color:var(--color-neutral-200);border-color:var(--color-neutral-700)}.dark-theme .btn-secondary:hover:not(:disabled){background:var(--color-neutral-700)}.dark-theme .btn-ghost{color:var(--color-neutral-400)}.dark-theme .btn-ghost:hover:not(:disabled){background:var(--color-neutral-800)}.dark-theme .narrative-error-state h2{color:#fff}.dark-theme .narrative-error-state p{color:var(--color-neutral-400)}.dark-theme .skeleton{background:linear-gradient(90deg,#2a2a3a 25%,#3a3a4a,#2a2a3a 75%);background-size:200% 100%}@media (max-width: 768px){.campaign-narrative-page{padding:var(--spacing-md)}.header-title h1{font-size:1.5rem}.narrative-section{padding:var(--spacing-lg)}.angle-grid{grid-template-columns:1fr}.narrative-actions{flex-direction:column}.narrative-actions .btn{width:100%}.modal-content{padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.pitch-inbox{--inbox-surface: rgba(255, 255, 255, .88);--inbox-surface-strong: rgba(255, 255, 255, .94);--inbox-border: rgba(255, 255, 255, .58);--inbox-border-muted: rgba(148, 163, 184, .22);--inbox-text-primary: var(--text-primary, #1f2937);--inbox-text-secondary: var(--text-secondary, #374151);--inbox-text-tertiary: var(--text-tertiary, #4b5563);--inbox-text-muted: var(--text-muted, #6b7280);--inbox-accent: rgba(139, 92, 246, .12);--inbox-accent-border: rgba(139, 92, 246, .2);--inbox-card-hover: rgba(139, 92, 246, .06);--inbox-selected-bg: rgba(139, 92, 246, .08);--inbox-selected-border: rgba(139, 92, 246, .3);--inbox-skeleton-a: rgba(226, 232, 240, .72);--inbox-skeleton-b: rgba(255, 255, 255, .88);--inbox-checkbox-bg: rgba(255, 255, 255, .9);--inbox-checkbox-checked: var(--purple-500, #8b5cf6);min-height:100vh;padding:var(--spacing-lg);max-width:960px;margin:0 auto}.dark-theme .pitch-inbox{--inbox-surface: rgba(30, 27, 75, .9);--inbox-surface-strong: rgba(15, 23, 42, .92);--inbox-border: rgba(139, 92, 246, .24);--inbox-border-muted: rgba(148, 163, 184, .28);--inbox-accent: rgba(139, 92, 246, .2);--inbox-accent-border: rgba(139, 92, 246, .36);--inbox-card-hover: rgba(139, 92, 246, .12);--inbox-selected-bg: rgba(139, 92, 246, .14);--inbox-selected-border: rgba(139, 92, 246, .44);--inbox-skeleton-a: rgba(30, 41, 59, .68);--inbox-skeleton-b: rgba(71, 85, 105, .42);--inbox-checkbox-bg: rgba(30, 41, 59, .7)}.pitch-inbox-header{margin-bottom:var(--spacing-lg)}.pitch-inbox-nav{margin-bottom:var(--spacing-sm)}.pitch-inbox-title-row{padding:var(--spacing-lg) var(--spacing-xl);background:var(--inbox-surface);border:1px solid var(--inbox-border);border-radius:var(--radius-2xl, 16px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.pitch-inbox-title-row:before{content:"";position:absolute;top:-50px;right:-30px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,#8b5cf62e,#8b5cf600 72%);pointer-events:none}.dark-theme .pitch-inbox-title-row:before{background:radial-gradient(circle,#8b5cf64d,#8b5cf600 72%)}.pitch-inbox-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:800;letter-spacing:-.015em;line-height:1.15;color:var(--inbox-text-primary);margin:0}.pitch-inbox-icon{width:28px;height:28px;color:var(--purple-500, #8b5cf6);filter:drop-shadow(0 2px 8px rgba(139,92,246,.3))}.pitch-inbox-subtitle{margin-top:var(--spacing-2xs);font-size:.938rem;color:var(--inbox-text-tertiary)}.pitch-inbox .error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.22);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-md);color:var(--red-600, #dc2626);font-size:.875rem}.dark-theme .pitch-inbox .error-banner{color:#fca5a5;background:#7f1d1d59}.pitch-inbox .error-banner-icon{width:20px;height:20px;flex-shrink:0}.pitch-inbox .error-banner span{flex:1}.pitch-inbox-toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pitch-inbox-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;background:var(--inbox-surface);border:1px solid var(--inbox-border-muted);border-radius:var(--radius-md, 8px);padding:0 var(--spacing-sm);min-height:44px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-normal, .2s ease),box-shadow var(--transition-normal, .2s ease)}.pitch-inbox-search:focus-within{border-color:var(--purple-500, #8b5cf6);box-shadow:0 0 0 3px #8b5cf633}.pitch-inbox .search-icon{position:static;transform:none;width:18px;height:18px;color:var(--inbox-text-muted);flex-shrink:0}.pitch-inbox .search-input{width:100%;border:none;background:transparent;color:var(--inbox-text-primary);font-size:.938rem;padding:10px 0;font-family:inherit}.pitch-inbox .search-input::placeholder{color:var(--inbox-text-muted)}.pitch-inbox .search-input:focus{outline:none}.pitch-inbox-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.pitch-inbox .selection-count{font-size:.813rem;font-weight:600;color:var(--purple-600, #7c3aed);white-space:nowrap}.dark-theme .pitch-inbox .selection-count{color:#c4b5fd}.pitch-inbox-select-all{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs)}.pitch-inbox .select-all-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.813rem;font-weight:600;color:var(--inbox-text-muted);-webkit-user-select:none;user-select:none}.pitch-inbox .select-all-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--purple-500, #8b5cf6);cursor:pointer}.pitch-inbox .pitch-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--inbox-surface);border:1px solid var(--inbox-border-muted);border-radius:var(--radius-lg, 12px);margin-bottom:var(--spacing-xs);transition:background var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease),box-shadow var(--transition-normal, .2s ease),transform var(--transition-normal, .2s ease);position:relative;overflow:hidden;box-shadow:none;transform:none}.pitch-inbox .pitch-card:before{content:"";position:absolute;inset:0 auto auto 0;width:3px;height:100%;background:linear-gradient(180deg,#8b5cf6b3,#06b6d480);opacity:0;transition:opacity var(--transition-normal, .2s ease)}.pitch-inbox .pitch-card:hover{background:var(--inbox-card-hover);border-color:var(--inbox-accent-border);transform:none;box-shadow:none}.pitch-inbox .pitch-card:hover:before{opacity:1}.pitch-inbox .pitch-card--selected{background:var(--inbox-selected-bg);border-color:var(--inbox-selected-border)}.pitch-inbox .pitch-card--selected:before{opacity:1}.pitch-inbox .pitch-card-checkbox{display:flex;align-items:center;cursor:pointer;flex-shrink:0;padding-top:2px}.pitch-inbox .pitch-card-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.pitch-inbox .pitch-card-checkbox-visual{width:20px;height:20px;border:2px solid var(--inbox-border-muted);border-radius:var(--radius-sm, 4px);background:var(--inbox-checkbox-bg);display:flex;align-items:center;justify-content:center;transition:background var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease)}.pitch-inbox .pitch-card-checkbox-visual svg{width:14px;height:14px;color:#fff}.pitch-inbox .pitch-card-checkbox input:checked+.pitch-card-checkbox-visual{background:var(--inbox-checkbox-checked);border-color:var(--inbox-checkbox-checked)}.pitch-inbox .pitch-card-checkbox input:focus-visible+.pitch-card-checkbox-visual{box-shadow:0 0 0 3px #8b5cf64d}.pitch-inbox .pitch-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.pitch-inbox .pitch-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.pitch-inbox .pitch-card-track{display:flex;flex-direction:column;gap:1px;min-width:0}.pitch-inbox .pitch-card-track-name{font-size:.975rem;font-weight:700;color:var(--inbox-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-inbox .pitch-card-artist{font-size:.813rem;color:var(--inbox-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-inbox .pitch-card-playlist{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.813rem}.pitch-inbox .pitch-card-playlist-name{font-weight:600;color:var(--inbox-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-inbox .pitch-card-curator{color:var(--inbox-text-muted)}.pitch-inbox .pitch-card-text-toggle{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2xs, 4px);width:100%}.pitch-inbox .pitch-card-text{font-size:.875rem;color:var(--inbox-text-tertiary);line-height:1.55;margin:0;text-align:left}.pitch-inbox .pitch-card:not(.pitch-card--expanded) .pitch-card-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pitch-inbox .pitch-card--expanded .pitch-card-text{display:block}.pitch-inbox .pitch-card-expand-hint{font-size:.75rem;font-weight:600;color:var(--purple-500, #8b5cf6);opacity:0;transition:opacity var(--transition-normal, .2s ease)}.pitch-inbox .pitch-card:hover .pitch-card-expand-hint,.pitch-inbox .pitch-card--expanded .pitch-card-expand-hint{opacity:1}.pitch-inbox .pitch-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.pitch-inbox .pitch-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pitch-inbox .pitch-card-style{font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--purple-700, #6d28d9);background:#8b5cf61f;padding:2px 8px;border-radius:var(--radius-sm, 4px)}.dark-theme .pitch-inbox .pitch-card-style{color:#ddd6fe;background:#8b5cf63d}.pitch-inbox .pitch-card-source{font-size:.75rem;color:var(--inbox-text-muted);text-transform:capitalize}.pitch-inbox .pitch-card-date{font-size:.75rem;color:var(--inbox-text-muted)}.pitch-inbox .fit-score-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.813rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-md, 8px);min-width:46px;flex-shrink:0}.pitch-inbox .fit-score--excellent{background:#10b98126;color:#047857}.pitch-inbox .fit-score--good{background:#06b6d426;color:#0e7490}.pitch-inbox .fit-score--moderate{background:#f59e0b26;color:#92400e}.pitch-inbox .fit-score--low{background:#ef444426;color:#b91c1c}.dark-theme .pitch-inbox .fit-score--excellent{color:#6ee7b7}.dark-theme .pitch-inbox .fit-score--good{color:#67e8f9}.dark-theme .pitch-inbox .fit-score--moderate{color:#fde68a}.dark-theme .pitch-inbox .fit-score--low{color:#fca5a5}.pitch-inbox .pitch-card--skeleton{height:120px;pointer-events:none;background:linear-gradient(90deg,var(--inbox-skeleton-a) 25%,var(--inbox-skeleton-b) 50%,var(--inbox-skeleton-a) 75%);background-size:200% 100%;animation:inbox-shimmer 1.5s infinite}.pitch-inbox .pitch-card--skeleton:before{display:none}@keyframes inbox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pitch-inbox-loading{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pitch-inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl, 64px) var(--spacing-lg);background:var(--inbox-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl, 16px);border:1px solid var(--inbox-border)}.pitch-inbox-empty .empty-icon{width:56px;height:56px;color:var(--purple-500, #8b5cf6);margin-bottom:var(--spacing-lg);opacity:.7}.pitch-inbox-empty h2{font-size:1.375rem;font-weight:700;color:var(--inbox-text-primary);margin:0 0 var(--spacing-xs)}.pitch-inbox-empty p{color:var(--inbox-text-tertiary);font-size:.938rem;max-width:42ch;margin:0}.pitch-inbox .btn-icon{width:16px;height:16px}.pitch-inbox .btn-danger{background:var(--red-500, #ef4444);color:#fff;border:none}.pitch-inbox .btn-danger:hover{background:var(--red-600, #dc2626)}.pitch-inbox .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:inbox-fadeIn .2s ease}.pitch-inbox .modal{background:var(--inbox-surface-strong);border:1px solid var(--inbox-border);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0,0,0,.1));width:100%;max-width:440px;animation:inbox-slideUp .3s ease}.pitch-inbox .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--inbox-border-muted)}.pitch-inbox .modal-title{font-size:1.125rem;font-weight:700;color:var(--inbox-text-primary)}.pitch-inbox .modal-body{padding:var(--spacing-lg)}.pitch-inbox .modal-loading{text-align:center;padding:var(--spacing-xl) 0;color:var(--inbox-text-muted);font-size:.875rem}.pitch-inbox .modal-empty{text-align:center;padding:var(--spacing-lg) 0}.pitch-inbox .modal-empty p{color:var(--inbox-text-tertiary);margin:0}.pitch-inbox .modal-empty-hint{font-size:.813rem;color:var(--inbox-text-muted);margin-top:var(--spacing-xs)!important}.pitch-inbox .campaign-matches{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pitch-inbox .campaign-match{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--inbox-surface);border:1px solid var(--inbox-border-muted);border-radius:var(--radius-md, 8px);cursor:pointer;width:100%;text-align:left;font-family:inherit;transition:background var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease)}.pitch-inbox .campaign-match:hover{background:var(--inbox-card-hover);border-color:var(--inbox-accent-border)}.pitch-inbox .campaign-match-info{display:flex;flex-direction:column;gap:1px;min-width:0}.pitch-inbox .campaign-match-name{font-size:.875rem;font-weight:700;color:var(--inbox-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-inbox .campaign-match-track{font-size:.75rem;color:var(--inbox-text-muted)}.pitch-inbox .match-type{font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm, 4px);flex-shrink:0;white-space:nowrap}.pitch-inbox .match-type--exact_track{background:#10b98126;color:#047857}.pitch-inbox .match-type--exact_artist{background:#06b6d426;color:#0e7490}.pitch-inbox .match-type--partial{background:#f59e0b26;color:#92400e}.dark-theme .pitch-inbox .match-type--exact_track{color:#6ee7b7}.dark-theme .pitch-inbox .match-type--exact_artist{color:#67e8f9}.dark-theme .pitch-inbox .match-type--partial{color:#fde68a}@keyframes inbox-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes inbox-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.pitch-inbox{padding:var(--spacing-md)}.pitch-inbox-title-row{padding:var(--spacing-md) var(--spacing-lg)}.pitch-inbox-toolbar{flex-direction:column;align-items:stretch}.pitch-inbox-actions{justify-content:space-between}.pitch-inbox .pitch-card{padding:var(--spacing-sm) var(--spacing-md)}.pitch-inbox .pitch-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.pitch-inbox .pitch-card-footer .btn{width:100%}}@media (max-width: 480px){.pitch-inbox .pitch-card-header{flex-direction:column;gap:var(--spacing-xs)}.pitch-inbox .fit-score-badge{align-self:flex-start}}.my-pitches{--my-pitches-surface: rgba(255, 255, 255, .88);--my-pitches-surface-strong: rgba(255, 255, 255, .94);--my-pitches-border: rgba(255, 255, 255, .58);--my-pitches-border-muted: rgba(148, 163, 184, .22);--my-pitches-text-primary: var(--text-primary, #1f2937);--my-pitches-text-secondary: var(--text-secondary, #374151);--my-pitches-text-tertiary: var(--text-tertiary, #4b5563);--my-pitches-text-muted: var(--text-muted, #6b7280);--my-pitches-track-bg: rgba(139, 92, 246, .1);--my-pitches-track-border: rgba(139, 92, 246, .16);--my-pitches-card-glow: rgba(139, 92, 246, .2);--my-pitches-outline-hover: rgba(139, 92, 246, .1);--my-pitches-skeleton-a: rgba(226, 232, 240, .72);--my-pitches-skeleton-b: rgba(255, 255, 255, .88);min-height:100vh;padding:var(--spacing-lg);max-width:1320px;margin:0 auto}.dark-theme .my-pitches{--my-pitches-surface: rgba(30, 27, 75, .9);--my-pitches-surface-strong: rgba(15, 23, 42, .92);--my-pitches-border: rgba(139, 92, 246, .24);--my-pitches-border-muted: rgba(148, 163, 184, .28);--my-pitches-track-bg: rgba(139, 92, 246, .2);--my-pitches-track-border: rgba(139, 92, 246, .34);--my-pitches-card-glow: rgba(139, 92, 246, .34);--my-pitches-outline-hover: rgba(139, 92, 246, .2);--my-pitches-skeleton-a: rgba(30, 41, 59, .68);--my-pitches-skeleton-b: rgba(71, 85, 105, .42)}.my-pitches .glass-card{background:var(--my-pitches-surface);border:1px solid var(--my-pitches-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.my-pitches__header{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.my-pitches__nav{margin-bottom:var(--spacing-2xs)}.my-pitches__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.my-pitches__hero:before{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,#8b5cf638,#8b5cf600 72%);pointer-events:none}.dark-theme .my-pitches__hero:before{background:radial-gradient(circle,#8b5cf657,#8b5cf600 72%)}.my-pitches__hero-main{position:relative;z-index:1;flex:1;min-width:0}.my-pitches__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);font-weight:800;letter-spacing:-.015em;line-height:1.1;color:var(--my-pitches-text-primary)}.my-pitches__title-icon{width:34px;height:34px;color:var(--purple-500);filter:drop-shadow(0 3px 10px rgba(139,92,246,.3))}.my-pitches__subtitle{margin-top:var(--spacing-xs);font-size:1rem;color:var(--my-pitches-text-tertiary);max-width:58ch}.my-pitches__stats{margin-top:var(--spacing-md);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);max-width:560px}.my-pitches__stat{background:var(--my-pitches-surface-strong);border:1px solid var(--my-pitches-border-muted);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-3xs)}.my-pitches__stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--my-pitches-text-muted);font-weight:700}.my-pitches__stat-value{font-size:1.125rem;font-weight:800;color:var(--my-pitches-text-primary)}.my-pitches__hero-actions{position:relative;z-index:1;display:flex;align-items:center}.my-pitches__controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.my-pitches__search{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--my-pitches-surface-strong);border:1px solid var(--my-pitches-border-muted);border-radius:var(--radius-md);padding:0 var(--spacing-sm);min-height:44px}.my-pitches__search:focus-within{border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf633}.my-pitches__search-icon{width:18px;height:18px;color:var(--my-pitches-text-muted);flex-shrink:0}.my-pitches__search-input{width:100%;border:none;background:transparent;color:var(--my-pitches-text-primary);font-size:.938rem;padding:10px 0}.my-pitches__search-input::placeholder{color:var(--my-pitches-text-muted)}.my-pitches__search-input:focus{outline:none}.my-pitches__sort-group{display:flex;align-items:center;gap:var(--spacing-xs)}.my-pitches__sort-label{font-size:.813rem;color:var(--my-pitches-text-muted);font-weight:600}.my-pitches__sort-select{border:1px solid var(--my-pitches-border-muted);background:var(--my-pitches-surface-strong);color:var(--my-pitches-text-secondary);border-radius:var(--radius-md);min-height:40px;padding:0 var(--spacing-sm);font-size:.875rem;font-weight:600}.my-pitches__sort-select:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf633}.my-pitches__results{font-size:.875rem;color:var(--my-pitches-text-tertiary);font-weight:600;white-space:nowrap}.my-pitches__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.pitch-card{background:var(--my-pitches-surface);border:1px solid var(--my-pitches-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.pitch-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#8b5cf6f2,#06b6d4b3);opacity:.6}.pitch-card:hover{transform:translateY(-4px);border-color:var(--my-pitches-card-glow);box-shadow:0 16px 34px -20px #0f172a8c,0 0 0 1px #8b5cf633}.pitch-card__header{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.pitch-card__track{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0}.pitch-card__icon{width:24px;height:24px;color:var(--purple-500);flex-shrink:0;margin-top:2px}.pitch-card__track-info{flex:1;min-width:0}.pitch-card__title{font-size:1.05rem;font-weight:700;color:var(--my-pitches-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-card__artist{font-size:.875rem;color:var(--my-pitches-text-tertiary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-card__target{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--my-pitches-track-bg);border:1px solid var(--my-pitches-track-border);border-radius:var(--radius-md)}.pitch-card__target-icon{width:16px;height:16px;color:var(--purple-500);flex-shrink:0}.pitch-card__playlist-name{font-size:.813rem;font-weight:600;color:var(--my-pitches-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-card__score{display:flex;align-items:center;gap:var(--spacing-sm)}.pitch-card__score-label{font-size:.813rem;color:var(--my-pitches-text-muted)}.pitch-card__preview{font-size:.9rem;color:var(--my-pitches-text-secondary);line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pitch-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--my-pitches-border-muted)}.pitch-card__style{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--purple-700);background:#8b5cf624;padding:3px 9px;border-radius:var(--radius-sm)}.dark-theme .pitch-card__style{color:#ddd6fe;background:#8b5cf63d}.pitch-card__date{font-size:.75rem;color:var(--my-pitches-text-muted)}.pitch-card__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto}.pitch-card__actions .btn-primary{flex:1}.pitch-card--new{border:1px dashed var(--my-pitches-border-muted);background:linear-gradient(135deg,#8b5cf60a,#06b6d40d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;min-height:300px;color:var(--my-pitches-text-tertiary);font-weight:700;transition:transform var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal),color var(--transition-normal)}.dark-theme .pitch-card--new{background:linear-gradient(135deg,#4f46e533,#06b6d41f)}.pitch-card--new:hover{border-color:var(--purple-500);color:var(--purple-600);background:var(--my-pitches-outline-hover);transform:translateY(-4px)}.dark-theme .pitch-card--new:hover{color:#ddd6fe}.pitch-card--new__icon{width:52px;height:52px;stroke-width:1.5}.fit-score-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-md);min-width:52px}.fit-score--excellent{background:#10b98126;color:#047857}.fit-score--good{background:#06b6d426;color:#0e7490}.fit-score--moderate{background:#f59e0b26;color:#92400e}.fit-score--low{background:#ef444426;color:#b91c1c}.dark-theme .fit-score--excellent{color:#6ee7b7}.dark-theme .fit-score--good{color:#67e8f9}.dark-theme .fit-score--moderate{color:#fde68a}.dark-theme .fit-score--low{color:#fca5a5}.pitch-card--skeleton{pointer-events:none}.pitch-card--skeleton .skeleton{background:linear-gradient(90deg,var(--my-pitches-skeleton-a) 25%,var(--my-pitches-skeleton-b) 50%,var(--my-pitches-skeleton-a) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--header{height:48px;width:100%}.skeleton--target{height:32px;width:60%}.skeleton--score{height:28px;width:100px}.skeleton--preview{height:70px;width:100%}.skeleton--meta{height:24px;width:100%}.skeleton--actions{height:36px;width:100%}.my-pitches__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--my-pitches-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);border:1px solid var(--my-pitches-border)}.my-pitches__empty-icon{width:64px;height:64px;color:var(--purple-500);margin-bottom:var(--spacing-lg)}.my-pitches__empty h2{font-size:1.5rem;font-weight:700;color:var(--my-pitches-text-primary);margin-bottom:var(--spacing-xs)}.my-pitches__empty p{color:var(--my-pitches-text-tertiary);margin-bottom:var(--spacing-lg)}.my-pitches .error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.22);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--red-600)}.dark-theme .my-pitches .error-banner{color:#fca5a5;background:#7f1d1d59}.error-banner-icon{width:20px;height:20px;flex-shrink:0}.error-banner span{flex:1;font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--my-pitches-surface-strong);border:1px solid var(--my-pitches-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--my-pitches-border-muted)}.modal-title{font-size:1.125rem;font-weight:700;color:var(--my-pitches-text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-body p{color:var(--my-pitches-text-tertiary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--my-pitches-border-muted)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.my-pitches .btn-icon-only{padding:var(--spacing-xs);min-width:36px;width:36px;height:36px}.my-pitches .btn-icon-only .btn-icon{width:18px;height:18px;margin:0}.my-pitches .btn-ghost.btn-icon-only:hover{background:#ef44441a;color:var(--red-600)}.dark-theme .my-pitches .btn-ghost.btn-icon-only:hover{color:#fca5a5;background:#7f1d1d59}.my-pitches .btn-danger{background:var(--red-500);color:#fff}.my-pitches .btn-danger:hover{background:var(--red-600)}@media (max-width: 1024px){.my-pitches__controls{grid-template-columns:1fr}.my-pitches__results{justify-self:start}}@media (max-width: 768px){.my-pitches{padding:var(--spacing-md)}.my-pitches__hero{flex-direction:column;padding:var(--spacing-lg)}.my-pitches__hero-actions,.my-pitches__hero-actions .btn{width:100%}.my-pitches__stats,.my-pitches__grid{grid-template-columns:1fr}}.pitch-page{--pitch-page-surface: rgba(255, 255, 255, .88);--pitch-page-surface-strong: rgba(255, 255, 255, .94);--pitch-page-border: rgba(255, 255, 255, .5);--pitch-page-border-subtle: rgba(229, 231, 235, .85);--pitch-page-text-primary: var(--text-primary, var(--neutral-800));--pitch-page-text-secondary: var(--text-secondary, var(--neutral-700));--pitch-page-text-tertiary: var(--text-tertiary, var(--neutral-600));--pitch-page-text-muted: var(--text-muted, var(--neutral-500));--pitch-page-tag-bg: rgba(139, 92, 246, .12);--pitch-page-tag-color: var(--purple-700);--pitch-page-quote-bg: rgba(139, 92, 246, .08);--pitch-page-quote-border: var(--purple-500);--pitch-page-signup-bg: linear-gradient(135deg, rgba(139, 92, 246, .14), rgba(6, 182, 212, .1));--pitch-page-outline-hover-bg: rgba(139, 92, 246, .08);--pitch-page-skeleton-a: rgba(255, 255, 255, .56);--pitch-page-skeleton-b: rgba(255, 255, 255, .84);min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#f5f3ff,#e0e7ff,#fef3c7)}.dark-theme .pitch-page{--pitch-page-surface: rgba(30, 27, 75, .9);--pitch-page-surface-strong: rgba(15, 23, 42, .92);--pitch-page-border: rgba(139, 92, 246, .24);--pitch-page-border-subtle: rgba(148, 163, 184, .25);--pitch-page-tag-bg: rgba(139, 92, 246, .22);--pitch-page-tag-color: #ddd6fe;--pitch-page-quote-bg: rgba(79, 70, 229, .2);--pitch-page-quote-border: #a78bfa;--pitch-page-signup-bg: linear-gradient(135deg, rgba(79, 70, 229, .34), rgba(6, 182, 212, .2));--pitch-page-outline-hover-bg: rgba(139, 92, 246, .18);--pitch-page-skeleton-a: rgba(30, 41, 59, .68);--pitch-page-skeleton-b: rgba(71, 85, 105, .42);background:linear-gradient(135deg,#1e1b4b,#0f172a 55%,#111827)}.pitch-page__nav{max-width:800px;margin:0 auto var(--spacing-lg)}.pitch-page__container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.pitch-page .glass-card{background:var(--pitch-page-surface);border-color:var(--pitch-page-border)}.pitch-page__hero{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--pitch-page-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--pitch-page-border);box-shadow:var(--shadow-lg)}.pitch-page__track-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--purple-500),var(--purple-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pitch-page__track-icon svg{width:32px;height:32px;color:#fff}.pitch-page__track-info{flex:1;min-width:0}.pitch-page__track{font-size:1.75rem;font-weight:800;color:var(--pitch-page-text-primary);line-height:1.2;margin-bottom:var(--spacing-2xs)}.pitch-page__artist{font-size:1.125rem;color:var(--pitch-page-text-tertiary);margin-bottom:var(--spacing-sm)}.pitch-page__genres{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.pitch-page .genre-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:var(--pitch-page-tag-bg);color:var(--pitch-page-tag-color);border-radius:var(--radius-sm)}.pitch-page__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pitch-page__section-icon{width:20px;height:20px;color:var(--purple-500)}.pitch-page__section-header h2{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pitch-page-text-tertiary)}.pitch-page__target{padding:var(--spacing-lg)}.pitch-page__playlist{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pitch-page__playlist-name{font-size:1.25rem;font-weight:700;color:var(--pitch-page-text-primary)}.pitch-page__playlist-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.pitch-page__stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--pitch-page-text-tertiary)}.pitch-page__stat-icon{width:16px;height:16px;color:var(--pitch-page-text-muted)}.pitch-page__fit{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.pitch-page__fit-score{display:flex;align-items:center;gap:var(--spacing-md)}.pitch-page__fit-label{font-size:1rem;font-weight:600;color:var(--pitch-page-text-tertiary)}.pitch-page__reasoning{padding-top:var(--spacing-md);border-top:1px solid var(--pitch-page-border-subtle)}.pitch-page__reasoning h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pitch-page-text-tertiary);margin-bottom:var(--spacing-sm)}.pitch-page__reasoning p{font-size:.938rem;color:var(--pitch-page-text-secondary);line-height:1.6}.fit-score-badge--large{font-size:1.5rem;padding:8px 20px;min-width:80px}.pitch-page__content{padding:var(--spacing-lg)}.pitch-page__content-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pitch-page__content-header h2{font-size:1.125rem;font-weight:700;color:var(--pitch-page-text-primary)}.style-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:linear-gradient(135deg,var(--purple-500),var(--blue-500));color:#fff;border-radius:var(--radius-sm)}.pitch-page__text{font-size:1.125rem;line-height:1.7;color:var(--pitch-page-text-secondary);white-space:pre-wrap;margin:0 0 var(--spacing-lg);padding:var(--spacing-lg);background:var(--pitch-page-quote-bg);border-left:4px solid var(--pitch-page-quote-border);border-radius:0 var(--radius-md) var(--radius-md) 0}.btn--success{background:var(--emerald-500)!important;border-color:var(--emerald-500)!important}.pitch-page__signup{padding:var(--spacing-xl);text-align:center;background:var(--pitch-page-signup-bg)}.pitch-page__signup-icon{width:48px;height:48px;color:var(--purple-500);margin-bottom:var(--spacing-md)}.pitch-page__signup h3{font-size:1.25rem;font-weight:700;color:var(--pitch-page-text-primary);margin-bottom:var(--spacing-xs)}.pitch-page__signup p{color:var(--pitch-page-text-tertiary);margin-bottom:var(--spacing-lg)}.pitch-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.pitch-page .btn-outline{background:transparent;border:1px solid var(--pitch-page-border-subtle);color:var(--pitch-page-text-secondary)}.pitch-page .btn-outline:hover{border-color:var(--purple-500);color:var(--purple-600);background:var(--pitch-page-outline-hover-bg)}.dark-theme .pitch-page .btn-outline:hover{color:#e9d5ff}.pitch-page__meta{text-align:center;font-size:.813rem;color:var(--pitch-page-text-muted);padding:var(--spacing-md) 0}.pitch-page--loading .pitch-page__container{gap:var(--spacing-lg)}.pitch-page--loading .skeleton{background:linear-gradient(90deg,var(--pitch-page-skeleton-a) 25%,var(--pitch-page-skeleton-b) 50%,var(--pitch-page-skeleton-a) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl)}.skeleton--hero{height:140px}.skeleton--target{height:100px}.skeleton--fit{height:160px}.skeleton--content{height:300px}.pitch-page--error{display:flex;align-items:center;justify-content:center;text-align:center}.pitch-page__error-content{max-width:400px;padding:var(--spacing-xl);background:var(--pitch-page-surface-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pitch-page-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.pitch-page__error-icon{width:48px;height:48px;color:var(--red-500);margin-bottom:var(--spacing-md)}.pitch-page__error-content h1{font-size:1.5rem;font-weight:700;color:var(--pitch-page-text-primary);margin-bottom:var(--spacing-xs)}.pitch-page__error-content p{color:var(--pitch-page-text-tertiary);margin-bottom:var(--spacing-lg)}.pitch-page__error-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}@media (max-width: 640px){.pitch-page{padding:var(--spacing-md)}.pitch-page__hero{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.pitch-page__track{font-size:1.5rem}.pitch-page__genres{justify-content:center}.pitch-page__fit-score{flex-direction:column;text-align:center}.pitch-page__playlist-stats{justify-content:center}.pitch-page__actions{flex-direction:column}.pitch-page__actions .btn{width:100%}}.admin-eval-page{min-height:100vh;background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 45%),radial-gradient(circle at top left,rgba(14,165,233,.1),transparent 50%),#090f1a;color:#e2e8f0;padding:32px 20px 48px}.admin-eval-container{margin:0 auto;max-width:1180px}.admin-eval-header h1{margin:0 0 8px;font-size:2rem;line-height:1.2}.admin-eval-header p{margin:0;color:#94a3b8}.admin-eval-header a{color:#7dd3fc}.admin-eval-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.admin-eval-card{border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0f172ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.admin-eval-card h2{margin:0 0 12px;font-size:1.05rem}.admin-eval-card ul{margin:0;padding-left:18px;line-height:1.55}.admin-eval-subtitle{margin:14px 0 6px;color:#94a3b8;font-size:.9rem}.admin-eval-card-wide{grid-column:1 / -1}.admin-eval-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin-eval-form label{display:flex;flex-direction:column;gap:6px;min-width:180px;font-size:.9rem;color:#cbd5e1}.admin-eval-form input{border:1px solid rgba(148,163,184,.4);border-radius:8px;padding:10px 12px;background:#0f172af2;color:#f8fafc}.admin-eval-form button{border:0;border-radius:8px;padding:10px 16px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#041016;font-weight:700;cursor:pointer}.admin-eval-form button[disabled]{opacity:.6;cursor:not-allowed}.admin-eval-error{margin:12px 0 0;color:#fda4af}.admin-eval-card table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-eval-card th,.admin-eval-card td{border-bottom:1px solid rgba(148,163,184,.2);padding:8px 6px;text-align:left}.admin-eval-card pre{margin:0;overflow-x:auto;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:12px;background:#020617d9;color:#dbeafe;font-size:.82rem;line-height:1.45}@media (max-width: 768px){.admin-eval-page{padding:20px 12px 32px}.admin-eval-header h1{font-size:1.6rem}.admin-eval-form{flex-direction:column;align-items:stretch}}.admin-overview-page{min-height:100vh;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 40%),radial-gradient(circle at top left,rgba(6,182,212,.12),transparent 45%),#07111b;color:#e2e8f0;padding:28px 16px 40px}.admin-overview-container{max-width:1200px;margin:0 auto}.admin-overview-header h1{margin:0 0 8px;font-size:2rem}.admin-overview-header p{margin:0;color:#94a3b8}.admin-overview-grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-overview-card{margin-top:16px;background:#0f172abf;border:1px solid rgba(148,163,184,.24);border-radius:12px;padding:16px}.admin-overview-card h2{margin:0 0 10px;font-size:1.05rem}.admin-overview-card ul{margin:0;padding-left:18px;line-height:1.5}.admin-overview-card a{color:#7dd3fc}.admin-overview-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin-overview-controls label{display:flex;flex-direction:column;gap:6px;min-width:180px;font-size:.9rem;color:#cbd5e1}.admin-overview-controls input{border:1px solid rgba(148,163,184,.4);border-radius:8px;background:#0f172af5;color:#f8fafc;padding:10px 12px}.admin-overview-controls button{border:0;border-radius:8px;padding:10px 14px;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#04221a;font-weight:700;cursor:pointer}.admin-overview-controls button[disabled]{opacity:.65;cursor:not-allowed}.admin-overview-error{margin:12px 0 0;color:#fda4af}.admin-overview-muted{margin:0;color:#94a3b8}.admin-overview-card table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-overview-card th,.admin-overview-card td{border-bottom:1px solid rgba(148,163,184,.24);padding:8px 6px;text-align:left}@media (max-width: 768px){.admin-overview-controls{flex-direction:column;align-items:stretch}.admin-overview-header h1{font-size:1.65rem}}.public-pr-page{--purple-500: #8b5cf6;--purple-600: #7c3aed;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;min-height:100vh;padding:40px 20px;background:var(--gray-50);font-family:Figtree,system-ui,-apple-system,sans-serif}.public-pr-container{max-width:800px;margin:0 auto;background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 24px #00000014}.public-pr-loading{text-align:center;padding:48px 24px;color:var(--gray-600)}.public-pr-spinner{width:40px;height:40px;border:3px solid var(--gray-100);border-top-color:var(--purple-500);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.public-pr-error{text-align:center;padding:48px 24px}.public-pr-error h1{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.5rem;font-weight:600;color:var(--gray-800);margin:0 0 8px}.public-pr-error p{color:var(--gray-600);margin:0}.public-pr-meta{font-size:.875rem;color:var(--gray-600);margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--gray-100)}.public-pr-date{color:var(--gray-600)}.public-pr-content{line-height:1.7;color:var(--gray-800)}.public-pr-content.prose h1{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 8px;line-height:1.2}.public-pr-content.prose h2{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--gray-100)}.public-pr-content.prose h2:first-child{border-top:none;padding-top:0;margin-top:0}.public-pr-content.prose h3{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:24px 0 12px}.public-pr-content.prose p{margin:0 0 16px}.public-pr-content.prose blockquote{margin:24px 0;padding:16px 24px;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-left:4px solid var(--purple-500);border-radius:0 8px 8px 0;font-style:italic;color:var(--gray-600)}.public-pr-content.prose strong{font-weight:600;color:var(--gray-900)}.public-pr-content.prose em{font-style:italic}.public-pr-content.prose hr{border:none;border-top:1px solid var(--gray-100);margin:32px 0}.public-pr-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--gray-100);font-size:.75rem;color:var(--gray-600);text-align:center}.public-pr-footer a{color:var(--purple-600);text-decoration:none}.public-pr-footer a:hover{text-decoration:underline}@media (max-width: 640px){.public-pr-page{padding:20px 16px}.public-pr-container{padding:24px}.public-pr-content.prose h1{font-size:1.5rem}.public-pr-content.prose h2{font-size:1.125rem}}.epk{--epk-accent: #8b5cf6;--epk-bg-1: #0c0a1e;--epk-bg-2: #0f172a;--epk-surface: rgba(30, 27, 75, .55);--epk-surface-border: rgba(139, 92, 246, .12);--epk-text: #f1f5f9;--epk-text-body: #cbd5e1;--epk-text-muted: #94a3b8;--epk-radius: 16px}.epk{min-height:100vh;background:linear-gradient(160deg,var(--epk-bg-1) 0%,var(--epk-bg-2) 50%,var(--epk-bg-1) 100%);color:var(--epk-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.epk h1,.epk h2,.epk h3,.epk h4{color:var(--epk-text)}.epk__label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--epk-accent);margin-bottom:16px}.epk__loading,.epk__error{max-width:480px;margin:120px auto;text-align:center;padding:48px 32px;background:var(--epk-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--epk-surface-border);border-radius:var(--epk-radius)}.epk__loading{display:flex;align-items:center;justify-content:center;gap:12px}.epk__loading p,.epk__error p{color:var(--epk-text-body)}.epk__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--epk-accent);border-radius:50%;animation:epk-spin .8s linear infinite}@keyframes epk-spin{to{transform:rotate(360deg)}}.epk__hero{max-width:760px;margin:0 auto;padding:80px 24px 56px;text-align:center}.epk__hero .epk__label{margin-bottom:20px}.epk__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 16px;background:linear-gradient(135deg,var(--epk-text) 60%,var(--epk-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.epk__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0 0 20px;font-size:.95rem;font-weight:500;color:var(--epk-text-muted)}.epk__dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--epk-accent);margin:0 10px;vertical-align:middle}.epk__genres{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.epk__genre{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;border-radius:9999px;background:#8b5cf61f;color:var(--epk-accent);border:1px solid rgba(139,92,246,.2)}.epk__bio-short{max-width:620px;margin:0 auto;font-size:1.08rem;line-height:1.75;color:var(--epk-text-body)}.epk__body{max-width:900px;margin:0 auto;padding:0 24px 40px}.epk__section{margin-bottom:56px}.epk__section--narrow{max-width:700px;margin-left:auto;margin-right:auto}.epk__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.epk__pill{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease;background:var(--epk-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--epk-text);border:1px solid var(--epk-surface-border)}.epk__pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf640;border-color:var(--epk-accent)}.epk__pill--spotify:hover{background:#1db954;border-color:#1db954}.epk__pill--apple:hover{background:#fc3c44;border-color:#fc3c44}.epk__pill--youtube:hover{background:red;border-color:red}.epk__pill--soundcloud:hover{background:#f50;border-color:#f50}.epk__pill--tidal:hover{background:#000;border-color:#fff}.epk__pill--bandcamp:hover{background:#1da0c3;border-color:#1da0c3}.epk__pill--amazon:hover{background:#25d1da;border-color:#25d1da;color:#0f172a}.epk__pill--deezer:hover{background:#a238ff;border-color:#a238ff}.epk__quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.epk__quote{position:relative;margin:0;padding:28px 28px 24px;background:var(--epk-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--epk-surface-border);border-radius:var(--epk-radius)}.epk__quote:before{content:"“";position:absolute;top:6px;left:18px;font-family:Georgia,Times New Roman,serif;font-size:3.5rem;line-height:1;color:#8b5cf640;pointer-events:none}.epk__quote p{margin:0;padding-top:8px;font-size:1rem;font-style:italic;line-height:1.7;color:var(--epk-text-body)}.epk__quote cite{display:block;margin-top:12px;font-size:.82rem;font-style:normal;font-weight:700;color:var(--epk-accent)}.epk__bio-long{text-align:center}.epk__bio-long p{font-size:1.05rem;line-height:1.85;color:var(--epk-text-body);margin:0}.epk__achievements{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.epk__achievements li{padding:14px 20px;background:var(--epk-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--epk-surface-border);border-radius:12px;font-size:.925rem;font-weight:500;color:var(--epk-text-body)}.epk__achievements li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--epk-accent);margin-right:10px;vertical-align:middle}.epk__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.epk__gallery-item{margin:0}.epk__gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--epk-surface-border);background:#ffffff08;transition:transform .3s ease}.epk__gallery-item:hover img{transform:scale(1.02)}.epk__gallery-item figcaption{font-size:.82rem;color:var(--epk-text-muted);margin-top:8px;text-align:center}.epk__card{background:var(--epk-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--epk-surface-border);border-radius:var(--epk-radius);padding:32px}.epk__prose{font-size:.975rem;line-height:1.8;color:var(--epk-text-body)}.epk__prose h1,.epk__prose h2,.epk__prose h3{color:var(--epk-text);margin-top:1.5em;margin-bottom:.5em}.epk__prose p{margin:0 0 1em}.epk__prose a{color:var(--epk-accent)}.epk__contact{text-align:center;padding:36px 32px;background:var(--epk-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--epk-surface-border);border-radius:var(--epk-radius)}.epk__contact-name{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--epk-text)}.epk__contact-email{font-size:1rem;font-weight:500;color:var(--epk-accent);text-decoration:none}.epk__contact-email:hover{text-decoration:underline}.epk__footer{text-align:center;padding:24px;font-size:.78rem;color:var(--epk-text-muted);border-top:1px solid rgba(255,255,255,.04)}.epk__footer a{color:var(--epk-accent);text-decoration:none;font-weight:600}.epk__footer a:hover{text-decoration:underline}@media (max-width: 640px){.epk__hero{padding:48px 16px 40px}.epk__body{padding:0 16px 32px}.epk__title{font-size:clamp(1.6rem,7vw,2.4rem)}.epk__pills{justify-content:center}.epk__pill{padding:8px 16px;font-size:.8rem}.epk__quotes,.epk__achievements,.epk__gallery{grid-template-columns:1fr}.epk__card{padding:24px 20px}.epk__contact{padding:28px 20px}}.public-pitch-page{--pp-purple-400: #a78bfa;--pp-purple-500: #8b5cf6;--pp-purple-600: #7c3aed;--pp-green-400: #4ade80;--pp-green-500: #22c55e;--pp-surface: #1a1a2e;--pp-card: #222240;--pp-card-border: rgba(139, 92, 246, .15);--pp-text: #f1f0f5;--pp-text-secondary: #a09cb2;--pp-text-muted: #6b6781;--pp-divider: rgba(139, 92, 246, .1);min-height:100vh;padding:48px 20px;background:var(--pp-surface);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(139,92,246,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(99,102,241,.06) 0%,transparent 50%);font-family:Figtree,system-ui,-apple-system,sans-serif;color:var(--pp-text);display:flex;align-items:flex-start;justify-content:center}.public-pitch-container{max-width:640px;width:100%;background:var(--pp-card);padding:40px 44px;border-radius:20px;border:1px solid var(--pp-card-border);box-shadow:0 4px 32px #0000004d,0 0 0 1px #8b5cf60d inset}.public-pitch-loading{text-align:center;padding:48px 24px;color:var(--pp-text-secondary)}.public-pitch-spinner{width:36px;height:36px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--pp-purple-500);border-radius:50%;margin:0 auto 16px;animation:public-pitch-spin .8s linear infinite}@keyframes public-pitch-spin{to{transform:rotate(360deg)}}.public-pitch-error{text-align:center;padding:48px 24px}.public-pitch-error h1{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:var(--pp-text);margin:0 0 8px}.public-pitch-error p{color:var(--pp-text-secondary);margin:0;font-size:.9rem}.public-pitch-meta{font-size:.8rem;color:var(--pp-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin-bottom:28px;display:flex;align-items:center;gap:10px}.public-pitch-style-tag{display:inline-block;padding:3px 10px;background:#8b5cf626;color:var(--pp-purple-400);border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.public-pitch-header{margin-bottom:28px}.public-pitch-header h1{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.75rem;font-weight:800;color:var(--pp-text)!important;margin:0;line-height:1.3;letter-spacing:-.01em}.public-pitch-info{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.public-pitch-target{flex:1;min-width:0;background:#8b5cf60f;border:1px solid var(--pp-divider);border-radius:10px;padding:12px 16px;font-size:.85rem;color:var(--pp-text-secondary)}.public-pitch-target strong{color:var(--pp-text);font-weight:600}.public-pitch-fit{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--pp-text-secondary);white-space:nowrap}.public-pitch-fit-score{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;background:#22c55e1f;color:var(--pp-green-400);border-radius:8px;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums}.public-pitch-text{margin:0;padding:28px;background:#8b5cf60d;border-left:3px solid var(--pp-purple-500);border-radius:0 14px 14px 0;font-size:1.05rem;line-height:1.8;color:var(--pp-text);white-space:pre-wrap}.public-pitch-footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--pp-divider);font-size:.7rem;color:var(--pp-text-muted);text-align:center;letter-spacing:.02em}.public-pitch-footer a{color:var(--pp-purple-400);text-decoration:none;font-weight:500}.public-pitch-footer a:hover{text-decoration:underline}@media (max-width: 640px){.public-pitch-page{padding:16px 12px}.public-pitch-container{padding:28px 24px}.public-pitch-header h1{font-size:1.35rem}.public-pitch-info{flex-direction:column;gap:12px}.public-pitch-text{padding:20px;font-size:.95rem}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.loading-screen__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0a1af2,#1a0d2ef2,#0d1a2ef2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (prefers-color-scheme: light){.loading-screen__backdrop{background:linear-gradient(135deg,#f5f3fffa,#e0e7fffa,#fef3c7fa)}}.loading-screen__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.loading-screen__note{position:absolute;font-size:2rem;color:#8b5cf626;animation:floatNote 8s ease-in-out infinite;will-change:transform,opacity}.loading-screen__note--1{left:10%;top:20%;animation-delay:0s;font-size:2.5rem}.loading-screen__note--2{left:85%;top:15%;animation-delay:1.2s;font-size:1.8rem;color:#06b6d41f}.loading-screen__note--3{left:75%;top:70%;animation-delay:2.4s;font-size:2.2rem}.loading-screen__note--4{left:15%;top:75%;animation-delay:3.6s;font-size:1.6rem;color:#f59e0b1f}.loading-screen__note--5{left:50%;top:10%;animation-delay:4.8s;font-size:2rem}.loading-screen__note--6{left:25%;top:45%;animation-delay:6s;font-size:1.4rem;color:#10b9811f}@keyframes floatNote{0%,to{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}50%{transform:translateY(-40px) rotate(15deg);opacity:.8}90%{opacity:1}}@media (prefers-color-scheme: light){.loading-screen__note{color:#8b5cf614}.loading-screen__note--2{color:#06b6d414}.loading-screen__note--4{color:#f59e0b14}.loading-screen__note--6{color:#10b98114}}.loading-screen__content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:480px;width:100%;padding:var(--spacing-2xl) var(--spacing-xl);background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d inset;animation:loadingContentPulse 3s ease-in-out infinite}@media (prefers-color-scheme: light){.loading-screen__content{background:#ffffffd9;border-color:#8b5cf626;box-shadow:0 20px 60px #8b5cf626,0 0 0 1px #8b5cf61a inset}}@keyframes loadingContentPulse{0%,to{box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d inset,0 0 40px #8b5cf61a}50%{box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff14 inset,0 0 60px #8b5cf633}}@media (prefers-color-scheme: light){@keyframes loadingContentPulse{0%,to{box-shadow:0 20px 60px #8b5cf626,0 0 0 1px #8b5cf61a inset,0 0 40px #8b5cf60d}50%{box-shadow:0 20px 60px #8b5cf633,0 0 0 1px #8b5cf626 inset,0 0 60px #8b5cf61a}}}.loading-screen__spinner-container{position:relative;width:100px;height:100px;margin-bottom:var(--spacing-xl)}.loading-screen__spinner{position:absolute;top:0;right:0;bottom:0;left:0}.loading-screen__spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent}.loading-screen__spinner-ring--outer{top:0;right:0;bottom:0;left:0;border-top-color:var(--purple-500);border-right-color:#8b5cf64d;animation:spinOuter 2s linear infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.loading-screen__spinner-ring--middle{top:12px;right:12px;bottom:12px;left:12px;border-bottom-color:var(--blue-500);border-left-color:#06b6d44d;animation:spinMiddle 1.5s linear infinite reverse;filter:drop-shadow(0 0 6px rgba(6,182,212,.4))}.loading-screen__spinner-ring--inner{top:24px;right:24px;bottom:24px;left:24px;border-top-color:var(--amber-500);border-right-color:#f59e0b4d;animation:spinInner 1s linear infinite;filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}@keyframes spinOuter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinMiddle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinInner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen__phase-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-500),var(--blue-500));border-radius:var(--radius-md);animation:iconPulse 2s ease-in-out infinite}.loading-screen__phase-icon svg{width:20px;height:20px;color:#fff}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.loading-screen__messages{text-align:center;margin-bottom:var(--spacing-lg)}.loading-screen__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#8b5cf6e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs);letter-spacing:-.02em}@media (prefers-color-scheme: light){.loading-screen__title{background:linear-gradient(135deg,var(--neutral-800) 0%,var(--purple-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.loading-screen__subtext{font-family:Figtree,sans-serif;font-size:.9375rem;color:#ffffffb3;margin:0;min-height:1.5em;animation:subtextFade .4s ease-out}@media (prefers-color-scheme: light){.loading-screen__subtext{color:var(--neutral-500)}}@keyframes subtextFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-screen__playlist{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:#ffffff80;margin:0 0 var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-full)}@media (prefers-color-scheme: light){.loading-screen__playlist{color:var(--neutral-500);background:#8b5cf614}}.loading-screen__playlist-label{opacity:.7}.loading-screen__playlist-name{font-weight:600;color:#ffffffe6;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: light){.loading-screen__playlist-name{color:var(--purple-600)}}.loading-screen__progress-container{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.loading-screen__progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}@media (prefers-color-scheme: light){.loading-screen__progress-bar{background:var(--neutral-200)}}.loading-screen__progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--blue-500));border-radius:var(--radius-full);transition:width .4s ease-out;position:relative}.loading-screen__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShimmer 1.5s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-screen__progress-text{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;color:#fff9;min-width:36px;text-align:right}@media (prefers-color-scheme: light){.loading-screen__progress-text{color:var(--neutral-500)}}.loading-screen__phases{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-2xs);margin-bottom:var(--spacing-lg);position:relative}.loading-screen__phases:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:2px;background:#ffffff1a;border-radius:var(--radius-full);z-index:0}@media (prefers-color-scheme: light){.loading-screen__phases:before{background:#00000014}}.loading-screen__phase-pill{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-sm);font-size:.75rem;font-weight:500;color:#fff6;background:#1e1432cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);transition:all .3s ease;position:relative;z-index:1}@media (prefers-color-scheme: light){.loading-screen__phase-pill{color:var(--neutral-400);background:#ffffffe6;border-color:#00000014}}.loading-screen__phase-pill--complete{color:var(--emerald-500);background:#10b98126}.loading-screen__phase-pill--active{color:#fff;background:linear-gradient(135deg,var(--purple-500),var(--blue-500));animation:activePillPulse 1.5s ease-in-out infinite}@media (prefers-color-scheme: light){.loading-screen__phase-pill--active{color:#fff}}@keyframes activePillPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 4px #8b5cf61a}}.loading-screen__phase-check{width:12px;height:12px}.loading-screen__phase-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.loading-screen__phase-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px}.loading-screen__cancel-btn{padding:var(--spacing-xs) var(--spacing-lg);font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.loading-screen__cancel-btn:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff4d}.loading-screen__cancel-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}@media (prefers-color-scheme: light){.loading-screen__cancel-btn{color:var(--neutral-500);border-color:var(--neutral-300)}.loading-screen__cancel-btn:hover{color:var(--neutral-700);background:var(--neutral-100);border-color:var(--neutral-400)}}@media (max-width: 480px){.loading-screen__content{padding:var(--spacing-xl) var(--spacing-lg)}.loading-screen__spinner-container{width:80px;height:80px}.loading-screen__spinner-ring--middle{top:10px;right:10px;bottom:10px;left:10px}.loading-screen__spinner-ring--inner{top:20px;right:20px;bottom:20px;left:20px}.loading-screen__phase-icon{width:28px;height:28px}.loading-screen__phase-icon svg{width:16px;height:16px}.loading-screen__title{font-size:1.25rem}.loading-screen__subtext{font-size:.875rem}.loading-screen__phases{gap:4px}.loading-screen__phases:before{display:none}.loading-screen__phase-pill{padding:2px var(--spacing-xs);font-size:.625rem}.loading-screen__phase-label{font-size:.5625rem}.loading-screen__particles{opacity:.5}}@media (prefers-reduced-motion: reduce){.loading-screen__content,.loading-screen__spinner-ring--outer,.loading-screen__spinner-ring--middle,.loading-screen__spinner-ring--inner,.loading-screen__phase-icon,.loading-screen__subtext{animation:none}.loading-screen__progress-fill:after{animation:none}.loading-screen__phase-pill--active,.loading-screen__phase-dot{animation:none}.loading-screen__note{animation:none;opacity:.5}}.teaser-view{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:600px;margin:0 auto;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.teaser-view__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.teaser-view__success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-500) 0%,#34d399 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b9814d;animation:scaleIn .4s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.teaser-view__success-icon svg{width:32px;height:32px}.teaser-view__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;color:var(--neutral-800);line-height:1.4}.teaser-view__playlist-name{background:linear-gradient(135deg,var(--purple-500) 0%,var(--blue-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.teaser-view__score-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.1)}.teaser-view__score-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;position:relative;box-shadow:0 8px 24px #0000001a;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px #0000001a}50%{box-shadow:0 8px 32px #00000026}}.teaser-view__score-badge--great{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.teaser-view__score-badge--decent{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.teaser-view__score-badge--stretch{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.teaser-view__score-number{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;line-height:1}.teaser-view__score-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.teaser-view__score-description{font-size:.9375rem;color:var(--neutral-600);text-align:center;max-width:300px}.teaser-view__preview-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.teaser-view__preview-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em}.teaser-view__preview-label .teaser-view__icon--lock,.teaser-view__preview-label .teaser-view__icon{width:16px;height:16px;color:var(--neutral-400);flex-shrink:0}.teaser-view__preview-content{position:relative;padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden}.teaser-view__preview-content--clickable{cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.teaser-view__preview-content--clickable:hover{border-color:var(--purple-300);box-shadow:0 0 0 2px #8b5cf633}.teaser-view__preview-content--clickable:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf64d}.teaser-view__full-pitch{font-size:1rem;line-height:1.75;color:var(--neutral-800)}.teaser-view__full-pitch p{margin-bottom:var(--spacing-md)}.teaser-view__full-pitch p:last-child{margin-bottom:0}.teaser-view__first-sentence{font-size:1rem;line-height:1.7;color:var(--neutral-800);margin-bottom:var(--spacing-md);position:relative;z-index:1}.teaser-view__blurred-content{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.teaser-view__blurred-line{height:12px;background:var(--neutral-200);border-radius:var(--radius-sm);filter:blur(4px)}.teaser-view__blurred-line--long{width:100%}.teaser-view__blurred-line--medium{width:80%}.teaser-view__blurred-line--short{width:60%}.teaser-view__lock-overlay{position:absolute;bottom:0;left:0;right:0;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:var(--spacing-lg);background:linear-gradient(to bottom,#fff0,#ffffffb3,#fffffff2 60%,#fff);color:var(--neutral-500);font-size:.875rem;font-weight:500;gap:var(--spacing-xs);z-index:2}.teaser-view__lock-overlay .teaser-view__icon--lock{width:20px;height:20px;color:var(--neutral-400)}.teaser-view__benefits{display:flex;flex-direction:column;gap:var(--spacing-sm)}.teaser-view__benefits-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--neutral-700)}.teaser-view__benefits-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.teaser-view__benefits-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;color:var(--neutral-600)}.teaser-view__icon--check{width:18px;height:18px;flex-shrink:0;color:var(--emerald-500)}.teaser-view__cta-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.teaser-view__cta-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-600) 100%);box-shadow:0 4px 16px #8b5cf64d;transition:all var(--transition-normal)}.teaser-view__cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666}.teaser-view__cta-button:active:not(:disabled){transform:translateY(0)}.teaser-view__cta-button .teaser-view__icon{width:20px;height:20px}.teaser-view__cta-note{font-size:.8125rem;color:var(--neutral-500)}.teaser-view__icon{flex-shrink:0}.try-page .teaser-view__title,body.dark-theme .teaser-view__title{color:#f1f5f9}.try-page .teaser-view__score-section,body.dark-theme .teaser-view__score-section{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-color:#8b5cf633}.try-page .teaser-view__score-description,body.dark-theme .teaser-view__score-description{color:#cbd5e1}.try-page .teaser-view__preview-label,body.dark-theme .teaser-view__preview-label,.try-page .teaser-view__preview-label .teaser-view__icon--lock,.try-page .teaser-view__preview-label .teaser-view__icon,body.dark-theme .teaser-view__preview-label .teaser-view__icon--lock,body.dark-theme .teaser-view__preview-label .teaser-view__icon{color:#94a3b8}.try-page .teaser-view__preview-content,body.dark-theme .teaser-view__preview-content{background:#1e293bcc;border-color:var(--neutral-700)}.try-page .teaser-view__first-sentence,body.dark-theme .teaser-view__first-sentence,.try-page .teaser-view__full-pitch,body.dark-theme .teaser-view__full-pitch{color:#e2e8f0}.try-page .teaser-view__blurred-line,body.dark-theme .teaser-view__blurred-line{background:var(--neutral-700)}.try-page .teaser-view__lock-overlay,body.dark-theme .teaser-view__lock-overlay{background:linear-gradient(to bottom,#1e293b00,#1e293bb3,#1e293bf2 60%,#1e293b);color:#94a3b8}.try-page .teaser-view__lock-overlay .teaser-view__icon--lock,body.dark-theme .teaser-view__lock-overlay .teaser-view__icon--lock{color:#64748b}.try-page .teaser-view__benefits-title,body.dark-theme .teaser-view__benefits-title{color:#fff}.try-page .teaser-view__benefits-list li,body.dark-theme .teaser-view__benefits-list li{color:#ffffffd9}.try-page .teaser-view__cta-note,body.dark-theme .teaser-view__cta-note{color:#fff9}@media (max-width: 640px){.teaser-view{padding:var(--spacing-lg);gap:var(--spacing-lg)}.teaser-view__success-icon{width:56px;height:56px}.teaser-view__success-icon svg{width:28px;height:28px}.teaser-view__title{font-size:1.25rem}.teaser-view__score-badge{width:88px;height:88px}.teaser-view__score-number{font-size:1.75rem}.teaser-view__preview-content{padding:var(--spacing-md)}.teaser-view__cta-button{padding:var(--spacing-md);font-size:1rem}}.signup-wall{padding:var(--spacing-2xl);max-width:440px;width:100%;margin:0 auto}.signup-wall__teaser{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--neutral-200)}.signup-wall__teaser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.signup-wall__teaser-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:1.125rem;color:var(--neutral-800)}.signup-wall__score{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px}.signup-wall__score--excellent{background:#10b98126;color:#059669}.signup-wall__score--good{background:#06b6d426;color:#0891b2}.signup-wall__score--fair{background:#f59e0b26;color:#d97706}.signup-wall__score--low{background:#ef444426;color:var(--red-600)}.signup-wall__teaser-preview{font-style:italic;color:var(--neutral-600);font-size:.938rem;line-height:1.6;margin-bottom:var(--spacing-md)}.signup-wall__teaser-cta{font-weight:500;color:var(--purple-600);font-size:.875rem}.signup-wall__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.signup-wall__footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--neutral-200);font-size:.875rem;color:var(--neutral-600)}.signup-wall__login-link{color:var(--purple-600);font-weight:600;text-decoration:none}.signup-wall__login-link:hover{text-decoration:underline}.try-page .signup-wall__teaser,body.dark-theme .signup-wall__teaser{border-bottom-color:#ffffff26}.try-page .signup-wall__teaser-label,body.dark-theme .signup-wall__teaser-label{color:#fff}.try-page .signup-wall__teaser-preview,body.dark-theme .signup-wall__teaser-preview{color:#ffffffb3}.try-page .signup-wall__teaser-cta,body.dark-theme .signup-wall__teaser-cta{color:#a78bfa}.try-page .signup-wall__footer,body.dark-theme .signup-wall__footer{border-top-color:#ffffff26;color:#fff9}.try-page .signup-wall__login-link,body.dark-theme .signup-wall__login-link{color:#a78bfa}.try-page .signup-wall__score--excellent,body.dark-theme .signup-wall__score--excellent{background:#10b98140;color:#34d399}.try-page .signup-wall__score--good,body.dark-theme .signup-wall__score--good{background:#06b6d440;color:#22d3ee}.try-page .signup-wall__score--fair,body.dark-theme .signup-wall__score--fair{background:#f59e0b40;color:#fbbf24}.try-page .signup-wall__score--low,body.dark-theme .signup-wall__score--low{background:#ef444440;color:#f87171}.try-page .signup-wall .form-label,body.dark-theme .signup-wall .form-label{color:#fff}.try-page .signup-wall .input-default,body.dark-theme .signup-wall .input-default{background:#ffffff1a;border-color:#ffffff40;color:#fff}.try-page .signup-wall .input-default::placeholder,body.dark-theme .signup-wall .input-default::placeholder{color:#ffffff8c}.try-page .signup-wall .input-default:focus,body.dark-theme .signup-wall .input-default:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf640;background:#ffffff1a}@media (max-width: 480px){.signup-wall{padding:var(--spacing-lg)}.signup-wall__teaser-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.signup-wall__teaser-label{font-size:1rem}}.return-visitor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.return-visitor-modal{position:relative;width:100%;max-width:420px;padding:var(--spacing-2xl);text-align:center;animation:modalEnter .3s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.return-visitor-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--neutral-500);cursor:pointer;transition:all var(--transition-fast)}.return-visitor-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.return-visitor-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.return-visitor-close svg{width:20px;height:20px}.return-visitor-content{margin-bottom:var(--spacing-xl)}.return-visitor-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--purple-500) 0%,var(--blue-500) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf64d}.return-visitor-icon svg{width:32px;height:32px;color:#fff}.return-visitor-title{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-sm)}.return-visitor-description{font-size:1rem;color:var(--neutral-600);line-height:1.6;margin-bottom:var(--spacing-xs)}.return-visitor-description strong{color:var(--purple-600);font-weight:600}.return-visitor-progress{font-size:.875rem;color:var(--neutral-500)}.return-visitor-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.return-visitor-btn-primary,.return-visitor-btn-secondary{width:100%}body.dark-theme .return-visitor-modal,.onboarding-wizard .return-visitor-modal{background:#1e1b4bf2;border-color:#8b5cf64d}body.dark-theme .return-visitor-close,.onboarding-wizard .return-visitor-close{color:#fff9}body.dark-theme .return-visitor-close:hover,.onboarding-wizard .return-visitor-close:hover{background:#ffffff1a;color:#ffffffe6}body.dark-theme .return-visitor-title,.onboarding-wizard .return-visitor-title{color:#fff}body.dark-theme .return-visitor-description,.onboarding-wizard .return-visitor-description{color:#ffffffb3}body.dark-theme .return-visitor-description strong,.onboarding-wizard .return-visitor-description strong{color:#a855f7}body.dark-theme .return-visitor-progress,.onboarding-wizard .return-visitor-progress{color:#ffffff80}@media (max-width: 480px){.return-visitor-modal{padding:var(--spacing-xl);margin:var(--spacing-sm)}.return-visitor-icon{width:56px;height:56px}.return-visitor-icon svg{width:28px;height:28px}.return-visitor-title{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.return-visitor-overlay,.return-visitor-modal{animation:none}}.try-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0a1a,#1a0d2e,#0d1a2e);color:#fff}.onboarding-wizard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:100vh}.wizard-content{width:100%;max-width:520px}.wizard-header{text-align:center;margin-bottom:2rem}.wizard-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em;color:#fff}.wizard-subtitle{font-size:1rem;color:#ffffffb3}.wizard-progress{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.progress-step{width:48px;height:4px;background:#ffffff1a;border-radius:2px;transition:background .3s ease}.progress-step.active{background:linear-gradient(90deg,#06b6d4,#a855f7)}.progress-step.completed{background:#06b6d4}.wizard-step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.onboarding-wizard .glass-card,.onboarding-wizard .step-container.glass-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.step-description{font-size:.938rem;color:#ffffffb3;margin-bottom:1.5rem}.onboarding-wizard .step-header{text-align:center}.onboarding-wizard .step-header .step-title{color:#fff}.onboarding-wizard .step-header .step-description{color:#ffffffb3}.onboarding-wizard .step-content{margin-bottom:1.5rem}.wizard-input{width:100%;padding:1rem 1.25rem;font-size:1rem;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;outline:none;transition:border-color .2s,background .2s}.wizard-input::placeholder{color:#fff6}.wizard-input:focus{border-color:#a855f7;background:#ffffff14}.wizard-input.error{border-color:#ef4444}.wizard-helper-text{font-size:.813rem;color:#ffffff80;margin-top:.5rem}.wizard-error-text{font-size:.813rem;color:#ef4444;margin-top:.5rem}.onboarding-wizard .form-label{color:#ffffffe6;font-weight:500;margin-bottom:.5rem;display:block}.onboarding-wizard .form-helper{font-size:.813rem;color:#ffffff80;margin-top:.5rem}.onboarding-wizard .form-error{font-size:.813rem;color:#ef4444;margin-top:.5rem}.onboarding-wizard .input-default,.onboarding-wizard input[type=text],.onboarding-wizard input[type=url],.onboarding-wizard input[type=email],.onboarding-wizard input[type=search]{width:100%;padding:.875rem 1rem;font-size:1rem;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.onboarding-wizard .input-default::placeholder,.onboarding-wizard input::placeholder{color:#ffffff8c}.onboarding-wizard .input-default:focus,.onboarding-wizard input:focus{border-color:#a855f7;background:#ffffff14;box-shadow:0 0 0 3px #a855f726}.onboarding-wizard .input-default.input-error,.onboarding-wizard input.input-error{border-color:#ef4444}.onboarding-wizard .spotify-search-container{margin-bottom:1rem}.onboarding-wizard .search-input-wrapper{position:relative}.onboarding-wizard .search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.onboarding-wizard .search-input-wrapper input{padding-left:3rem!important}.onboarding-wizard .spotify-search-input{color:#fff;background:#ffffff14;border-color:#fff3}.onboarding-wizard .spotify-search-input:focus{border-color:#a855f7;background:#ffffff1a}.onboarding-wizard .spotify-search-input::placeholder{color:#ffffff8c}.onboarding-wizard .search-results,.onboarding-wizard .spotify-results{background:#1e1b4bf2;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;margin-top:.5rem;overflow:hidden}.onboarding-wizard .search-result-item,.onboarding-wizard .spotify-result-item{padding:.75rem 1rem;color:#fff;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.onboarding-wizard .search-result-item:last-child,.onboarding-wizard .spotify-result-item:last-child{border-bottom:none}.onboarding-wizard .search-result-item:hover,.onboarding-wizard .spotify-result-item:hover{background:#a855f733}.onboarding-wizard .artist-name{font-weight:600;color:#fff}.onboarding-wizard .artist-genres,.onboarding-wizard .artist-followers{font-size:.813rem;color:#fff9}.onboarding-wizard .selected-artist{display:flex;align-items:center;gap:1rem;padding:1rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:.75rem;margin-top:1rem}.onboarding-wizard .selected-artist img{width:56px;height:56px;border-radius:50%;object-fit:cover}.onboarding-wizard .selected-artist-info{flex:1}.onboarding-wizard .selected-artist-name{font-weight:600;color:#fff;margin-bottom:.25rem}.onboarding-wizard .selected-artist-meta{font-size:.813rem;color:#fff9}.onboarding-wizard .track-selector{margin-top:1rem}.onboarding-wizard .track-dropdown{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;color:#fff}.onboarding-wizard .track-option{padding:.75rem 1rem;color:#fff;cursor:pointer}.onboarding-wizard .track-option:hover{background:#a855f733}.onboarding-wizard .selected-track{display:flex;align-items:center;gap:1rem;padding:1rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:.75rem;margin-top:1rem}.onboarding-wizard .selected-track img{width:48px;height:48px;border-radius:.375rem;object-fit:cover}.onboarding-wizard .track-name{font-weight:600;color:#fff}.onboarding-wizard .track-album{font-size:.813rem;color:#fff9}.genre-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.genre-chip{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fffc;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:100px;cursor:pointer;transition:all .2s ease}.genre-chip:hover{background:#ffffff1a;border-color:#ffffff40}.genre-chip.selected{color:#fff;background:linear-gradient(135deg,#a855f74d,#6366f14d);border-color:#a855f7}.genre-count{font-size:.813rem;color:#ffffff80;text-align:right}.genre-count.at-limit{color:#f59e0b}.label-optional{font-weight:400;color:#ffffff80;font-size:.875rem}.research-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.research-loading__spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.research-loading__text{font-size:.938rem;color:#ffffffb3;max-width:280px;line-height:1.5}.research-findings{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.research-finding{width:100%;text-align:left;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.875rem;cursor:pointer;transition:all .2s ease}.research-finding:hover:not(.disabled){background:#ffffff0f;border-color:#ffffff26}.research-finding.selected{background:linear-gradient(135deg,#a855f726,#6366f126);border-color:#a855f7}.research-finding.disabled{opacity:.5;cursor:not-allowed}.research-finding__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.research-finding__type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#06b6d4}.research-finding__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .375rem;line-height:1.4}.research-finding__description{font-size:.875rem;color:#ffffffb3;margin:0;line-height:1.5}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.wizard-nav-single{justify-content:flex-end}.btn-wizard-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.938rem;font-weight:600;color:#ffffffb3;background:transparent;border:none;border-radius:.75rem;cursor:pointer;transition:color .2s}.btn-wizard-back:hover{color:#fff}.btn-wizard-continue{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #a855f74d}.btn-wizard-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.btn-wizard-continue:disabled{opacity:.5;cursor:not-allowed}.loading-screen{text-align:center;padding:3rem 2rem}.loading-spinner-container{position:relative;width:120px;height:120px;margin:0 auto 2rem}.loading-spinner{width:100%;height:100%;border:4px solid rgba(255,255,255,.1);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite}.loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:#06b6d4}.loading-message{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-progress{width:100%;max-width:280px;height:6px;background:#ffffff1a;border-radius:3px;margin:1.5rem auto 0;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#a855f7);border-radius:3px;transition:width .5s ease}.teaser-view{text-align:center}.teaser-success-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#10b981}.teaser-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.teaser-playlist-name{font-size:1rem;color:#ffffffb3;margin-bottom:2rem}.fit-score-display{margin-bottom:2rem}.fit-score-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:.5rem}.fit-score-value{font-size:4rem;font-weight:800;line-height:1;margin-bottom:.25rem}.fit-score-value.score-high{background:linear-gradient(90deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fit-score-value.score-medium{background:linear-gradient(90deg,#eab308,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fit-score-value.score-low{background:linear-gradient(90deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fit-score-suffix{font-size:1.25rem;color:#ffffff80}.teaser-preview{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.teaser-preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:.75rem}.teaser-first-sentence{font-size:1.125rem;font-style:italic;color:#ffffffe6;line-height:1.6}.teaser-blur-overlay{position:relative;overflow:hidden}.teaser-blur-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(15,10,26,.95))}.teaser-cta{margin-top:1.5rem}.btn-teaser-signup{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #a855f74d}.btn-teaser-signup:hover{transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.signup-wall{max-width:440px;margin:0 auto}.signup-wall-header{text-align:center;margin-bottom:2rem}.signup-wall-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.signup-wall-subtitle{font-size:.938rem;color:#ffffffb3}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-field{display:flex;flex-direction:column;gap:.375rem}.signup-label{font-size:.875rem;font-weight:500;color:#fffc}.btn-signup-submit{margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 20px #a855f74d}.btn-signup-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.btn-signup-submit:disabled{opacity:.6;cursor:not-allowed}.signup-login-link{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#fff9}.signup-login-link a{color:#06b6d4;text-decoration:none;font-weight:500}.signup-login-link a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a0d2ef2,#0d1a2ef2);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;max-width:400px;width:100%;text-align:center;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;transition:background .2s,color .2s}.modal-close:hover{background:#ffffff26;color:#fff}.modal-icon{width:56px;height:56px;margin:0 auto 1.25rem;color:#06b6d4}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.modal-message{font-size:.938rem;color:#ffffffb3;margin-bottom:1.5rem}.modal-band-name{font-weight:600;color:#a855f7}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.btn-modal-primary{padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a855f74d}.btn-modal-secondary{padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-modal-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.wizard-error{text-align:center;padding:2rem}.wizard-error-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#ef4444}.wizard-error-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.wizard-error-message{font-size:.938rem;color:#ffffffb3;margin-bottom:1.5rem}.btn-retry{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;cursor:pointer;transition:background .2s}.btn-retry:hover{background:#ffffff26}.onboarding-wizard .navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.onboarding-wizard .nav-left{flex:0 0 auto}.onboarding-wizard .nav-right{flex:0 0 auto;margin-left:auto}.onboarding-wizard .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.938rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s ease;border:none}.onboarding-wizard .btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 4px 20px #a855f74d}.onboarding-wizard .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.onboarding-wizard .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.onboarding-wizard .btn-ghost{color:#ffffffb3;background:transparent}.onboarding-wizard .btn-ghost:hover{color:#fff;background:#ffffff1a}.onboarding-wizard .btn-md{padding:.75rem 1.25rem;font-size:.938rem}.pitch-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.pitch-style-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1.25rem;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.875rem;cursor:pointer;transition:all .2s ease}.pitch-style-card:hover{background:#ffffff0f;border-color:#fff3}.pitch-style-card:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.pitch-style-card.selected{background:linear-gradient(135deg,#a855f726,#6366f126);border-color:#a855f7}.pitch-style-name{font-size:1rem;font-weight:600;color:#fff}.pitch-style-desc{font-size:.875rem;color:#fff9;line-height:1.4}.pitch-style-check{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#a855f7;border-radius:50%;color:#fff}@media (max-width: 640px){.onboarding-wizard{padding:1.5rem 1rem}.wizard-step-card{padding:1.5rem}.wizard-title{font-size:1.5rem}.fit-score-value{font-size:3rem}.genre-grid{gap:.375rem}.genre-chip{padding:.375rem .75rem;font-size:.813rem}.pitch-style-grid{grid-template-columns:1fr}}:root{--purple-500: #8b5cf6;--purple-600: #7c3aed;--purple-700: #6d28d9;--blue-500: #06b6d4;--amber-500: #f59e0b;--emerald-500: #10b981;--red-500: #ef4444;--red-600: #dc2626;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--text-primary: var(--neutral-800);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-600);--text-muted: var(--neutral-500);--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 4px 12px rgba(139, 92, 246, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--focus-ring: 0 0 0 3px rgba(139, 92, 246, .2);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .2);--focus-ring-success: 0 0 0 3px rgba(16, 185, 129, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--neutral-800);background:linear-gradient(135deg,#f5f3ff,#e0e7ff,#fef3c7);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;line-height:1.3;color:var(--neutral-800)}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}.glass-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg,var(--purple-500) 0%,var(--blue-500) 50%,var(--amber-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);position:relative;overflow:hidden}.btn:focus{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--purple-500);color:#fff;box-shadow:0 2px 4px #8b5cf633}.btn-primary:hover:not(:disabled){background:var(--purple-600);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--purple-600);border:2px solid var(--purple-500)}.btn-secondary:hover:not(:disabled){background:var(--purple-500);color:#fff;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--neutral-600);border:1px solid var(--neutral-300)}.btn-ghost:hover:not(:disabled){background:var(--neutral-100);color:var(--neutral-800);border-color:var(--neutral-400)}.btn-sm{padding:8px 16px;font-size:.875rem;border-radius:var(--radius-sm)}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.125rem;border-radius:var(--radius-lg)}.btn.loading{color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn-primary.loading:after{border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-family:Figtree,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--neutral-700)}.form-label.required:after{content:" *";color:var(--red-500)}.input-default{width:100%;font-family:Figtree,sans-serif;font-size:1rem;padding:.75rem 1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-normal)}.input-default:focus{outline:none;border-color:var(--purple-500);box-shadow:var(--focus-ring)}.input-default::placeholder{color:var(--neutral-400)}.input-error{border-color:var(--red-500)}.input-error:focus{border-color:var(--red-500);box-shadow:var(--focus-ring-error)}.input-success{border-color:var(--emerald-500)}.input-success:focus{border-color:var(--emerald-500);box-shadow:var(--focus-ring-success)}.textarea-default{width:100%;font-family:Figtree,sans-serif;font-size:1rem;padding:.75rem 1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-normal);resize:vertical;min-height:120px}.textarea-default:focus{outline:none;border-color:var(--purple-500);box-shadow:var(--focus-ring)}.form-helper{font-size:.75rem;margin-top:var(--spacing-xs);color:var(--neutral-500)}.form-error{font-size:.75rem;margin-top:var(--spacing-xs);color:var(--red-500)}.form-success{font-size:.75rem;margin-top:var(--spacing-xs);color:var(--emerald-500)}.char-counter{font-size:.75rem;text-align:right;color:var(--neutral-500);margin-top:var(--spacing-2xs)}.char-counter.limit-near{color:var(--amber-500)}.char-counter.limit-exceeded{color:var(--red-500)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-2xs) var(--spacing-sm);background:var(--neutral-100);color:var(--neutral-700);border-radius:9999px;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);gap:var(--spacing-2xs)}.tag.selected{background:var(--purple-500);color:#fff}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;cursor:pointer;border-radius:50%;color:currentColor;transition:background var(--transition-fast)}.tag-remove:hover{background:#0000001a}.tag.selected .tag-remove:hover{background:#fff3}.search-wrapper{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--neutral-500);pointer-events:none}.input-search{padding-left:2.5rem}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert-error{background:#ef44441a;border:1px solid var(--red-500);color:var(--red-600)}.alert-success{background:#10b9811a;border:1px solid var(--emerald-500);color:#047857}.alert-info{background:#06b6d41a;border:1px solid var(--blue-500);color:#0e7490}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.w-full{width:100%}body.dark-theme{background:linear-gradient(135deg,#1e1b4b,#0f172a,#1c1917);color:#e2e8f0;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8}body.dark-theme .glass-card{background:#1e1b4be6;border-color:#8b5cf633}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3{color:#f1f5f9}body.dark-theme .input-default,body.dark-theme .textarea-default{background:#1e293bcc;border-color:var(--neutral-600);color:#e2e8f0}body.dark-theme .form-label{color:#cbd5e1}body.dark-theme .tag{background:#8b5cf633;color:#e2e8f0}body.dark-theme .btn-secondary{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf666}body.dark-theme .btn-secondary:hover:not(:disabled){background:var(--purple-500);color:#fff;border-color:var(--purple-500)}body.dark-theme .btn-ghost{color:#cbd5e1;background:transparent;border-color:transparent}body.dark-theme .btn-ghost:hover:not(:disabled){background:#94a3b81f;color:#f1f5f9;border-color:transparent}.theme-toggle-control{border:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:var(--purple-500);color:#fff;box-shadow:var(--shadow-glow)}.theme-toggle-control:hover{background:var(--purple-600);transform:translateY(-1px)}.theme-toggle-control:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle-control__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-control__icon svg{width:100%;height:100%}.theme-toggle-control--inline{padding:10px 14px}.theme-toggle-control--floating{position:fixed;top:20px;right:20px;z-index:1200;padding:12px 16px}@media (max-width: 768px){.theme-toggle-control--floating .theme-toggle-control__label{display:none}.theme-toggle-control--floating{padding:10px;border-radius:9999px}}.ask-soniq-hint{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--purple-500, #8b5cf6);border-radius:20px;background:#8b5cf614;color:var(--purple-500, #8b5cf6);font-family:var(--font-body, "Figtree", sans-serif);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.ask-soniq-hint:hover{background:#8b5cf626;border-color:var(--purple-600, #7c3aed);transform:translateY(-1px)}.ask-soniq-hint:active{transform:translateY(0)}.ask-soniq-hint svg{flex-shrink:0}.ask-soniq-hint kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:#8b5cf61f;font-family:var(--font-body, "Figtree", sans-serif);font-size:11px;font-weight:400;opacity:.7}.onboarding-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-md)}.onboarding-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-xl)}.onboarding-header{text-align:center}.onboarding-logo{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--purple-500) 0%,var(--blue-500) 50%,var(--amber-500) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.onboarding-logo svg{width:50px;height:50px;color:#fff}.onboarding-title{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-xs)}.onboarding-subtitle{color:var(--neutral-500);font-size:1.125rem}.progress-container{width:100%}.progress-bar-wrapper{height:8px;background:var(--neutral-200);border-radius:9999px;overflow:hidden;margin-bottom:var(--spacing-lg)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple-500),var(--blue-500));border-radius:9999px;transition:width var(--transition-slow)}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;cursor:default}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover .step-indicator{transform:scale(1.1)}.step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all var(--transition-normal);background:var(--neutral-200);color:var(--neutral-500);border:2px solid transparent}.step-indicator.active{background:var(--purple-500);color:#fff;box-shadow:0 0 0 4px #8b5cf633}.step-indicator.completed{background:var(--emerald-500);color:#fff}.step-indicator:focus-visible{outline:none;box-shadow:var(--focus-ring)}.step-label{font-size:.6875rem;color:var(--neutral-500);text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-label.active{color:var(--purple-600);font-weight:500}.step-label.completed{color:var(--emerald-600)}.step-container{padding:var(--spacing-2xl)}.step-header{margin-bottom:var(--spacing-xl)}.step-title{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.step-description{color:var(--neutral-500);line-height:1.6}.step-content{min-height:200px}.genre-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.genre-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:40px;padding:var(--spacing-sm);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.genre-selected:empty:before{content:"No genres selected";color:var(--neutral-400);font-size:.875rem}.genre-suggestions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.genre-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--neutral-100);color:var(--neutral-700);border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.genre-tag:hover{background:var(--purple-100);color:var(--purple-700)}.genre-tag.selected{background:var(--purple-500);color:#fff}.genre-tag .remove-icon{margin-left:var(--spacing-2xs);opacity:.7}.genre-tag .remove-icon:hover{opacity:1}.genre-input-wrapper{display:flex;gap:var(--spacing-xs)}.genre-input-wrapper input{flex:1}.spotify-search{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--neutral-400)}.search-input-wrapper input{padding-left:2.75rem}.search-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto;padding:var(--spacing-xs);background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent;width:100%;text-align:left}.search-result-item:hover,.search-result-item:focus{background:var(--neutral-100);outline:none}.artist-image{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--neutral-200)}.artist-image-placeholder{width:48px;height:48px;border-radius:50%;background:var(--neutral-200);display:flex;align-items:center;justify-content:center;color:var(--neutral-400)}.artist-info{flex:1;min-width:0}.artist-name{font-weight:600;color:var(--neutral-800);margin-bottom:2px}.artist-meta{font-size:.875rem;color:var(--neutral-500)}.selected-artist{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border:1px solid var(--purple-200);border-radius:var(--radius-lg)}.selected-artist-info{display:flex;align-items:center;gap:var(--spacing-md)}.selected-artist .artist-image{width:56px;height:56px}.selected-artist .artist-name{font-size:1.125rem}.selected-artist .artist-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.selected-artist .badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--neutral-100);border-radius:9999px;font-size:.75rem;color:var(--neutral-600)}.social-links-group{display:flex;flex-direction:column;gap:var(--spacing-lg)}.social-link-input{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.social-link-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;color:var(--neutral-700)}.social-link-label svg{width:20px;height:20px}.social-input-wrapper{display:flex;align-items:center}.social-input-prefix{padding:.75rem 1rem;background:var(--neutral-100);border:1px solid var(--neutral-300);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--neutral-500);font-size:.875rem}.social-input-wrapper input{border-radius:0 var(--radius-md) var(--radius-md) 0}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--neutral-200);margin-top:var(--spacing-xl)}.nav-left,.nav-right{display:flex;gap:var(--spacing-sm)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-input{height:48px;border-radius:var(--radius-md)}.skeleton-button{height:48px;width:120px;border-radius:var(--radius-md)}.full-page-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);z-index:1000}.loader-spinner{width:48px;height:48px;border:3px solid var(--neutral-200);border-top-color:var(--purple-500);border-radius:50%;animation:spin .8s linear infinite}.loader-text{font-size:1.125rem;color:var(--neutral-600)}@media (max-width: 640px){.onboarding-layout{padding:var(--spacing-md) var(--spacing-sm)}.step-container{padding:var(--spacing-lg)}.step-label{display:none}.progress-steps{justify-content:center;gap:var(--spacing-xl)}.navigation-buttons{flex-direction:column-reverse;gap:var(--spacing-md)}.nav-left,.nav-right{width:100%}.nav-left .btn,.nav-right .btn{flex:1}}.dark-theme .onboarding-title{color:#f1f5f9}.dark-theme .onboarding-subtitle{color:#94a3b8}.dark-theme .progress-bar-wrapper{background:#ffffff1a}.dark-theme .step-indicator{background:#ffffff1a;color:#94a3b8}.dark-theme .step-indicator.active{background:var(--purple-500);color:#fff}.dark-theme .step-indicator.completed{background:var(--emerald-500);color:#fff}.dark-theme .step-label{color:#94a3b8}.dark-theme .step-label.active{color:#c4b5fd}.dark-theme .step-label.completed{color:#6ee7b7}.dark-theme .step-container{background:#1e1b4be6;border-color:#8b5cf633}.dark-theme .step-title{color:#f1f5f9}.dark-theme .step-description{color:#94a3b8}.dark-theme .genre-selected{background:#1e293b99;border-color:#8b5cf626}.dark-theme .genre-selected:empty:before{color:#64748b}.dark-theme .genre-tag{background:#8b5cf626;color:#e2e8f0}.dark-theme .genre-tag:hover{background:#8b5cf64d;color:#f1f5f9}.dark-theme .genre-tag.selected{background:var(--purple-500);color:#fff}.dark-theme .search-results{background:#1e1b4bf2;border-color:#8b5cf633;box-shadow:0 8px 32px #0006}.dark-theme .search-result-item:hover,.dark-theme .search-result-item:focus{background:#8b5cf626}.dark-theme .artist-name{color:#f1f5f9}.dark-theme .artist-meta{color:#94a3b8}.dark-theme .artist-image-placeholder{background:#8b5cf626;color:#94a3b8}.dark-theme .selected-artist{background:linear-gradient(135deg,#8b5cf61a,#06b6d414);border-color:#8b5cf640}.dark-theme .selected-artist .badge{background:#8b5cf633;color:#cbd5e1}.dark-theme .social-link-label{color:#cbd5e1}.dark-theme .social-input-prefix{background:#1e293bcc;border-color:var(--neutral-600);color:#94a3b8}.dark-theme .navigation-buttons{border-top-color:#8b5cf626}.dark-theme .full-page-loader{background:#0f172ae6}.dark-theme .loader-spinner{border-color:#ffffff1a;border-top-color:var(--purple-500)}.dark-theme .loader-text{color:#cbd5e1}.genre-tag:focus-visible,.search-result-item:focus-visible,button:focus-visible{outline:2px solid var(--purple-500);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-container{animation:fadeIn .3s ease-out}.error-banner{margin-bottom:var(--spacing-lg)}.error-banner .alert{display:flex;align-items:center;gap:var(--spacing-sm)}.error-banner button{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm)}.auth-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-purple-50) 100%)}.dark-theme .auth-layout{background:linear-gradient(135deg,#0f0f23,#1e1b4b)}.auth-layout-body{flex:1;position:relative;overflow:hidden}.auth-layout-main{flex:1;padding:var(--spacing-xl);max-width:1400px;width:100%;margin:0 auto;transition:transform var(--transition-slow) ease;will-change:transform;min-width:0}.auth-layout-main--panel-open{transform:translate(-190px)}@media (max-width: 1200px){.auth-layout-main--panel-open{transform:none}}@media (max-width: 768px){.auth-layout-main{padding:var(--spacing-md)}.auth-layout-main--panel-open{transform:none}}.auth-layout-nav{background:#fff;border-bottom:1px solid var(--color-neutral-200);position:sticky;top:0;z-index:100}.dark-theme .auth-layout-nav{background:#1e1b4b;border-bottom-color:#312e81}.auth-layout-nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:64px}.auth-layout-logo-link{text-decoration:none}.auth-layout-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.auth-layout-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.auth-layout-logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-purple-700);white-space:nowrap}.dark-theme .auth-layout-logo-text{color:var(--color-neutral-100)}.auth-layout-nav-links{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 768px){.auth-layout-nav-links{display:none}}.auth-layout-nav-link{font-family:var(--font-body);font-weight:500;font-size:.9375rem;color:var(--color-neutral-600);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.auth-layout-nav-link:hover{color:var(--color-neutral-900);background:var(--color-neutral-100)}.dark-theme .auth-layout-nav-link{color:#cbd5e1}.dark-theme .auth-layout-nav-link:hover{color:var(--color-neutral-100);background:#312e81}.auth-layout-nav-link--active{color:var(--color-purple-600);pointer-events:none}.auth-layout-nav-link--active:after{content:"";position:absolute;bottom:-2px;left:var(--spacing-sm);right:var(--spacing-sm);height:2px;background:var(--color-purple-600);border-radius:1px}.dark-theme .auth-layout-nav-link--active{color:var(--color-purple-400)}.auth-layout-nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.auth-layout-theme-toggle{padding:8px 12px}.auth-layout-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.auth-layout-icon-btn:hover{color:var(--color-neutral-900);background:var(--color-neutral-100)}.dark-theme .auth-layout-icon-btn{color:#cbd5e1}.dark-theme .auth-layout-icon-btn:hover{color:var(--color-neutral-100);background:#312e81}.auth-layout-soniq-toggle--active{color:var(--purple-500);background:#8b5cf61a}.auth-layout-soniq-toggle--active:hover{color:var(--purple-600);background:#8b5cf626}.dark-theme .auth-layout-soniq-toggle--active{color:var(--purple-500);background:#8b5cf633}.dark-theme .auth-layout-soniq-toggle--active:hover{color:var(--purple-500);background:#8b5cf640}.auth-layout-soniq-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width: 768px){.auth-layout-theme-toggle .theme-toggle-control__label{display:none}.auth-layout-theme-toggle{padding:10px;border-radius:9999px}.auth-layout-icon-btn{display:none}}.auth-layout-avatar-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;border-radius:50%;transition:transform var(--transition-fast)}.auth-layout-avatar-btn:hover{transform:scale(1.05)}.auth-layout-avatar-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}@media (max-width: 768px){.auth-layout-avatar-btn{display:none}}.auth-layout-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,var(--color-purple-500) 0%,var(--color-blue-500) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.875rem;overflow:hidden}.auth-layout-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.auth-layout-dropdown{position:relative}.auth-layout-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;width:200px;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:200;animation:dropdownIn .2s ease}.dark-theme .auth-layout-dropdown-menu{background:#1e1b4b;border-color:#312e81}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-layout-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-weight:500;font-size:.875rem;color:var(--color-neutral-700);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.auth-layout-dropdown-item:hover{background:var(--color-neutral-100);color:var(--color-purple-600)}.dark-theme .auth-layout-dropdown-item{color:#cbd5e1}.dark-theme .auth-layout-dropdown-item:hover{background:#312e81;color:var(--color-neutral-100)}.auth-layout-dropdown-item--danger{color:var(--color-red-600)}.auth-layout-dropdown-item--danger:hover{background:#ef44441a;color:var(--color-red-600)}.dark-theme .auth-layout-dropdown-item--danger{color:#f87171}.dark-theme .auth-layout-dropdown-item--danger:hover{background:#f871711a;color:#f87171}.auth-layout-dropdown-divider{border:none;border-top:1px solid var(--color-neutral-200);margin:var(--spacing-xs) 0}.dark-theme .auth-layout-dropdown-divider{border-top-color:#312e81}.auth-layout-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-neutral-600);cursor:pointer;border-radius:var(--radius-md)}.auth-layout-mobile-menu-btn:hover{color:var(--color-neutral-900)}.dark-theme .auth-layout-mobile-menu-btn{color:#cbd5e1}.dark-theme .auth-layout-mobile-menu-btn:hover{color:var(--color-neutral-100)}@media (max-width: 768px){.auth-layout-mobile-menu-btn{display:flex}}.auth-layout-mobile-menu{display:none;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);background:#fff;border-top:1px solid var(--color-neutral-200);animation:mobileMenuIn .3s ease}.dark-theme .auth-layout-mobile-menu{background:#1e1b4b;border-top-color:#312e81}@keyframes mobileMenuIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@media (max-width: 768px){.auth-layout-mobile-menu{display:block}}.auth-layout-mobile-link{display:block;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-weight:500;font-size:1rem;color:var(--color-neutral-600);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.auth-layout-mobile-link:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.dark-theme .auth-layout-mobile-link{color:#cbd5e1}.dark-theme .auth-layout-mobile-link:hover{background:#312e81;color:var(--color-neutral-100)}.auth-layout-mobile-link--active{color:var(--color-purple-600);background:#8b5cf61a}.auth-layout-mobile-link--danger{color:var(--color-red-600)}.auth-layout-mobile-link--danger:hover{background:#ef44441a;color:var(--color-red-600)}.auth-layout-mobile-divider{border:none;border-top:1px solid var(--color-neutral-200);margin:var(--spacing-sm) 0}.dark-theme .auth-layout-mobile-divider{border-top-color:#312e81}.auth-layout-footer{background:#fff;border-top:1px solid var(--color-neutral-200);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);margin-top:auto}.dark-theme .auth-layout-footer{background:#1e1b4b;border-top-color:#312e81}.auth-layout-footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl)}@media (max-width: 768px){.auth-layout-footer-container{grid-template-columns:1fr;gap:var(--spacing-xl)}}.auth-layout-footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-layout-footer-tagline{font-size:.875rem;color:var(--color-neutral-500);max-width:280px;line-height:1.5}.dark-theme .auth-layout-footer-tagline{color:var(--text-muted)}.auth-layout-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}@media (max-width: 640px){.auth-layout-footer-links{grid-template-columns:repeat(2,1fr)}}.auth-layout-footer-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-layout-footer-col h4{font-family:var(--font-heading);font-weight:600;font-size:.875rem;color:var(--color-neutral-800);margin:0 0 var(--spacing-xs)}.dark-theme .auth-layout-footer-col h4{color:var(--color-neutral-100)}.auth-layout-footer-col a{font-size:.875rem;color:var(--color-neutral-500);text-decoration:none;transition:color var(--transition-fast)}.auth-layout-footer-col a:hover{color:var(--color-purple-500)}.dark-theme .auth-layout-footer-col a{color:var(--text-muted)}.auth-layout-footer-bottom{max-width:1400px;margin:var(--spacing-xl) auto 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.dark-theme .auth-layout-footer-bottom{border-top-color:#312e81}.auth-layout-footer-bottom p{font-size:.8125rem;color:var(--color-neutral-400);margin:0}.dark-theme .auth-layout-footer-bottom p{color:var(--text-muted)}:root{--cb-bg: #0f172a;--cb-bg-soft: rgba(15, 23, 42, .78);--cb-border: rgba(255, 255, 255, .08);--cb-border-strong: rgba(147, 51, 234, .55);--cb-text: #ffffff;--cb-text-soft: #cbd5e1;--cb-text-muted: #94a3b8;--cb-purple: #8b5cf6;--cb-purple-hover: #a78bfa;--cb-pink: #ec4899;--cb-green: #10b981;--cb-red: #ef4444;--cb-glow-purple: rgba(139, 92, 246, .15);--cb-glow-pink: rgba(236, 72, 153, .1);--cb-glass: rgba(255, 255, 255, .04);--cb-glass-hover: rgba(255, 255, 255, .08)}.cb-landing,.cb-wizard{color:var(--cb-text);background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(139,92,246,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(76,29,149,.15) 0%,transparent 55%),linear-gradient(160deg,#0f172a,#1e1b4b 48%,#0f172a);font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif}.cb-landing{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.cb-landing__inner{width:100%;max-width:68rem;text-align:center}.cb-landing__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(147,51,234,.35);background:#9333ea33;border-radius:999px;margin-bottom:1.35rem;color:#d8b4fe;font-size:.875rem;font-weight:600}.cb-landing h1{margin:0;font-size:clamp(2rem,5.2vw,3rem);line-height:1.1;letter-spacing:-.01em}.cb-landing>.cb-landing__inner>p{margin-top:.85rem;color:var(--cb-text-soft);font-size:1.25rem}.cb-landing__grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.cb-landing__card{position:relative;border:1px solid var(--cb-border);background:var(--cb-glass);border-radius:1rem;padding:2rem;text-align:left;transition:all .24s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-landing__card:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 12px 32px #0003}.cb-landing__card--primary{border:1px solid rgba(139,92,246,.4);background:linear-gradient(140deg,#8b5cf61f,#ec489914);box-shadow:0 4px 24px #8b5cf61a}.cb-landing__recommended{position:absolute;top:1rem;right:1rem;padding:.25rem .65rem;border-radius:999px;background:#9333ea;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.03em}.cb-landing__icon{width:4rem;height:4rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;background:#9333ea33}.cb-landing__icon--primary{color:#fff;background:linear-gradient(145deg,#7c3aed,#ec4899)}.cb-landing__card h2{margin:1.25rem 0 .6rem;font-size:1.5rem}.cb-landing__card p{margin:0;color:var(--cb-text-soft)}.cb-landing__card ul{margin:1.25rem 0 1.55rem;padding:0;list-style:none;display:grid;gap:.55rem}.cb-landing__card li{display:flex;align-items:flex-start;gap:.55rem;color:var(--cb-text-soft);font-size:.92rem}.cb-landing__card li svg{color:#4ade80;margin-top:.1rem}.cb-landing__card--primary li svg{color:#c084fc}.cb-landing__footnote{margin-top:1.35rem;color:var(--cb-text-muted);font-size:.9rem}.cb-btn{border:1px solid transparent;border-radius:.7rem;padding:.68rem 1.2rem;color:#fff;font-family:Figtree,sans-serif;font-weight:600;font-size:.88rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.cb-btn:disabled{cursor:not-allowed;opacity:.45}.cb-btn-secondary{border-color:#ffffff1f;background:#ffffff0f}.cb-btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e}.cb-btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf640}.cb-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 16px #8b5cf659;transform:translateY(-1px)}.cb-btn-gradient{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 2px 12px #8b5cf633}.cb-btn-gradient:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#f472b6);box-shadow:0 4px 20px #8b5cf64d;transform:translateY(-1px)}.cb-link-btn{border:none;background:transparent;color:#c084fc;font-size:.8rem;font-weight:600;cursor:pointer}.cb-wizard{min-height:calc(100vh - 72px);position:relative}.cb-sidebar{position:fixed;top:72px;left:0;width:16rem;min-height:calc(100vh - 72px);background:#0f172aa6;border-right:1px solid var(--cb-border);padding:1.5rem 1rem;display:flex;flex-direction:column;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.cb-sidebar__head{margin-bottom:1.4rem}.cb-sidebar__head h1{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.cb-sidebar__head p{margin:.4rem 0 0;color:var(--cb-text-muted);font-size:.84rem}.cb-sidebar__steps{display:grid;gap:.35rem}.cb-step-nav{border:none;border-left:3px solid transparent;background:transparent;color:var(--cb-text-soft);border-radius:.5rem;padding:.62rem .7rem;display:flex;align-items:center;gap:.6rem;text-align:left;font-size:.88rem;font-weight:500;transition:all .18s ease}.cb-step-nav:hover:not(:disabled){background:var(--cb-glass-hover);color:#fff}.cb-step-nav.is-current{background:#8b5cf61f;border-left-color:var(--cb-purple);color:#fff;font-weight:600}.cb-step-nav.is-locked{opacity:.4;cursor:not-allowed}.cb-step-nav__index{width:1.85rem;height:1.85rem;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all .2s ease}.cb-step-nav__index.is-current{background:var(--cb-purple);border-color:transparent;box-shadow:0 0 12px #8b5cf666}.cb-step-nav__index.is-complete{background:var(--cb-green);border-color:transparent}.cb-sidebar__foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--cb-border)}.cb-sidebar__foot .cb-btn{width:100%}.cb-main{margin-left:16rem;padding:2rem}.cb-error{margin-bottom:1rem;border:1px solid rgba(248,113,113,.4);background:#7f1d1d73;color:#fecaca;border-radius:.7rem;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cb-error button{border:none;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.cb-step{max-width:78rem}.cb-slide-in{animation:cb-slide-in .32s cubic-bezier(.22,1,.36,1)}@keyframes cb-slide-in{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.cb-step__head{margin-bottom:1.8rem}.cb-step__head h2{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cb-step__head>p{margin:.5rem 0 0;color:var(--cb-text-muted);font-size:.95rem}.cb-panel,.cb-list-card,.cb-social-post,.cb-upcoming,.cb-choice-card,.cb-pr-angle-card{border:1px solid var(--cb-border);background:var(--cb-glass);border-radius:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-panel{padding:1.5rem;margin-bottom:1.15rem}.cb-panel h3,.cb-panel h4,.cb-panel h5{margin:0;font-family:Plus Jakarta Sans,sans-serif}.cb-panel h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.cb-panel p{margin:.35rem 0 0;color:var(--cb-text-soft)}.cb-panel-gradient{border-color:#8b5cf640;background:linear-gradient(140deg,#8b5cf61a,#ec489914);box-shadow:0 4px 24px #8b5cf614,inset 0 1px #ffffff0d}.cb-panel-muted{background:#1e293b80}.cb-panel-green{border-color:#10b98166;background:linear-gradient(140deg,#10b9811f,#22c55e1f)}.cb-center{text-align:center}.cb-row-title{display:flex;align-items:center;gap:.5rem}.cb-help,.cb-help-row,.cb-panel small,.cb-panel .cb-help{color:var(--cb-text-muted);font-size:.78rem}.cb-help-row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between}.cb-panel label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:var(--cb-text-soft);letter-spacing:.01em}.cb-panel input,.cb-panel textarea,.cb-panel select{width:100%;border:1px solid rgba(100,116,139,.4);border-radius:.7rem;background:#0f172ab3;color:#fff;padding:.7rem .85rem;font-size:.92rem;transition:border-color .18s ease,box-shadow .18s ease}.cb-panel textarea{resize:vertical}.cb-panel input:focus,.cb-panel textarea:focus,.cb-panel select:focus{outline:none;border-color:var(--cb-purple);box-shadow:0 0 0 3px #8b5cf626,0 0 16px #8b5cf614}.cb-panel input::placeholder,.cb-panel textarea::placeholder{color:#94a3b880}.cb-fields{display:grid;gap:.8rem}.cb-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-fields-three{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-preview-grid{margin-top:.95rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.cb-preview-grid article{display:flex;gap:.55rem;align-items:flex-start}.cb-preview-grid h4{margin:0}.cb-preview-grid p{margin:.2rem 0 0;font-size:.8rem;color:var(--cb-text-muted)}.cb-actions{margin-top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cb-actions-end{justify-content:flex-end}.cb-actions-center{justify-content:center}.cb-actions-inline{margin-top:.65rem;display:flex;gap:.5rem;align-items:center}.cb-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.cb-pill-purple{background:#8b5cf626;border:1px solid rgba(139,92,246,.25);color:#c4b5fd}.cb-pill-success{background:#10b98126;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.cb-panel-list{display:grid;gap:.75rem}.cb-list-card{padding:1rem 1.15rem;display:flex;align-items:flex-start;gap:.9rem;transition:border-color .18s ease,box-shadow .18s ease}.cb-list-card:hover{border-color:#ffffff1f}.cb-list-card.is-selected{border-color:#8b5cf680;box-shadow:0 0 0 1px #8b5cf626,0 4px 16px #8b5cf60f}.cb-list-card-column{display:block}.cb-list-card__cover{position:relative;overflow:hidden;width:5rem;height:5rem;border-radius:.55rem;flex-shrink:0;background:linear-gradient(145deg,#9333ea,#ec4899)}.cb-list-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.cb-list-card__body{width:100%}.cb-track-input-row{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}.cb-track-preview-card{display:flex;align-items:center;gap:.85rem;padding:.75rem;border-radius:.7rem;background:#0f172a94}.cb-track-preview-card__body h4{margin:0;font-size:1.02rem}.cb-track-preview-card__body p{margin:.2rem 0 0;color:var(--cb-text-muted);font-size:.86rem}.cb-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.cb-style-card{text-align:left;display:grid;gap:.25rem;border-radius:.75rem;border:1px solid var(--cb-border);background:#0f172a73;padding:.75rem .85rem;transition:all .18s ease;cursor:pointer}.cb-style-card:hover{border-color:#8b5cf666;background:#8b5cf60f;transform:translateY(-1px)}.cb-style-card.is-selected{border-color:#8b5cf6b3;background:#8b5cf61f;box-shadow:0 0 0 1px #8b5cf633,0 4px 12px #8b5cf614}.cb-style-card strong{font-size:.9rem}.cb-style-card span{color:var(--cb-text-muted);font-size:.78rem;line-height:1.2}.cb-list-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cb-list-card__head h3{margin:0;font-size:1.06rem}.cb-list-card__head p{margin:.25rem 0 0;color:var(--cb-text-muted);font-size:.85rem}.cb-meta-row{margin-top:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--cb-text-muted);font-size:.8rem}.cb-preview-block{margin-top:.7rem;border-radius:.65rem;background:#0f172a94;padding:.75rem;font-size:.88rem}.cb-preview-subject{margin:0 0 .45rem;font-weight:700}.cb-rich-text{color:var(--cb-text-soft);line-height:1.62}.cb-rich-text>:first-child{margin-top:0}.cb-rich-text h1,.cb-rich-text h2,.cb-rich-text h3,.cb-rich-text h4{margin:.95rem 0 .45rem;line-height:1.25;color:#fff}.cb-rich-text h1{font-size:1.35rem}.cb-rich-text h2{font-size:1.2rem}.cb-rich-text h3{font-size:1.08rem}.cb-rich-text p{margin:.45rem 0}.cb-rich-text ul,.cb-rich-text ol{margin:.45rem 0 .7rem 1.2rem}.cb-rich-text li{margin:.25rem 0}.cb-rich-text blockquote{margin:.7rem 0;padding:.6rem .8rem;border-left:3px solid rgba(168,85,247,.7);background:#1e293b8c;color:#d8b4fe}.cb-rich-text a{color:#c4b5fd;text-decoration:underline}.cb-rich-text hr{border:0;border-top:1px solid rgba(148,163,184,.35);margin:.9rem 0}.cb-link-btn{background:transparent;border:0;color:#c4b5fd;padding:0;cursor:pointer;font-size:.8rem}.cb-link-btn:disabled{cursor:default;opacity:.55}.cb-research-list{margin-top:.75rem;display:grid;gap:.55rem}.cb-research-item{width:100%;text-align:left;border:1px solid var(--cb-border);border-radius:.65rem;background:#0f172a80;padding:.65rem .75rem;display:grid;gap:.45rem}.cb-research-item:hover{border-color:#9333ea8c}.cb-research-item.is-selected{border-color:#a855f7d9;background:#7c3aed2e}.cb-research-item__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.cb-research-item p{margin:0;color:var(--cb-text-muted);font-size:.84rem;line-height:1.35}.cb-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#020617c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:cb-fade-in .2s ease}@keyframes cb-fade-in{0%{opacity:0}to{opacity:1}}.cb-modal-card{width:min(960px,100%);max-height:calc(100vh - 3rem);overflow-y:auto;border:1px solid rgba(139,92,246,.3);border-radius:1rem;background:linear-gradient(165deg,#581c87eb,#1e1b4bf2);box-shadow:0 32px 64px #02061799,0 0 0 1px #8b5cf61a;padding:1.25rem;animation:cb-modal-in .28s cubic-bezier(.22,1,.36,1)}@keyframes cb-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cb-modal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.cb-modal-card__head h3{margin:0;font-size:1.22rem}.cb-modal-card__head p{margin:.35rem 0 0;color:var(--cb-text-muted)}.cb-full-pitch-text p{margin:0 0 .75rem;line-height:1.62}.cb-full-pitch-text p:last-child{margin-bottom:0}.cb-filter-row{display:flex;gap:.65rem;margin-bottom:.9rem}.cb-filter-row select{width:auto;min-width:11.5rem}.cb-tag{border:1px solid rgba(255,255,255,.18);background:#1e293bcc;border-radius:.45rem;padding:.2rem .45rem;font-size:.68rem;color:var(--cb-text-soft)}.cb-tag-large{color:#86efac;background:#22c55e26;border-color:#22c55e52}.cb-tag-medium{color:#facc15;background:#eab30826;border-color:#eab30852}.cb-tag-small{color:#93c5fd;background:#3b82f626;border-color:#3b82f652}.cb-panel-title{margin-bottom:.75rem}.cb-panel-title h3{font-size:1.55rem}.cb-panel-title p{margin:.35rem 0 0;color:var(--cb-text-soft)}.cb-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cb-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.cb-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cb-pr-generate-card{display:grid;gap:.8rem}.cb-pr-angle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin-bottom:.9rem}.cb-pr-angle-card{position:relative;text-align:left;padding:1.1rem;border-width:1px;transition:all .2s ease;cursor:pointer}.cb-pr-angle-card:hover{border-color:#8b5cf666;box-shadow:0 8px 24px #4c1d9526;transform:translateY(-2px)}.cb-pr-angle-card.is-selected{border-color:var(--cb-purple);background:#8b5cf614;box-shadow:0 0 0 1px #8b5cf633,0 8px 24px #4c1d951f}.cb-pr-angle-card__header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.5rem}.cb-pr-angle-card__type{text-transform:uppercase;font-size:.67rem;letter-spacing:.03em;font-weight:700;border-radius:999px;padding:.2rem .45rem;color:#e9d5ff;background:#9333ea40}.cb-pr-angle-card__score{font-size:.72rem;font-weight:700;color:#34d399}.cb-pr-angle-card h4{margin:0;font-size:1.03rem}.cb-pr-angle-card p{margin:.35rem 0 0;color:var(--cb-text-muted);font-size:.85rem}.cb-pr-angle-card__selected{margin-top:.65rem;display:inline-flex;align-items:center;gap:.4rem;color:#c084fc;font-size:.82rem;font-weight:700}.cb-pr-field{display:grid;gap:.45rem}.cb-pr-field label{font-size:.8rem;color:var(--cb-text-soft)}.cb-pr-type-row{margin-top:.8rem;margin-bottom:.9rem;display:flex;flex-wrap:wrap;gap:.55rem}.cb-pr-type-toggle{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--cb-border);border-radius:999px;padding:.35rem .65rem;background:#0f172a99;color:var(--cb-text-soft);font-size:.78rem}.cb-pr-type-toggle input{width:auto;margin:0}.cb-pr-outlet-list .cb-list-card__head{align-items:flex-start}.cb-pr-link-row{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.8rem}.cb-pr-saved-actions{display:inline-flex;align-items:center;gap:.5rem}.cb-pr-saved-actions select{width:auto;min-width:7.2rem}.cb-pr-pitch-block p{white-space:pre-line}.cb-pr-pitch-status{text-transform:capitalize}.cb-pr-pitch-status--draft{background:#3b82f62e;border:1px solid rgba(59,130,246,.35);color:#93c5fd}.cb-pr-pitch-status--ready{background:#22c55e2e;border:1px solid rgba(34,197,94,.35);color:#86efac}.cb-pr-pitch-status--sent{background:#fbbf242e;border:1px solid rgba(251,191,36,.35);color:#fde68a}.cb-pr-pitch-status--responded{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.cb-pr-pitch-status--no_response,.cb-pr-pitch-status--archived{background:#94a3b833;border:1px solid rgba(148,163,184,.35);color:#cbd5e1}.cb-pr-manual-modal{width:min(760px,100%)}.cb-pr-manual-modal form{margin-top:1rem}.cb-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cb-radio-row{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem;border-radius:.6rem;background:#0f172a94}.cb-radio-row p{margin:0;color:var(--cb-text-muted);font-size:.74rem}.cb-radio-row strong{display:block;margin-top:.12rem;font-size:.84rem}.cb-sequence-list{display:grid;gap:.55rem}.cb-sequence-item{border-radius:.55rem;background:#0f172a99;padding:.6rem;display:flex;align-items:flex-start;gap:.6rem}.cb-sequence-item span{width:1.75rem;height:1.75rem;border-radius:999px;background:#9333eaa6;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.cb-sequence-item h5{margin:0;font-size:.86rem}.cb-sequence-item p{margin:.2rem 0 0;font-size:.77rem;color:var(--cb-text-muted)}.cb-progress-row{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.cb-progress-dot{height:.45rem;border-radius:999px;background:#ffffff1a}.cb-progress-dot.is-active{background:#9333ea}.cb-range-row{display:flex;align-items:center;gap:.7rem}.cb-range-row input[type=range]{width:100%;padding:0}.cb-range-row strong{width:5rem;text-align:right;color:#c084fc}.cb-budget-split{margin-top:1rem;border-radius:.7rem;background:#0f172a94;padding:.9rem}.cb-platform-row{margin-top:.65rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cb-platform-label{display:inline-flex;align-items:center;gap:.55rem}.cb-platform-logo{width:1.85rem;height:1.85rem;border-radius:.35rem;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}.cb-platform-logo-spotify{background:#22c55e}.cb-platform-logo-youtube{background:#ef4444}.cb-platform-logo-white{background:#fff;color:#0f172a}.cb-platform-card{border-radius:1rem;border:1px solid var(--cb-border);overflow:hidden;background:var(--cb-glass);margin-bottom:1.15rem;box-shadow:0 4px 16px #0000001f}.cb-platform-card header{padding:1rem 1.25rem}.cb-platform-card-spotify header{background:linear-gradient(90deg,#16a34a,#22c55e)}.cb-platform-card-youtube header{background:linear-gradient(90deg,#dc2626,#ef4444)}.cb-platform-head{display:inline-flex;align-items:center;gap:.7rem}.cb-platform-head h3{margin:0}.cb-platform-head p{margin:.15rem 0 0;color:#ffffffe0;font-size:.82rem}.cb-platform-body{padding:1rem 1.2rem;display:grid;gap:1rem}.cb-upload-box{width:100%;border-radius:.7rem;border:2px dashed rgba(100,116,139,.8);background:#0f172a99;color:#e2e8f0;padding:1.4rem .8rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.cb-upload-box:hover{border-color:#9333eab3}.cb-estimate{border-radius:.7rem;padding:.8rem;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between}.cb-estimate h4{margin:.2rem 0 0;font-size:1.35rem}.cb-estimate p,.cb-estimate small{color:var(--cb-text-muted)}.cb-estimate-green{border-color:#22c55e4d;background:linear-gradient(145deg,#22c55e1f,#10b9811a)}.cb-estimate-green h4,.cb-estimate-green svg{color:#4ade80}.cb-estimate-red{border-color:#ef44444d;background:linear-gradient(145deg,#ef44441f,#f43f5e1a)}.cb-estimate-red h4,.cb-estimate-red svg{color:#f87171}.cb-total-reach h3{margin-bottom:.75rem}.cb-total-reach article{text-align:center}.cb-total-reach article p{margin:0;font-size:.78rem;color:var(--cb-text-muted)}.cb-total-reach article h4{margin:.22rem 0 0;font-size:1.55rem;color:#c084fc}.cb-choice-card{text-align:left;padding:.85rem;cursor:pointer;transition:all .18s ease}.cb-choice-card:hover{border-color:#8b5cf659;background:var(--cb-glass-hover)}.cb-choice-card strong{display:block}.cb-choice-card p{margin:.2rem 0 0;font-size:.78rem;color:var(--cb-text-muted)}.cb-choice-card.is-selected{border-width:2px;border-color:var(--cb-purple);background:#8b5cf614}.cb-chip-row{display:flex;flex-wrap:wrap;gap:.42rem}.cb-chip{border:1px solid rgba(148,163,184,.5);background:#334155a6;color:#e2e8f0;border-radius:999px;padding:.38rem .72rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.35rem}.cb-chip-active{border-color:#9333eaf2;background:#9333ea59;color:#f5f3ff}.cb-chip-spotify{border-color:#22c55ecc;background:#16a34a66}.cb-chip-youtube{border-color:#ef4444cc;background:#dc262659}.cb-chip-static button{border:none;background:transparent;color:inherit;padding:0;display:inline-flex;cursor:pointer}.cb-icon-btn{border:none;background:transparent;color:var(--cb-text-muted);cursor:pointer}.cb-icon-btn:hover{color:#fff}.cb-social-post{padding:.95rem 1.1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;transition:border-color .18s ease}.cb-social-post:hover{border-color:#ffffff1f}.cb-social-post p{margin:.4rem 0 0;color:var(--cb-text-soft);line-height:1.5}.cb-timeline{display:grid;gap:.6rem}.cb-timeline>div{display:flex;align-items:center;gap:.8rem}.cb-timeline>div>span{width:7.3rem;color:var(--cb-text-muted);font-size:.79rem}.cb-timeline-bar{border-radius:.65rem;padding:.7rem .85rem;flex:1;border:1px solid transparent;font-size:.83rem}.cb-timeline-purple{background:#9333ea33;border-color:#9333ea59}.cb-timeline-blue{background:#3b82f62e;border-color:#3b82f659}.cb-timeline-main{background:linear-gradient(90deg,#9333ea,#ec4899);border-color:#c084fcb3;font-weight:700}.cb-timeline-green{background:#22c55e2e;border-color:#22c55e59}.cb-health-score{display:flex;align-items:center;justify-content:space-between}.cb-health-score h4{margin:.2rem 0 0;color:#4ade80;font-size:2.25rem}.cb-health-score p{margin:0;color:var(--cb-text-muted);font-size:.8rem}.cb-health-score-lg{font-family:Plus Jakarta Sans,sans-serif;font-size:4.25rem;font-weight:800;color:#4ade80;line-height:1;letter-spacing:-.03em}.cb-upcoming{padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem}.cb-upcoming>div{display:inline-flex;align-items:center;gap:.6rem}.cb-upcoming h4{margin:0}.cb-upcoming p{margin:.2rem 0 0;color:var(--cb-text-muted);font-size:.78rem}.cb-icon-badge{width:4rem;height:4rem;border-radius:999px;margin:0 auto .85rem;display:inline-flex;align-items:center;justify-content:center;background:#9333ea33}.cb-spin{animation:cb-spin 1s linear infinite}@keyframes cb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cb-landing svg,.cb-wizard svg{width:1.1rem;height:1.1rem}.cb-icon-badge svg,.cb-landing__icon svg,.cb-platform-logo svg{width:1.45rem;height:1.45rem}@media (max-width: 1100px){.cb-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-wizard{display:grid}.cb-sidebar{position:static;width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--cb-border)}.cb-sidebar__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-main{margin-left:0;padding:1rem}}@media (max-width: 820px){.cb-landing{padding:1rem}.cb-landing__grid,.cb-fields-two,.cb-fields-three,.cb-grid-two,.cb-grid-three,.cb-grid-four,.cb-style-grid,.cb-track-input-row,.cb-preview-grid,.cb-sidebar__steps{grid-template-columns:1fr}.cb-filter-row{flex-direction:column}.cb-filter-row select{width:100%}.cb-list-card{display:block}.cb-list-card__cover{width:100%;height:4rem;margin-bottom:.65rem}.cb-list-card__head,.cb-checklist-head,.cb-platform-row,.cb-social-post,.cb-upcoming{display:block}.cb-list-card__head .cb-btn,.cb-checklist-head .cb-btn,.cb-upcoming .cb-btn,.cb-social-post .cb-icon-btn{margin-top:.55rem}.cb-timeline>div{display:block}.cb-timeline>div>span{display:block;width:auto;margin-bottom:.35rem}.cb-actions{flex-direction:column}.cb-actions .cb-btn{width:100%}.cb-pr-saved-actions{margin-top:.7rem;width:100%;flex-wrap:wrap}.cb-pr-saved-actions select,.cb-pr-saved-actions .cb-btn{width:100%}}.cb-landing,.cb-wizard{min-height:100vh}.cb-sidebar{top:0;min-height:100vh}.cb-landing h1,.cb-landing h2,.cb-landing h3,.cb-landing h4,.cb-landing h5,.cb-landing h6,.cb-wizard h1,.cb-wizard h2,.cb-wizard h3,.cb-wizard h4,.cb-wizard h5,.cb-wizard h6{color:#fff;font-family:Plus Jakarta Sans,sans-serif}.cb-landing__card{display:flex;flex-direction:column}.cb-landing__card ul{flex:1}.cb-landing__card .cb-btn{width:100%}.cb-step__head h2,.cb-panel h3,.cb-panel h4,.cb-panel h5,.cb-list-card__head h3,.cb-pr-angle-card h4,.cb-sequence-item h5,.cb-upcoming h4,.cb-timeline-bar{color:#fff}.cb-step-ads .cb-step__head{margin-bottom:1.5rem}.cb-step-ads .cb-step__head h2{font-size:clamp(2.1rem,4.3vw,2.8rem)}.cb-step-ads .cb-step__head>p{margin-top:.45rem;font-size:.95rem}.cb-step-ads .cb-panel{margin-bottom:1.35rem}.cb-step-ads .cb-ads-budget-panel{padding:1.5rem}.cb-step-ads .cb-panel label{margin-bottom:.5rem;font-size:.82rem;letter-spacing:.005em}.cb-step-ads .cb-range-row{gap:.8rem}.cb-step-ads .cb-range-row strong{width:5.4rem;font-size:1.5rem}.cb-step-ads .cb-budget-split{margin-top:1.1rem;padding:1.05rem 1rem}.cb-step-ads .cb-platform-row{margin-top:.75rem}.cb-step-ads .cb-help-row{margin-top:1rem;padding-top:1rem}.cb-step-ads .cb-platform-card{margin-bottom:1.35rem}.cb-step-ads .cb-platform-card header{padding:1rem 1.5rem}.cb-step-ads .cb-platform-head h3{font-size:1.95rem;line-height:1.06}.cb-step-ads .cb-platform-head p{margin-top:.2rem;font-size:.85rem}.cb-step-ads .cb-platform-body{padding:1.35rem 1.5rem 1.45rem;gap:1.4rem}.cb-step-ads .cb-row-title{gap:.55rem}.cb-step-ads .cb-row-title h4{font-size:1.35rem}.cb-step-ads .cb-chip-row{gap:.5rem}.cb-step-ads .cb-chip{padding:.4rem .82rem;font-size:.82rem}.cb-step-ads .cb-choice-card{padding:1rem}.cb-step-ads .cb-choice-card strong{font-size:.95rem}.cb-step-ads .cb-choice-card p{font-size:.76rem}.cb-step-ads .cb-upload-box{min-height:5.8rem;padding:1.25rem .95rem;font-size:.9rem}.cb-step-ads .cb-upload-box.cb-upload-box-lg{min-height:7.25rem}.cb-step-ads .cb-platform-body section>label+.cb-upload-box,.cb-step-ads .cb-platform-body section>label+.cb-grid-two,.cb-step-ads .cb-platform-body section>label+input,.cb-step-ads .cb-platform-body section>label+select,.cb-step-ads .cb-platform-body section>label+.cb-chip-row{margin-bottom:.7rem}.cb-step-ads .cb-chip-row+input{margin-top:.62rem}.cb-age-range-row{display:inline-flex;align-items:center;gap:.45rem}.cb-age-range-row input{width:4.8rem;text-align:center}.cb-age-range-row span{color:var(--cb-text-muted);font-size:.86rem}.cb-step-ads .cb-platform-body input,.cb-step-ads .cb-platform-body select{min-height:2.55rem;padding-top:.66rem;padding-bottom:.66rem;font-size:.88rem}.cb-step-ads .cb-estimate{padding:1rem}.cb-step-ads .cb-estimate p{font-size:.84rem}.cb-step-ads .cb-estimate h4{font-size:2.35rem;line-height:1.02}.cb-step-ads .cb-estimate small{font-size:.76rem}.cb-step-ads .cb-total-reach{padding:1.35rem 1.5rem}.cb-step-ads .cb-total-reach h3{margin-bottom:.9rem;font-size:2rem}.cb-step-ads .cb-total-reach article p{font-size:.78rem}.cb-step-ads .cb-total-reach article h4{margin-top:.2rem;font-size:2.3rem}.cb-step-ads .cb-actions{margin-top:1.8rem}.cb-step-ads .cb-actions .cb-btn{min-width:6.2rem;min-height:2.8rem;font-size:.95rem}.cb-step-ads .cb-actions .cb-btn-primary{background:linear-gradient(90deg,#9333ea,#ec4899)}.cb-step-ads select,.cb-step-ads .cb-platform-body input,.cb-step-ads .cb-platform-body select,.cb-step-ads .cb-age-range-row input{background:#0f172ab3;color:#fff;border:1px solid rgba(100,116,139,.4);border-radius:.7rem;padding:.55rem .75rem}.cb-step-ads select option{background:#1e1b4b;color:#fff}.cb-wizard .campaign-social-page{min-height:auto;padding:0;background:transparent}.cb-wizard .campaign-social-page .social-header{padding-top:0}.cb-wizard .epk-workspace{border:none;border-radius:0}