:root{--color-bg: #121212;--color-bg-primary: #121212;--color-bg-elevated: #181818;--color-bg-highlight: #282828;--color-text-primary: #ffffff;--color-text-secondary: #b3b3b3;--color-accent: #1db954;--color-accent-hover: #1ed760;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--touch-target-min: 44px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden;font-size:16px;-webkit-text-size-adjust:100%}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text-primary);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}input{font-family:inherit;touch-action:manipulation}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.shuffle-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);transition:background .2s,transform .1s}.shuffle-btn svg{width:22px;height:22px}.shuffle-btn:hover{background:#ffffff1a}.shuffle-btn:active{transform:scale(.95)}.heart-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s}.heart-btn svg{width:18px;height:18px}.heart-btn:hover{background:#ffffff1a}.heart-btn:active{transform:scale(.95)}