:root{
--bg:#08080a;--surface:#101013;--surface2:#17171b;--surface3:#202026;--surface4:#292930;
--text:#f5f2ec;--soft:#bbb4ac;--muted:#7e7770;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.14);
--bone:#f3efe7;--pink:#ff3bb5;--violet:#9859ff;--cyan:#72e5ff;--green:#64e4a3;
--club:#7954d8;--latin:#b52b7b;--street:#74747b;--soul:#8b5841;
--rail:286px;--right:320px;--top:64px;--player:86px;--mobile-nav:68px;
--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scrollbar-color:#333 transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit}img{max-width:100%}::selection{background:rgba(255,59,181,.32)}:focus-visible{outline:2px solid rgba(152,89,255,.96);outline-offset:3px}
.icon-button{width:36px;height:36px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#aaa49d}.icon-button:hover{background:rgba(255,255,255,.07);color:#fff}.icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh}.library-rail{position:fixed;left:0;top:0;bottom:var(--player);width:var(--rail);padding:12px 8px 10px;background:#050506;border-right:1px solid rgba(255,255,255,.035);z-index:35;display:flex;flex-direction:column;transition:width .18s ease}.rail-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.wordmark{display:flex;align-items:center;text-decoration:none;font-weight:950;font-size:20px;letter-spacing:.13em}.wordmark span{letter-spacing:.07em}.wordmark i,.mobile-brand i{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px rgba(255,59,181,.72);margin-left:8px}.primary-nav,.secondary-nav{display:grid;gap:2px}.primary-nav a,.secondary-nav a{height:44px;display:flex;align-items:center;gap:13px;padding:0 12px;border-radius:8px;text-decoration:none;color:#aaa49e;font-size:12px;font-weight:760}.primary-nav a:hover,.secondary-nav a:hover,.primary-nav a.active,.secondary-nav a.active{background:rgba(255,255,255,.055);color:#fff}.primary-nav .icon,.secondary-nav .icon{width:21px;height:21px}.library-box{margin-top:8px;min-height:0;flex:1;border-radius:10px;background:#0c0c0f;border:1px solid rgba(255,255,255,.025);display:flex;flex-direction:column;overflow:hidden}.library-heading{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.library-heading>div{display:flex;align-items:center;gap:10px;color:#c8c2ba;font-size:11px}.library-heading a{color:#77716b}.library-heading .icon{width:20px}.library-filters{display:flex;gap:5px;padding:0 9px 9px;overflow:auto;scrollbar-width:none}.library-filters::-webkit-scrollbar{display:none}.library-filters button{border:0;border-radius:14px;background:#202025;color:#aaa49d;padding:7px 10px;font-size:9px;font-weight:760;white-space:nowrap;cursor:pointer}.library-filters button.active{background:var(--bone);color:#111}.library-list{min-height:0;overflow:auto;padding:3px 6px 10px;scrollbar-width:none}.library-list::-webkit-scrollbar{display:none}.library-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border-radius:7px;text-decoration:none}.library-item:hover{background:#18181d}.library-item img,.library-world-art{width:46px;height:46px;border-radius:6px;object-fit:cover}.library-item div{min-width:0}.library-item b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item span{display:block;font-size:8px;color:#77716b;margin-top:3px}.library-world-art{display:grid;place-items:center;font-size:19px;font-weight:900}.secondary-nav{padding-top:8px}.skeleton{background:linear-gradient(90deg,#151519,#202025,#151519);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.library-skeleton{height:58px;margin:5px;border-radius:7px}@keyframes shimmer{to{background-position:-200% 0}}
.center-shell{margin-left:var(--rail);margin-right:0;min-height:100vh;padding-bottom:var(--player);transition:margin .18s ease}.app.panel-open .center-shell{margin-right:var(--right)}.topbar{height:var(--top);position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:linear-gradient(180deg,rgba(8,8,10,.97),rgba(8,8,10,.82));backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.035)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:9px}.history-buttons{display:flex;gap:6px}.global-search{height:40px;min-width:270px;max-width:440px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:20px;background:#121216;color:#8f8882;text-decoration:none;font-size:10px}.global-search:hover{border-color:var(--line2);background:#18181d}.global-search .icon{width:18px}.global-search span:nth-child(2){flex:1}.global-search kbd{border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:#67615c;font:9px var(--mono)}.mobile-brand{display:none}.small-pill{height:34px;padding:0 12px;border:1px solid var(--line2);border-radius:17px;background:#121216;font-size:9px;font-weight:850;cursor:pointer}.small-pill:hover{background:#202025}.profile-pill{height:36px;padding:0 8px 0 4px;display:flex;align-items:center;gap:7px;border-radius:18px;background:var(--bone);color:#111;text-decoration:none;font-size:9px;font-weight:850}.profile-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:grayscale(1)}.profile-pill .icon{width:13px}.live-count{height:30px;padding:0 9px;border-radius:15px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:6px;color:#8f8982;font-size:9px}.live-count i{width:6px;height:6px;border-radius:50%;background:var(--green)}.live-count b{color:#ddd7cf}.main-view{min-height:calc(100vh - var(--top));padding:0 26px 56px;outline:none}.content{max-width:1480px;margin:0 auto}.boot{min-height:66vh;display:grid;place-items:center;align-content:center;gap:15px;color:#6d6761}.boot>b{font-size:32px;letter-spacing:.12em;color:#fff}.boot>div{width:180px;height:2px;background:#1b1b20;overflow:hidden}.boot>div i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink));animation:loader 1s linear infinite}.boot>span{font-size:9px}@keyframes loader{from{transform:translateX(-120%)}to{transform:translateX(310%)}}
.hero{position:relative;min-height:430px;margin:0 -26px 30px;border-radius:0 0 22px 22px;overflow:hidden;padding:42px 44px;display:flex;align-items:flex-end;background:#151518}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.12) brightness(.64)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,8,.94),rgba(6,6,8,.62) 42%,rgba(6,6,8,.06) 75%),linear-gradient(180deg,rgba(8,8,10,.03),rgba(8,8,10,.76))}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow{font:8px var(--mono);letter-spacing:.16em;color:#aaa39c}.hero h1{font-size:clamp(64px,8vw,124px);line-height:.78;letter-spacing:-.066em;margin:14px 0 22px;font-weight:950}.hero p{max-width:610px;font-size:14px;line-height:1.62;color:#cdc7bf;margin:0 0 20px}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn-primary,.btn-secondary,.round-action{border:0;cursor:pointer;font-weight:820}.btn-primary,.btn-secondary{height:46px;border-radius:23px;padding:0 19px}.btn-primary{background:var(--bone);color:#101012}.btn-primary:hover{transform:scale(1.015)}.btn-secondary{background:rgba(20,20,24,.78);border:1px solid rgba(255,255,255,.14);color:white;backdrop-filter:blur(12px)}.btn-secondary:hover{background:#202026}.hero-stats{display:flex;align-items:center;gap:16px;margin-top:16px;color:#8c857e;font-size:9px}.hero-stats span{display:flex;align-items:center;gap:6px}.hero-stats i{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero-eq{position:absolute;right:35px;bottom:28px;z-index:2;height:42px;display:flex;align-items:flex-end;gap:3px;opacity:.58}.hero-eq i{display:block;width:3px;height:13px;border-radius:2px;background:linear-gradient(180deg,var(--bone),var(--pink));animation:eq 1.3s ease-in-out infinite alternate}.hero-eq i:nth-child(2n){height:26px;animation-delay:-.3s}.hero-eq i:nth-child(3n){height:37px;animation-delay:-.7s}.hero-eq i:nth-child(5n){height:20px;animation-delay:-.45s}@keyframes eq{from{transform:scaleY(.35);opacity:.35}to{transform:scaleY(1);opacity:1}}body.audio-playing .hero-eq i{animation-duration:.36s}.greeting{font-size:32px;letter-spacing:-.045em;margin:32px 0 17px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:34px}.quick-card{min-width:0;height:70px;display:grid;grid-template-columns:70px minmax(0,1fr) 42px;gap:10px;align-items:center;background:#151519;border-radius:8px;overflow:hidden;cursor:pointer;text-decoration:none}.quick-card:hover{background:#202025}.quick-card img{width:70px;height:70px;object-fit:cover}.quick-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-card button{width:34px;height:34px;border-radius:50%;border:0;background:var(--bone);color:#111;display:grid;place-items:center;opacity:0;cursor:pointer}.quick-card:hover button{opacity:1}.section{margin:34px 0 45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{font-size:25px;line-height:1;letter-spacing:-.04em;margin:0}.section-head p{font-size:10px;color:#807a74;margin:6px 0 0}.section-head a,.section-head button{font-size:9px;color:#8e8881;background:none;border:0;text-decoration:none;white-space:nowrap;cursor:pointer}.section-head a:hover,.section-head button:hover{color:#fff}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.music-card{min-width:0;padding:10px;border-radius:10px;background:#101013;cursor:pointer;transition:background .15s ease,transform .15s ease}.music-card:hover{background:#1a1a1f;transform:translateY(-2px)}.cover{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1d1d22;box-shadow:0 12px 28px rgba(0,0,0,.22)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-play{position:absolute;right:9px;bottom:9px;width:46px;height:46px;border-radius:50%;border:0;background:var(--bone);color:#111;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(7px);transition:.14s ease;box-shadow:0 8px 22px rgba(0,0,0,.35)}.music-card:hover .cover-play,.music-card:focus-within .cover-play{opacity:1;transform:none}.cover-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px}.cover-actions button,.cover-actions a{width:32px;height:32px;border-radius:50%;border:0;background:rgba(8,8,10,.76);backdrop-filter:blur(8px);display:grid;place-items:center;color:#ddd;text-decoration:none;cursor:pointer;opacity:0}.music-card:hover .cover-actions button,.music-card:hover .cover-actions a,.music-card:focus-within .cover-actions button,.music-card:focus-within .cover-actions a{opacity:1}.music-card h3{font-size:12px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card p{font-size:9px;margin:0;color:#77716b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.dot.club{background:var(--club)}.dot.latin{background:var(--latin)}.dot.street{background:#99939c}.dot.soul{background:#c08463}.dot.other{background:#666}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.world-card{position:relative;min-height:155px;padding:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.world-card:after{content:"";position:absolute;width:145px;height:145px;right:-32px;bottom:-36px;border-radius:38px;transform:rotate(25deg);opacity:.7}.world-card.club{background:linear-gradient(145deg,#171421,#19142c)}.world-card.club:after{background:#7048d2}.world-card.latin{background:linear-gradient(145deg,#21131c,#2d1123)}.world-card.latin:after{background:#a92072}.world-card.street{background:linear-gradient(145deg,#151517,#222226)}.world-card.street:after{background:#66666d}.world-card.soul{background:linear-gradient(145deg,#1b1512,#291b15)}.world-card.soul:after{background:#83533e}.world-card span,.world-card b,.world-card small{position:relative;z-index:2}.world-card span{font:8px var(--mono);letter-spacing:.15em;color:#aaa39b}.world-card b{font-size:25px;letter-spacing:-.045em}.world-card small{font-size:9px;color:#aaa39b}.playlist-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.playlist-card{text-decoration:none;min-width:0}.playlist-art{aspect-ratio:1;border-radius:9px;overflow:hidden;background:#17171b;box-shadow:0 12px 28px rgba(0,0,0,.2)}.playlist-art img{width:100%;height:100%;object-fit:cover;display:block}.playlist-card h3{font-size:12px;margin:9px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card p{font-size:9px;color:#77716b;margin:0}.recent-row{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.recent-row::-webkit-scrollbar{display:none}.recent-item{flex:0 0 255px;height:62px;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#101013;padding:4px;cursor:pointer}.recent-item:hover{background:#18181d}.recent-item img{width:54px;height:54px;border-radius:6px;object-fit:cover}.recent-item div{min-width:0}.recent-item b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item span{font-size:8px;color:#77716b}.recent-item button{width:32px;height:32px;border-radius:50%;border:0;background:var(--bone);color:#111;display:grid;place-items:center;cursor:pointer}.page-head{padding:36px 0 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-head h1{font-size:38px;line-height:.98;letter-spacing:-.045em;margin:0}.page-head p{font-size:10px;color:#817a74;margin:7px 0 0}.search-wrap{padding:42px 0 18px}.search-wrap h1{font-size:44px;line-height:.96;letter-spacing:-.05em;margin:0 0 18px}.search-input{max-width:720px;height:54px;border-radius:27px;background:white;color:#111;display:flex;align-items:center;gap:10px;padding:0 18px}.search-input .icon{width:22px}.search-input input{flex:1;border:0;outline:0;background:transparent;color:#111;font-size:14px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 20px}.chip{height:32px;padding:0 12px;border:0;border-radius:16px;background:#202025;color:#ccc5bd;font-size:9px;font-weight:780;cursor:pointer}.chip.active{background:var(--bone);color:#111}.track-list{display:grid}.track-row{display:grid;grid-template-columns:36px minmax(260px,1.65fr) minmax(110px,.65fr) 70px 92px;gap:12px;align-items:center;min-height:60px;padding:6px 8px;border-radius:7px}.track-row:hover{background:rgba(255,255,255,.045)}.track-number{text-align:center;color:#6e6862;font-size:9px}.track-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.track-main img{width:44px;height:44px;border-radius:5px;object-fit:cover}.track-main div{min-width:0}.track-main b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-main span,.track-world,.track-time{font-size:9px;color:#77716b}.track-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-world{white-space:nowrap}.track-time{text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:3px}.row-actions button,.row-actions a{width:31px;height:31px;border-radius:50%;border:0;background:transparent;color:#8b857f;text-decoration:none;display:grid;place-items:center;cursor:pointer}.row-actions button:hover,.row-actions a:hover{background:#25252b;color:white}.notes-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.note-card{min-height:250px;padding:23px;border:1px solid var(--line);border-radius:12px;background:#101013;display:flex;flex-direction:column;text-decoration:none}.note-card.lead{min-height:400px;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.84)),url('/assets/images/street.webp') center/cover}.note-card span{font:8px var(--mono);letter-spacing:.15em;color:#8f8882}.note-card h2{font-size:34px;line-height:.98;letter-spacing:-.05em;margin:15px 0 11px}.note-card p{font-size:11px;color:#aaa39b;line-height:1.6;max-width:48ch}.note-card em{font-style:normal;font-size:9px;color:#aaa39b;margin-top:auto}.article{max-width:810px;padding:44px 0 80px}.article .eyebrow{display:block}.article h1{font-size:clamp(48px,7vw,86px);line-height:.88;letter-spacing:-.065em;margin:19px 0 27px}.article .lede{font-size:21px;line-height:1.48;color:#d6d0c8;letter-spacing:-.02em}.article h2{font-size:33px;letter-spacing:-.04em;margin:50px 0 13px}.article p{font-size:14px;line-height:1.8;color:#aaa39b;max-width:68ch}.article blockquote{font-size:23px;line-height:1.4;border-left:2px solid var(--violet);padding-left:18px;margin:30px 0;color:#eee9e1}.project-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:42px 0}.project-copy h1{font-size:clamp(48px,6vw,78px);line-height:.9;letter-spacing:-.065em;margin:17px 0 23px}.project-copy p{font-size:14px;color:#aaa39b;line-height:1.78;max-width:62ch}.project-photo{border-radius:14px;overflow:hidden;min-height:450px;background:#151518}.project-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.principle{padding:18px;border:1px solid var(--line);border-radius:11px;background:#101013}.principle span{font:8px var(--mono);color:#69635e}.principle h3{font-size:17px;line-height:1.1;margin:27px 0 7px}.principle p{font-size:10px;color:#8d8780;line-height:1.6}.empty{padding:55px 0;color:#77716b;font-size:11px}
.now-panel{position:fixed;right:0;top:0;bottom:var(--player);width:var(--right);z-index:30;background:#0d0d10;border-left:1px solid var(--line);padding:14px;overflow:auto;transform:translateX(102%);transition:transform .18s ease;scrollbar-width:none}.now-panel::-webkit-scrollbar{display:none}.app.panel-open .now-panel{transform:none}.now-panel-head{height:48px;display:flex;align-items:center;justify-content:space-between}.now-panel-head>div span{display:block;font:7px var(--mono);letter-spacing:.15em;color:#6f6963}.now-panel-head>div b{font-size:11px}.now-panel-art{aspect-ratio:1;border-radius:11px;overflow:hidden;background:#18181d;margin-top:6px;box-shadow:0 18px 42px rgba(0,0,0,.25)}.now-panel-art img{width:100%;height:100%;object-fit:cover}.now-panel-copy{padding:15px 2px 8px}.now-panel-copy h2{font-size:23px;letter-spacing:-.04em;margin:0 0 4px}.now-panel-copy p{font-size:9px;color:#77716b;margin:0}.now-panel-actions{display:flex;gap:5px;padding-bottom:13px;border-bottom:1px solid var(--line)}.next-block{padding:15px 0;border-bottom:1px solid var(--line)}.next-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.next-head b{font-size:10px}.next-head button{border:0;background:none;color:#817b75;font-size:8px;cursor:pointer}.next-item{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:8px;align-items:center;padding:6px;border-radius:7px;cursor:pointer}.next-item:hover{background:#19191e}.next-item img{width:42px;height:42px;border-radius:5px;object-fit:cover}.next-item div{min-width:0}.next-item b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-item span{font-size:7px;color:#77716b}.next-item button{width:28px;height:28px;border-radius:50%;border:0;background:transparent;cursor:pointer}.artist-context{margin-top:15px;border-radius:11px;overflow:hidden;background:#141418}.artist-context>img{width:100%;height:180px;object-fit:cover;filter:grayscale(1)}.artist-context>div{padding:13px}.artist-context span{font:7px var(--mono);letter-spacing:.15em;color:#766f69}.artist-context b{display:block;font-size:16px;margin-top:5px}.artist-context p{font-size:9px;color:#8e8881;line-height:1.55}.artist-context a{font-size:8px;color:#b3ada5;text-decoration:none}
.player{position:fixed;left:0;right:0;bottom:0;height:var(--player);z-index:70;background:#101013;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1.55fr) minmax(230px,1fr);align-items:center;gap:16px;padding:0 14px}.player[hidden]{display:none}.player-track{display:grid;grid-template-columns:56px minmax(0,1fr) 32px;gap:10px;align-items:center;min-width:0}.player-track img{width:56px;height:56px;border-radius:5px;object-fit:cover}.player-track-copy{min-width:0}.player-track-copy b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-copy span{font-size:8px;color:#77716b}.player-external{color:#77716b}.player-external .icon{width:17px}.player-core{display:grid;gap:4px}.player-buttons{display:flex;align-items:center;justify-content:center;gap:15px}.player-buttons button,.player-tools button{border:0;background:none;color:#8e8881;cursor:pointer;display:grid;place-items:center}.player-buttons button:hover,.player-tools button:hover{color:white}.player-buttons button.active{color:var(--pink)}.player-buttons .icon{width:17px}.play-main{width:34px;height:34px;border-radius:50%;background:var(--bone)!important;color:#111!important}.play-main .icon{width:16px}.progress-line{display:grid;grid-template-columns:30px 1fr 30px;gap:7px;align-items:center;font-size:7px;color:#69635e}.player input[type=range],.mobile-now input[type=range]{appearance:none;width:100%;height:3px;border-radius:3px;background:#45454c;outline:0}.player input[type=range]::-webkit-slider-thumb,.mobile-now input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#fff}.player-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}.player-tools .icon{width:16px}.player-tools>span{color:#77716b}.player-tools input{max-width:90px}.mobile-player-hit{display:none}.mobile-nav,.mobile-now{display:none}.queue-drawer{position:fixed;right:0;top:0;bottom:var(--player);width:min(410px,95vw);z-index:85;background:#0d0d10;border-left:1px solid var(--line);transform:translateX(104%);transition:transform .18s ease;padding:18px;overflow:auto}.queue-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-head>div:first-child span{font:7px var(--mono);letter-spacing:.15em;color:#77716b}.drawer-head h2{font-size:24px;margin:3px 0 0}.drawer-head>div:last-child{display:flex;align-items:center;gap:5px}.drawer-head>div:last-child>button:first-child{border:0;background:none;color:#77716b;font-size:8px;cursor:pointer}.queue-current{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.queue-label{font:7px var(--mono);letter-spacing:.14em;color:#68625d;margin-bottom:7px}.queue-item{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:9px;align-items:center;padding:6px;border-radius:7px}.queue-item:hover,.queue-item.current{background:#18181d}.queue-item img{width:44px;height:44px;border-radius:5px;object-fit:cover}.queue-item div{min-width:0}.queue-item b{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item span{font-size:7px;color:#77716b}.queue-item button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;cursor:pointer}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;opacity:0;pointer-events:none;transition:.18s}.scrim.show{opacity:1;pointer-events:auto}.toast{position:fixed;left:50%;bottom:calc(var(--player) + 15px);transform:translate(-50%,16px);z-index:110;background:var(--bone);color:#111;border-radius:17px;padding:8px 13px;font-size:9px;font-weight:800;opacity:0;pointer-events:none;transition:.16s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1390px){:root{--rail:252px;--right:300px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.now-panel{display:none}.app.panel-open .center-shell{margin-right:0}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.principles{grid-template-columns:repeat(2,1fr)}.global-search{min-width:220px}}
@media(max-width:920px){:root{--rail:82px}.wordmark{font-size:0;justify-content:center}.wordmark span{font-size:18px}.wordmark i{display:none}.rail-collapse{display:none}.primary-nav a,.secondary-nav a{justify-content:center;padding:0}.primary-nav a b,.secondary-nav a b{display:none}.library-heading>div b,.library-heading>a,.library-filters{display:none}.library-box{background:transparent;border:0}.library-list{padding-top:6px}.library-item{grid-template-columns:48px;justify-content:center}.library-item div{display:none}.library-item img,.library-world-art{width:48px;height:48px}.topbar{padding-inline:14px}.global-search{min-width:190px}.project-hero{grid-template-columns:1fr}.project-photo{order:-1;min-height:400px}}
@media(max-width:720px){:root{--rail:0px;--top:56px;--player:64px;--mobile-nav:66px}.library-rail{display:none}.center-shell{margin-left:0;padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom))}.topbar{height:var(--top);padding:0 12px;background:rgba(8,8,10,.96)}.history-buttons,.global-search,.live-count,.profile-pill img{display:none}.mobile-brand{display:flex;align-items:center;text-decoration:none;font-size:17px;font-weight:950;letter-spacing:.12em}.profile-pill{height:32px;padding:0 10px}.profile-pill span:nth-child(2){display:none}.small-pill{height:32px}.main-view{padding:0 12px calc(var(--mobile-nav) + 28px + env(safe-area-inset-bottom))}.hero{min-height:392px;margin:0 -12px 22px;padding:25px 18px;border-radius:0 0 18px 18px}.hero-bg{object-position:center 30%}.hero-overlay{background:linear-gradient(180deg,rgba(7,7,9,.08),rgba(7,7,9,.18) 36%,rgba(7,7,9,.94) 88%)}.hero h1{font-size:20vw;margin:11px 0 15px}.hero p{font-size:11px;max-width:95%;line-height:1.55}.hero-actions .btn-primary,.hero-actions .btn-secondary{height:43px;padding:0 15px}.hero-stats{font-size:8px}.hero-eq{right:17px;bottom:20px;height:32px}.greeting{font-size:28px;margin:27px 0 14px}.quick-grid{grid-template-columns:1fr 1fr;gap:7px}.quick-card{height:62px;grid-template-columns:62px minmax(0,1fr);gap:8px}.quick-card img{width:62px;height:62px}.quick-card button{display:none}.quick-card b{font-size:9px;padding-right:8px}.section{margin:28px 0 36px}.section-head h2{font-size:22px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.music-card{padding:7px}.cover-play{opacity:1;transform:none;width:40px;height:40px}.cover-actions a,.cover-actions button{opacity:1}.cover-actions button{display:none}.music-card h3{font-size:11px;margin-top:8px}.world-grid{grid-template-columns:1fr 1fr;gap:8px}.world-card{min-height:138px;padding:15px}.world-card b{font-size:22px}.playlist-grid{grid-template-columns:1fr 1fr;gap:16px 10px}.playlist-card h3{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-item{flex-basis:225px}.page-head{padding-top:28px}.page-head h1{font-size:31px}.search-wrap{padding-top:30px}.search-wrap h1{font-size:36px}.search-input{height:50px}.filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-right:-12px;padding-right:12px}.filters::-webkit-scrollbar{display:none}.chip{flex:0 0 auto}.track-row{grid-template-columns:26px minmax(0,1fr) 40px;gap:7px;padding:5px 2px}.track-world,.track-time,.row-actions a,.row-actions button[data-action="queue"]{display:none}.track-main{grid-template-columns:44px minmax(0,1fr)}.notes-grid{grid-template-columns:1fr}.note-card,.note-card.lead{min-height:220px}.note-card.lead{min-height:330px}.article{padding:28px 0 70px}.article h1{font-size:13vw}.article .lede{font-size:18px}.project-hero{padding:28px 0}.project-photo{min-height:390px}.principles{grid-template-columns:1fr}.player{left:7px;right:7px;bottom:calc(var(--mobile-nav) + 7px + env(safe-area-inset-bottom));height:var(--player);border:1px solid var(--line2);border-radius:13px;padding:6px 8px;grid-template-columns:1fr auto;background:rgba(15,15,18,.97);backdrop-filter:blur(18px)}.mobile-player-hit{display:block;position:absolute;inset:0 58px 0 0;border:0;background:transparent;z-index:2}.player-track{grid-template-columns:48px minmax(0,1fr);gap:8px}.player-track img{width:48px;height:48px}.player-external{display:none}.player-core{display:flex;align-items:center;z-index:3}.player-buttons{gap:0}.player-buttons #shuffleBtn,.player-buttons #prevBtn,.player-buttons #nextBtn,.player-buttons #repeatBtn{display:none}.progress-line,.player-tools{display:none}.play-main{width:42px;height:42px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:65;display:grid;grid-template-columns:repeat(4,1fr);background:#0d0d10;border-top:1px solid var(--line)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#77716b}.mobile-nav a .icon{width:20px;height:20px}.mobile-nav a b{font-size:7px;font-weight:740}.mobile-nav a.active{color:white}.mobile-now{display:flex;position:fixed;inset:0;z-index:100;background:#0a0a0d;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) 20px calc(env(safe-area-inset-bottom) + 22px);transform:translateY(102%);transition:transform .24s cubic-bezier(.2,.72,.2,1);overflow:hidden}.mobile-now.open{transform:none}.mobile-now-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(152,89,255,.26),transparent 48%);pointer-events:none}.mobile-now header{position:relative;z-index:2;height:44px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.mobile-now header>div{text-align:center}.mobile-now header span{display:block;font:7px var(--mono);letter-spacing:.15em;color:#8b847e}.mobile-now header b{font-size:9px}.mobile-now-art{position:relative;z-index:2;width:min(78vw,460px);aspect-ratio:1;margin:auto;border-radius:12px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.42)}.mobile-now-art img{width:100%;height:100%;object-fit:cover}.mobile-now-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.mobile-now-copy div{min-width:0}.mobile-now-copy h2{font-size:22px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-now-copy p{font-size:9px;color:#858079;margin:0}.mobile-now-copy a{color:#aaa}.mobile-now-progress{position:relative;z-index:2}.mobile-now-progress>div{display:flex;justify-content:space-between;font-size:7px;color:#77716b;margin-top:5px}.mobile-now-controls{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:center;justify-items:center;margin:18px 0}.mobile-now-controls button{border:0;background:transparent;color:#ddd;display:grid;place-items:center}.mobile-now-controls button.active{color:var(--pink)}.mobile-now-controls .icon{width:21px;height:21px}.mobile-main-play{width:62px;height:62px;border-radius:50%;background:var(--bone)!important;color:#111!important}.mobile-main-play .icon{width:25px}.mobile-now-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-now-footer button{height:42px;border-radius:21px;border:1px solid var(--line2);background:#141418;display:flex;align-items:center;justify-content:center;gap:7px}.mobile-now-footer b{font-size:9px}.queue-drawer{top:22%;bottom:0;width:100%;border-radius:18px 18px 0 0;border-left:0;padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.toast{bottom:calc(var(--mobile-nav) + var(--player) + 20px + env(safe-area-inset-bottom))}.scrim{z-index:84}}
@media(max-width:390px){.hero{min-height:370px}.hero h1{font-size:19vw}.quick-grid{grid-template-columns:1fr 1fr}.mobile-now-art{width:min(74vw,390px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V1.1 library rail compact mode */
@media(min-width:921px){
 body.rail-mini{--rail:82px}
 body.rail-mini .wordmark{font-size:0;justify-content:center}
 body.rail-mini .wordmark span{font-size:18px}
 body.rail-mini .wordmark i{display:none}
 body.rail-mini .rail-top{justify-content:center}
 body.rail-mini .rail-collapse{display:none}
 body.rail-mini .primary-nav a,body.rail-mini .secondary-nav a{justify-content:center;padding:0}
 body.rail-mini .primary-nav a b,body.rail-mini .secondary-nav a b{display:none}
 body.rail-mini .library-heading>div b,body.rail-mini .library-heading>a,body.rail-mini .library-filters{display:none}
 body.rail-mini .library-box{background:transparent;border:0}
 body.rail-mini .library-list{padding-top:6px}
 body.rail-mini .library-item{grid-template-columns:48px;justify-content:center}
 body.rail-mini .library-item div{display:none}
 body.rail-mini .library-item img,body.rail-mini .library-world-art{width:48px;height:48px}
}


/* ==========================================================
   V1.2 — EXHAUSTIVE MOBILE / DISCOVERY AUDIT
   ========================================================== */

/* Hero buttons: icon and copy must never stack on iPhone. */
.btn-primary,.btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
}
.btn-primary .icon,.btn-secondary .icon{
  flex:0 0 auto;
  width:18px;
  height:18px;
}

/* Greeting quick picks are real buttons and Club/electronic-first. */
.quick-card{
  appearance:none;
  border:0;
  color:var(--text);
  text-align:left;
  padding:0;
}
.quick-play{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--bone);
  color:#111;
  display:grid;
  place-items:center;
  opacity:0;
}
.quick-play .icon{width:16px;height:16px}
.quick-card:hover .quick-play,.quick-card:focus-visible .quick-play{opacity:1}

/* Recently played is keyboard/touch accessible without nested controls. */
.recent-item{
  appearance:none;
  color:var(--text);
  text-align:left;
}
.recent-play{
  width:32px;height:32px;border-radius:50%;background:var(--bone);color:#111;
  display:grid;place-items:center;
}
.recent-play .icon{width:15px;height:15px}

/* Collapsed desktop library remains reversible. */
@media(min-width:921px){
 body.rail-mini .rail-collapse{
   display:grid!important;
   position:absolute;
   left:23px;
   top:66px;
   z-index:3;
   background:#151519;
   border:1px solid var(--line);
 }
 body.rail-mini .rail-top{min-height:102px;align-items:flex-start;padding-top:13px}
 body.rail-mini .wordmark{margin:0 auto}
}

/* The context-panel toggle is useless when that panel is intentionally hidden. */
@media(max-width:1180px) and (min-width:721px){
 #panelBtn{display:none}
}

/* Better touch sizing and legibility on mobile. */
@media(max-width:720px){
 .profile-pill{
   min-width:58px;
   padding:0 10px;
   justify-content:center;
 }
 .profile-pill img,
 .profile-pill .icon{display:none}
 .profile-pill span:nth-child(2){display:inline!important}

 .quick-card{
   min-height:66px;
   grid-template-columns:66px minmax(0,1fr);
 }
 .quick-card img{width:66px;height:66px}
 .quick-card b{
   padding-right:10px;
   white-space:normal;
   overflow:hidden;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   line-height:1.25;
 }
 .quick-play{display:none}

 .search-input input{
   font-size:16px; /* prevents iOS Safari focus zoom */
 }

 .cover-play{
   width:44px;
   height:44px;
 }
 .row-actions button{
   width:40px;
   height:40px;
 }
 .mobile-nav a{color:#918a84}
 .mobile-nav a.active{color:#fff}
 .track-row{
   cursor:pointer;
   min-height:64px;
 }
}

/* Avoid duplicated-looking visual tiles in very narrow view by keeping 2 columns. */
@media(max-width:390px){
 .quick-grid{grid-template-columns:1fr 1fr}
 
}

/* Search results should not be visually pushed down once a query exists. */
.search-wrap + .search-results,
#searchResults{scroll-margin-top:80px}

.greeting-wrap{margin:32px 0 17px}.greeting-wrap .greeting{margin:0}.greeting-wrap p{margin:6px 0 0;color:#817a74;font-size:9px}
@media(max-width:720px){.greeting-wrap{margin:27px 0 14px}.greeting-wrap p{font-size:8px}body.has-player .main-view{padding-bottom:calc(var(--mobile-nav) + var(--player) + 44px + env(safe-area-inset-bottom))}.quick-grid{grid-template-columns:1fr 1fr}.quick-card:nth-child(n){display:grid}.track-row{touch-action:manipulation}}
.row-actions a{position:relative;z-index:2}

/* ==========================================================
   V1.6 — LEGACY / CAREER IDENTITY
   ========================================================== */
.legacy-strip{margin:-10px 0 28px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(90deg,#111115,#15121b);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.legacy-mark span{display:block;font:7px var(--mono);letter-spacing:.16em;color:#77716b}.legacy-mark strong{display:block;margin-top:3px;font-size:11px;letter-spacing:.025em}.legacy-copy{font-size:9px;color:#9b948d}.legacy-strip>a{font-size:9px;text-decoration:none;color:#c7c0b8}.legacy-strip>a:hover{color:#fff}
.legacy-project .project-copy blockquote{font-size:20px;line-height:1.42;border-left:2px solid var(--pink);padding-left:15px;margin:24px 0;color:#eee9e1}.legacy-lede{font-size:17px!important;line-height:1.55!important;color:#d8d1c9!important}.legacy-main-photo img{object-position:center 22%}
.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:4px 0 38px}.experience-grid article{min-height:150px;padding:17px;border-radius:11px;border:1px solid var(--line);background:#101013;display:flex;flex-direction:column}.experience-grid span{font:7px var(--mono);letter-spacing:.14em;color:#77716b}.experience-grid b{font-size:27px;line-height:1;letter-spacing:-.045em;margin:24px 0 8px}.experience-grid p{font-size:9px;color:#88817b;line-height:1.55;margin:auto 0 0}
.legacy-stage{position:relative;min-height:430px;border-radius:15px;overflow:hidden;margin:0 0 46px;background:#131316}.legacy-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.legacy-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.91),rgba(7,7,9,.62) 48%,rgba(7,7,9,.10)),linear-gradient(180deg,transparent 45%,rgba(7,7,9,.55))}.legacy-stage>div{position:relative;z-index:2;max-width:650px;padding:56px 46px}.legacy-stage span{font:8px var(--mono);letter-spacing:.16em;color:#c1bab2}.legacy-stage h2{font-size:42px;line-height:.96;letter-spacing:-.055em;margin:18px 0}.legacy-stage p{max-width:55ch;font-size:11px;line-height:1.65;color:#bbb4ac}
.press-bio{max-width:920px}.press-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 42px}.press-facts>div{padding:14px;border:1px solid var(--line);border-radius:9px;background:#101013}.press-facts span{display:block;font:7px var(--mono);letter-spacing:.14em;color:#77716b}.press-facts b{display:block;font-size:11px;line-height:1.35;margin-top:11px}
.legacy-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-gallery figure{position:relative;margin:0;min-height:390px;border-radius:13px;overflow:hidden;background:#151518}.legacy-gallery figure.wide{grid-column:1/-1;min-height:500px}.legacy-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.legacy-gallery figcaption{position:absolute;left:14px;bottom:14px;padding:7px 9px;border-radius:5px;background:rgba(6,6,8,.68);backdrop-filter:blur(10px);font:7px var(--mono);letter-spacing:.14em;color:#eee8e0}
@media(max-width:920px){.experience-grid,.press-facts{grid-template-columns:1fr 1fr}.legacy-stage>div{padding:42px 30px}.legacy-stage h2{font-size:34px}}
@media(max-width:720px){.legacy-strip{margin:-4px 0 24px;grid-template-columns:1fr auto;gap:8px 12px}.legacy-mark{grid-column:1}.legacy-copy{grid-column:1/-1;grid-row:2;font-size:8px}.legacy-strip>a{grid-column:2;grid-row:1}.legacy-project{padding-top:22px}.legacy-project .project-photo{min-height:360px}.legacy-project .project-copy blockquote{font-size:18px}.legacy-lede{font-size:15px!important}.experience-grid{grid-template-columns:1fr 1fr;gap:7px}.experience-grid article{min-height:138px;padding:14px}.experience-grid b{font-size:22px;margin-top:20px}.legacy-stage{min-height:460px;margin-left:-12px;margin-right:-12px;border-radius:0}.legacy-stage:after{background:linear-gradient(180deg,rgba(7,7,9,.08),rgba(7,7,9,.33) 42%,rgba(7,7,9,.94) 82%)}.legacy-stage>div{position:absolute;left:0;right:0;bottom:0;padding:25px 20px}.legacy-stage h2{font-size:28px}.legacy-stage p{font-size:10px}.press-facts{grid-template-columns:1fr 1fr}.legacy-gallery{grid-template-columns:1fr}.legacy-gallery figure.wide{grid-column:auto;min-height:300px}.legacy-gallery figure{min-height:350px}}

/* V1.7 professional editorial refinement */
.legacy-strip .legacy-mark strong{letter-spacing:.035em}
.press-facts b{line-height:1.25}
@media(max-width:720px){
 .legacy-strip{gap:10px}
 .legacy-strip .legacy-copy{line-height:1.45}
 .press-facts b{font-size:10px}
}

/* ==========================================================
   V2 — FOCUS / CLEAN INFORMATION ARCHITECTURE
   One header. Four destinations. Music first.
   ========================================================== */
:root{--rail:0px;--top:76px}
.compat-hidden,.library-rail,.now-panel{display:none!important}
.center-shell,.app.panel-open .center-shell{margin-left:0!important;margin-right:0!important}
.center-shell{padding-bottom:var(--player)}
.main-view{min-height:calc(100vh - var(--top));padding:0 28px 150px}
.content{max-width:1240px}

.focus-header{height:76px;position:sticky;top:0;z-index:70;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 30px;background:rgba(8,8,10,.92);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.065)}
.focus-brand{display:flex;align-items:center;text-decoration:none;font-size:18px;font-weight:950;letter-spacing:.16em;white-space:nowrap}
.focus-brand i{width:7px;height:7px;margin-left:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px rgba(255,59,181,.75)}
.focus-nav{justify-self:center;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);background:#0e0e11;border-radius:24px}
.focus-nav a{height:36px;padding:0 15px;border-radius:18px;display:flex;align-items:center;text-decoration:none;color:#8b8580;font-size:10px;font-weight:820;transition:.15s ease}
.focus-nav a:hover{color:#fff;background:#17171b}.focus-nav a.active{background:var(--bone);color:#111}
.focus-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.focus-search{height:38px;min-width:130px;padding:0 13px;border:1px solid var(--line2);border-radius:19px;background:#111114;display:flex;align-items:center;gap:8px;text-decoration:none;color:#9d9690;font-size:9px}
.focus-search:hover{background:#19191e;color:#fff}.focus-search .icon{width:17px;height:17px}
.focus-suno{height:38px;padding:0 15px;border-radius:19px;background:var(--bone);color:#111;display:flex;align-items:center;text-decoration:none;font-size:9px;font-weight:900}
.focus-header .small-pill{height:38px;border-radius:19px;padding:0 13px}
.focus-header .live-count{height:30px}

.focus-content{padding-top:18px}
.focus-hero{position:relative;min-height:560px;border-radius:28px;overflow:hidden;background:#151518;display:flex;align-items:flex-end;padding:52px;margin-bottom:72px;isolation:isolate}
.focus-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.08) brightness(.74);z-index:-2}
.focus-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.72) 38%,rgba(5,5,7,.18) 70%),linear-gradient(180deg,rgba(6,6,8,.02),rgba(6,6,8,.70));z-index:-1}
.focus-hero-copy{max-width:650px}.focus-hero h1{max-width:760px;margin:15px 0 18px;font-size:clamp(54px,6.4vw,92px);line-height:.92;letter-spacing:-.065em;font-weight:950}
.focus-hero p{max-width:540px;margin:0 0 24px;color:#cbc4bd;font-size:14px;line-height:1.65}
.focus-sync{margin-top:18px;display:flex;align-items:center;gap:7px;color:#8d8680;font-size:9px}.focus-sync>i{width:7px;height:7px;border-radius:50%;background:var(--green)}.focus-sync #heroVisitor{margin-left:10px}

.focus-section{margin:0 0 76px}.focus-section.first{margin-top:0}
.focus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.focus-head>div>span{font:8px var(--mono);letter-spacing:.16em;color:#5f5a56}.focus-head h2{margin:6px 0 0;font-size:34px;line-height:1;letter-spacing:-.05em}.focus-head p{margin:7px 0 0;color:#817a74;font-size:10px}
.focus-head>a{flex:0 0 auto;text-decoration:none;color:#aaa39c;font-size:9px}.focus-head>a:hover{color:#fff}

.focus-feature{position:relative;min-height:390px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#121216;isolation:isolate}
.focus-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.focus-feature-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,6,8,.94),rgba(6,6,8,.58) 46%,rgba(6,6,8,.08)),linear-gradient(180deg,transparent 45%,rgba(6,6,8,.50))}
.focus-feature-copy{position:absolute;left:34px;bottom:34px;max-width:600px}.focus-feature-copy>span{font:8px var(--mono);letter-spacing:.16em;color:#bcb5ad}.focus-feature-copy h2{margin:10px 0 5px;font-size:clamp(42px,5vw,68px);line-height:.92;letter-spacing:-.055em}.focus-feature-copy p{margin:0 0 18px;color:#9a938c;font-size:10px}.focus-feature-copy>div{display:flex;align-items:center;gap:9px}.btn-ghost{height:46px;padding:0 17px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:rgba(12,12,16,.60);backdrop-filter:blur(12px);display:inline-flex;align-items:center;text-decoration:none;font-size:9px;font-weight:800}

.focus-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.focus-card-grid .music-card h3{font-size:13px;margin-top:10px}.focus-card-grid .music-card p{font-size:8px}
.focus-world-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.focus-world-grid .world-card{min-height:210px;border-radius:22px;padding:20px}.focus-world-grid .world-card b{font-size:34px}

.focus-project-cta{position:relative;min-height:430px;margin:8px 0 36px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#101013;display:flex;align-items:flex-end;padding:44px;isolation:isolate}
.focus-project-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.8) contrast(1.08) brightness(.70)}
.focus-project-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,6,8,.94),rgba(6,6,8,.62) 48%,rgba(6,6,8,.16)),linear-gradient(180deg,transparent 30%,rgba(6,6,8,.70))}
.focus-project-cta>div{max-width:640px}.focus-project-cta span{font:8px var(--mono);letter-spacing:.16em;color:#bbb4ac}.focus-project-cta h2{margin:13px 0 14px;font-size:clamp(38px,4.8vw,62px);line-height:.96;letter-spacing:-.055em}.focus-project-cta p{max-width:560px;margin:0 0 22px;color:#bdb6ae;font-size:12px;line-height:1.65}.focus-project-cta .btn-primary{text-decoration:none}

/* Player becomes a clean utility bar instead of a second navigation system. */
@media(min-width:721px){
 .player{left:18px!important;right:18px!important;bottom:14px!important;width:auto!important;height:76px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;background:rgba(15,15,18,.94)!important;backdrop-filter:blur(24px)!important;box-shadow:0 18px 55px rgba(0,0,0,.45)!important;padding:0 16px!important}
 .player-track{min-width:260px}.player-track img{width:48px!important;height:48px!important;border-radius:8px!important}.player-track-copy b{font-size:11px!important}.player-track-copy span{font-size:8px!important}.player-tools{min-width:220px!important}.play-main{width:42px!important;height:42px!important}
}

@media(max-width:980px){
 .focus-header{grid-template-columns:auto 1fr auto;padding:0 18px;gap:14px}.focus-nav a{padding:0 11px}.focus-search{min-width:38px;width:38px;padding:0;justify-content:center}.focus-search span:nth-child(2){display:none}.focus-card-grid{grid-template-columns:repeat(3,1fr)}.focus-world-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){
 :root{--top:66px}
 body{padding-bottom:env(safe-area-inset-bottom)}
 .focus-header{height:66px;grid-template-columns:1fr auto;padding:0 16px;gap:10px}.focus-brand{font-size:15px;letter-spacing:.14em}.focus-nav{display:none}.focus-actions{gap:6px}.focus-header .live-count{display:none!important}.focus-search{width:38px;min-width:38px;height:38px}.focus-suno{height:38px;padding:0 12px}.focus-header .small-pill{height:38px;padding:0 11px}
 .main-view{padding:0 14px calc(var(--mobile-nav) + 46px + env(safe-area-inset-bottom))}.focus-content{padding-top:12px}
 .focus-hero{min-height:505px;margin:0 0 52px;padding:28px 22px;border-radius:22px}.focus-hero-bg{object-position:56% 24%}.focus-hero-shade{background:linear-gradient(180deg,rgba(5,5,7,.04) 10%,rgba(5,5,7,.22) 40%,rgba(5,5,7,.94) 82%)}.focus-hero-copy{max-width:none}.focus-hero h1{font-size:48px;line-height:.94;margin:11px 0 13px}.focus-hero p{font-size:11px;line-height:1.55;margin-bottom:18px}.focus-hero .hero-actions{gap:7px}.focus-hero .btn-primary,.focus-hero .btn-secondary{height:44px;padding:0 15px}.focus-sync{font-size:8px;margin-top:14px}
 .focus-section{margin-bottom:54px}.focus-head{align-items:flex-end;margin-bottom:15px}.focus-head h2{font-size:28px}.focus-head p{font-size:9px}.focus-head>a{font-size:8px}
 .focus-feature{min-height:360px;border-radius:20px}.focus-feature-shade{background:linear-gradient(180deg,rgba(6,6,8,.06) 15%,rgba(6,6,8,.26) 45%,rgba(6,6,8,.94) 82%)}.focus-feature-copy{left:20px;right:20px;bottom:22px}.focus-feature-copy h2{font-size:42px}.focus-feature-copy .btn-primary,.focus-feature-copy .btn-ghost{height:42px}
 .focus-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.focus-card-grid .cover{border-radius:13px}.focus-card-grid .music-card h3{font-size:11px}.focus-card-grid .music-card p{font-size:7px}
 .focus-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.focus-world-grid .world-card{min-height:160px;padding:16px;border-radius:18px}.focus-world-grid .world-card b{font-size:27px}.focus-world-grid .world-card small{font-size:7px}
 .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}.playlist-card h3{font-size:11px!important}
 .focus-project-cta{min-height:460px;margin-left:0;margin-right:0;padding:26px 20px;border-radius:22px}.focus-project-cta:after{background:linear-gradient(180deg,rgba(6,6,8,.08),rgba(6,6,8,.28) 42%,rgba(6,6,8,.94) 82%)}.focus-project-cta h2{font-size:36px}.focus-project-cta p{font-size:10px}
 .mobile-nav{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;border-radius:21px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(15,15,18,.96)!important;backdrop-filter:blur(24px)!important;overflow:hidden!important}.mobile-nav a{border-radius:0!important}.mobile-nav a.active{background:var(--bone)!important;color:#111!important}
 body.has-player .mobile-nav{bottom:calc(var(--player) + 15px + env(safe-area-inset-bottom))!important}
}


/* V2.1 — Playlists first / simplified home */
.simple-home .focus-section{margin-top:56px}
.simple-home .focus-section.first{margin-top:42px}
.simple-hero{min-height:min(640px,72vh)}
.simple-hero .focus-hero-copy{max-width:720px}
.playlists-first .focus-head{margin-bottom:18px}
.playlist-grid-all{grid-template-columns:repeat(4,minmax(0,1fr))}
.playlist-grid-all .playlist-card h3{font-size:16px;line-height:1.18}
.playlist-grid-all .playlist-card p{font-size:12px}
.playlist-grid-all .playlist-art{aspect-ratio:1/1;border-radius:18px;overflow:hidden}
.playlist-grid-all .playlist-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
@media(hover:hover){.playlist-grid-all .playlist-card:hover .playlist-art img{transform:scale(1.025)}}
.simple-feature{max-width:980px}
.compact-project-cta{min-height:300px}
.compact-project-cta p{display:none}
@media(max-width:1000px){
 .playlist-grid-all{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 .simple-home .focus-section{margin-top:40px}
 .simple-home .focus-section.first{margin-top:30px}
 .simple-hero{min-height:500px}
 .simple-hero .focus-hero-copy h1{font-size:clamp(42px,13vw,64px);line-height:.96}
 .playlist-grid-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .playlist-grid-all .playlist-art{border-radius:14px}
 .playlist-grid-all .playlist-card h3{font-size:14px}
 .playlist-grid-all .playlist-card p{font-size:11px}
 .compact-project-cta{min-height:250px}
}


/* ================================================================
   NØXDANI V3 — SIGNAL
   Minimal information architecture + immersive visual system.
   ================================================================ */
:root{--bg:#070709;--surface:#0e0e11;--surface2:#15151a;--text:#f5f1ea;--soft:#b9b1a8;--muted:#706a64;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.16);--bone:#f3eee5;--pink:#ff39b2;--violet:#935bff;--green:#68e5a7;--top:74px;--player:82px;--mobile-nav:68px;--ambient-image:url('/assets/images/hero-v2.webp');--scroll-p:0}
html{background:var(--bg);scroll-behavior:auto}body{background:var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-6;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.025),transparent 34%),#070709}.app{isolation:isolate}.center-shell{margin:0!important;padding-bottom:var(--player)!important}.main-view{padding:0 26px 150px!important;min-height:calc(100vh - var(--top))}.content{max-width:1320px!important;margin:0 auto}.ambient-stage{position:fixed;inset:0;z-index:-5;pointer-events:none;overflow:hidden}.ambient-image{position:absolute;width:72vw;height:72vw;right:-24vw;top:-20vw;background-image:var(--ambient-image);background-size:cover;background-position:center;filter:blur(90px) saturate(1.25) brightness(.28);opacity:.34;transform:scale(1.1);transition:background-image .45s ease,opacity .3s ease}.ambient-color{position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(147,91,255,.10),transparent 34%),radial-gradient(circle at 5% 80%,rgba(255,57,178,.06),transparent 35%),linear-gradient(180deg,rgba(7,7,9,.12),#070709 70%)}.ambient-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.scroll-meter{position:fixed;left:0;right:0;top:0;height:2px;z-index:120;background:transparent}.scroll-meter i{display:block;height:100%;width:calc(var(--scroll-p)*100%);background:linear-gradient(90deg,var(--violet),var(--pink));box-shadow:0 0 14px rgba(255,57,178,.48)}
.signal-header{height:var(--top);position:sticky;top:0;z-index:90;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 30px;background:rgba(7,7,9,.78);backdrop-filter:blur(28px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.065)}.signal-brand{display:flex;align-items:center;text-decoration:none;font-weight:950;font-size:18px;letter-spacing:.16em}.signal-brand i{width:7px;height:7px;margin-left:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px rgba(255,57,178,.85)}.signal-nav{justify-self:center;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);background:rgba(14,14,17,.82);border-radius:24px}.signal-nav a{height:36px;padding:0 15px;border-radius:18px;display:flex;align-items:center;text-decoration:none;color:#86807a;font-size:10px;font-weight:850;transition:.18s ease}.signal-nav a:hover{color:#fff;background:rgba(255,255,255,.055)}.signal-nav a.active{background:var(--bone);color:#111}.signal-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.net-pill,.signal-lang,.signal-search,.signal-suno{height:38px;border-radius:19px;border:1px solid var(--line2);display:flex;align-items:center}.net-pill{padding:0 11px;gap:7px;color:#88817b;font:8px var(--mono)}.net-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(104,229,167,.45)}body.offline .net-pill i{background:#777;box-shadow:none}.signal-lang{padding:0 12px;background:#101014;color:#d2cbc3;font-size:9px;font-weight:900;cursor:pointer}.signal-search{min-width:125px;padding:0 12px;gap:8px;background:#101014;color:#9b948e;text-decoration:none;font-size:9px}.signal-search .icon{width:17px}.signal-search kbd{margin-left:auto;border:1px solid var(--line);padding:1px 5px;border-radius:5px;color:#5e5954;font:8px var(--mono)}.signal-suno{padding:0 14px;background:var(--bone);color:#111;text-decoration:none;border-color:transparent;font-size:9px;font-weight:900}.signal-header .live-count{height:30px}
.signal-home{padding-top:16px}.signal-hero{position:relative;min-height:690px;border:1px solid var(--line);border-radius:30px;overflow:hidden;display:flex;align-items:flex-end;padding:56px;margin:0 0 82px;background:#111;isolation:isolate}.signal-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:grayscale(1) contrast(1.08) brightness(.72);z-index:-3;transform:scale(1.01)}.signal-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.70) 40%,rgba(5,5,7,.08) 73%),linear-gradient(180deg,rgba(5,5,7,.02) 35%,rgba(5,5,7,.78) 100%)}.signal-hero:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:inset 0 -100px 160px rgba(0,0,0,.18)}.signal-hero-word{position:absolute;right:-2.5%;bottom:2%;font-weight:950;font-size:clamp(94px,14.5vw,230px);line-height:.72;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.105);white-space:nowrap;pointer-events:none}.signal-hero-copy{position:relative;max-width:760px;z-index:2}.signal-live{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#847e77;font:8px var(--mono);letter-spacing:.08em}.signal-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(104,229,167,.5)}.signal-live b{font-weight:500;color:#a49c95}.signal-live em{font-style:normal;color:#a49c95}.signal-role{font:8px var(--mono);letter-spacing:.18em;color:#aaa29a}.signal-hero h1{margin:12px 0 18px;font-size:clamp(82px,10.8vw,160px);line-height:.73;letter-spacing:-.082em;font-weight:950}.signal-hero h1 span{color:var(--bone)}.signal-hero p{max-width:600px;margin:0 0 25px;color:#cbc3ba;font-size:14px;line-height:1.65}.signal-hero .btn-primary,.signal-hero .btn-secondary{height:50px;border-radius:25px;padding:0 20px;display:inline-flex;align-items:center;gap:8px}.signal-hero .icon{width:18px}.signal-spectrum{position:absolute;right:34px;bottom:30px;height:64px;display:flex;align-items:flex-end;gap:5px;opacity:.52}.signal-spectrum i{width:3px;height:28px;border-radius:2px;background:linear-gradient(180deg,var(--bone),var(--pink));animation:signalEq 1.5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.08s);transform-origin:bottom}@keyframes signalEq{from{transform:scaleY(.28);opacity:.35}to{transform:scaleY(1);opacity:1}}body.audio-playing .signal-spectrum i{animation-duration:.34s}
.signal-section{margin:0 0 88px}.signal-section.compact{margin-bottom:46px}.signal-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.signal-section-head>div>span{display:block;color:#5f5954;font:8px var(--mono);letter-spacing:.18em}.signal-section-head h2{margin:8px 0 0;font-size:clamp(34px,4vw,54px);line-height:.94;letter-spacing:-.055em}.signal-section-head p{margin:8px 0 0;color:#827b75;font-size:10px}.signal-section-head>a{display:flex;align-items:center;gap:7px;color:#a9a29b;text-decoration:none;font-size:9px;white-space:nowrap}.signal-section-head>a .icon{width:15px}.signal-section-head>a:hover{color:#fff}
.playlist-showcase{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:14px}.playlist-lead,.playlist-tile{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:#111;text-decoration:none;isolation:isolate}.playlist-lead{min-height:560px;border-radius:26px}.playlist-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.playlist-tile{min-height:273px;border-radius:22px}.playlist-bg,.playlist-bg img,.playlist-gradient{position:absolute;inset:0;width:100%;height:100%}.playlist-bg img{object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.playlist-gradient{background:linear-gradient(180deg,rgba(6,6,8,.02) 25%,rgba(6,6,8,.86) 100%),linear-gradient(90deg,rgba(6,6,8,.22),transparent)}.playlist-copy{position:absolute;left:26px;right:26px;bottom:24px}.playlist-copy>span{font:8px var(--mono);letter-spacing:.16em;color:#c0b8b0}.playlist-copy h3{margin:8px 0 4px;font-size:clamp(24px,3.2vw,44px);line-height:.95;letter-spacing:-.04em}.playlist-tile .playlist-copy h3{font-size:22px}.playlist-copy p{margin:0;color:#aaa29a;font-size:9px}.playlist-copy>b{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:10px}.playlist-copy>b .icon{width:15px}@media(hover:hover){.playlist-lead:hover img,.playlist-tile:hover img{transform:scale(1.035)}.playlist-lead:hover,.playlist-tile:hover{border-color:rgba(255,255,255,.18)}}
.signal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 12px}.signal-card{min-width:0}.signal-cover{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#121216}.signal-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .25s ease}.signal-card-tools{position:absolute;left:9px;top:9px;display:flex;gap:5px;opacity:0;transform:translateY(-4px);transition:.18s}.signal-card-tools button,.signal-card-tools a{width:33px;height:33px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,12,.72);backdrop-filter:blur(12px);display:grid;place-items:center;color:#fff;cursor:pointer}.signal-card-tools .icon{width:15px}.signal-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border:0;border-radius:50%;background:var(--bone);color:#111;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(6px) scale(.94);transition:.18s}.signal-play .icon{width:19px}.signal-card-copy h3{margin:10px 0 4px;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-card-copy p{margin:0;color:#6f6963;font-size:8px}.signal-card-copy .dot{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%}.dot.club{background:var(--club)}.dot.latin{background:var(--latin)}.dot.street{background:#777}.dot.soul{background:var(--soul)}@media(hover:hover){.signal-card:hover .signal-cover>img{transform:scale(1.025);filter:brightness(.82)}.signal-card:hover .signal-card-tools,.signal-card:hover .signal-play{opacity:1;transform:none}}
.world-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.world-signal{position:relative;min-height:170px;padding:22px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#111116,#0d0d10);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden}.world-signal:after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-90px;border-radius:50%;filter:blur(20px);opacity:.35}.world-signal.club:after{background:var(--club)}.world-signal.latin:after{background:var(--latin)}.world-signal.street:after{background:#777}.world-signal.soul:after{background:var(--soul)}.world-signal>span{font:8px var(--mono);color:#67615c}.world-signal>div{position:relative;z-index:1}.world-signal b{display:block;font-size:30px;letter-spacing:-.045em}.world-signal small{display:block;margin-top:4px;color:#8d8680;font-size:8px}.world-signal>.icon{position:absolute;right:18px;top:18px;width:15px;color:#777}@media(hover:hover){.world-signal:hover{border-color:rgba(255,255,255,.16);transform:translateY(-2px)}}
.signal-project{position:relative;min-height:520px;margin-bottom:40px;border:1px solid var(--line);border-radius:30px;overflow:hidden;display:flex;align-items:flex-end;padding:48px;isolation:isolate}.signal-project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(.72);z-index:-2}.signal-project-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,6,8,.95),rgba(6,6,8,.58) 52%,rgba(6,6,8,.06)),linear-gradient(180deg,transparent 35%,rgba(6,6,8,.68))}.signal-project>div{max-width:710px}.signal-project span{font:8px var(--mono);letter-spacing:.16em;color:#aaa39b}.signal-project h2{margin:13px 0 15px;font-size:clamp(46px,5.8vw,78px);line-height:.91;letter-spacing:-.06em}.signal-project p{max-width:520px;margin:0 0 24px;color:#bdb5ad;font-size:12px;line-height:1.65}.signal-project .btn-primary{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.page-stage{padding:78px 0 42px;max-width:900px}.page-stage>span,.search-stage>span,.detail-copy>span,.project-opening-copy>span,.press-block>span{font:8px var(--mono);letter-spacing:.18em;color:#68615b}.page-stage h1,.search-stage h1{margin:10px 0 12px;font-size:clamp(54px,7.6vw,108px);line-height:.86;letter-spacing:-.07em}.page-stage p{max-width:620px;margin:0;color:#918a83;font-size:12px;line-height:1.6}.sticky-filter{position:sticky;top:calc(var(--top) + 8px);z-index:25;margin:0 0 22px;padding:9px;border:1px solid var(--line);border-radius:21px;background:rgba(10,10,13,.84);backdrop-filter:blur(24px);display:flex;justify-content:space-between;gap:12px}.chip-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:17px;background:#121216;color:#8b847e;white-space:nowrap;font-size:9px;font-weight:780;cursor:pointer}.chip.active{background:var(--bone);color:#111;border-color:transparent}.chip.ghost{background:transparent}.signal-track-list{border-top:1px solid var(--line)}.signal-row{border-bottom:1px solid var(--line);border-radius:0!important;transition:background .15s}.signal-row:hover{background:rgba(255,255,255,.035)}.signal-row .track-main img{border-radius:8px}.playlist-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:40px}.playlist-page-grid .playlist-lead{grid-column:span 2;grid-row:span 2;min-height:620px}.playlist-page-grid .playlist-tile{min-height:303px}.search-stage{padding:92px 0 30px;max-width:900px}.signal-search-input{height:64px;border-radius:32px;background:#111116;border:1px solid var(--line2);padding:0 20px;margin-top:28px}.signal-search-input input{font-size:16px}.signal-search-input kbd{margin-left:auto;border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:#615b56;font:9px var(--mono)}.search-page .world-rail{margin-top:32px}.empty{padding:56px 0;color:#77706a}
.project-opening{min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:60px;align-items:center;padding:64px 0 82px}.project-opening-copy h1{margin:12px 0 20px;font-size:clamp(54px,6.4vw,92px);line-height:.9;letter-spacing:-.065em}.project-opening-copy p{max-width:600px;color:#aaa29b;font-size:13px;line-height:1.7}.project-opening-copy blockquote{margin:34px 0 0;padding-left:18px;border-left:2px solid var(--pink);font-size:24px;line-height:1.25;letter-spacing:-.035em}.project-stack{position:relative;min-height:590px}.project-stack img{position:absolute;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 80px rgba(0,0,0,.38)}.project-stack .p1{width:68%;height:72%;left:0;top:5%;border-radius:25px;filter:grayscale(1)}.project-stack .p2{width:55%;height:54%;right:0;bottom:0;border-radius:22px;transform:rotate(2deg)}.project-stack .p3{width:42%;height:35%;right:4%;top:0;border-radius:18px;transform:rotate(-2deg)}.project-manifest{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:76px}.project-manifest article{min-height:260px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-manifest span{font:8px var(--mono);color:#5e5853}.project-manifest h2{margin:44px 0 10px;font-size:32px;letter-spacing:-.045em}.project-manifest p{max-width:430px;color:#8e8780;font-size:11px;line-height:1.6}.project-cta-big{position:relative;min-height:560px;border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;padding:44px;margin-bottom:40px;isolation:isolate}.project-cta-big>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.project-cta-big:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 22%,rgba(6,6,8,.83) 88%)}.project-cta-big h2{margin:10px 0 20px;font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.055em}.project-cta-big span{font:8px var(--mono);letter-spacing:.16em}.press-block{max-width:980px;padding:42px;border:1px solid var(--line);border-radius:25px;background:rgba(14,14,17,.78);margin-bottom:28px}.press-block h2{margin:12px 0 18px;font-size:clamp(36px,4.7vw,64px);line-height:.98;letter-spacing:-.05em}.press-block p{max-width:760px;color:#aaa29b;line-height:1.7}.press-gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:40px}.press-gallery figure{position:relative;min-height:420px;margin:0;border-radius:22px;overflow:hidden}.press-gallery figure.wide{grid-row:span 2;min-height:852px}.press-gallery img{width:100%;height:100%;object-fit:cover}.press-gallery figcaption{position:absolute;left:18px;bottom:16px;font:8px var(--mono);letter-spacing:.12em}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:60px}.note-card{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(15,15,18,.74)}.note-card span{font:8px var(--mono);color:#5d5752}.note-card h2{margin:74px 0 10px;font-size:34px;letter-spacing:-.045em}.note-card p{color:#8d8680;max-width:440px}.detail-hero{min-height:650px;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1fr);gap:58px;align-items:center;padding:70px 0}.detail-art{aspect-ratio:1/1;border-radius:30px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.42)}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-copy h1{margin:12px 0 14px;font-size:clamp(54px,7vw,100px);line-height:.86;letter-spacing:-.065em}.detail-copy p{color:#9b948d}.detail-copy .hero-actions{margin-top:25px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.23s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@media(min-width:721px){.player{left:18px!important;right:18px!important;bottom:14px!important;width:auto!important;height:76px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;background:rgba(12,12,15,.90)!important;backdrop-filter:blur(30px) saturate(1.3)!important;box-shadow:0 18px 55px rgba(0,0,0,.45)!important;padding:0 16px!important}.player-track{min-width:260px}.player-track img{width:48px!important;height:48px!important;border-radius:9px!important}.play-main{width:42px!important;height:42px!important}.mobile-nav{display:none!important}}
@media(max-width:1080px){.signal-header{grid-template-columns:auto 1fr auto;padding:0 18px;gap:14px}.signal-nav a{padding:0 11px}.net-pill{display:none}.signal-search{width:38px;min-width:38px;padding:0;justify-content:center}.signal-search span:nth-child(2),.signal-search kbd{display:none}.signal-grid{grid-template-columns:repeat(4,1fr)}.playlist-showcase{grid-template-columns:1.15fr 1fr}.world-rail{grid-template-columns:repeat(2,1fr)}.project-opening{grid-template-columns:1fr 430px;gap:38px}}
@media(max-width:720px){:root{--top:66px}.ambient-image{width:130vw;height:130vw;right:-70vw;top:-15vw;filter:blur(70px) saturate(1.2) brightness(.25);opacity:.3}.signal-header{height:66px;grid-template-columns:1fr auto;padding:0 15px}.signal-brand{font-size:15px;letter-spacing:.14em}.signal-nav{display:none}.signal-actions{gap:6px}.signal-actions .live-count{display:none!important}.signal-search{width:38px;height:38px}.signal-lang{height:38px;padding:0 10px}.signal-suno{height:38px;padding:0 12px}.main-view{padding:0 13px calc(var(--mobile-nav) + 56px + env(safe-area-inset-bottom))!important}.signal-home{padding-top:10px}.signal-hero{min-height:590px;margin-bottom:58px;padding:28px 20px;border-radius:23px}.signal-hero-img{object-position:57% 20%}.signal-hero-overlay{background:linear-gradient(180deg,rgba(5,5,7,.03) 8%,rgba(5,5,7,.12) 34%,rgba(5,5,7,.94) 79%)}.signal-hero-word{right:-5%;bottom:23%;font-size:28vw;-webkit-text-stroke:1px rgba(255,255,255,.075)}.signal-live{margin-bottom:14px;gap:7px;font-size:7px}.signal-role{font-size:7px}.signal-hero h1{font-size:21vw;line-height:.77;margin:9px 0 12px}.signal-hero p{font-size:10px;line-height:1.55;margin-bottom:18px;max-width:92%}.signal-hero .hero-actions{gap:7px}.signal-hero .btn-primary,.signal-hero .btn-secondary{height:44px;padding:0 14px;font-size:9px}.signal-spectrum{right:17px;bottom:18px;height:40px;gap:3px;opacity:.35}.signal-spectrum i{width:2px}.signal-section{margin-bottom:58px}.signal-section-head{margin-bottom:16px;align-items:flex-end}.signal-section-head h2{font-size:34px}.signal-section-head p{font-size:8.5px;max-width:270px}.signal-section-head>a{font-size:8px}.playlist-showcase{display:block}.playlist-lead{min-height:430px;border-radius:21px;margin-bottom:10px}.playlist-small-grid{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-tile{min-height:205px;border-radius:17px}.playlist-copy{left:16px;right:16px;bottom:15px}.playlist-copy h3{font-size:28px}.playlist-tile .playlist-copy h3{font-size:16px}.playlist-copy p,.playlist-copy>span{font-size:7px}.playlist-copy>b{font-size:8px;margin-top:14px}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.signal-cover{border-radius:15px}.signal-card-tools{opacity:1;transform:none;left:7px;top:7px}.signal-card-tools button,.signal-card-tools a{width:30px;height:30px}.signal-play{opacity:1;transform:none;width:40px;height:40px;right:8px;bottom:8px}.signal-card-copy h3{font-size:11px}.world-rail{grid-template-columns:1fr 1fr;gap:8px}.world-signal{min-height:145px;padding:16px;border-radius:18px}.world-signal b{font-size:25px}.world-signal small{font-size:7px}.signal-project{min-height:500px;padding:25px 20px;border-radius:22px}.signal-project-shade{background:linear-gradient(180deg,rgba(6,6,8,.03),rgba(6,6,8,.24) 42%,rgba(6,6,8,.94) 84%)}.signal-project h2{font-size:39px}.signal-project p{font-size:9.5px}.page-stage{padding:54px 4px 28px}.page-stage h1,.search-stage h1{font-size:54px}.page-stage p{font-size:10px}.sticky-filter{top:72px;margin-left:-3px;margin-right:-3px;display:block;border-radius:18px}.sort-row{margin-top:7px}.signal-row{grid-template-columns:34px minmax(0,1fr) 38px!important}.signal-row .track-world,.signal-row .track-time{display:none}.playlist-page-grid{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-page-grid .playlist-lead{grid-column:1/-1;grid-row:auto;min-height:430px}.playlist-page-grid .playlist-tile{min-height:210px}.search-stage{padding:60px 0 20px}.signal-search-input{height:54px;padding:0 15px}.signal-search-input input{font-size:13px}.signal-search-input kbd{display:none}.project-opening{display:block;min-height:0;padding:54px 0 70px}.project-opening-copy h1{font-size:53px}.project-opening-copy p{font-size:10px}.project-opening-copy blockquote{font-size:19px}.project-stack{min-height:470px;margin-top:42px}.project-stack .p1{width:72%;height:72%}.project-stack .p2{width:60%;height:48%}.project-stack .p3{width:46%;height:31%}.project-manifest{grid-template-columns:1fr}.project-manifest article{min-height:210px}.project-manifest h2{margin-top:38px;font-size:27px}.project-cta-big{min-height:480px;padding:22px;border-radius:22px}.project-cta-big h2{font-size:37px}.press-block{padding:26px 20px;border-radius:20px}.press-block h2{font-size:34px}.press-block p{font-size:10px}.press-gallery{grid-template-columns:1fr}.press-gallery figure.wide{grid-row:auto;min-height:440px}.press-gallery figure{min-height:380px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:230px;padding:20px}.note-card h2{margin-top:50px;font-size:28px}.detail-hero{display:block;min-height:0;padding:54px 0}.detail-art{border-radius:22px;margin-bottom:30px}.detail-copy h1{font-size:55px}.mobile-nav{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;border-radius:21px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(12,12,15,.94)!important;backdrop-filter:blur(28px)!important;overflow:hidden!important}.mobile-nav a{border-radius:0!important}.mobile-nav a.active{background:var(--bone)!important;color:#111!important}body.has-player .mobile-nav{bottom:calc(var(--player) + 15px + env(safe-area-inset-bottom))!important}}

/* V3.1 FLOW — iOS dock/player collision fix + mini progress */
@media(max-width:720px){
  .mobile-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:66!important}
  body.has-player .mobile-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .player{bottom:calc(var(--mobile-nav) + 20px + env(safe-area-inset-bottom))!important;z-index:72!important;box-shadow:0 16px 42px rgba(0,0,0,.52)!important;overflow:hidden}
  .player::after{content:"";position:absolute;left:0;top:0;width:var(--play-progress,0%);height:2px;background:linear-gradient(90deg,var(--violet),var(--pink));pointer-events:none;transition:width .12s linear}
  body.has-player .main-view{padding-bottom:calc(var(--mobile-nav) + var(--player) + 64px + env(safe-area-inset-bottom))!important}
  body.has-player .queue-drawer{padding-bottom:calc(var(--mobile-nav) + var(--player) + 40px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(var(--mobile-nav) + var(--player) + 38px + env(safe-area-inset-bottom))!important}
}


/* ================================================================
   NØXDANI V3.2 — MOBILE AUDIT
   Authoritative mobile dock/player geometry.
   ================================================================ */

/* Valid spectrum geometry (V3.1 used an invalid CSS modulo expression). */
.signal-spectrum i{height:28px}
.signal-spectrum i:nth-child(6n+1){height:16px}
.signal-spectrum i:nth-child(6n+2){height:28px}
.signal-spectrum i:nth-child(6n+3){height:42px}
.signal-spectrum i:nth-child(6n+4){height:22px}
.signal-spectrum i:nth-child(6n+5){height:52px}
.signal-spectrum i:nth-child(6n+6){height:34px}

@media(max-width:720px){
  :root{
    --mobile-nav:64px;
    --player:60px;
    --dock-gap:8px;
  }

  /* Native-feeling bottom dock: no giant floating pill over artwork. */
  .mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(var(--mobile-nav) + env(safe-area-inset-bottom))!important;
    padding:0 8px env(safe-area-inset-bottom)!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    background:
      linear-gradient(180deg,rgba(10,10,13,.82),rgba(8,8,10,.98) 32%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.2)!important;
    backdrop-filter:blur(24px) saturate(1.2)!important;
    box-shadow:0 -16px 38px rgba(0,0,0,.28)!important;
    overflow:visible!important;
    z-index:76!important;
  }

  .mobile-nav a{
    position:relative;
    min-width:0;
    border-radius:0!important;
    background:transparent!important;
    color:#77716b!important;
    gap:3px!important;
    transition:color .16s ease,transform .16s ease;
  }

  .mobile-nav a .icon{
    width:21px!important;
    height:21px!important;
  }

  .mobile-nav a b{
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.01em;
  }

  .mobile-nav a.active{
    color:var(--bone)!important;
    background:transparent!important;
  }

  .mobile-nav a.active::before{
    content:"";
    position:absolute;
    top:5px;
    left:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--pink);
    box-shadow:0 0 10px rgba(255,57,178,.75);
    transform:translateX(-50%);
  }

  /* Mini player lives directly above the navigation, with one clear gap. */
  .player{
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--mobile-nav) + var(--dock-gap) + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:var(--player)!important;
    min-height:var(--player)!important;
    padding:6px 8px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:15px!important;
    background:rgba(15,15,18,.96)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
    backdrop-filter:blur(24px) saturate(1.25)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.40)!important;
    overflow:hidden!important;
    z-index:82!important;
  }

  .player-track{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:9px!important;
  }

  .player-track img{
    width:46px!important;
    height:46px!important;
    border-radius:9px!important;
  }

  .player-track-copy b{
    font-size:11px!important;
  }

  .player-track-copy span{
    font-size:7.5px!important;
  }

  .play-main{
    width:42px!important;
    height:42px!important;
  }

  /* Progress line belongs to the mini player, not the dock. */
  .player::after{
    height:2px!important;
    top:0!important;
    border-radius:2px;
  }

  /* Reserve actual viewport space so cards and last rows can scroll above both bars. */
  .main-view{
    padding-bottom:calc(var(--mobile-nav) + 44px + env(safe-area-inset-bottom))!important;
  }

  body.has-player .main-view{
    padding-bottom:calc(var(--mobile-nav) + var(--player) + 48px + env(safe-area-inset-bottom))!important;
  }

  /* Drawer/toast geometry follows the same stack. */
  body.has-player .queue-drawer{
    padding-bottom:calc(var(--mobile-nav) + var(--player) + 30px + env(safe-area-inset-bottom))!important;
  }

  .toast{
    bottom:calc(var(--mobile-nav) + 18px + env(safe-area-inset-bottom))!important;
  }

  body.has-player .toast{
    bottom:calc(var(--mobile-nav) + var(--player) + 26px + env(safe-area-inset-bottom))!important;
  }

  /* Better touch behavior and fewer accidental nav activations while scrolling. */
  .mobile-nav a,
  .player button,
  .mobile-player-hit{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  /* Reduce visual collision around large playlist art while scrolling. */
  .playlist-lead,
  .playlist-tile,
  .signal-cover,
  .signal-project{
    scroll-margin-bottom:calc(var(--mobile-nav) + var(--player) + 28px);
  }
}

/* Very small iPhones / landscape-safe compact mode. */
@media(max-width:380px){
  .signal-actions{gap:4px}
  .signal-search,.signal-lang,.signal-suno{height:36px}
  .signal-suno{padding:0 10px}
  .signal-brand{font-size:14px}
  .mobile-nav a b{font-size:7px!important}
  .player{left:6px!important;right:6px!important}
}

/* Avoid hover-only affordances on coarse pointers. */
@media(pointer:coarse){
  .signal-card-tools,.signal-play{opacity:1;transform:none}
}


/* ==========================================================
   V3.4 — VISUAL / HOOKS
   ========================================================== */
.hooks-home{overflow:hidden}
.hooks-rail{
 display:grid;
 grid-auto-flow:column;
 grid-auto-columns:minmax(260px,340px);
 gap:18px;
 overflow-x:auto;
 overscroll-behavior-inline:contain;
 scroll-snap-type:x mandatory;
 padding:4px 2px 16px;
 scrollbar-width:none
}
.hooks-rail::-webkit-scrollbar{display:none}
.hook-card{
 scroll-snap-align:start;
 min-width:0;
 background:rgba(14,14,17,.76);
 border:1px solid rgba(255,255,255,.1);
 border-radius:24px;
 overflow:hidden
}
.hook-media{
 position:relative;
 aspect-ratio:9/16;
 background:#050506;
 overflow:hidden
}
.hook-video{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
 background:#050506
}
.hook-gradient{
 position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,0) 45%,rgba(0,0,0,.42));
 pointer-events:none
}
.hook-kind{
 position:absolute;top:14px;left:14px;
 z-index:2;
 padding:7px 10px;
 border:1px solid rgba(255,255,255,.18);
 border-radius:999px;
 background:rgba(8,8,10,.46);
 backdrop-filter:blur(14px);
 font-size:9px;
 letter-spacing:.16em;
 font-weight:800
}
.hook-center,.hook-sound{
 position:absolute;z-index:3;
 border:1px solid rgba(255,255,255,.16);
 background:rgba(8,8,10,.54);
 color:white;
 backdrop-filter:blur(16px);
 display:grid;place-items:center
}
.hook-center{
 left:50%;top:50%;
 width:58px;height:58px;
 border-radius:50%;
 transform:translate(-50%,-50%);
 transition:opacity .18s ease,transform .18s ease
}
.hook-card.playing .hook-center{opacity:.18;transform:translate(-50%,-50%) scale(.88)}
.hook-media:hover .hook-center,.hook-media:focus-within .hook-center{opacity:1}
.hook-sound{
 right:14px;bottom:14px;
 width:42px;height:42px;border-radius:50%
}
.hook-copy{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:14px;
 align-items:end;
 padding:16px
}
.hook-copy>div:first-child>span{font-size:9px;letter-spacing:.13em;color:#8d8680;text-transform:uppercase}
.hook-copy h3{font-size:18px;line-height:1.05;margin:6px 0 0}
.hook-copy p{
 margin:8px 0 0;color:#8d8680;font-size:12px;line-height:1.45;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.hook-actions{display:flex;gap:8px;align-items:center}
.btn-mini{
 min-height:34px;padding:0 11px;border-radius:999px;
 border:1px solid rgba(255,255,255,.14);background:#f3efe7;color:#09090b;
 display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;text-decoration:none
}
.btn-mini.ghost{background:transparent;color:#f3efe7}
.hooks-feed{max-width:650px;margin:0 auto;display:grid;gap:46px;padding-bottom:50px}
.hooks-feed-head{display:flex;justify-content:space-between;gap:20px;align-items:end;color:#8d8680}
.hooks-feed-head span{font-size:10px;letter-spacing:.16em}
.hooks-feed-head p{max-width:390px;margin:0;font-size:12px;line-height:1.45}
.hooks-feed .hook-card{border-radius:28px}
.hooks-feed .hook-copy{padding:18px 20px 22px}
.hooks-empty{max-width:760px;margin:20px auto 100px;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(14,14,17,.76)}
.hooks-empty>span{font-size:10px;letter-spacing:.16em;color:#8d8680}
.hooks-empty h2{font-size:clamp(30px,5vw,54px);margin:16px 0}
.hooks-empty p{max-width:620px;color:#9a938d;line-height:1.55}
.visual-covers{margin-top:90px}

@media(max-width:720px){
 .signal-nav{gap:14px}
 .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .mobile-nav a{padding-inline:2px}
 .mobile-nav a b{font-size:6.8px!important}
 .hooks-rail{grid-auto-columns:78vw;gap:12px}
 .hook-card{border-radius:18px}
 .hook-media{aspect-ratio:9/16}
 .hook-copy{grid-template-columns:1fr;padding:13px}
 .hook-actions{justify-content:flex-start}
 .hooks-feed{gap:24px;padding-inline:0}
 .hooks-feed .hook-card{border-radius:0;border-left:0;border-right:0}
 .hooks-feed .hook-copy{padding:14px 18px 22px}
 .hooks-feed-head{padding-inline:18px}
 .hook-center{width:52px;height:52px}
}

/* V3.5 — Real Hook links remain visible even without a direct video source */
.hook-fallback-link{position:absolute;inset:0;display:block;background:#08080a}
.hook-fallback-link img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(1.03)}
.hook-fallback-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12) 48%,rgba(0,0,0,.58))}
.hook-fallback-link>span{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:rgba(8,8,10,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);color:white}
.hook-link-badge{position:absolute;z-index:4;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(8,8,10,.62);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);font-size:9px;letter-spacing:.12em;font-weight:800}


/* ==========================================================
   V3.6 — SHARE EVERYWHERE
   ========================================================== */
.signal-share-site{
 height:38px;
 padding:0 12px;
 gap:7px;
 border-radius:19px;
 border:1px solid var(--line2);
 background:#101014;
 color:#d2cbc3;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 font-size:9px;
 font-weight:850
}
.signal-share-site .icon{width:16px;height:16px}
.signal-share-site:hover{background:#1a1a20;color:#fff}

.playlist-share-wrap{position:relative;min-width:0}
.playlist-share-wrap>.playlist-lead,
.playlist-share-wrap>.playlist-tile{height:100%}
.playlist-share-btn{
 position:absolute;
 top:12px;
 right:12px;
 z-index:8;
 width:38px;
 height:38px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,.16);
 background:rgba(8,8,10,.62);
 -webkit-backdrop-filter:blur(14px);
 backdrop-filter:blur(14px);
 color:#fff;
 display:grid;
 place-items:center;
 cursor:pointer;
 opacity:.88
}
.playlist-share-btn .icon{width:16px}
.playlist-share-btn:hover{opacity:1;background:rgba(25,25,30,.84)}

.track-row{grid-template-columns:36px minmax(260px,1.65fr) minmax(110px,.65fr) 70px 126px}

@media(pointer:coarse){
 .playlist-share-btn{opacity:1}
}

@media(max-width:720px){
 .signal-share-site{
   width:38px;
   min-width:38px;
   padding:0;
 }
 .signal-share-site>span:last-child{display:none}
 .signal-share-site .icon{width:17px;height:17px}
 .track-row{
   grid-template-columns:26px minmax(0,1fr) 70px!important;
 }
 .row-actions{
   width:70px;
   justify-content:flex-end;
 }
 .row-actions button[data-action="share-track"],
 .row-actions button[data-action="play"]{
   display:grid!important;
 }
 .playlist-share-btn{
   top:9px;
   right:9px;
   width:36px;
   height:36px;
 }
}

@media(max-width:380px){
 .signal-actions{gap:4px!important}
 .signal-share-site,.signal-search,.signal-lang{width:35px;min-width:35px;height:35px}
 .signal-suno{height:35px;padding:0 9px}
}