.result-item{background:#ffffff0d;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.result-actions{flex-shrink:0;gap:.5rem}.feedback-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.feedback-btn:hover:not(:disabled){background:#ffffff26}.feedback-btn:disabled{cursor:default;opacity:.5}.feedback-btn.thumbs-down:hover:not(:disabled){background:#ef444426;color:#ef4444}.feedback-btn.thumbs-down.active{background:#ef444433;color:#ef4444}.feedback-btn.thumbs-up:hover:not(:disabled){background:#22c55e26;color:#22c55e}.feedback-btn.thumbs-up.active{background:#22c55e33;color:#22c55e}.feedback-btn.regenerate{color:#3b82f6}.feedback-btn.regenerate:hover:not(:disabled){background:#3b82f626}.feedback-btn.regenerate.hidden{visibility:hidden}.feedback-btn.regenerate.spinning svg{animation:spin 1s linear infinite}.loading-placeholder{color:#fff6;font-style:italic}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0a0a0a;--bg-elevated:#141414b3;--bg-surface:#1e1e1e80;--accent-primary:#1db954;--accent-color:#1db954;--accent-hover:#1ed760;--accent-glow:#1db9544d;--accent-secondary:#e91e63;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 4px 8px #00000026;--glass-shadow-hover:0 6px 12px #0003;--glass-shadow-lifted:0 8px 16px #0000002e;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#727272;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Open Sans",sans-serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px}.text-xs{font-size:11px;font-size:var(--text-xs,11px)}.text-sm{font-size:13px;font-size:var(--text-sm,13px)}.text-base{font-size:14px;font-size:var(--text-base,14px)}.text-md{font-size:16px;font-size:var(--text-md,16px)}.text-lg{font-size:18px;font-size:var(--text-lg,18px)}.text-xl{font-size:22px;font-size:var(--text-xl,22px)}.text-2xl{font-size:28px;font-size:var(--text-2xl,28px)}.text-3xl{font-size:36px;font-size:var(--text-3xl,36px)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.space-1{margin:4px}.space-2{margin:8px}.space-3{margin:12px}.space-4{margin:16px}.space-5{margin:20px}.space-6{margin:24px}.space-8{margin:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.text-primary{color:#fff}.text-secondary{color:#ffffffb3}.text-muted{color:#727272;color:var(--text-muted,#727272)}.text-spotify{color:#1db954}.text-deezer{color:#a238ff}.text-error{color:#ff5252}.glass{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 8px #00000026;box-shadow:var(--glass-shadow)}.glass-heavy{backdrop-filter:blur(24px);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--blur-lg));background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 25px 50px #00000080}.glass-subtle{backdrop-filter:blur(8px);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--blur-sm));background:#0a0a0ab3}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#1db9544d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#1db95480}*{scrollbar-color:#1db9544d #ffffff0d;scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#0d1a0d 50%,#0a0a0a);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Open Sans,sans-serif;font-family:var(--font-family);min-height:100vh}.app-container{margin:0 auto;max-width:1200px;padding:20px}.app-container.with-sidebar{max-width:1600px}.main-layout{display:flex;flex-direction:column}.main-layout.with-sidebar{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 320px}.main-content-area{min-width:0}.app-right-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.header{grid-gap:16px;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0ab3;border-bottom:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0003;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:30px;margin-left:-20px;margin-right:-20px;min-height:60px;padding:16px 20px;position:relative;z-index:1000}.header-left{gap:15px;justify-self:start}.header-left,.logo{align-items:center;display:flex}.logo{justify-content:center}.logo-img{border-radius:50%;height:48px;object-fit:cover;width:48px}button{background-color:#1db954;background-color:var(--accent-primary);border:none;border-radius:10px;box-shadow:0 0 12px #1db95426;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}button:hover{background-color:#1ed760;background-color:var(--accent-hover);box-shadow:0 0 20px #1db95440;transform:translateY(-1px)}button:disabled{background-color:#404040;box-shadow:none;cursor:not-allowed;transform:none}input,textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#fff;color:var(--text-primary);margin-bottom:15px;padding:12px 16px;transition:all .2s ease;width:100%}input:focus,textarea:focus{border-color:#1db954;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00000026;outline:none}input::placeholder,textarea::placeholder{color:#727272;color:var(--text-muted)}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;margin-bottom:20px;padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:5px}.playlist-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 4px 16px #0003;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-bottom:15px;min-height:140px;padding:16px;position:relative;transition:all .3s ease}.playlist-card:hover{background:#ffffff14;transform:translateY(-4px)}.playlist-card.platform-spotify:hover{border-color:#1db95440;box-shadow:inset 0 1px 0 #ffffff14,0 8px 32px #0000004d,0 0 20px #1db9541a}.playlist-card.platform-deezer:hover{border-color:#a238ff40;box-shadow:inset 0 1px 0 #ffffff14,0 8px 32px #0000004d,0 0 20px #a238ff1a}.playlist-image{border-radius:4px;height:80px;margin:0 auto 12px;object-fit:cover;width:80px}.playlist-info{flex:1 1;width:100%}.playlist-name{color:#fff;font-weight:600;line-height:1.4;margin-bottom:5px;max-height:2.8em}.playlist-stats{color:#b3b3b3;font-size:14px;margin-top:8px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.chart-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;height:400px;margin:30px 0;padding:25px}.tab-buttons{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:4px;justify-content:center;justify-self:center;margin-bottom:0;min-width:0;padding:6px}.tab-button{background-color:initial;border:1px solid #0000;border-radius:8px;color:#b3b3b3;cursor:pointer;font-weight:600;letter-spacing:.3px;margin:0;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background-color:#ffffff14;border-color:#ffffff1a;color:#fff}.tab-button:hover svg{transform:scale(1.1);transition:transform .2s ease}.tab-button:active{transform:scale(.97)}.tab-button svg{transition:transform .2s ease}.tab-button.active{background:linear-gradient(180deg,#1db95440,#1db95426);border:1px solid #1db95480;box-shadow:inset 0 1px 0 #ffffff26,0 0 16px #1db9541f;color:#fff}.tab-button.active:hover{background:linear-gradient(180deg,#1db9544d,#1db95433);box-shadow:inset 0 1px 0 #fff3,0 0 24px #1db9542e}.loading{align-items:center;color:#b3b3b3;display:flex;font-size:18px;height:200px;justify-content:center}.error{color:#ff5252}.error,.success{margin-bottom:15px}.success{color:#1db954}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px;justify-content:center;justify-self:end;min-width:-webkit-max-content;min-width:max-content}.last-updated{background:#1db9541a;border:1px solid #1db95433;border-radius:10px;box-shadow:0 0 16px #1db9540f;color:#fff;color:var(--text-primary);line-height:1.3;margin:0;max-width:100%;padding:10px 16px;text-align:right}.last-updated,.logout-button{font-size:13px;font-weight:500;transition:all .2s ease}.logout-button{background:#0000;border:none;border-radius:10px;box-shadow:none;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;padding:8px 14px}.logout-button:hover{background:#ff4d4d26;color:#ff5252}.last-updated:hover{border-color:#1db95466;box-shadow:0 0 20px #1db9541a}.header-buttons{align-items:center;display:flex;gap:12px}@media (max-width:1180px) and (min-width:901px){.header{gap:12px;padding:14px 18px}.tab-buttons{padding:5px}.tab-button{font-size:14px;padding:10px 16px}.last-updated{font-size:12px;padding:8px 12px}}.force-refresh{background:#0000;border:none;border-radius:10px;box-shadow:none;color:#b3b3b3;color:var(--text-secondary);font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.force-refresh:hover{background:#1db95426;color:#1db954;color:var(--accent-primary)}.dashboard-last-updated{color:#b3b3b3;font-size:12px;margin-bottom:15px;text-align:right}.dashboard-title-row{align-items:center;background-color:#282828;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;padding:15px 25px}.dashboard-title-row h2{font-size:22px;margin:0;white-space:nowrap}.search-filters-row{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.search-container{align-items:center;display:flex;gap:10px}.search-container label{color:#b3b3b3;font-weight:600;white-space:nowrap}.dashboard-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.playlist-search{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;height:36px;padding:8px 15px;transition:all .2s;vertical-align:middle;width:280px}.playlist-search:focus{border-color:#1db954;box-shadow:0 0 0 2px #00000026;outline:none}.playlist-search::placeholder{color:#888}.filter-group{align-items:center;display:flex;white-space:nowrap}.filter-group label{color:#b3b3b3;font-weight:600;margin-right:10px;white-space:nowrap}.filter-select{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-weight:500;max-width:180px;min-width:140px;padding:10px 14px;transition:all .2s ease}.filter-select:hover{background:#ffffff14}.filter-select:focus,.filter-select:hover{border-color:#1db954;border-color:var(--accent-primary)}.filter-select:focus{box-shadow:0 0 0 2px #00000026;outline:none}.compact-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:16px;padding:0 10px}.filter-group-compact,.search-container-inline{align-items:center;display:flex;gap:8px}.filter-group-compact label,.search-container-inline label{color:#b3b3b3;font-size:13px;font-weight:600;white-space:nowrap}.filter-select-compact,.playlist-search-compact{background-color:#333;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#fff;font-size:13px;height:34px;line-height:34px;margin:0;padding:0 10px;transition:all .2s;vertical-align:middle}.playlist-search-compact{width:200px}.filter-select-compact{cursor:pointer;min-width:80px}.filter-select-compact:focus,.playlist-search-compact:focus{border-color:#1db954;box-shadow:0 0 0 2px #00000026;outline:none}.playlist-search-compact::placeholder{color:#888;font-size:12px}.filter-select-compact:hover{background-color:#3a3a3a}.filter-select-compact option{background-color:#333;color:#fff;padding:8px}.playlist-refresh{align-items:center;display:flex;gap:15px}.playlist-refresh .last-updated{margin-right:10px}.positive{color:#1db954}.negative{color:#ff5252}.dev-tools-container{align-items:flex-start;display:flex;flex-direction:column;position:relative}.dev-tools-toggle{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 4px 8px #00000026;box-shadow:var(--glass-shadow);color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.dev-tools-toggle:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 6px 12px #0003;box-shadow:var(--glass-shadow-hover);color:#fff;color:var(--text-primary)}.dev-tools-toggle:hover svg{transform:rotate(90deg)}.dev-tools-toggle svg,.toggle-chevron{transition:transform .3s ease}.toggle-chevron{align-items:center;display:flex}.toggle-chevron.rotated{transform:rotate(180deg)}.dev-tools-panel{animation:slideDown .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414d9;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff0d;left:0;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dev-tools-panel .console-button,.dev-tools-panel .force-refresh,.dev-tools-panel .logout-button{background:#0000;border:none;border-bottom:1px solid #ffffff14;border-radius:0;font-size:13px;justify-content:flex-start;margin:0;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dev-tools-panel .console-button:last-child,.dev-tools-panel .force-refresh:last-child,.dev-tools-panel .logout-button:last-child{border-bottom:none}.dev-tools-panel .console-button:hover,.dev-tools-panel .logout-button:hover{background:#ffffff14;box-shadow:none;transform:none}.dev-tools-panel .force-refresh:hover{background:#1db95426;box-shadow:none;transform:none}.playlist-image-placeholder{align-items:center;background-color:#333;border-radius:4px;color:#1db954;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;margin-right:15px;width:80px}.playlist-image-placeholder.large{font-size:42px;height:160px;width:160px}.placeholder-text{text-transform:uppercase}.playlist-header{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;display:flex;margin-bottom:30px;padding:25px}.playlist-image-container{margin-right:30px;position:relative}.playlist-image-placeholder.large,.playlist-image.large{border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;height:200px;transition:transform .3s ease,box-shadow .3s ease;width:200px}.playlist-image.large:hover{box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff1a;transform:scale(1.02)}.playlist-image-actions{margin-top:15px;text-align:center}.image-action-button{padding:10px 0;width:100%}.playlist-header-info{display:flex;flex:1 1;flex-direction:column}.playlist-title-section{margin-bottom:15px}.playlist-title{font-size:28px;margin-bottom:5px}.playlist-owner{color:#b3b3b3;font-size:16px;margin-bottom:15px}.playlist-card .playlist-owner{color:#b3b3b3;font-size:14px;margin-bottom:5px}.playlist-description{color:#fff;font-size:16px;line-height:1.5;margin-bottom:15px;max-width:100%}.playlist-last-updated{color:#b3b3b3;font-size:14px;margin-bottom:20px}.playlist-actions-buttons{display:flex;gap:15px;margin-top:auto}.spotify-button{align-items:center;background-color:#1db954;display:flex;font-size:16px;justify-content:center;padding:12px 20px}.spotify-button:hover{background-color:#1ed760}.stats-container{margin-top:30px}.stats-header{gap:12px;justify-content:space-between;margin-bottom:16px}.stats-header,.stats-header h2{align-items:center;display:flex;flex-wrap:wrap}.stats-header h2{font-size:20px;gap:10px;margin:0}.filter-options{align-items:center;display:flex}.filter-options label{font-weight:600;margin-right:10px}.filter-options select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;padding:8px 12px}.stats-table{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;margin-top:30px;padding:25px}.stats-table h3{color:#1db954;font-size:20px;margin-bottom:20px}.stats-table table{border-collapse:collapse;width:100%}.stats-table th{border-bottom:1px solid #ffffff1a;color:#b3b3b3;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.stats-table td{border-bottom:1px solid #ffffff0d;padding:14px 16px;transition:background-color .2s ease}.stats-table tr:last-child td{border-bottom:none}.stats-table tbody tr{border-radius:8px;transition:all .2s ease}.stats-table tbody tr:hover{background:#ffffff08}.playlist-actions-header{align-items:center;backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 4px 16px #0003;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{padding:10px 20px}.follower-count,.growth{font-size:16px;font-weight:600}.follower-count{margin-right:5px}.growth{border-radius:4px;display:inline-block;padding:2px 6px}.growth.positive{background-color:#1db95426;color:#1db954;font-weight:600}.growth.negative{background-color:#ff525226;color:#ff5252;font-weight:600}.tracked-users{width:100%}.error-banner,.success-banner{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;font-weight:500;margin-bottom:20px;padding:14px 18px;text-align:center}.error-banner{background:#ff525226;border:1px solid #ff525240;color:#ff5252}.success-banner{background:#1db95426;border:1px solid #1db95440;color:#1db954}.tracked-users-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:300px 1fr;min-height:600px}.users-sidebar{display:flex;flex-direction:column;gap:25px}.add-user-panel,.user-details-panel,.users-panel{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 8px #00000026;box-shadow:var(--glass-shadow);overflow:hidden}.add-user-panel h3,.users-panel h3{background:#ffffff08;border-bottom:1px solid #ffffff14;color:#1db954;font-size:16px;font-weight:600;margin:0;padding:16px 20px}.users-list{max-height:400px;overflow-y:auto}.no-users-message{color:#b3b3b3;padding:20px;text-align:center}.user-item:hover{background:#ffffff0f}.user-item.selected{background:#1db9541a;border-left:3px solid #1db954}.deezer-panel h3{color:#a238ff!important}.deezer-panel .user-item.selected{background:#a238ff1a;border-left:3px solid #a238ff}.user-item-content{width:100%}.user-avatar{align-items:center;background:#1db95433;border-radius:50%;box-shadow:0 2px 8px #1db95433;color:#1db954;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.user-avatar.large{font-size:20px;height:56px;width:56px}.user-avatar.deezer{background:#a238ff33;box-shadow:0 2px 8px #a238ff33;color:#a238ff}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-last-updated{color:#b3b3b3;font-size:12px}.remove-button{background-color:#e91e63;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;opacity:.7;padding:6px 10px;transition:opacity .2s}.user-item:hover .remove-button{opacity:1}.remove-button:hover{background-color:#ff4081}.user-playlists-panel{display:flex;flex-direction:column;height:100%;padding:0}.user-playlists-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:15px;justify-content:space-between;padding:16px 20px}.user-playlists-header h2{color:#1db954;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.back-button:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff;color:var(--text-primary)}.user-playlists{max-height:500px;overflow-y:auto;padding:20px}.user-playlists .error,.user-playlists .loading,.user-playlists .no-playlists{align-items:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;color:#b3b3b3;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px 20px;text-align:center}.user-playlists .error{background:#ff52520d;border-color:#ff525233;color:#ff5252}.user-item{border-left:3px solid #0000;border-radius:10px;cursor:pointer;margin:6px 12px;padding:12px 16px;transition:all .2s ease}.user-item,.user-item-content{align-items:center;display:flex}.user-item-content{flex:1 1;justify-content:space-between;min-width:0}.user-item-content .user-name{flex:1 1;margin-bottom:0;padding-right:10px}.no-users{color:#b3b3b3;padding:40px 20px;text-align:center}.no-users p{margin:5px 0}.add-user-form{padding:20px}.add-user-form .form-group{margin-bottom:15px}.add-user-form label{display:block;font-weight:600;margin-bottom:8px}.add-user-form input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:10px;width:100%}.add-user-form small{color:#b3b3b3;display:block;font-size:12px;margin-top:5px}.add-user-form button{background-color:#1db954;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 15px;width:100%}.add-user-form button:hover{background-color:#1ed760}.select-user-prompt{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.select-user-prompt h3{color:#8a8a8a;font-size:18px;font-weight:500;margin:0 0 12px}.select-user-prompt p{color:#727272;color:var(--text-muted);font-size:14px;margin:0}.user-details-panel{display:flex;flex-direction:column;padding:0}.user-header{border-bottom:1px solid #333;justify-content:space-between;padding:20px}.user-header,.user-header-info{align-items:center;display:flex}.user-header-info h3{font-size:22px;margin:0 0 5px}.update-playlists-button{align-items:center;background-color:#1db954;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:10px 20px}.update-playlists-button:hover{background-color:#1ed760}.no-selection{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:20px}.no-selection-icon{font-size:36px;margin-bottom:15px}.no-selection p{font-size:18px}.playlists-table{border-collapse:collapse;width:100%}.playlists-table th{background:#ffffff08;border-bottom:1px solid #ffffff1a;color:#b3b3b3;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.playlists-table td{border-bottom:1px solid #ffffff0d;padding:14px 16px}.playlists-table tr:last-child td{border-bottom:none}.playlists-table tbody tr{transition:background .2s ease}.playlists-table tbody tr:hover{background:#ffffff08}.view-button{background:#1db95426;border:1px solid #1db9544d;border-radius:8px;color:#1db954;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.view-button:hover{background:#1db95440;border-color:#1db95480}.untracked-playlist{opacity:.7}.untracked-badge{background-color:#666;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.view-button:disabled{background-color:#444;color:#888;cursor:not-allowed}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-container{align-items:center;background-color:#282828;border-radius:12px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;max-width:90vw;padding:30px;text-align:center;transition:height .3s ease;width:500px}.loading-container.with-console{max-height:80vh;width:700px}.loading-container h3{color:#fff;font-size:22px;margin:20px 0}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #1db95433;border-radius:50%;border-top-color:#1db954;height:60px;width:60px}.progress-container{background-color:#3d3d3d;border-radius:10px;height:8px;margin:15px 0 10px;overflow:hidden;width:100%}.progress-bar{background-color:#1db954;border-radius:10px;box-shadow:0 0 12px #1db95466;height:100%;transition:width .3s ease-in-out}.progress-text{color:#b3b3b3;font-size:14px;margin-top:5px}.loading-status-message{animation:pulse 1.5s ease-in-out infinite;color:#1db954;font-size:16px;font-weight:500;margin:10px 0;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.console-toggle-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.console-toggle-button:hover{background-color:#555}.overlay-console{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;font-family:monospace;font-size:12px;height:300px;margin-top:15px;overflow-y:auto;padding:10px;text-align:left;width:100%}.console-empty{color:#666;margin-top:20px;text-align:center}.console-entry{background-color:#0003;border-radius:4px;margin-bottom:8px;padding:6px;word-break:break-word}.console-log{border-left:3px solid #1db954}.console-warn{background-color:#ffc1071a;border-left:3px solid #ffc107}.console-error{background-color:#ff52521a;border-left:3px solid #ff5252}.console-info{background-color:#2196f31a;border-left:3px solid #2196f3}.console-timestamp{color:#888;font-size:11px;margin-right:8px}.console-type{font-size:11px;font-weight:700;margin-right:8px}.console-type[class*=LOG]{color:#1db954}.console-type[class*=WARN]{color:#ffc107}.console-type[class*=ERROR]{color:#ff5252}.console-type[class*=INFO]{color:#2196f3}.console-message{margin:5px 0 0;white-space:pre-wrap}.overlay-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;width:100%}.cancel-refresh-button{background-color:#e91e63;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.cancel-refresh-button:hover{background-color:#ff4081}.next-scan{color:#b3b3b3;font-size:12px;margin-bottom:8px;text-align:right}.general-data-card{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;margin-bottom:20px;padding:20px}.general-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.general-data-header h2{color:#1db954;font-size:18px;margin:0}.time-filter{align-items:center;display:flex;gap:8px}.time-filter label{color:#b3b3b3;font-size:12px;font-weight:600}.general-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(140px,180px));justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}@media (max-width:900px){.header{gap:15px;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;padding-bottom:15px}.header-left{align-items:center;flex-direction:column;gap:10px;justify-self:center;text-align:center}.logo-img{height:42px;width:42px}.tab-buttons{gap:4px;justify-content:center;padding:6px;width:100%}.tab-button{font-size:14px;padding:10px 16px}.header-actions{align-items:center;flex-direction:column;gap:10px;justify-self:center;width:100%}.last-updated{font-size:12px;padding:6px 12px;text-align:center}.logout-button{font-size:14px;min-height:44px;padding:10px 20px}.dev-tools-panel{left:50%;min-width:180px;transform:translateX(-50%)}}@media (max-width:600px){.logo-img{height:38px;width:38px}.tab-button{flex:1 1;font-size:13px;padding:8px 12px}.dev-tools-toggle{font-size:11px;padding:5px 8px}.dashboard-filters-row{gap:6px;margin-bottom:12px}.filter-group{flex:1 1 minmax(85px,1fr)}.filter-group label{font-size:11px;margin-right:4px}.filter-select{font-size:12px;padding:7px 6px}}@media (max-width:768px){.playlist-actions-header{margin-bottom:15px;margin-top:0;order:-1;padding:12px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{justify-content:center;width:100%}.playlist-header{align-items:center;flex-direction:column;padding:20px;text-align:center}.playlist-image-container{margin-bottom:20px;margin-right:0}.playlist-image-placeholder.large,.playlist-image.large{height:140px;width:140px}.playlist-header-info{width:100%}.playlist-title{font-size:22px}.playlist-owner{font-size:14px}.playlist-description{font-size:14px;max-width:100%}.playlist-follower-count{font-size:20px!important;margin:12px 0!important}.playlist-last-updated{font-size:12px;margin-bottom:15px}.playlist-actions-buttons{flex-direction:column;gap:10px;width:100%}.playlist-actions-buttons button{font-size:14px;min-height:44px;padding:12px 16px;width:100%}.chart-container{padding:15px}.stats-header{align-items:center!important;flex-direction:column;gap:12px!important;text-align:center}.stats-header h2{align-items:center;display:flex;flex-direction:column;font-size:18px!important;gap:8px}.stats-header h2 span{display:inline-block!important;font-size:13px!important;margin-left:0!important;margin-top:0!important;padding:4px 10px!important}.filter-options{justify-content:center;text-align:center;width:100%}.filter-options label{font-size:13px}.filter-options select{font-size:13px;padding:8px 10px}}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;margin:0 -20px;overflow-x:auto;padding:0 20px}@media (min-width:769px){.table-scroll-wrapper{margin:0;padding:0}}@media (max-width:640px){.data-table table,.playlists-table,.stats-table table{font-size:12px}.data-table td,.data-table th,.playlists-table td,.playlists-table th,.stats-table td,.stats-table th{padding:8px 10px}.stats-table-header{align-items:flex-start;flex-direction:column;gap:10px}.pagination-controls{flex-wrap:wrap}.pagination-info{font-size:12px;min-width:150px}}@media (max-width:1024px){.tracked-users-container{grid-template-columns:1fr!important}.users-sidebar{flex-direction:row;flex-wrap:wrap;gap:20px}.add-user-panel,.users-panel{flex:1 1;min-width:280px}}@media (max-width:768px){.add-user-panel h3,.users-panel h3{border-radius:12px 12px 0 0;font-size:14px;padding:12px 16px}.users-list{max-height:300px}.user-item-content{padding:12px 15px}.user-avatar{height:36px;width:36px}.user-avatar,.user-name{font-size:14px}.remove-button{font-size:12px;min-height:40px;padding:8px 12px}.add-user-form{padding:15px}.add-user-form label{font-size:13px}.add-user-form input{font-size:14px;padding:10px}.add-user-form button{min-height:44px}}@media (max-width:640px){.playlist-card{align-items:center;padding:12px;text-align:center}.playlist-image,.playlist-image-placeholder{height:100px;margin-bottom:12px;width:100px}.playlist-card .platform-badge{left:8px;position:absolute;top:8px}.playlist-info{width:100%}.playlist-name{-webkit-line-clamp:3;font-size:15px;margin-bottom:8px;max-height:4.2em}.playlist-owner{font-size:13px;margin-bottom:8px}.playlist-stats{display:flex;flex-direction:column;font-size:13px;gap:6px}}.playlists-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:640px){.playlists-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:768px){.general-data-header{align-items:flex-start!important;flex-direction:column;gap:8px}.general-data-header h2{font-size:16px}.time-filter{justify-content:flex-start;width:100%}.time-filter label{font-size:11px}.stat-card{padding:8px 6px}.stat-title{font-size:10px;margin-bottom:3px}.stat-value{font-size:16px}.general-stats-grid{gap:8px;grid-template-columns:repeat(2,minmax(100px,140px));justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}.time-filter select{flex:1 1;min-width:120px}.logout-button,.pagination-button,.view-button,button{font-size:14px;min-height:44px;min-width:44px;padding:10px 16px}.filter-select,.pagination-select,.playlist-search,input,select{font-size:16px!important;min-height:44px;padding:10px 12px}.filter-button{font-size:13px;min-height:40px;padding:10px 16px}.tracked-users-container{gap:15px;grid-template-columns:1fr}.platform-tabs{gap:5px;margin-bottom:15px}.platform-tab{flex:1 1;font-size:13px;padding:10px 12px;text-align:center}.user-playlists-header{align-items:flex-start;flex-direction:column;gap:10px}.user-playlists-header h2{font-size:16px}.back-button{width:100%}}@media (max-width:600px){.loading-container{padding:20px;width:95vw}.loading-container h3{font-size:18px;margin:15px 0}.loading-spinner{height:50px;width:50px}.overlay-console{font-size:11px;height:200px}}@media (max-height:700px){.loading-container{padding:15px}.loading-container h3{font-size:16px;margin:10px 0}.loading-spinner{height:40px;width:40px}.overlay-console{height:150px}}.loading-overlay,.popup-overlay{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.app-right-sidebar,.playlist-right-sidebar{z-index:10}@media (min-width:1025px){.app-right-sidebar,.playlist-right-sidebar{max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}}@media (max-width:1024px){.app-right-sidebar,.playlist-right-sidebar{max-height:none;position:static}}@media (max-width:768px){.dashboard-title-row{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.dashboard-title-row h2{font-size:18px;text-align:center;white-space:normal}.search-container{width:100%}.dashboard-filters-row{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:0 15px}.filter-group{flex:1 1 minmax(100px,1fr);min-width:0}.filter-group label{font-size:12px;margin-right:6px}.filter-select{flex:1 1;font-size:13px;min-width:0;padding:8px}.stats-header h2{font-size:18px}.stats-header h2 span{display:inline-block;font-size:12px;margin-left:8px;margin-top:4px;padding:3px 8px}.card{margin-bottom:15px;padding:15px}.pagination-controls{gap:12px;padding:15px}.pagination-info{font-size:12px}.pagination-button{font-size:13px;min-width:36px;padding:8px 10px}}@media (max-width:480px){.chart-container{padding:12px!important}.stats-header h2{font-size:16px!important}}@media (max-width:768px){.platform-badge{font-size:10px;padding:4px 8px}}@media (max-width:600px){.platform-tabs{flex-direction:column}.platform-tab{justify-content:center;width:100%}}@media (max-width:480px){.stat-value{font-size:24px}.stat-title{font-size:14px}}@media (max-width:1200px){.general-stats-grid{grid-template-columns:repeat(4,minmax(120px,160px));justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}}@media (max-width:768px){.general-stats-grid{grid-template-columns:repeat(2,minmax(100px,140px));justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}}.stat-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08,0 4px 12px #00000026;cursor:pointer;padding:14px 12px;text-align:center;transition:all .25s ease}.stat-card:hover{background:#ffffff0f;border-color:#1db95433;box-shadow:inset 0 1px 0 #ffffff14,0 8px 24px #00000040,0 0 20px #1db9540f;transform:translateY(-3px)}.stat-title{color:#b3b3b3;font-size:11px;font-weight:600;line-height:1.2;margin-bottom:4px}@media (max-width:768px){.dashboard-title-row{align-items:stretch;flex-direction:column;gap:15px;padding:15px 20px}.dashboard-title-row h2{text-align:center;white-space:normal}.playlist-search,.search-container{width:100%}.dashboard-filters-row{gap:8px;justify-content:center;margin-bottom:15px}.filter-group{flex:1 1 minmax(100px,1fr);max-width:none}.compact-controls-row{gap:10px;margin-bottom:12px;padding:0 5px}.search-container-inline{flex:1 1 100%;min-width:0}.playlist-search-compact{width:100%}.filter-group-compact{flex:1 1 minmax(70px,1fr);min-width:0}.filter-group-compact label{font-size:11px}.filter-select-compact{font-size:12px;min-width:60px;padding:5px 8px}}.scan-playlist-button{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:12px 24px;transition:all .3s ease}.scan-playlist-button:hover:not(:disabled){background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.scan-playlist-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.scan-message{border-radius:8px;font-size:14px;font-weight:500;margin-top:15px;padding:10px 15px}.scan-message.success{background-color:#1db9541a;border:1px solid #1db9544d;color:#1db954}.scan-message.error{background-color:#ff52521a;border:1px solid #ff52524d;color:#ff5252}a{color:inherit!important;text-decoration:none!important}.playlists-grid a,.playlists-grid a:active,.playlists-grid a:hover,.playlists-grid a:visited{color:#fff!important;text-decoration:none!important}.playlist-card,.playlist-card *{color:inherit}.playlist-card .follower-count,.playlist-card .playlist-name,.playlist-card .playlist-owner{color:#fff!important}.stats-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stats-table-header h3{margin:0}.pagination-arrow{align-items:center;background-color:#1db95426;border:1px solid #1db9544d;border-radius:6px;color:#1db954;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:6px 14px;transition:all .2s ease}.pagination-arrow:hover:not(:disabled){background-color:#1db95440;border-color:#1db95480;transform:translateY(-1px)}.pagination-arrow svg{transition:transform .2s ease}.pagination-arrow-left:hover:not(:disabled) svg{transform:translateX(-3px) scale(1.2)}.pagination-arrow-right:hover:not(:disabled) svg{transform:translateX(3px) scale(1.2)}.pagination-arrow:active:not(:disabled){transform:translateY(0)}.pagination-arrow:disabled{background-color:initial;border-color:#333;color:#444;cursor:not-allowed;opacity:.5}.pagination-info{color:#b3b3b3;font-size:14px;font-weight:500;letter-spacing:.3px;min-width:200px;text-align:center}.pagination-controls{background-color:initial;border:1px solid #1db95433;border-radius:6px;gap:15px;justify-content:space-between;margin-top:20px;padding:15px 20px}.pagination-buttons,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap}.pagination-buttons{gap:8px;justify-content:center}.pagination-button{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#1db954;border-color:#1db954;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.pagination-button:disabled{background-color:#222;border-color:#333;color:#555;cursor:not-allowed;opacity:.6}.pagination-button.active{background-color:#1db954;border-color:#1db954;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:600}.pagination-ellipsis{color:#b3b3b3;font-size:14px;padding:8px 4px;-webkit-user-select:none;user-select:none}.pagination-per-page{align-items:center;display:flex;gap:10px}.pagination-per-page label{color:#b3b3b3;font-size:14px;font-weight:500}.pagination-select{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-width:60px;padding:8px 12px;transition:all .2s ease}.pagination-select:hover{background-color:#3a3a3a;border-color:#1db954}.pagination-select:focus{border-color:#1db954;box-shadow:0 0 0 2px #00000026;outline:none}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px;padding:15px 20px}.pagination-info{text-align:center;width:100%}.pagination-buttons,.pagination-per-page{justify-content:center;width:100%}}.popup-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{animation:slideIn .2s ease-out;backdrop-filter:blur(24px);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--blur-lg));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90vw}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popup-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.popup-header h3{color:#1db954;font-size:20px;font-weight:700;margin:0}.popup-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#b3b3b3;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.popup-close:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff}.popup-content{padding:20px 24px 24px}.update-timestamp{background-color:#181818;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:20px}.timestamp-label{color:#b3b3b3;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.timestamp-value{color:#fff;font-size:18px;font-weight:600}.followers-info{background-color:#181818;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:20px}.followers-count{align-items:center;display:flex;justify-content:space-between}.followers-label{color:#b3b3b3;font-size:16px;font-weight:600}.followers-value{color:#1db954;font-size:24px;font-weight:700}.metadata-changes{background-color:#181818;border:1px solid #333;border-radius:12px;padding:20px}.changes-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.changes-icon{font-size:20px}.changes-title{color:#fff;font-size:18px;font-weight:700}.changes-list{display:flex;flex-direction:column;gap:20px}.change-item{background-color:#121212;border:1px solid #2a2a2a;border-radius:10px;padding:18px}.change-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.change-field,.change-icon{font-size:16px}.change-field{color:#fff;font-weight:600}.change-content{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.change-from,.change-to{display:flex;flex-direction:column;gap:8px}.change-label{color:#b3b3b3;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.change-value{border:1px solid #404040;border-radius:8px;font-size:14px;line-height:1.4;padding:12px;word-break:break-word}.change-value.from{background-color:#ff52521a;border-color:#ff52524d;color:#ffb3b3}.change-value.to{background-color:#1db9541a;border-color:#1db9544d;color:#b3ffcc}.change-arrow{align-self:center;color:#b3b3b3;font-size:18px;font-weight:600;text-align:center}.no-metadata-changes{align-items:center;background-color:#181818;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.no-changes-icon{font-size:24px;opacity:.6}.no-changes-text{color:#b3b3b3;font-size:16px}@media (max-width:768px){.popup-container{border-radius:12px;max-height:90vh;width:95vw}.popup-header{padding:16px 20px}.popup-header h3{font-size:18px}.popup-content{padding:16px 20px 20px}.change-content{gap:12px;grid-template-columns:1fr}.change-arrow{align-self:center;rotate:90deg}.timestamp-value{font-size:16px}.followers-value{font-size:20px}}.playlist-page-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 320px}.playlist-main-content{display:flex;flex-direction:column;min-width:0}.playlist-right-sidebar{display:flex;flex-direction:column;gap:20px}.playlist-content-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 320px;margin-top:20px}.main-content{gap:30px;min-width:0}.main-content,.sidebar{display:flex;flex-direction:column}.sidebar{gap:20px}.playlist-overview{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;overflow:hidden;transition:all .3s ease}.playlist-overview-main-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease;width:100%}.playlist-overview-main-header:hover{background:#ffffff0d}.playlist-overview-main-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px}.playlist-overview-main-title svg{color:#b3b3b3;color:var(--text-secondary);opacity:.8}.playlist-overview-main-chevron{align-items:center;color:#b3b3b3;color:var(--text-secondary);display:flex;transition:transform .2s ease}.playlist-overview-body{display:flex;flex-direction:column;gap:16px;padding:0 20px 20px}.overview-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px}.overview-header h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.overview-content{gap:16px}.overview-content,.overview-item{display:flex;flex-direction:column}.overview-item{border-bottom:1px solid #ffffff0d;gap:6px;padding:12px 0}.overview-item:last-child{border-bottom:none;padding-bottom:0}.overview-label{color:#b3b3b3;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.overview-value{color:#fff;font-size:16px;font-weight:600}.overview-value.positive{color:#1db954}.overview-value.negative{color:#ff5252}.overview-value.trend{align-items:center;display:flex;font-size:14px;gap:6px}@media (max-width:1400px){.app-container.with-sidebar{max-width:1400px}.main-layout.with-sidebar,.playlist-content-layout,.playlist-page-layout{gap:25px;grid-template-columns:1fr 300px}}@media (max-width:1200px){.main-layout.with-sidebar,.playlist-content-layout,.playlist-page-layout{gap:20px;grid-template-columns:1fr 280px}.main-content{gap:25px}.sidebar{gap:15px}.playlist-overview-main-header{padding:14px 18px}.playlist-overview-body{padding:0 18px 18px}}@media (max-width:1024px){.main-layout.with-sidebar{gap:25px;grid-template-columns:1fr}.app-right-sidebar{order:-1}.playlist-content-layout,.playlist-page-layout{gap:25px;grid-template-columns:1fr}.playlist-right-sidebar,.sidebar{order:-1}.playlist-overview-main-header{padding:16px 20px}.playlist-overview-body{padding:0 20px 20px}.overview-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-item{background-color:#181818;border:1px solid #404040;border-radius:6px;padding:15px}.main-content{gap:20px}}@media (max-width:768px){.overview-content{grid-template-columns:1fr}.overview-item{padding:12px}.overview-value{font-size:15px}}.content-insights-sidebar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0000004d;margin-top:20px;overflow:hidden;transition:all .3s ease}.content-insights-sidebar.collapsed{background:#ffffff08}.content-insights-main-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease;width:100%}.content-insights-main-header:hover{background:#ffffff0d}.content-insights-main-title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px}.content-insights-main-title svg{color:#b3b3b3;color:var(--text-secondary);opacity:.8}.content-insights-main-chevron{color:#b3b3b3;transition:transform .2s ease}.content-scan-indicator{align-items:center;border-radius:50%;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:4px;width:18px}.content-scan-indicator.warning{background:#ffc10733;color:#ffc107}.content-scan-indicator.error{background:#ff525233;color:#ff5252}.content-scan-indicator.pending{background:#ffffff1a;color:#b3b3b3}.content-insights-body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.content-insights-section{background:#0003;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;transition:all .2s ease}.content-insights-section.highlighted{border-color:#1db9544d}.content-insights-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background-color .2s ease;width:100%}.content-insights-header:hover{background:#ffffff0d}.content-insights-header-icon{align-items:center;color:#b3b3b3;display:flex}.content-insights-header-title{color:#e0e0e0;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.content-insights-chevron{color:#666;transition:transform .2s ease}.content-insights-content{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.content-insights-content.expanded{max-height:500px;opacity:1}.content-insights-content.collapsed{max-height:0;opacity:0}.content-metric-item{border-top:1px solid #ffffff0d;padding:10px 14px}.content-metric-item:first-child{border-top:none}.content-metric-label{color:#888;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.content-metric-value{color:#fff;display:block;font-size:15px;font-weight:600}.content-metric-item.top-artists{padding:12px 14px}.top-artists-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.top-artist-entry{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:background-color .2s ease}.top-artist-entry:hover{background:#ffffff0f}.top-artist-rank{align-items:center;background:#1db95433;border-radius:50%;color:#1db954;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.top-artist-name{color:#fff;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-artist-count{color:#888;font-size:11px;font-weight:500}.content-scan-info{align-items:center;background:#ffffff08;border-radius:8px;color:#666;display:flex;font-size:11px;gap:6px;padding:10px 14px}.content-scan-info svg{color:#555;flex-shrink:0}@media (max-width:1200px){.content-insights-sidebar{border-radius:14px}.content-insights-main-header{padding:14px 16px}.content-insights-body{gap:10px;padding:0 14px 14px}}@media (max-width:1024px){.content-insights-sidebar{border-radius:16px;padding:0}.content-insights-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.content-insights-section{margin:0}}@media (max-width:768px){.content-insights-body{grid-template-columns:1fr;padding:12px}}.error-boundary{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;justify-content:center;margin:20px 0;min-height:300px;padding:20px}.error-boundary-content{max-width:600px;text-align:center}.error-boundary-icon{font-size:48px;margin-bottom:16px}.error-boundary-title{color:#ff6b6b;font-size:24px;font-weight:600;margin-bottom:12px}.error-boundary-message{color:#ccc;font-size:16px;line-height:1.5;margin-bottom:24px}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.error-boundary-button-primary{background-color:#1db954;color:#fff}.error-boundary-button-primary:hover{background-color:#1ed760;transform:translateY(-1px)}.error-boundary-button-secondary{background-color:#333;border:1px solid #555;color:#ccc}.error-boundary-button-secondary:hover{background-color:#444;border-color:#666}.error-boundary-details{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;margin:20px 0;padding:16px;text-align:left}.error-boundary-details summary{color:#1db954;cursor:pointer;font-weight:500;margin-bottom:12px}.error-boundary-error-info{color:#aaa;font-size:12px}.error-boundary-error-info p{margin-bottom:8px}.error-boundary-stack{background-color:#1a1a1a;border:1px solid #333;border-radius:3px;color:#ccc;font-size:11px;max-height:200px;overflow-x:auto;overflow-y:auto;padding:8px;white-space:pre-wrap;word-break:break-all}.platform-tabs{background-color:#1e1e1e;border-radius:6px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.platform-tab{align-items:center;background-color:initial;border:none;border-radius:4px;color:#b3b3b3;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.no-playlists{color:#b3b3b3;font-size:16px;padding:40px 20px;text-align:center}.total-daily-gained-likes-modal{max-width:900px;width:95vw}.time-range-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.filter-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#b3b3b3;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-button:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.filter-button.active{background:#1db95426;border-color:#1db95466;box-shadow:0 0 12px #0000001a;color:#1db954}.summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-bottom:20px}.summary-stat{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px 12px;text-align:center;transition:all .2s ease}.summary-stat:hover{background:#ffffff0f;border-color:#1db95433}.stat-label{color:#b3b3b3;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#fff;font-size:20px;font-weight:700;line-height:1.2}.stat-value.positive{color:#1db954}.stat-value.negative{color:#ff5252}.stat-date{margin-top:4px}.stat-date,.tooltip-trigger{color:#b3b3b3;font-size:11px}.tooltip-trigger{align-items:center;background:#333;border-radius:50%;cursor:help;display:inline-flex;font-weight:700;height:16px;justify-content:center;margin-left:6px;transition:all .2s ease;vertical-align:middle;width:16px}.tooltip-trigger:hover{background:#1db954;color:#fff}.chart-wrapper{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;height:280px;margin-bottom:0;padding:16px}.compact-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.compact-stat-pill{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:8px;padding:10px 14px;transition:all .2s ease}.compact-stat-pill:hover{background:#ffffff0f;border-color:#ffffff1f}.compact-stat-label{color:#888;font-size:12px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.compact-stat-value{color:#fff;font-size:15px;font-weight:700}.compact-stat-value.positive{color:#1db954}.compact-stat-value.negative{color:#ff5252}.compact-stat-date{color:#666;font-size:11px;font-weight:400}@media (max-width:768px){.compact-stats-row{gap:8px}.compact-stat-pill{padding:6px 12px}.compact-stat-label{font-size:10px}.compact-stat-value{font-size:13px}.compact-stat-date{font-size:10px}.chart-wrapper{height:220px;padding:12px}}.data-table{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-top:24px;padding:20px}.data-table h4{color:#1db954;font-size:16px;font-weight:600;margin:0 0 16px}.data-table table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid #444;color:#b3b3b3;font-size:12px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #333;color:#fff;font-size:14px;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.data-table td.positive{color:#1db954}.data-table td.negative{color:#ff5252}@media (max-width:768px){.summary-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-stat{padding:12px}.stat-value{font-size:18px}.time-range-filters{gap:6px}.filter-button{font-size:12px;padding:6px 12px}.chart-wrapper{height:280px;padding:16px}.data-table{padding:16px}.data-table table{font-size:12px}.data-table td,.data-table th{padding:8px 10px}}.playlist-breakdown-modal{max-width:500px;width:90vw}.playlist-breakdown-list{display:flex;flex-direction:column;gap:8px}.playlist-breakdown-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.playlist-breakdown-item:hover{background:#ffffff0f;border-color:#1db9544d}.playlist-breakdown-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.playlist-breakdown-image{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.playlist-breakdown-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.playlist-breakdown-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-breakdown-platform{color:#b3b3b3;font-size:11px}.playlist-breakdown-gain{border-radius:20px;flex-shrink:0;font-size:14px;font-weight:600;padding:6px 12px}.playlist-breakdown-gain.positive{background-color:#1db95426;color:#1db954}.playlist-breakdown-gain.negative{background-color:#ff525226;color:#ff5252}@media (max-width:600px){.playlist-breakdown-modal{width:95vw}.playlist-breakdown-image{height:40px;width:40px}.playlist-breakdown-name{font-size:13px}.playlist-breakdown-gain{font-size:13px;padding:4px 10px}}.top-growing-modal.compact{max-height:75vh;max-width:420px;width:90vw}.time-range-filters.compact{gap:6px;margin-bottom:12px}.filter-button.small{font-size:12px;padding:6px 12px}.compact-summary-row{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:32px;justify-content:center;margin-bottom:12px;padding:12px 16px}.compact-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.cs-value{font-size:18px;font-weight:700}.cs-value.pos{color:#1db954}.cs-value.neg{color:#ff5252}.cs-label{color:#666;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.compact-section{margin-bottom:16px}.compact-section-header{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:8px 12px;text-transform:uppercase}.compact-section-header.gainers{background:#1db95414;border-color:#1db95433;color:#1db954}.compact-section-header.losers{background:#ff525214;border-color:#ff525233;color:#ff5252}.compact-list{display:flex;flex-direction:column;gap:6px}.compact-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.compact-item:hover{background:#ffffff0f;border-color:#1db9544d;transform:translateX(4px)}.ci-rank{color:#1db954;font-size:11px;font-weight:700;min-width:16px}.ci-rank.loser{color:#ff5252}.ci-img{border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.ci-title{color:#fff;flex:1 1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-gain{border-radius:4px;flex-shrink:0;font-size:13px;font-weight:700;padding:3px 8px}.ci-gain.pos{background:#1db95426;color:#1db954}.ci-gain.neg{background:#ff525226;color:#ff5252}.no-data-compact{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;color:#666;font-size:13px;padding:24px;text-align:center}@media (max-width:600px){.top-growing-modal.compact{max-height:80vh;width:95vw}.compact-summary-row{gap:20px}.ci-img{height:28px;width:28px}.ci-title{font-size:12px}}.standalone-view{padding:20px}.standalone-container{display:flex;gap:24px;margin:0 auto;max-width:1400px}.standalone-sidebar{flex-shrink:0;width:320px}.standalone-main{flex:1 1}.standalone-description{color:#b3b3b3;margin-bottom:24px}.add-standalone-form{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px}.add-standalone-form h3{color:#fff;font-size:16px;margin:0 0 16px}.add-standalone-form .form-group{margin-bottom:16px}.add-standalone-form label{color:#b3b3b3;display:block;font-size:14px;margin-bottom:8px}.add-standalone-form input{background:#2a2a2a;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px;width:100%}.add-standalone-form input:focus{border-color:#1db954;outline:none}.add-standalone-form small{color:#888;display:block;font-size:12px;margin-top:8px}.add-standalone-form button{background:#1db954;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background .2s;width:100%}.add-standalone-form button:hover:not(:disabled){background:#1ed760}.add-standalone-form button:disabled{background:#404040;cursor:not-allowed}.standalone-card{cursor:pointer;position:relative}.playlist-card .remove-button,.standalone-card .remove-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;width:24px}.playlist-card:hover .remove-button,.standalone-card:hover .remove-button{opacity:1}.playlist-card .remove-button:hover,.standalone-card .remove-button:hover{background:#ff5252}.no-playlists p{margin:8px 0}.playlist-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.playlist-card .playlist-image-container{text-align:center}.playlist-card .playlist-image-placeholder{align-items:center;background:linear-gradient(135deg,#333,#444);border-radius:4px;display:flex;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.playlist-card .playlist-image-placeholder .placeholder-text{font-size:32px}.playlist-card .playlist-owner{color:#999;font-size:13px;margin-bottom:4px}@media (max-width:1024px){.standalone-container{flex-direction:column}.standalone-sidebar{width:100%}}.skeleton-loader{position:relative}.skeleton-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0acc;border-radius:16px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.skeleton-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-primary);height:40px;width:40px}.skeleton-overlay-text{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;margin-top:16px}.skeleton-overlay-subtext{color:#b3b3b3;color:var(--text-secondary);font-size:13px;margin-top:8px}.skeleton-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;position:relative}.skeleton-card:before{animation:borderShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#1db95466 50%,#0000);border-radius:12px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}@keyframes borderShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-element{animation:skeletonPulse 1.5s ease-in-out infinite;background:#ffffff14;border-radius:4px}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:.8}}.skeleton-playlist-card{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:15px}.skeleton-playlist-image{border-radius:4px;flex-shrink:0;height:80px;margin:0 auto 12px;width:80px}.skeleton-playlist-title{height:16px;margin-bottom:5px;width:85%}.skeleton-playlist-owner{height:12px;margin-bottom:8px;width:55%}.skeleton-playlist-stats{height:12px;margin-top:8px;width:90%}.skeleton-details{max-width:1200px;padding:20px;width:100%}.skeleton-details-header{display:flex;gap:24px;margin-bottom:24px}.skeleton-details-image{border-radius:12px;flex-shrink:0;height:200px;width:200px}.skeleton-details-info{display:flex;flex:1 1;flex-direction:column;gap:12px;padding-top:8px}.skeleton-details-title{height:32px;width:60%}.skeleton-details-owner{height:18px;width:40%}.skeleton-details-followers{height:24px;margin-top:8px;width:30%}.skeleton-details-chart{border-radius:12px;height:400px;margin-bottom:24px;width:100%}.skeleton-details-table{border-radius:12px;height:200px;width:100%}@media (max-width:768px){.skeleton-details-header{align-items:center;flex-direction:column;text-align:center}.skeleton-details-image{height:150px;width:150px}.skeleton-details-info{align-items:center}.skeleton-details-title{width:80%}.skeleton-details-chart{height:300px}}.modal-glass{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#141414d9;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 25px 50px #00000080}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-container{background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:90vh;overflow:auto;width:100%}.modal-container.max-w-sm{max-width:420px}.modal-container.max-w-md{max-width:720px}.modal-container.max-w-2xl{max-width:1080px}.modal-container.max-w-5xl{max-width:1320px}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#fff;font-size:18px;font-size:var(--text-lg,18px);font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .15s,background .15s}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-content{padding:24px}.platform-filter-container{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:inline-flex;gap:4px;justify-content:center;margin:0 auto 16px;padding:4px;position:relative}.platform-filter-pill{border-radius:8px;height:calc(100% - 8px);left:0;position:absolute;top:4px;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),background-color .25s ease,box-shadow .25s ease;z-index:0}.platform-filter-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:color .2s ease;white-space:nowrap;z-index:1}.platform-filter-button:hover{color:#ffffffe6}.platform-filter-button.active{color:#fff}.platform-filter-icon{align-items:center;display:flex;justify-content:center;opacity:.9;transition:opacity .2s ease}.platform-filter-button.active .platform-filter-icon{opacity:1}.platform-filter-label{display:inline}.platform-filter-count{font-size:11px;margin-left:2px;opacity:.8}@media (max-width:480px){.platform-filter-count,.platform-filter-label{display:none}.platform-filter-button{padding:10px 14px}}.dashboard .platform-filter-container,.dashboard>.platform-filter-container{display:flex;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.platform-filter-button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--platform-color) 15%,#0000),color-mix(in srgb,var(--platform-color) 8%,#0000))}.platform-filter-button.active:hover{background:#0000}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;transition:all .15s ease}.btn-sm{font-size:12px;padding:6px 12px}.btn-md{font-size:14px;padding:10px 16px}.btn-lg{font-size:16px;padding:12px 24px}.btn-primary{background:#1db954;background:var(--accent-primary,#1db954);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff26;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-ghost{background:#0000;color:#ffffffb3}.btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-destructive{background:#ff5252;color:#fff}.btn-destructive:hover:not(:disabled){background:#ff6b6b}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.icon-spin{animation:spin 1s linear infinite}.title-generator{display:flex;flex-direction:column;gap:20px}.title-generator-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.title-generator-header-actions{align-items:stretch;display:flex;gap:10px}.title-generator-header h2{text-wrap:balance;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.title-generator-header .subtitle{color:#b3b3b3;color:var(--text-secondary,#888);font-size:14px;line-height:1.55;margin:0;max-width:52ch}.title-generator-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.generator-section{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 8px #00000026;box-shadow:var(--glass-shadow);padding:20px}.generator-section-title{align-items:center;display:flex;gap:10px;margin-bottom:16px}.generator-section-title svg{color:#1db954;color:var(--accent-color,#1db954)}.generator-section h3{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:600;margin:0}.reference-selector .search-box{margin-bottom:16px}.search-input{background:linear-gradient(180deg,#ffffff0a,#ffffff05),#050a07eb;border:1px solid #ffffff14;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:14px;min-height:44px;padding:12px 14px;width:100%}.account-select-toggle:focus-within,.concept-details summary:focus-visible,.concept-expand-button:focus-visible,.field-help-button:focus-visible,.generate-button:focus-visible,.generator-history-session-button:focus-visible,.group-collapse-button:focus-visible,.icon-action-button:focus-visible,.option-group select:focus-visible,.reference-toolbar-button:focus-visible,.search-input:focus-visible{outline:2px solid #1db954e6;outline-offset:2px}.account-select-toggle input[type=checkbox],.playlist-item input[type=checkbox]{accent-color:#1db954;accent-color:var(--accent-color,#1db954);cursor:pointer;height:18px;margin:0;min-width:18px;width:18px}.playlist-groups{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.playlist-group{background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.015)),#070e0ad6;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 18px 32px #00000024;padding:10px 12px 12px}.reference-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.reference-summary-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reference-summary-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#b3b3b3;color:var(--text-secondary,#adb5bd);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;min-height:30px;padding:6px 10px}.reference-summary-pill.is-accent{background:#1db95424;border-color:#1db95447;color:#d7ffe2}.reference-toolbar-actions{align-items:center;display:flex;gap:8px}.reference-toolbar-button{-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;color:#b3b3b3;color:var(--text-secondary,#c5d0c7);cursor:pointer;font-size:12px;font-weight:600;min-height:34px;padding:8px 12px;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.reference-toolbar-button:hover{background:#ffffff0f;border-color:#ffffff29;color:#fff;color:var(--text-primary,#fff)}.group-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.account-name{color:#fff;color:var(--text-primary,#f5fbf7);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.group-collapse-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:12px;min-height:52px;min-width:0;padding:8px 2px;text-align:left;touch-action:manipulation;transition:opacity .18s ease}.group-collapse-button:hover{opacity:.92}.group-collapse-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#b3b3b3;color:var(--text-secondary,#9eb0a3);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.group-header-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.account-meta{font-feature-settings:"tnum";align-items:center;color:#b3b3b3;color:var(--text-secondary,#92a29a);display:flex;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums;gap:6px 12px;line-height:1.45}.account-select-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#b3b3b3;color:var(--text-secondary,#d6dfd8);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:10px;min-height:44px;padding:10px 12px;touch-action:manipulation}.group-playlists{display:flex;flex-direction:column;gap:8px;margin-top:8px}.group-playlists.is-hidden{display:none}.playlist-item{grid-column-gap:12px;grid-row-gap:6px;-webkit-tap-highlight-color:transparent;align-items:start;background:hsla(0,0%,100%,.025);border:1px solid #0000;border-radius:14px;column-gap:12px;cursor:pointer;display:grid;grid-template-columns:18px minmax(0,1fr) auto;padding:12px 14px;row-gap:6px;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;width:100%}.playlist-item:hover{background:hsla(0,0%,100%,.045);border-color:#ffffff14;transform:translateY(-1px)}.playlist-item.is-selected{background:#1db9541a;border-color:#1db95438;box-shadow:inset 0 1px 0 #ffffff0a}.playlist-copy{min-width:0}.playlist-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.45;min-width:0;overflow:hidden}.playlist-followers{font-feature-settings:"tnum";color:#b3b3b3;color:var(--text-secondary,#97a59d);font-size:12px;font-variant-numeric:tabular-nums;justify-self:end;padding-top:1px;white-space:nowrap}.selection-count{color:#b3b3b3;color:var(--text-secondary,#9caaa2);font-size:13px;margin-top:12px;text-align:left}@media (max-width:900px){.reference-toolbar{align-items:stretch;flex-direction:column}.reference-toolbar-actions{flex-wrap:wrap;justify-content:flex-start}.group-header{align-items:stretch;flex-direction:column}.account-select-toggle{justify-content:space-between;width:100%}}@media (max-width:640px){.playlist-item{grid-template-columns:18px minmax(0,1fr)}.playlist-followers{grid-column:2;justify-self:start}}.options-panel .option-group{margin-bottom:16px}.option-label-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.option-group label{color:#b3b3b3;color:var(--text-secondary,#888);display:block;font-size:13px;font-weight:500}.field-help{position:relative}.field-help summary{list-style:none}.field-help summary::-webkit-details-marker{display:none}.field-help-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#1db9541a;border:1px solid #1db95447;border-radius:999px;color:#d8ffe5;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;width:20px}.field-help-button:hover,.field-help[open] .field-help-button{background:#1db95429;border-color:#1db9546b;transform:translateY(-1px)}.field-help-tooltip{background:linear-gradient(180deg,#1db95414,#ffffff05),#080c0afa;border:1px solid #1db9542e;border-radius:12px;box-shadow:0 16px 36px #00000047;color:#b3b3b3;color:var(--text-secondary,#d1ddd5);font-size:12px;left:0;line-height:1.5;padding:10px 12px;position:absolute;top:calc(100% + 8px);width:min(280px,calc(100vw - 96px));z-index:20}.option-group select{background:#0a0a0a;background:var(--input-bg,#0a0a0a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:14px;min-height:44px;padding:10px 14px;width:100%}.generate-button{align-items:center;background:#1db954;background:var(--accent-color,#1db954);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-height:46px;padding:12px 16px;touch-action:manipulation;transition:opacity .2s,transform .2s}.generate-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.generator-primary-button{min-width:220px}.generator-secondary-button{background:#ffffff14;border:1px solid #ffffff24;color:#fff;color:var(--text-primary,#fff);min-width:160px}.generator-secondary-button:hover:not(:disabled){background:#ffffff1f}.generator-status-banner{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:12px;color:#f9d58b;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;line-height:1.5;margin:0 0 18px;padding:12px 14px}.generator-status-banner strong{color:#fbbf24}.generator-error{background:#e5393526;border:1px solid #e539354d;border-radius:8px;color:#ff6b6b;font-size:13px;margin:12px 0;padding:10px}.generator-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.generator-chip{align-items:center;background:#1db9541a;border:1px solid #1db95440;border-radius:999px;color:#d8ffe5;display:inline-flex;font-size:12px;font-weight:600;min-height:32px;padding:0 12px}.generator-chip-row-live{margin-top:-6px}.generator-chip-live{background:#1db95429;border-color:#6ee7b752;color:#ecfff3}.generator-chip-warning{background:#f59e0b1f;border-color:#f59e0b47;color:#fcd34d}.generator-empty-state{background:linear-gradient(135deg,#1db95412,#1db95405),hsla(0,0%,100%,.015);border:1px dashed #1db9543d;border-radius:12px;color:#b3b3b3;color:var(--text-secondary,#95a39c);font-size:14px;padding:24px}.generator-history-modal{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:520px}.generator-history-sidebar{border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:16px;padding-right:8px}.generator-history-sidebar-copy{display:flex;flex-direction:column;gap:6px}.generator-history-detail-kicker,.generator-history-sidebar-kicker{color:#9deab4;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.generator-history-detail-subtitle,.generator-history-sidebar-subtitle{color:#b3b3b3;color:var(--text-secondary,#97a59d);font-size:13px;line-height:1.5;margin:0}.generator-history-session-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.generator-history-session-button{background:linear-gradient(180deg,#ffffff0a,#ffffff05),#070e0ad6;border:1px solid #ffffff14;border-radius:14px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;text-align:left;transition:border-color .18s ease,transform .18s ease,background-color .18s ease;width:100%}.generator-history-session-button:hover{border-color:#1db9543d;transform:translateY(-1px)}.generator-history-session-button.is-selected{background:linear-gradient(180deg,#1db9541f,#ffffff05),#070e0aeb;border-color:#1db9547a;box-shadow:0 14px 30px #0000002e}.generator-history-session-meta,.generator-history-session-topline{align-items:center;display:flex;gap:10px;justify-content:space-between}.generator-history-session-time{color:#fff;color:var(--text-primary,#f5fbf7);font-size:13px;font-weight:700}.generator-history-session-meta,.generator-history-session-stats{color:#b3b3b3;color:var(--text-secondary,#97a59d);font-size:12px}.generator-history-session-meta{flex-wrap:wrap;justify-content:flex-start}.generator-history-session-chips{display:flex;flex-wrap:wrap;gap:8px}.generator-history-session-chip{align-items:center;background:#1db95414;border:1px solid #1db95429;border-radius:999px;color:#d8ffe5;display:inline-flex;font-size:11px;font-weight:600;min-height:26px;padding:0 10px}.generator-history-detail{display:flex;flex-direction:column;gap:18px;min-width:0}.generator-history-detail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.generator-history-detail-header h3{font-size:22px;line-height:1.2;margin:6px 0}.generator-history-empty-detail{align-items:center;display:flex;justify-content:center;min-height:280px;text-align:center}.generator-history-concept-list{display:flex;flex-direction:column;gap:16px}.generator-history-concept-card{background:radial-gradient(circle at top right,#1db9541a,#0000 36%),linear-gradient(145deg,#1db95412,hsla(0,0%,100%,.015) 40%,#060a08f0),#080c0af5;border:1px solid #1db95424;border-radius:16px;padding:18px}.generator-history-loading{min-height:220px}.concept-card-list{display:flex;flex-direction:column;gap:16px}.concept-card{background:radial-gradient(circle at top right,#1db9541f,#0000 38%),linear-gradient(145deg,#1db95414,hsla(0,0%,100%,.015) 42%,#060a08f0),#080c0af5;border:1px solid #1db95424;border-radius:16px;box-shadow:0 14px 30px #00000029;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}.concept-card:hover{border-color:#1db95457;box-shadow:0 16px 32px #0003,0 0 0 1px #1db9540f;transform:translateY(-1px)}.concept-card.is-expanded{border-color:#1db9548a;box-shadow:0 18px 36px #0000003d,0 0 0 1px #1db95424}.concept-card-topline{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.concept-confidence-badge,.concept-intent-pill,.concept-rank,.concept-tier-pill,.result-variant-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;min-height:28px;padding:0 10px}.concept-rank{background:#1db95426;color:#d8ffe5}.concept-tier-pill{background:#1db9541a;color:#b7f7cb}.concept-tier-pill.is-obvious{background:#1db95424;color:#dcffe8}.concept-tier-pill.is-adjacent{background:#10b98124;color:#bbf7d0}.concept-tier-pill.is-stretch{background:#facc1524;color:#fde68a}.concept-confidence-badge{background:#f59e0b2e;color:#fbbf24}.concept-intent-pill{background:#1db9541f;color:#93f3b4}.concept-card h4{text-wrap:balance;font-size:19px;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}.concept-packaging-angle{color:#b3b3b3;color:var(--text-secondary,#96a39d);font-size:14px;line-height:1.55;margin:0 0 16px}.concept-meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.concept-meta-grid>div{background:linear-gradient(180deg,#1db9540d,#ffffff05);border:1px solid #1db9541a;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.concept-meta-label{color:#b3b3b3;color:var(--text-secondary,#888);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.concept-meta-grid strong{color:#fff;color:var(--text-primary,#fff);font-size:13px}.concept-meta-grid span:last-child{color:#b3b3b3;color:var(--text-secondary,#888);font-size:13px}.concept-neighbors{margin-bottom:14px}.concept-neighbor-list{display:flex;flex-wrap:wrap;gap:8px}.concept-neighbor-pill{align-items:center;background:#1db95412;border:1px solid #1db9541f;border-radius:999px;color:#c8d6cf;display:inline-flex;font-size:12px;min-height:32px;padding:0 12px}.concept-neighbor-empty{color:#b3b3b3;color:var(--text-secondary,#888);font-size:13px}.concept-details{border-top:1px solid #1db9541f;padding-top:12px}.concept-details summary{color:#9deab4;cursor:pointer;font-size:13px;font-weight:600}.concept-details p{color:#b3b3b3;color:var(--text-secondary,#888);font-size:13px;line-height:1.5;margin:10px 0 0}.concept-score-line{color:#96caa8}.concept-live-validation{background:linear-gradient(180deg,#1db9540f,hsla(0,0%,100%,.015));border:1px solid #1db9541f;border-radius:12px;margin-top:12px;padding:12px}.concept-live-validation-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.02em;min-height:26px;padding:0 10px}.concept-live-validation-badge.is-strong{background:#1db9542e;color:#baf7cf}.concept-live-validation-badge.is-moderate{background:#38bdf829;color:#bae6fd}.concept-live-validation-badge.is-unknown,.concept-live-validation-badge.is-weak{background:#94a3b829;color:#d5deea}.concept-card-actions{display:flex;justify-content:flex-end;margin-top:16px}.concept-expand-button{background:#1db9541f;border:1px solid #1db95459;border-radius:10px;color:#a8f0c1;cursor:pointer;font-weight:700;min-height:44px;padding:0 16px;touch-action:manipulation;transition:background .2s,border-color .2s,transform .2s}.concept-expand-button:hover{background:#1db95429;border-color:#1db9549e;transform:translateY(-1px)}.concept-inline-results{border-top:1px solid #ffffff0f;margin-top:18px;padding-top:18px}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{align-items:center;background:linear-gradient(180deg,#1db9540a,#ffffff05),#080a09f0;border:1px solid #1db9541f;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.result-item-rich{align-items:flex-start;gap:14px}.result-main{flex:1 1;min-width:0}.result-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.result-title{flex:1 1;font-size:15px;line-height:1.4;min-width:0}.result-meta{color:#b3b3b3;color:var(--text-secondary,#888);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.result-variant-pill{background:#1db9541f;color:#d8ffe5}.result-variant-differentiated{background:#1ed7602e;color:#9df0bc}.result-variant-stretch{background:#f59e0b2e;color:#fbbf24}.result-actions{align-items:center;display:flex;gap:8px}.icon-action-button{align-items:center;background:#0000;border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;color:#b3b3b3;color:var(--text-secondary,#888);cursor:pointer;display:inline-flex;height:44px;justify-content:center;min-width:44px;touch-action:manipulation;transition:color .2s,border-color .2s,transform .2s,background-color .2s;width:44px}.icon-action-button:hover:not(:disabled){border-color:#1db954;border-color:var(--accent-color,#1db954);color:#1db954;color:var(--accent-color,#1db954);transform:translateY(-1px)}.icon-action-button.is-active{border-color:#1db95480;color:#d8ffe5}.icon-action-button.positive.is-active{border-color:#1db9549e;color:#9df0bc}.icon-action-button.negative.is-active{border-color:#f59e0b99;color:#fbbf24}.icon-action-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.generator-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;padding:40px 20px}.generator-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #1db95433;border-radius:50%;border-top-color:#1db954;height:40px;width:40px}.generator-loading-panel{background:radial-gradient(circle at top,#1db95414,#0000 45%),hsla(0,0%,100%,.015);border:1px dashed #1db95438;border-radius:16px;min-height:240px}.generator-loading-copy{color:#b3b3b3;color:var(--text-secondary,#97a59d);font-size:13px;line-height:1.55;margin:0;max-width:44ch;text-align:center}.no-results{color:#ffffff80;font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.title-generator-header{align-items:stretch;flex-direction:column}.title-generator-header-actions{flex-direction:column}.title-generator-layout{grid-template-columns:1fr}.title-generator-header h2{font-size:20px}.generator-primary-button{width:100%}.concept-meta-grid{grid-template-columns:1fr}.result-item-rich{flex-direction:column}.result-actions{justify-content:flex-start;width:100%}.generator-history-modal{grid-template-columns:1fr;min-height:0}.generator-history-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;padding-bottom:16px;padding-right:0}.generator-history-detail-header{align-items:stretch;flex-direction:column}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.75365bbc.css.map*/