.page-module__rnZ7oW__main{background:var(--background);min-height:100vh;padding-top:80px}.page-module__rnZ7oW__header{padding:var(--spacing-2xl)0;border-bottom:1px solid var(--border-color)}.page-module__rnZ7oW__headerContent{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}@media (max-width:768px){.page-module__rnZ7oW__headerContent{flex-direction:column;align-items:flex-start}}.page-module__rnZ7oW__headerLeft{align-items:center;gap:var(--spacing-md);display:flex}.page-module__rnZ7oW__headerIcon{border-radius:var(--border-radius-lg);width:56px;height:56px;color:var(--color-or);background:#c9a24d1a;justify-content:center;align-items:center;display:flex}.page-module__rnZ7oW__headerIcon svg{width:28px;height:28px}.page-module__rnZ7oW__title{font-family:var(--font-serif);color:var(--foreground);margin:0;font-size:2rem;font-weight:500}.page-module__rnZ7oW__subtitle{color:var(--foreground-muted);margin:4px 0 0;font-size:.9rem}.page-module__rnZ7oW__headerRight{align-items:center;gap:var(--spacing-md);display:flex}.page-module__rnZ7oW__content{padding:var(--spacing-2xl)0 var(--spacing-4xl)}.page-module__rnZ7oW__playlistsGrid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:992px){.page-module__rnZ7oW__playlistsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page-module__rnZ7oW__playlistsGrid{grid-template-columns:1fr}}.page-module__rnZ7oW__playlistCard{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.page-module__rnZ7oW__playlistCard:hover{border-color:var(--color-or);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.page-module__rnZ7oW__playlistThumbnail{aspect-ratio:1;position:relative;overflow:hidden}.page-module__rnZ7oW__playlistImage{object-fit:cover;transition:transform var(--transition-slow)}.page-module__rnZ7oW__playlistCard:hover .page-module__rnZ7oW__playlistImage{transform:scale(1.05)}.page-module__rnZ7oW__playlistOverlay{opacity:0;transition:opacity var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-module__rnZ7oW__playlistCard:hover .page-module__rnZ7oW__playlistOverlay{opacity:1}.page-module__rnZ7oW__playButton{background:var(--color-or);cursor:pointer;width:64px;height:64px;transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__rnZ7oW__playButton:hover{transform:scale(1.1)}.page-module__rnZ7oW__playButton svg{width:28px;height:28px;color:var(--color-noir);margin-left:4px}.page-module__rnZ7oW__playlistBadge{top:var(--spacing-sm);right:var(--spacing-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.page-module__rnZ7oW__badgeIcon{width:16px;height:16px;color:var(--foreground-muted)}.page-module__rnZ7oW__playlistInfo{padding:var(--spacing-md);flex:1}.page-module__rnZ7oW__playlistName{color:var(--foreground);margin:0 0 6px;font-size:1.1rem;font-weight:600}.page-module__rnZ7oW__playlistDescription{color:var(--foreground-muted);-webkit-line-clamp:2;margin:0 0 var(--spacing-sm);-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.page-module__rnZ7oW__playlistMeta{gap:var(--spacing-md);display:flex}.page-module__rnZ7oW__metaItem{color:var(--foreground-subtle);align-items:center;gap:4px;font-size:.8rem;display:flex}.page-module__rnZ7oW__metaIcon{width:14px;height:14px}.page-module__rnZ7oW__playlistActions{gap:var(--spacing-sm);padding:0 var(--spacing-md)var(--spacing-md);display:flex}.page-module__rnZ7oW__actionButton{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--foreground-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.page-module__rnZ7oW__actionButton:hover{border-color:var(--foreground-subtle);color:var(--foreground)}.page-module__rnZ7oW__actionButton svg{width:16px;height:16px}.page-module__rnZ7oW__actionButtonDanger:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.page-module__rnZ7oW__createCard{justify-content:center;align-items:center;gap:var(--spacing-md);background:var(--background-card);border:2px dashed var(--border-color);border-radius:var(--border-radius-xl);cursor:pointer;min-height:300px;transition:all var(--transition-base);flex-direction:column;display:flex}.page-module__rnZ7oW__createCard:hover{border-color:var(--color-or);background:#c9a24d0d}.page-module__rnZ7oW__createIcon{background:var(--background-secondary);width:64px;height:64px;color:var(--foreground-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__rnZ7oW__createCard:hover .page-module__rnZ7oW__createIcon{background:var(--color-or);color:var(--color-noir)}.page-module__rnZ7oW__createIcon svg{width:28px;height:28px}.page-module__rnZ7oW__createText{color:var(--foreground-muted);font-size:1rem}.page-module__rnZ7oW__empty{text-align:center;padding:var(--spacing-4xl)var(--spacing-xl)}.page-module__rnZ7oW__emptyIcon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:var(--background-card);color:var(--foreground-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__rnZ7oW__emptyIcon svg{width:36px;height:36px}.page-module__rnZ7oW__emptyTitle{font-family:var(--font-serif);color:var(--foreground);margin-bottom:var(--spacing-sm);font-size:1.5rem}.page-module__rnZ7oW__emptyText{color:var(--foreground-muted);max-width:400px;margin:0 auto var(--spacing-xl);line-height:1.6}.page-module__rnZ7oW__modal{z-index:var(--z-modal);padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module__rnZ7oW__modalBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;position:absolute;inset:0}.page-module__rnZ7oW__modalContent{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:480px;padding:var(--spacing-xl);position:relative}.page-module__rnZ7oW__modalTitle{font-family:var(--font-serif);color:var(--foreground);margin:0 0 var(--spacing-xl);font-size:1.5rem;font-weight:500}.page-module__rnZ7oW__modalForm{gap:var(--spacing-lg);flex-direction:column;display:flex}.page-module__rnZ7oW__formGroup{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-module__rnZ7oW__formLabel{color:var(--foreground);font-size:.875rem;font-weight:500}.page-module__rnZ7oW__formInput,.page-module__rnZ7oW__formTextarea{background:var(--background);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--foreground);transition:border-color var(--transition-fast);padding:12px 16px;font-size:1rem}.page-module__rnZ7oW__formInput:focus,.page-module__rnZ7oW__formTextarea:focus{border-color:var(--color-or);outline:none}.page-module__rnZ7oW__formInput::placeholder,.page-module__rnZ7oW__formTextarea::placeholder{color:var(--foreground-subtle)}.page-module__rnZ7oW__formTextarea{resize:vertical;min-height:80px}.page-module__rnZ7oW__radioGroup{gap:var(--spacing-md);display:flex}.page-module__rnZ7oW__radioLabel{background:var(--background);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;align-items:center;gap:8px;padding:12px 16px;display:flex}.page-module__rnZ7oW__radioLabel:has(input:checked){border-color:var(--color-or);background:#c9a24d1a}.page-module__rnZ7oW__radioLabel input{display:none}.page-module__rnZ7oW__radioIcon{width:18px;height:18px;color:var(--foreground-muted)}.page-module__rnZ7oW__radioLabel:has(input:checked) .page-module__rnZ7oW__radioIcon{color:var(--color-or)}.page-module__rnZ7oW__modalActions{gap:var(--spacing-md);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}