:root{color-scheme:dark;--bg:#111212;--panel:#1b1c1c;--line:#303131;--text:#f5f2ec;--muted:#b6b6b2;--red:#f15a4c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px;background:#111212;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-size:36px;font-weight:900;letter-spacing:-1.8px}.brand svg{width:35px;stroke:var(--red);stroke-width:4;fill:none;stroke-linecap:round}header nav{display:flex;align-items:center;gap:30px;font-weight:600}header nav a,header nav button{font-size:16px;padding:34px 0}.current{border-bottom:2px solid var(--red)}.header-actions{display:flex;gap:16px;align-items:center}.icon{font-size:30px;width:44px;height:44px}.login{background:var(--red);color:#171717;font-weight:700;padding:12px 19px;border-radius:8px}.login span{margin-left:16px}.shell{max-width:1560px;margin:auto;padding:36px 4% 70px;display:grid;grid-template-columns:215px minmax(0,1fr) 310px;gap:34px}.parent-brand{font-size:15px;font-weight:800;letter-spacing:2px;margin:8px 14px 27px}.parent-brand span{display:block;font-weight:400;font-size:12px;color:var(--muted);letter-spacing:3px;margin-top:4px}.side-nav{display:grid;gap:9px}.side-nav a,.side-nav button{display:flex;align-items:center;text-align:left;gap:15px;padding:13px;border-radius:8px;font-size:17px}.side-nav span{font-size:25px;width:25px;text-align:center}.side-nav .selected{background:#2b201e;color:#ff8a7c}.side-nav button:hover,.side-nav a:hover{background:#242525}.side-note{border-top:1px solid var(--line);margin-top:33px;padding:28px 13px}.red-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red)}h3{font-size:23px;line-height:1.3;font-weight:500}.side-note p{color:var(--muted);font-size:16px}.signature{font-size:14px;color:#dfb6ac}footer{padding:10px 13px;font-size:13px;line-height:1.8;color:#aaa}.hero{position:relative;overflow:hidden;border:1px solid #624439;background:#28201d;border-radius:13px;padding:32px;min-height:325px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.hero h1{position:relative;z-index:1;font-size:clamp(34px,3.3vw,52px);line-height:1.12;letter-spacing:-2px;margin:24px 0 18px;font-weight:600}.hero h1 em{color:#f98b76;font-style:normal}.hero p{position:relative;z-index:1;font-size:18px;max-width:340px;color:#ddd0c7;margin:0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;position:relative;z-index:1}.hero-bottom a{border-bottom:1px solid #b09b90;padding-bottom:5px;font-size:15px}.hero-bottom a span{margin-left:15px}.hero-bottom>span{font-size:10px;letter-spacing:1.4px;color:#b59f94}.vinyl{position:absolute;width:260px;height:260px;right:-55px;top:37px;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0px,#121212 3px,#282626 4px,#161616 5px);border:1px solid #50413a;transform:rotate(-18deg);box-shadow:-18px 22px 45px #0005;opacity:.8}.vinyl-label{position:absolute;inset:84px;border-radius:50%;background:#b95442;display:flex;flex-direction:column;align-items:center;justify-content:center}.vinyl-label span{font-size:38px;font-weight:900}.vinyl-label small{font-size:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:36px}.subdued{color:#bab3aa}h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:8px 0 10px}.demo-label{font-size:13px;color:#c6b5a3;border:1px solid #4d4237;padding:4px 9px;border-radius:5px}.filters{display:flex;gap:6px;overflow:auto;margin:17px 0 24px;padding-bottom:5px}.filters button{font-size:15px;white-space:nowrap;padding:10px 14px;border-radius:7px;background:#1f2020;color:#c8c8c4}.filters button.active{background:var(--text);color:#161717;font-weight:700}.card{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px;overflow:hidden}.card-header{padding:22px;display:flex;gap:13px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:47px;height:47px;border-radius:50%;font-size:17px;font-weight:700;background:#70526b;color:#fff}.card-header strong{font-size:19px}.handle{font-size:14px;color:var(--muted)}.platform{margin-left:auto;font-size:14px;color:#ccc;text-align:right}.platform span{display:block;color:#aaa;font-size:13px}.embed{margin:0 22px;background:#151616;border:1px dashed #4a4541;border-radius:8px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px}.embed-icon{font-size:33px;color:#bd8e7d}.embed strong{font-size:18px;font-weight:500;max-width:340px}.embed p{font-size:14px;color:#aaa;margin:0;max-width:320px}.embed-tag{font-size:11px;letter-spacing:1.6px;color:#d2b49e}.card-actions{padding:17px 22px;display:flex;justify-content:space-between;gap:10px;align-items:center}.comment-button{font-size:16px;font-weight:600}.comment-button span{color:#bcbcb8;margin-left:8px;font-size:14px;font-weight:400}.original{font-size:14px;color:#c4c4c0}.comment-preview{border-top:1px solid var(--line);padding:18px 22px;background:#202121;display:flex;gap:12px}.comment-preview .avatar{width:33px;height:33px;font-size:13px}.comment-preview strong{font-size:15px}.comment-preview p{font-size:16px;color:#ddd;margin:5px 0 10px}.comment-controls{display:flex;gap:19px}.comment-controls button{font-size:14px;color:#b7b7b3}.panel{padding:22px;background:#191a1a;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.panel h2{font-size:21px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-caption{font-size:13px;color:var(--muted);margin:0 0 19px}.rank{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2c2d2d}.rank .number{color:#989995;font-size:17px;min-width:20px}.rank .avatar{width:35px;height:35px;font-size:12px}.rank strong{font-size:16px}.rank .trend{margin-left:auto;color:#91b28f;font-size:13px}.rank .down{color:#d38d7e}.text-link{display:flex;justify-content:space-between;width:100%;text-align:left;padding:20px 0 0;font-size:14px;color:#e7b2a3}.topic{display:flex;text-align:left;align-items:center;gap:12px;width:100%;padding:16px 0;border-bottom:1px solid #2c2d2d}.topic>span{color:#a29b92;font-size:13px}.topic>span:last-child{margin-left:auto}.topic strong,.person strong{font-size:16px}.topic p,.person p{font-size:13px;color:var(--muted);margin:5px 0 0}.person{display:flex;gap:12px;text-align:left;align-items:center;padding:10px 0;width:100%}.person .avatar{width:38px;height:38px}.person>span:last-child{margin-left:auto;color:#aaa}.peach{background:#a87660}.green{background:#657666}.right-sign{font-weight:900;font-size:28px;letter-spacing:-1px;padding:10px 8px;color:#aaa}.right-sign span{display:block;font-size:13px;letter-spacing:0;font-weight:400;margin-top:5px}.mobile-nav{display:none}#search-box{margin-bottom:20px}#search-box label{display:block;font-size:15px;margin-bottom:8px}input{width:100%;background:#202121;border:1px solid #646461;border-radius:8px;color:#fff;padding:14px}dialog{border:1px solid #65554a;border-radius:14px;background:#202121;color:var(--text);max-width:490px;width:calc(100% - 36px);padding:34px}dialog::backdrop{background:#000b}dialog h2{margin-top:22px}dialog p{font-size:18px;color:#d0d0ca}.close{position:absolute;right:12px;top:6px;font-size:32px}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(min-width:1550px){.hero{min-height:350px}.vinyl{right:-15px;width:290px;height:290px}.vinyl-label{inset:96px}}@media(max-width:1200px){.shell{grid-template-columns:180px minmax(0,1fr);gap:25px}.right{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.right .panel{margin:0}.right-sign{display:none}header nav{gap:20px}header nav a,header nav button{font-size:15px}.hero-bottom>span{display:none}}@media(max-width:850px){header{height:80px;padding:0 22px}header nav{display:none}.shell{grid-template-columns:minmax(0,1fr);max-width:760px;padding:24px 22px 105px}.left{display:none}.right{grid-column:1}.brand{font-size:32px}.hero{min-height:310px}.hero h1{font-size:46px}.hero p{max-width:300px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:space-around;background:#191a1af5;border-top:1px solid #3a3a37;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;font-size:24px;min-width:65px}.mobile-nav span{font-size:12px}.header-actions{gap:5px}.header-actions .icon:nth-child(2){display:none}}@media(max-width:520px){body{font-size:17px}.shell{padding:20px 16px 100px;gap:25px}header{padding:0 16px}.login{font-size:14px;padding:10px 13px}.login span{display:none}.hero{padding:25px 22px;min-height:326px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero p{font-size:17px;max-width:250px}.vinyl{width:220px;height:220px;right:-116px;top:64px;opacity:.5}.vinyl-label{inset:73px}.hero .eyebrow{font-size:10px}.hero-bottom{margin-top:28px}h2{font-size:25px}.section-heading{margin-top:27px}.section-heading .eyebrow{font-size:10px}.filters button{font-size:14px;padding:11px 12px}.right{grid-template-columns:1fr}.card-header{padding:18px 16px}.card-header strong{font-size:18px}.platform{font-size:12px}.platform span{font-size:12px}.embed{margin:0 16px;padding:22px 16px;min-height:235px}.embed strong{font-size:18px}.card-actions{padding:16px;align-items:flex-start}.comment-button{font-size:15px}.comment-button span{display:block;text-align:left;margin:4px 0 0}.original{font-size:13px;max-width:100px;text-align:right}.comment-preview{padding:17px 16px}.panel h2{font-size:23px}.panel-caption{font-size:14px}.rank strong,.topic strong,.person strong{font-size:17px}.topic p,.person p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ranking-tabs{display:flex;gap:7px;margin:13px 0 15px;flex-wrap:wrap}.ranking-tabs button{font-size:15px;padding:9px 10px;border:1px solid #47423d;border-radius:7px;color:#ccc}.ranking-tabs button.active{background:#f15a4c;color:#171717;border-color:#f15a4c;font-weight:700}#ranking{max-height:415px;overflow-y:auto;scrollbar-width:thin}#ranking.expanded{max-height:none}header nav .current{border-bottom:2px solid var(--red);color:var(--text)}
header nav{gap:22px}header nav a,header nav button{white-space:nowrap}@media(min-width:851px) and (max-width:1250px){header{padding-left:22px;padding-right:22px;gap:16px}header nav{gap:14px}header nav a,header nav button{font-size:14px}.header-actions .icon{display:none}}
.live-embed{padding:8px 20px 22px;text-align:center;min-height:160px}.live-embed .x-embed-target{max-width:550px;margin:auto}.embed-loading,.feed-notice{font-size:16px;color:#c8b8a9}.feed-notice{padding:16px;border:1px solid #554237;border-radius:8px;background:#25201b}.live-embed iframe{max-width:100%!important}

/* Compact, centered official Instagram embeds in the home feed. */
.ig-feed-embed{width:100%;max-width:384px;margin:0 auto;padding:0 12px 20px;box-sizing:border-box;overflow:hidden}
.ig-feed-embed .instagram-media,.ig-feed-embed iframe.instagram-media{width:100%!important;min-width:0!important;max-width:360px!important;margin:0 auto 14px!important;border-radius:12px!important;box-sizing:border-box}
.ig-feed-embed>.original{display:inline-block;font-size:16px;margin-top:4px}
@media(max-width:420px){.ig-feed-embed{padding-right:10px;padding-left:10px}}

.post-card{cursor:pointer;transition:border-color .18s ease}.post-card:hover,.post-card:focus-within{border-color:#f15b50}.post-detail-link{color:inherit;text-decoration:none}.post-detail-link:focus-visible{outline:2px solid #f15b50;outline-offset:4px;border-radius:3px}

/* Center both the initial oEmbed markup and the final provider iframe. */
.ig-feed-embed{display:flex!important;flex-direction:column;align-items:center!important;justify-content:flex-start;float:none!important;margin-left:auto!important;margin-right:auto!important}
.ig-feed-embed>.instagram-media{display:block!important;float:none!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important}

.spotify-rank{color:inherit;text-decoration:none}.spotify-rank:hover{background:#242424}.spotify-rank .avatar{flex:0 0 38px;width:38px;height:38px;border-radius:7px;object-fit:cover}.rank-track{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.rank-track strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.rank-song{display:block;color:#c8bdb5;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.spotify-rank .trend{flex-shrink:0}#top .panel-caption a{color:#b8cbb9;text-decoration:underline;text-underline-offset:3px}

.rank-track .artist-link{color:inherit}.rank-track .artist-link:hover{color:#f15a4c;text-decoration:underline;text-underline-offset:3px}.spotify-rank .rank-song:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
