.starters-overview-view[data-v-37f4772b]{background:#121212;color:#fff;min-height:100vh;padding:2rem}.page-header[data-v-37f4772b]{text-align:center;margin-bottom:2rem}.page-title[data-v-37f4772b]{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#bb86fc,#03dac6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-37f4772b]{font-size:1rem;color:#ffffffb3;margin:0}.controls-container[data-v-37f4772b]{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-section[data-v-37f4772b]{flex:1;min-width:200px}.sort-section[data-v-37f4772b]{display:flex;gap:.75rem;align-items:center}.filter-input[data-v-37f4772b]{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.filter-input[data-v-37f4772b]:focus{outline:none;border-color:#bb86fc;background:#ffffff14}.filter-input[data-v-37f4772b]::placeholder{color:#ffffff80}.sort-button[data-v-37f4772b],.shuffle-button[data-v-37f4772b]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-button[data-v-37f4772b]:hover,.shuffle-button[data-v-37f4772b]:hover{background:#ffffff14;border-color:#bb86fc4d;color:#fff}.sort-button svg[data-v-37f4772b],.shuffle-button svg[data-v-37f4772b]{flex-shrink:0}.sort-button.active[data-v-37f4772b],.shuffle-button.active[data-v-37f4772b]{background:#bb86fc26;border-color:#bb86fc66;color:#bb86fc}.loading-state[data-v-37f4772b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner[data-v-37f4772b]{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#bb86fc;border-radius:50%;animation:spin-37f4772b 1s linear infinite}@keyframes spin-37f4772b{to{transform:rotate(360deg)}}.starters-grid[data-v-37f4772b]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.starter-card[data-v-37f4772b]{display:block;text-decoration:none;color:inherit;background:#ffffff0d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.starter-card[data-v-37f4772b]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #bb86fc4d;border-color:#bb86fc66}.starter-image-container[data-v-37f4772b]{width:100%;aspect-ratio:5/3;overflow:hidden;background:#0000004d;position:relative}.starter-image[data-v-37f4772b]{width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1);transition:filter .3s ease,transform .3s ease}.starter-image.completed[data-v-37f4772b]{filter:none;transform:scale(1)}.starter-info[data-v-37f4772b]{padding:.75rem 1rem}.starter-artist[data-v-37f4772b]{font-size:.95rem;font-weight:700;margin:0 0 .25rem;color:#fff;text-transform:capitalize}.starter-title[data-v-37f4772b]{font-size:.8rem;color:#ffffffb3;margin:0}.empty-state[data-v-37f4772b]{text-align:center;padding:4rem 2rem;color:#ffffffb3}@media (max-width: 768px){.starters-overview-view[data-v-37f4772b]{padding:1rem}.page-title[data-v-37f4772b]{font-size:2rem}.starters-grid[data-v-37f4772b]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.starter-info[data-v-37f4772b]{padding:.5rem .75rem}.starter-artist[data-v-37f4772b]{font-size:.85rem}.starter-title[data-v-37f4772b]{font-size:.75rem}}