.search-form{width:100%;max-width:480px}.search-input-wrapper{display:flex;align-items:center;gap:12px;padding:18px 24px;border:2px solid rgba(139,92,246,.3);border-radius:16px;background:#0f0f1e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.search-input-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.search-input-wrapper.focused{border-color:#8b5cf6cc;box-shadow:0 0 0 4px #8b5cf626,0 8px 32px #8b5cf666,inset 0 1px #ffffff26;background:#0f0f1ecc}.search-input-wrapper.focused:before{left:100%}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.01em;padding:0}.search-input::placeholder{color:#fff6}.search-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 16px #8b5cf666,inset 0 1px #fff3;position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.search-button:hover:not(:disabled){background:linear-gradient(135deg,#9b6cf6,#f458a9);box-shadow:0 6px 24px #8b5cf680,inset 0 1px #ffffff4d;transform:translateY(-2px)}.search-button:hover:not(:disabled):before{opacity:1}.search-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #8b5cf666,inset 0 1px #fff3}.search-button:disabled{opacity:.4;cursor:not-allowed;background:#8b5cf633;box-shadow:none}@media (max-width: 768px){.search-form{max-width:100%}.search-input{font-size:16px}.search-input-wrapper{padding:16px 20px}.search-button{width:44px;height:44px}}.wallpaper-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e)}.wallpaper-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;max-width:350px;margin:0 auto}.wallpaper{position:relative;width:240px;height:533px;flex-shrink:0;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;background:#000;margin:0 auto}.wallpaper-base,.blur-layer-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:1}.album-section{width:100%;height:50%;position:relative;overflow:hidden}.album-image-normal{width:100%;height:100%;object-fit:cover;display:block}.album-image-mirror{width:100%;height:100%;object-fit:cover;display:block;transform:scaleY(-1)}.wallpaper-blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.blur-layer{position:absolute;top:-10%;left:-10%;width:120%;height:120%}.blur-layer-1{filter:blur(150px) brightness(1.05) saturate(1.15) contrast(.9);mask-image:linear-gradient(to top,black 0%,black 52%,transparent 58%);-webkit-mask-image:linear-gradient(to top,black 0%,black 52%,transparent 58%)}.blur-layer-2{filter:blur(80px) brightness(1.15) saturate(1.25) contrast(.92);mask-image:linear-gradient(to top,black 0%,black 52%,transparent 60%);-webkit-mask-image:linear-gradient(to top,black 0%,black 52%,transparent 60%)}.blur-layer-3{filter:blur(30px) brightness(1.25) saturate(1.35) contrast(.95);mask-image:linear-gradient(to top,black 0%,black 52%,transparent 65%);-webkit-mask-image:linear-gradient(to top,black 0%,black 52%,transparent 65%)}.wallpaper-controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:24px}@media (max-width: 768px){.wallpaper{width:220px;height:489px}.wallpaper-controls{flex-direction:column;gap:12px;width:220px;margin:24px auto 0}.control-button{width:100%;text-align:center;min-width:unset}}.control-button{padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:block;margin:0}.control-button.primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 16px #8b5cf64d}.control-button.primary:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf666;transform:translateY(-2px)}.control-button.primary:disabled{opacity:.5;cursor:not-allowed}.control-button.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width: 768px){.wallpaper-container{padding:16px}.wallpaper{width:200px;height:444px;border-radius:20px;margin:0 auto}.wallpaper-wrapper{width:100%;max-width:280px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.wallpaper-controls{flex-direction:column;width:100%;align-items:center;margin:24px 0 0;gap:12px}.control-button{width:100%;max-width:200px;text-align:center;margin:0 auto}}.cover-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.cover-selector-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;padding:32px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.selector-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.selector-subtitle{font-size:14px;color:#fff9;margin:0 0 24px;text-align:center}.cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media (min-width: 769px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.cover-card{background:#ffffff0d;border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.cover-card:hover{background:#ffffff1a;border-color:#8b5cf680;transform:translateY(-4px)}.cover-image-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#000}.cover-image{width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px #8b5cf666}.cover-info{color:#fff}.cover-track-name{font-size:15px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-artist-name{font-size:13px;color:#fffc;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-album-name{font-size:12px;color:#fff9;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-release-date{font-size:11px;color:#fff6}.selector-cancel-btn{width:100%;padding:12px 24px;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.selector-cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width: 768px){.cover-selector-container{padding:24px 16px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.selector-title{font-size:24px}}:root{--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s;--transition-medium: .3s}.app{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.geometric-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.geo-shape{position:absolute;opacity:.6;filter:blur(1px)}.geo-1{top:10%;right:15%;width:300px;height:300px;background:linear-gradient(135deg,#8b5cf626,#ec48991a);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:floatRotate 20s ease-in-out infinite}.geo-2{bottom:15%;left:10%;width:250px;height:250px;background:linear-gradient(45deg,#3b82f626,#8b5cf61a);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);animation:floatRotate 25s ease-in-out infinite reverse}.geo-3{top:40%;right:8%;width:200px;height:200px;background:linear-gradient(135deg,#ec48991f,#fb923c14);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);animation:floatRotate 18s ease-in-out infinite}.geo-4{top:60%;right:25%;width:150px;height:150px;border:3px solid rgba(139,92,246,.2);background:transparent;transform:rotate(45deg);animation:pulseGlow 4s ease-in-out infinite}.geo-5{top:20%;left:30%;width:100px;height:100px;background:linear-gradient(135deg,#3b82f61a,#8b5cf614);clip-path:circle(50% at 50% 50%);animation:floatScale 15s ease-in-out infinite}.geo-6{bottom:30%;right:35%;width:180px;height:180px;background:linear-gradient(45deg,#ec48991a,#fb923c14);clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:floatRotate 22s ease-in-out infinite reverse}.geo-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridPulse 10s ease-in-out infinite}.geo-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(139,92,246,.15) 1px,transparent 1px);background-size:30px 30px;animation:dotFloat 8s ease-in-out infinite}.content-area{position:relative;z-index:10;padding:60px 80px;max-width:700px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;text-align:center}.hero-section{margin-bottom:48px}.hero-title{font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.title-line{color:#fff;text-shadow:0 0 60px rgba(139,92,246,.5)}.title-accent{background:linear-gradient(135deg,#8b5cf6,#ec4899,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px rgba(236,72,153,.4))}.hero-subtitle{font-size:18px;font-weight:400;letter-spacing:-.01em;line-height:1.6;color:#ffffffb3;max-width:480px}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10}.loading-indicator{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);border:3px solid rgba(139,92,246,.4);box-shadow:0 0 40px #8b5cf666,inset 0 0 40px #8b5cf633,0 0 80px #ec489933}@keyframes floatRotate{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(30px,-30px) rotate(120deg) scale(1.1)}66%{transform:translate(-20px,20px) rotate(240deg) scale(.9)}}@keyframes floatScale{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(40px,-40px) scale(1.3);opacity:.8}}@keyframes pulseGlow{0%,to{opacity:.4;transform:rotate(45deg) scale(1)}50%{opacity:.8;transform:rotate(45deg) scale(1.1)}}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes dotFloat{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}@media (max-width: 1024px){.content-area{padding:40px 60px;max-width:600px}.hero-title{font-size:56px}.geo-1,.geo-2{width:200px;height:200px}}@media (max-width: 768px){.content-area{padding:40px 30px;max-width:100%}.hero-title{font-size:42px}.hero-subtitle{font-size:16px}.hero-section{margin-bottom:32px}.geo-1,.geo-2,.geo-3,.geo-6{width:150px;height:150px}.geo-4{width:100px;height:100px}.geo-5{width:80px;height:80px}}@media (max-width: 480px){.content-area{padding:30px 20px}.hero-title{font-size:36px}.hero-subtitle{font-size:14px}.hero-section{margin-bottom:24px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--accent: rgba(255, 255, 255, .05);--transition-fast: .2s ease;--transition-medium: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(119,198,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.3}#root{min-height:100vh;width:100%;position:relative;z-index:1}