.artist-site-container{background:var(--brand-bg-dark);min-height:100vh;color:var(--brand-text);font-family:var(--brand-font);scroll-behavior:smooth}.artist-hero{justify-content:center;align-items:center;height:80vh;display:flex;position:relative;overflow:hidden}.artist-hero .hero-background{filter:blur(20px)contrast(1.2)saturate(1.2);image-rendering:pixelated;background-position:50%;background-size:cover;transition:background-image 1s ease-in-out;position:absolute;inset:0;transform:scale(1.1)}.artist-hero:after{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#0003 1px,#0000 1px),linear-gradient(90deg,#0003 1px,#0000 1px);background-position:50%;background-size:20px 20px;position:absolute;inset:0}.artist-hero .hero-overlay{z-index:1;background:#0006;position:absolute;inset:0}.artist-hero .hero-content{z-index:2;flex-direction:column;align-items:center;gap:20px;max-width:900px;padding:0 40px;animation:1s ease-out musicFadeIn;display:flex;position:relative}@keyframes musicFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.artist-avatar{border:4px solid #6366f180;border-radius:50%;width:160px;height:160px;overflow:hidden;box-shadow:0 0 40px #6366f14d}.artist-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{background:var(--brand-gradient-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex}.artist-site-container .hero-content .artist-name{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin:0;font-size:3.2rem;font-weight:900}.artist-bio{color:var(--brand-text-secondary);max-width:600px;font-size:1.4rem;line-height:1.6}.artist-main-content{max-width:1200px;margin:0 auto;padding:0 40px 100px}.artist-site-container .section-header{text-align:left;margin-bottom:50px}.artist-site-container .section-header h2{letter-spacing:-1px;margin-bottom:12px;font-size:2.5rem;font-weight:800}.artist-site-container .decorative-line{background:var(--brand-primary);border-radius:2px;width:60px;height:4px;margin:0}.featured-video-section{margin-bottom:100px}.video-container{aspect-ratio:16/9;border-radius:var(--brand-radius);width:100%;box-shadow:var(--brand-shadow-card);border:1px solid var(--brand-border);background:#000;overflow:hidden}.news-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.news-item{background:var(--brand-bg-card);-webkit-backdrop-filter:var(--brand-glass-blur);backdrop-filter:var(--brand-glass-blur);border-radius:var(--brand-radius-sm);border:1px solid #ffffff0d;border-left:4px solid var(--brand-primary);box-shadow:var(--brand-glass-shadow);transition:all var(--brand-transition);align-items:center;gap:24px;padding:20px 24px;display:flex}.news-item:hover{background:var(--brand-bg-card-hover);border-color:#ffffff1a;border-left-color:var(--brand-primary);transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080}.news-meta{align-items:center;gap:12px;min-width:200px;display:flex}.news-date{color:#ffffffb3;letter-spacing:1px;font-family:monospace;font-size:1.1rem}.news-badge{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-release{color:#c084fc;background:#a855f733;border:1px solid #a855f766}.badge-article{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866}.badge-announcement{color:#f87171;background:#f8717133;border:1px solid #f8717166}.news-content{flex:1}.news-title{color:#fff;font-size:1.1rem;font-weight:500}.news-title-link{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s;display:block}.news-title-link:hover{color:var(--brand-accent);text-decoration:underline}.album-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;margin-top:40px;display:grid}.album-card-item:hover .album-art-wrap{transform:translateY(-10px);box-shadow:0 30px 60px #6366f14d}.album-card-item:hover .album-hover-overlay{opacity:1}.album-card-header:hover{background:#ffffff14!important;border-color:#6366f14d!important}.album-card-header:hover .album-mini-art{transform:scale(1.02)}.album-mini-art{transition:transform .3s}.public-song-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px;display:grid}.song-grid-card{background:var(--brand-bg-card);-webkit-backdrop-filter:var(--brand-glass-blur);backdrop-filter:var(--brand-glass-blur);box-shadow:var(--brand-glass-shadow);cursor:pointer;border:1px solid #ffffff0d;border-radius:20px;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.song-grid-card.upcoming{background:#a855f70d;border-color:#a855f74d}.upcoming-badge,.album-only-badge{color:#fff;z-index:10;box-shadow:var(--brand-shadow-accent);background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-10px;right:10px}.album-only-badge{background:linear-gradient(135deg,#475569,#1e293b);left:10px;right:auto;box-shadow:0 4px 12px #0000004d}.song-grid-card:hover{background:var(--brand-bg-card-hover);border-color:#6366f166;transform:translateY(-6px);box-shadow:0 20px 40px -10px #00000080}@keyframes pulse-glow{0%{background:#6366f10d;border-color:#6366f166;box-shadow:0 0 #6366f100}50%{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 25px #6366f166}to{background:#6366f10d;border-color:#6366f166;box-shadow:0 0 #6366f100}}.song-grid-card.playing{z-index:5;animation:2.5s ease-in-out infinite pulse-glow}.song-art-box{aspect-ratio:1;border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d}.song-art-box img{object-fit:cover;width:100%;height:100%}.placeholder-art{color:#475569;background:#1e293b;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.play-overlay{opacity:0;transition:all var(--brand-transition);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.song-grid-card:hover .play-overlay,.song-grid-card.playing .play-overlay{opacity:1}.play-btn-with-text{color:#fff;cursor:pointer;background:#6366f1e6;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000004d}.play-btn-with-text:hover{background:var(--brand-primary);box-shadow:var(--brand-shadow-primary);transform:scale(1.05)}.play-icon-circle{color:var(--brand-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding-left:2px;display:flex}.play-text{letter-spacing:1px;font-size:1.1rem;font-weight:800}.album-only-tag-rich{color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f14d,#a855f74d);border:1px solid #6366f166;border-radius:6px;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #6366f133}.streaming-links-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--brand-border);background:#0009;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;display:flex}.streaming-links-label{text-transform:uppercase;letter-spacing:1px;color:#fff9;font-size:10px;font-weight:700}.streaming-links{gap:16px;display:flex}.streaming-links a{color:#fffc;justify-content:center;align-items:center;transition:all .2s;display:flex}.streaming-links a:hover{color:#fff;transform:scale(1.2)}.song-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1.1rem;font-weight:700;overflow:hidden}.song-meta{color:var(--brand-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.release-date{opacity:.7;font-size:.75rem}.public-song-grid-wrapper{max-height:380px;margin-top:-15px;padding-top:15px;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.public-song-grid-wrapper.expanded{max-height:2000px;transition:max-height 1.2s}.expand-toggle-btn{color:#fff9;cursor:pointer;transition:all var(--brand-transition);background:0 0;border:none;padding:8px 16px;font-size:.95rem;position:relative}.expand-toggle-btn:after{content:"";background:#fffc;width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.expand-toggle-btn:hover{color:#fff}.expand-toggle-btn:hover:after{width:80%}.album-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--brand-z-modal);background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out musicFadeIn;display:flex;position:fixed;inset:0}.album-modal-content{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:600px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #000c,inset 0 0 40px #6366f11a}.modal-close{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;font-size:2rem;transition:opacity .2s;position:absolute;top:20px;right:20px}.modal-close:hover{opacity:1}.modal-header-flex{align-items:center;gap:32px;margin-bottom:40px;display:flex}.modal-album-art{border-radius:16px;flex-shrink:0;width:180px;height:180px;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-album-art img{object-fit:cover;width:100%;height:100%}.modal-badge{background:var(--brand-primary);color:#fff;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.modal-album-meta h2{margin:12px 0 8px;font-size:2rem;font-weight:800}.modal-description{color:var(--brand-text-secondary);font-size:.95rem;line-height:1.6}.modal-tracklist h3{border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:16px;font-size:1.25rem;font-weight:800}.track-item-row{cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.track-item-row:hover{background:#ffffff0d}.track-item-row.active{color:var(--brand-primary);background:#6366f11a}.track-number{opacity:.3;width:24px;font-weight:700}.track-title-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.album-only-tag-rich{letter-spacing:.5px;text-transform:uppercase;color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.track-play-btn-wrap{align-items:center;gap:12px;display:flex}.preview-label{color:var(--brand-primary);opacity:0;font-size:.75rem;font-weight:700;transition:all .3s;transform:translate(10px)}.track-item-row:hover .preview-label{opacity:1;transform:translate(0)}.track-play-btn{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.track-item-row:hover .track-play-btn{background:var(--brand-primary);color:#fff}.track-sns-btn{cursor:pointer;color:#a855f7;background:#a855f71a;border:1px solid #a855f74d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.track-sns-btn:hover{color:#fff;background:#a855f7}.sns-gen-quick-btn-card{color:var(--brand-accent);cursor:pointer;transition:all var(--brand-transition);background:#a855f71a;border:1px solid #a855f74d;border-radius:40px;align-self:flex-start;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:6px 14px;font-size:.8rem;font-weight:700;display:flex}.sns-gen-quick-btn-card:hover{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff;transform:scale(1.05)}.persistent-player-wrapper{z-index:2001;box-sizing:border-box;border-radius:100px;width:90%;max-width:700px;padding:2px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.animated-border-layer{-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:1;border-radius:100px;padding:2px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-border-layer:before{content:"";transform-origin:50%;will-change:transform;background:conic-gradient(#6366f1 0deg,#0000 45deg 135deg,#ec4899 180deg,#0000 225deg 315deg,#6366f1 360deg);width:2500px;height:2500px;margin-top:-1250px;margin-left:-1250px;animation:6s linear infinite spin-border;position:absolute;top:50%;left:50%}.persistent-player-wrapper.playing .animated-border-layer{opacity:1}@keyframes spin-border{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(360deg)}}.persistent-player-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-sizing:border-box;z-index:2;background:#0f172af2;border:1px solid #0000;border-radius:100px;align-items:center;gap:16px;width:100%;padding:10px 24px;display:flex;position:relative;box-shadow:0 10px 40px #00000080}.persistent-player-wrapper:not(.playing) .persistent-player-bar{border:1px solid #ffffff26}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.player-song-art{background:#1e293b;border-radius:50%;width:48px;height:48px;overflow:hidden}.player-song-art img{object-fit:cover;width:100%;height:100%}.player-info{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;font-size:.95rem;font-weight:800;overflow:hidden}.player-artist{color:var(--brand-text-secondary);font-size:.8rem}.player-controls{align-items:center;gap:12px;display:flex}.spatial-preview-control{position:relative}.spatial-toggle{color:var(--brand-text-secondary);cursor:pointer;white-space:nowrap;background:#0f172ab3;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:800;line-height:1;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}.spatial-toggle svg{flex:none}.spatial-toggle:hover,.spatial-toggle.active{border-color:var(--brand-primary);color:#fff;background:#6366f12e;box-shadow:0 0 18px #6366f138}.spatial-position-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172af5;border:1px solid #94a3b83d;border-radius:18px;width:min(320px,86vw);padding:14px;position:absolute;bottom:calc(100% + 16px);right:0;box-shadow:0 22px 48px #00000073}.spatial-position-panel:after{content:"";background:#0f172af5;border-bottom:1px solid #94a3b83d;border-right:1px solid #94a3b83d;width:14px;height:14px;position:absolute;bottom:-7px;right:30px;transform:rotate(45deg)}.spatial-position-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.spatial-position-header span{color:#fff;font-size:.84rem;font-weight:900}.spatial-position-header small{color:var(--brand-text-muted);white-space:nowrap;font-size:.68rem}.spatial-stage-mini{background:radial-gradient(circle,#6366f133,#0000 36%),linear-gradient(#1e293bc7,#0f172adb);border:1px solid #94a3b82e;border-radius:14px;height:132px;position:relative;overflow:hidden}.spatial-stage-axis{pointer-events:none;background:#94a3b829;position:absolute}.spatial-stage-axis.horizontal{height:1px;top:50%;left:12px;right:12px}.spatial-stage-axis.vertical{width:1px;top:12px;bottom:12px;left:50%}.spatial-listener-dot{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);box-shadow:0 0 18px #ffffff80}.spatial-stem-dot{color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;box-shadow:0 8px 18px #00000052}.spatial-stem-dot.vocals{background:#ec4899}.spatial-stem-dot.instrumental{background:#22d3ee}.spatial-sliders{grid-template-columns:78px 1fr 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.spatial-sliders span{color:#fff;font-size:.78rem;font-weight:800}.spatial-sliders label{color:var(--brand-text-muted);gap:4px;font-size:.68rem;font-weight:800;display:grid}.spatial-sliders input{width:100%;accent-color:var(--brand-primary)}.volume-control{align-items:center;gap:8px;display:flex}.volume-slider{width:80px;accent-color:var(--brand-primary);height:4px}.icon-btn{color:var(--brand-text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;transition:color .2s}.icon-btn:hover,.icon-btn.active{color:#fff}.play-pause-btn{width:54px;height:54px;color:var(--brand-bg-dark);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.play-pause-btn:hover{background:var(--brand-primary);color:#fff;box-shadow:var(--brand-shadow-primary);transform:scale(1.05)}.player-dismiss-btn{width:32px;height:32px;color:var(--brand-text-secondary);cursor:pointer;background:#94a3b81f;border:1px solid #94a3b833;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.player-dismiss-btn:hover{color:#fff;background:#f8717129;border-color:#f8717173;transform:scale(1.04)}.artist-footer{text-align:center;border-top:1px solid #ffffff0d;padding:100px 0 150px}.artist-footer p{color:var(--brand-text-muted);margin:4px 0}.artist-footer .powered-by{background:var(--brand-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;margin-top:12px!important}.loading-screen,.error-screen{height:100vh;color:var(--brand-text-secondary);font-family:var(--brand-font);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.artist-name{font-size:2.5rem}.artist-hero{height:50vh}.artist-avatar{border-width:3px;width:120px;height:120px}.artist-hero .hero-content{padding:0 20px}.artist-main-content{padding:0 20px 120px}.public-song-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-top:24px}.artist-site-container .section-header h2{font-size:2rem!important}.artist-site-container .section-header{margin-bottom:30px}.persistent-player-wrapper{width:95%;bottom:20px}.persistent-player-bar{gap:12px;padding:10px 16px}.player-song-art{width:40px;height:40px}.volume-control{display:none}.spatial-toggle{padding:8px 10px;font-size:.72rem}.spatial-position-panel{width:min(300px,100vw - 28px);right:-58px}.spatial-sliders{grid-template-columns:1fr;gap:6px}.play-pause-btn{width:44px;height:44px}.player-dismiss-btn{width:30px;height:30px}.album-modal-content{border-radius:20px;padding:24px 20px}.modal-header-flex{text-align:center;flex-direction:column;gap:16px;margin-bottom:24px}.modal-album-art{width:140px;height:140px;margin:0 auto}.modal-close{font-size:1.5rem;top:12px;right:16px}.modal-album-meta h2{font-size:1.5rem}.track-item-row{gap:8px;padding:8px 12px}.track-title{font-size:.9rem}.track-number{width:16px;font-size:.8rem}.preview-label{display:none}.news-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.news-meta{min-width:auto}}@media (max-width:480px){.artist-name{font-size:2rem}.artist-avatar{width:100px;height:100px}.artist-bio{font-size:1rem}.public-song-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.play-btn-with-text{padding:6px 12px}.play-icon-circle{width:28px;height:28px}.play-text{font-size:.9rem}.streaming-links{gap:12px}.player-title{font-size:.9rem}.player-artist{font-size:.75rem}}