:root{--ios-bg-primary: #0f0c15;--ios-bg-secondary: #1f1b29;--ios-text-primary: #ffffff;--ios-text-secondary: rgba(255, 255, 255, .7);--ios-text-tertiary: rgba(255, 255, 255, .5);--ios-accent: #D2F65E;--ios-accent-dark: #bce04b;--ios-gradient-purple: linear-gradient(135deg, #a855f7 0%, #d946ef 100%);--ios-gradient-card: linear-gradient(135deg, #E0B6FF 0%, #B580FF 100%);--ios-gradient-dark: linear-gradient(180deg, #1a1625 0%, #0f0c15 100%);--ios-gradient-home: linear-gradient(180deg, rgba(107, 63, 160, .3) 0%, rgba(26, 22, 37, 1) 60%);--ios-spacing-xs: 4px;--ios-spacing-sm: 8px;--ios-spacing-md: 12px;--ios-spacing-lg: 16px;--ios-spacing-xl: 24px;--ios-spacing-2xl: 32px;--ios-radius-sm: 8px;--ios-radius-md: 12px;--ios-radius-lg: 16px;--ios-radius-xl: 24px;--ios-radius-full: 9999px;--ios-blur: blur(40px);--ios-card-bg: rgba(255, 255, 255, .05);--ios-card-bg-hover: rgba(255, 255, 255, .1);--ios-shadow: 0 4px 16px rgba(0, 0, 0, .3);--ios-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--ios-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--ios-font-weight-regular: 400;--ios-font-weight-medium: 500;--ios-font-weight-semibold: 600;--ios-font-weight-bold: 700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--ios-font);background:var(--ios-gradient-dark);color:var(--ios-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}.ios-app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.ios-screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--ios-spacing-lg);padding-top:calc(var(--ios-spacing-lg) + env(safe-area-inset-top));padding-bottom:120px}.ios-screen::-webkit-scrollbar{display:none}.ios-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ios-spacing-xl) 0 var(--ios-spacing-lg);padding-top:calc(var(--ios-spacing-xl) + env(safe-area-inset-top));background:transparent;margin:0 calc(-1 * var(--ios-spacing-lg));padding-left:var(--ios-spacing-lg);padding-right:var(--ios-spacing-lg)}.ios-header-title{font-size:28px;font-weight:var(--ios-font-weight-bold);color:var(--ios-text-primary)}.ios-header-actions{display:flex;gap:var(--ios-spacing-md)}.ios-icon-btn{width:40px;height:40px;border-radius:var(--ios-radius-full);background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.1);color:var(--ios-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.ios-icon-btn:hover{background:#ffffff1f;transform:scale(1.05)}.ios-icon-btn:active{transform:scale(.95)}.ios-greeting{display:flex;align-items:center;gap:var(--ios-spacing-md);margin-bottom:var(--ios-spacing-xl)}.ios-avatar{width:48px;height:48px;border-radius:var(--ios-radius-full);-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.ios-greeting-text{font-size:32px;font-weight:var(--ios-font-weight-bold);color:var(--ios-text-primary)}.ios-filter-tabs{display:flex;gap:var(--ios-spacing-sm);margin-bottom:var(--ios-spacing-xl);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--ios-spacing-xs)}.ios-filter-tabs::-webkit-scrollbar{display:none}.ios-tab-btn{padding:var(--ios-spacing-sm) var(--ios-spacing-lg);border-radius:var(--ios-radius-full);background:transparent;border:none;color:var(--ios-text-secondary);font-size:14px;font-weight:var(--ios-font-weight-medium);white-space:nowrap;cursor:pointer;transition:all .2s ease}.ios-tab-btn.active{background:var(--ios-accent);color:#1a1625;font-weight:var(--ios-font-weight-semibold)}.ios-tab-btn:hover:not(.active){background:var(--ios-card-bg);color:var(--ios-text-primary)}.ios-section{margin-bottom:var(--ios-spacing-2xl)}.ios-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ios-spacing-lg)}.ios-section-title{font-size:20px;font-weight:var(--ios-font-weight-bold);color:var(--ios-text-primary)}.ios-curated-card{background:var(--ios-gradient-card);border-radius:32px;padding:24px;position:relative;overflow:hidden;height:200px;display:flex;flex-direction:column;justify-content:space-between}.ios-curated-card h3{font-size:24px;font-weight:var(--ios-font-weight-bold);color:#000;margin-bottom:8px;position:relative;z-index:2}.ios-curated-card p{font-size:14px;color:#000000b3;line-height:1.4;max-width:60%;position:relative;z-index:2}.ios-curated-actions{display:flex;align-items:center;gap:16px;position:relative;z-index:2;margin-top:auto}.ios-curated-play-btn{width:48px;height:48px;border-radius:50%;background:#2d1b3d;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0003}.ios-curated-icon-btn{background:transparent;border:none;color:#2d1b3d;font-size:24px;cursor:pointer;padding:4px}.ios-playlist-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ios-playlist-item:last-child{border-bottom:none}.ios-playlist-cover{width:56px;height:56px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.ios-playlist-info{flex:1}.ios-playlist-title{font-size:16px;font-weight:var(--ios-font-weight-semibold);color:var(--ios-text-primary);margin-bottom:4px}.ios-playlist-subtitle{font-size:14px;color:var(--ios-text-secondary)}.ios-playlist-play-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:var(--ios-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.ios-player-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--ios-bg-primary);z-index:1000;display:flex;flex-direction:column;padding:20px}.ios-player-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(107,63,160,.4),transparent 70%);z-index:-1}.ios-player-content{flex:1;display:flex;flex-direction:column;max-width:400px;margin:0 auto;width:100%}.ios-player-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:20px}.ios-player-header-title{font-size:16px;font-weight:600;color:var(--ios-text-primary)}.ios-player-artwork-container{flex:1;display:flex;align-items:center;justify-content:center;margin:20px 0}.ios-player-artwork{width:280px;height:280px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 20px 50px #00000080;border:4px solid rgba(255,255,255,.05)}.ios-player-info{text-align:center;margin-bottom:30px}.ios-player-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--ios-text-primary)}.ios-player-artist{font-size:16px;color:var(--ios-text-secondary);margin-bottom:16px}.ios-player-lyrics{font-size:14px;color:var(--ios-text-tertiary);line-height:1.6;height:60px;overflow:hidden;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.ios-player-progress{margin-bottom:40px}.ios-player-slider{height:4px;background:#ffffff1a;border-radius:2px;position:relative;cursor:pointer;margin-bottom:10px}.ios-player-slider-fill{height:100%;background:var(--ios-accent);border-radius:2px;position:relative}.ios-player-slider-thumb{width:12px;height:12px;background:var(--ios-accent);border-radius:50%;position:absolute;right:-6px;top:-4px;box-shadow:0 0 10px #0000004d}.ios-player-time{display:flex;justify-content:space-between;font-size:12px;color:var(--ios-text-tertiary)}.ios-player-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 10px}.ios-player-control-btn{background:transparent;border:none;color:var(--ios-text-primary);font-size:24px;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ios-player-control-btn.primary{width:72px;height:72px;background:var(--ios-accent);border-radius:50%;color:#000;font-size:32px;box-shadow:0 8px 24px #d2f65e4d}.ios-player-control-btn:active{transform:scale(.95)}.ios-nav-bar{position:fixed;bottom:24px;left:24px;right:24px;height:72px;background:#282828cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:36px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:100;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1)}.ios-nav-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:24px;cursor:pointer;border-radius:50%;transition:all .3s ease}.ios-nav-item.active{background:var(--ios-accent);color:#1a1625}.ios-nav-item:hover:not(.active){color:#fff}.ios-search-container{position:relative;margin-bottom:var(--ios-spacing-lg)}.ios-search-input{width:100%;height:48px;background:#ffffff1a;border:none;border-radius:12px;padding:0 48px;color:var(--ios-text-primary);font-size:16px;font-family:var(--ios-font);outline:none;transition:all .2s ease}.ios-search-input:focus{background:#ffffff26;box-shadow:0 0 0 2px #d2f65e4d}.ios-search-input::-moz-placeholder{color:var(--ios-text-tertiary)}.ios-search-input::placeholder{color:var(--ios-text-tertiary)}.ios-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ios-text-secondary);font-size:20px;pointer-events:none}.ios-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--ios-text-secondary);font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.ios-list{display:flex;flex-direction:column;gap:var(--ios-spacing-sm);padding-bottom:var(--ios-spacing-xl)}.ios-list-item{display:flex;align-items:center;gap:var(--ios-spacing-md);padding:var(--ios-spacing-sm);border-radius:var(--ios-radius-md);cursor:pointer;transition:background .2s ease}.ios-list-item:hover{background:var(--ios-card-bg-hover)}.ios-list-img-container{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0}.ios-list-img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ios-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.ios-list-item:hover .ios-play-overlay{opacity:1}.ios-play-overlay i{color:#fff;font-size:24px}.ios-list-icon{width:40px;height:40px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ios-text-primary)}.ios-list-content{flex:1;min-width:0}.ios-list-title{font-size:16px;font-weight:var(--ios-font-weight-medium);color:var(--ios-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-list-subtitle{font-size:14px;color:var(--ios-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-list-action{display:flex;align-items:center;justify-content:center}.ios-btn-icon{background:transparent;border:none;color:var(--ios-text-secondary);font-size:20px;padding:8px;cursor:pointer;border-radius:50%;transition:all .2s ease}.ios-btn-icon:hover{background:#ffffff1a;color:var(--ios-text-primary)}.ios-toggle{position:relative;display:inline-block;width:50px;height:30px}.ios-toggle input{opacity:0;width:0;height:0}.ios-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;border-radius:34px}.ios-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.ios-toggle-slider{background-color:var(--ios-accent)}input:checked+.ios-toggle-slider:before{transform:translate(20px)}.ios-mini-player{position:fixed;bottom:104px;left:16px;right:16px;height:64px;background:#282828e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;display:flex;align-items:center;padding:8px;z-index:90;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s ease}.ios-mini-player:active{transform:scale(.98)}.ios-mini-player-artwork{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-right:12px;animation:spin 10s linear infinite;animation-play-state:paused}.ios-mini-player:hover .ios-mini-player-artwork{animation-play-state:running}.ios-mini-player-info{flex:1;min-width:0;margin-right:12px}.ios-mini-player-title{font-size:14px;font-weight:var(--ios-font-weight-semibold);color:var(--ios-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.ios-mini-player-artist{font-size:12px;color:var(--ios-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-mini-player-play-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--ios-text-primary);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}