:root{color-scheme:dark;--ink:#f4f7f4;--muted:#9caaa4;--line:#24312e;--green:#d6fa78;--bg:#080e0f;--panel:#101819;--soft:#182422;--font:'Manrope',system-ui,sans-serif;--sidebar:238px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;overscroll-behavior-x:none;scrollbar-gutter:stable}body{margin:0;width:100%;max-width:100%;overflow-x:clip;background:var(--bg);color:var(--ink);font:500 14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0;color:inherit;cursor:pointer}button:hover{opacity:.83}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:1px solid #a3c966;outline-offset:2px}input::placeholder,textarea::placeholder{color:#84948b}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--font);line-height:1.25}button,a,input,textarea{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small{font-size:11px;color:var(--muted)}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:var(--green);margin-bottom:8px}.primary,.new{display:inline-flex;align-items:center;justify-content:center;min-height:43px;background:var(--green);color:#10180d;font-weight:800;font-size:12px;border-radius:9px;padding:10px 18px}.small-button{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800;background:var(--soft)}button.link{color:var(--green);font-weight:700;font-size:11px;padding:0}.icon-button{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%}.avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;flex-shrink:0}.initial{display:inline-flex;align-items:center;justify-content:center;background:#253a31;color:#d3ebba;font-size:18px;font-weight:800}.avatar-button{padding:0;display:inline-flex;align-items:center}.author-button{padding:0;font-size:13px;font-weight:800;text-align:left}.on{color:var(--green)}.on svg{fill:currentColor;fill-opacity:.2}.danger{color:#ff9d93}.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:34px 23px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#0c1313;z-index:8}.logo{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.8px}.brand-mark{background:var(--green);color:#10180d;font-size:24px;line-height:1;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;letter-spacing:-2px;padding-bottom:5px}.tagline{font-size:8px;letter-spacing:1.9px;font-weight:800;color:#839c8b;margin:10px 0 32px}#nav{display:grid;gap:7px}#nav button{display:flex;align-items:center;gap:15px;padding:13px 14px;border-radius:12px;text-align:left;font-weight:700;font-size:13px;min-height:49px}#nav button.active{background:#23332a;color:var(--green)}#nav button.active svg{stroke-width:2.7}#nav button.active span{font-weight:800}.new{margin-top:25px;min-height:46px}.sidebottom{margin-top:auto;padding-top:28px;display:grid;gap:8px;font-size:9px;color:#8c9a91}.sidebottom>a:first-child{color:#b8c7b2;font-weight:800}.me{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:12px;color:var(--ink)}.me b{font-size:12px}.me .small{font-size:9px}button.signout{color:var(--muted);padding:0;font-size:9px}.mobile-nav{display:none}main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));padding:0 45px 60px;min-width:0}.app-header{max-width:1080px;margin:auto;border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;min-height:98px;gap:10px}.top-create,.header-brand{display:none}.pagebar h1{font-size:27px;font-weight:800;letter-spacing:-1px;margin:0}.pagebar p{font-size:10px;color:var(--muted);margin:6px 0 0}.header-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.header-actions .avatar{width:31px;height:31px;border:1px solid #60724e}.header-actions #join>button{padding:6px}.joinlink{display:inline-flex;align-items:center;min-height:38px;background:var(--green);color:#17210f;border-radius:8px;font-weight:800;font-size:11px;padding:8px 14px;margin-right:7px}.search{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px 15px;margin:0 0 22px}.search input{width:100%;min-width:0;background:none;border:0;color:var(--ink);font-size:13px;outline:0}.search svg{width:21px;height:21px;color:#a4b497}.layout{display:grid;grid-template-columns:minmax(0,610px) 280px;gap:48px;margin:25px auto;max-width:1030px;align-items:start}.main-column{min-width:0}.layout.artist-workspace{display:block;max-width:1000px}.artist-workspace>.rail{display:none}.artist-discovery{padding:0 0 19px;border-bottom:1px solid var(--line)}.discovery-label{display:flex;align-items:center;justify-content:space-between;color:#8da28f;font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 17px}.discovery-label button{color:#a8b795;padding:0;font-size:9px;font-weight:800;letter-spacing:0;text-transform:none}.artist-bubbles{display:flex;gap:18px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.artist-bubbles::-webkit-scrollbar{display:none}.artist-bubble{display:flex;flex-direction:column;align-items:center;gap:9px;width:82px;flex:0 0 82px;padding:0;font-size:10px;font-weight:800}.artist-bubble>span:last-child{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-ring{display:flex;align-items:center;justify-content:center;width:79px;height:79px;padding:3px;border-radius:50%;background:linear-gradient(140deg,#ddfc7b,#4bd8bc 67%,#809dff);position:relative}.bubble-ring>.avatar{width:100%;height:100%;border:4px solid var(--bg);font-size:29px}.known-artist .bubble-ring{background:#76906b}.own-bubble .bubble-ring{background:#293b30}.own-bubble .initial{background:#15221c;color:var(--green);font-size:33px}.bubble-add{position:absolute;bottom:0;right:0;width:24px;height:24px;border:3px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:var(--green);color:#121b0a;font-size:18px;line-height:1}.feed-intro{display:flex;align-items:center;justify-content:space-between;padding-top:12px;color:#8da28e;font-size:8px;letter-spacing:1.1px;font-weight:800}.feed-intro i{font-style:normal;color:var(--green);margin:0 6px}.refresh-feed{width:38px;height:38px;font-size:22px;color:#c0d1b6}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow-x:auto;scrollbar-width:none}.tabs button{padding:12px 0 15px;font-size:12px;font-weight:800;white-space:nowrap;color:#8da28e;border-bottom:2px solid transparent}.tabs button.selected{border-color:var(--green);color:var(--ink)}.guest-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#142219;border:1px solid #2f4532;border-radius:11px;padding:15px 18px;margin-bottom:20px}.guest-welcome b{font-size:12px;font-weight:800}.guest-welcome p{margin:3px 0 0;font-size:10px;color:#95ab93}.guest-welcome .primary{white-space:nowrap;font-size:10px;min-height:36px;padding:8px 13px}.new-posts{display:block;position:sticky;top:12px;z-index:5;margin:12px auto 20px;background:var(--green);color:#18210f;padding:11px 20px;border-radius:24px;font-size:11px;font-weight:800;box-shadow:0 6px 25px #0008}.post{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden;margin-bottom:26px}.social-post{background:#0d1515}.posthead{display:flex;align-items:center;gap:11px;padding:15px 17px;min-height:73px}.post-author{flex:1;min-width:0}.post-author .author-button{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-author .small{font-size:9px;margin-top:2px}.post-options{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}.follow-post{border:1px solid #466043;border-radius:7px;padding:5px 10px;min-height:32px;font-size:10px;font-weight:800;color:var(--green)}.post-more{width:30px;height:38px;padding:0}.post-more svg{width:23px;stroke-width:3}.media-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;background:#030606}.media-slide{flex:0 0 100%;min-width:0;width:100%;max-width:100%;scroll-snap-align:start;position:relative}.media-slide img{display:block;width:100%;max-height:740px;aspect-ratio:4/5;object-fit:contain}.media-slide video{display:block;width:100%;max-height:740px;aspect-ratio:16/9;background:#020404}.media-slide.reel video{aspect-ratio:9/16;max-height:720px}.media-count{position:absolute;top:13px;right:13px;border-radius:20px;background:#08100dcc;padding:5px 10px;font-size:10px;pointer-events:none}.media-report{position:absolute;bottom:12px;right:12px;background:#050a09b8;color:#d0d8cf;padding:4px 9px;border-radius:20px;font-size:8px;min-height:28px}.actions{display:flex;align-items:center;gap:8px;padding:9px 12px 0}.actions button{width:40px;height:43px;display:grid;place-items:center;padding:0}.actions svg{width:26px;height:26px}.actions .save{margin-left:auto}.postbody{font-size:12px;line-height:1.8;padding:0 18px 16px}.like-count{padding:0;font-size:12px;font-weight:800;min-height:29px}.post-caption{margin:5px 0!important;white-space:pre-wrap;overflow-wrap:anywhere}.post-caption .author-button{margin-right:5px}.post-caption strong{font-weight:700}.post-caption>span{display:block;font-size:12px;margin-top:2px;color:#c0cfc1}.comments{display:block;color:#96a69a;padding:0;font-size:11px;min-height:29px;text-align:left}.listen-link{display:block;color:#c7ed9b;font-size:11px;font-weight:800;margin:7px 0}.view-insights{display:block;margin-top:7px}.comment-prompt{display:block;width:100%;min-height:44px;border-top:1px solid var(--line);padding:11px 18px;text-align:left;font-size:11px;color:var(--muted)}.soundart{height:290px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#395143,#1c2a22 48%,#111b18);color:#d6f6a1}.soundart>.disc{height:170px;width:170px;border:1px solid #6e8560;background:repeating-radial-gradient(circle,#0a1711 0px,#0a1711 6px,#23382a 7px,#0a1711 8px);border-radius:50%;position:relative;transform:rotate(-15deg);box-shadow:20px 20px 50px #0006}.disc:after{content:'';position:absolute;width:45px;height:45px;border-radius:50%;background:var(--green);left:50%;top:50%;transform:translate(-50%,-50%)}.soundart>span:last-child{position:absolute;left:20px;bottom:15px;font-size:8px;letter-spacing:2px;font-weight:800}.post-status{padding:12px 17px;font-size:11px;line-height:1.8;background:#332e18;color:#eee0a9}.rail{position:sticky;top:30px;padding-top:4px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.sectionhead h3{font-size:13px;margin:0;font-weight:800}.sectionhead button{font-size:9px;font-weight:800;color:#9eb588}.person{display:flex;align-items:center;gap:11px;margin:18px 0}.person>.avatar-button>.avatar{width:38px;height:38px}.person-name{display:flex;flex-direction:column;padding:0;min-width:0;text-align:left}.person-name b{font-size:11px;max-width:125px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-name span{font-size:9px;color:#8c9e91}.follow{font-size:9px;font-weight:800;color:var(--green);padding:8px 0 8px 5px;margin-left:auto;white-space:nowrap}.community-note{border-top:1px solid var(--line);margin-top:29px;padding-top:26px}.community-note>span{font-size:16px;font-weight:800;line-height:1.55;letter-spacing:-.4px;color:#a7ba9d}.community-note p{font-size:11px;color:#809787;max-width:200px;line-height:1.9}.community-note button{padding:0;font-size:10px;font-weight:800;color:var(--green);min-height:34px}.footer{color:#71877a;font-size:9px;line-height:2.1;margin-top:36px}.footer p{color:#5e7567}.empty{text-align:center;padding:60px 25px;color:var(--muted)}.empty h2{font-size:23px;font-weight:800;letter-spacing:-.8px;color:var(--ink);max-width:360px;margin:15px auto}.empty p{font-size:12px}.empty-note{color:var(--green);display:grid;place-items:center}.empty-note svg{width:39px;height:39px;stroke-width:1.8}.empty .primary{margin-top:15px}.more-content{display:block;margin:15px auto 40px}.back-to-artist{font-size:11px;color:#acc992;padding:0;margin-bottom:20px;min-height:34px}.toast{display:none;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #5c7747;border-radius:12px;background:#253424;color:#e8fad3;max-width:90vw;font-size:12px;font-weight:700;box-shadow:0 8px 40px #0008;z-index:40;text-align:center}
/* Artist profiles */
.artist-header{padding:30px 34px;border:0;border-radius:0;background:none}.artist-identity{display:flex;align-items:center;gap:24px}.artist-identity>.avatar{width:94px;height:94px;font-size:36px;outline:1px solid #537043;outline-offset:5px}.artist-identity h2{font-size:32px;letter-spacing:-1px;font-weight:800;margin:3px 0 4px}.artist-identity .small{font-size:12px}.artist-stats{display:flex;gap:35px;margin:28px 0 18px;font-size:12px;align-items:center}.artist-stats b{font-size:20px;font-weight:800;margin-right:4px}.artist-stats button{padding:0;font-size:12px;min-height:40px}.artist-bio{font-size:12px;color:#c6d2c4;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.artist-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:21px 0}.artist-buttons .profile-follow{min-width:160px}.artist-dashboard{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;margin:23px 0 15px;border-radius:10px;background:#17261c;border:1px solid #365038;text-align:left}.artist-dashboard svg{width:21px;height:21px;color:var(--green);margin-right:7px}.artist-dashboard b{font-size:12px}.artist-dashboard small{display:block;font-size:10px;color:#91aa8d;margin:5px 0 0 32px}.pending-note{font-size:10px;color:#87997c;line-height:1.9}.content-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}.content-tabs{display:flex;gap:26px;overflow-x:auto;max-width:100%;scrollbar-width:none}.content-tabs button{white-space:nowrap;font-size:11px;font-weight:800;padding:15px 0;border-bottom:2px solid transparent;color:#859c88}.content-tabs .selected{color:var(--ink);border-color:var(--green)}.content-options{display:flex;align-items:center;gap:10px}.content-options select{width:130px;font-size:10px;margin:0}.content-options .small-button{font-size:10px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:25px}.content-tile{min-width:0;position:relative;aspect-ratio:3/4;padding:0;overflow:hidden;background:#17261e;text-align:left}.content-tile>img,.content-tile>video{display:block;width:100%;height:100%;object-fit:cover}.tile-record{display:flex;height:100%;align-items:center;justify-content:center;font-size:70px;background:radial-gradient(ellipse,#30482d,#17251d);color:var(--green)}.tile-kind{position:absolute;top:10px;left:10px;border-radius:20px;background:#050b08c9;font-size:9px;padding:4px 8px;font-weight:800}.tile-status{position:absolute;top:37px;left:10px;background:#e5dfb0;color:#302d1b;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:800}.tile-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 12px 13px;background:linear-gradient(transparent,#030a06df);display:grid;gap:5px}.tile-caption b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-caption>span{font-size:10px;color:#ccd9c7}.discovery-artists{margin:10px 0 30px}.discovery-artists h2{font-size:17px;font-weight:800}.artist-chips{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.artist-chips button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:19px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:140px}.artist-chips b{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.artist-chips span{font-size:9px;color:var(--muted)}
/* A dedicated vertical reel player */
body[data-page=Reels] .layout{max-width:500px;margin-top:18px}.reel-feed{height:min(780px,calc(100svh - 150px));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;border-radius:17px;background:#000}.reel-feed::-webkit-scrollbar{display:none}.reel-card{position:relative;isolation:isolate;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#020606;color:#fff}.reel-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000c);z-index:1;pointer-events:none}.reel-card>video{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;cursor:pointer}.reel-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0009,transparent);padding:16px 17px;z-index:3;pointer-events:none}.reel-top>span{font-size:9px;font-weight:800;letter-spacing:1px}.reel-top i{color:var(--green);font-style:normal;margin:0 4px}.reel-top>div{display:flex;gap:6px}.reel-top button{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#09110a66;pointer-events:auto}.reel-top svg{width:21px;height:21px}.reel-actions{position:absolute;bottom:100px;right:11px;z-index:3;display:flex;flex-direction:column;gap:9px}.reel-actions button{min-height:49px;min-width:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;text-shadow:0 2px 8px #000}.reel-actions svg{height:29px;width:29px;filter:drop-shadow(0 2px 4px #0008)}.reel-actions span{font-size:10px;font-weight:800}.reel-caption{position:absolute;left:18px;right:69px;bottom:23px;z-index:2;pointer-events:none}.reel-artist{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px;pointer-events:auto}.reel-artist>button:first-child{padding:0;display:flex;align-items:center;gap:10px}.reel-artist .avatar{height:35px;width:35px;border:1px solid #c9dec7}.reel-artist b{font-size:12px;font-weight:800}.reel-artist .follow-post{color:white;border:1px solid #eaf7df8f;background:#0003;min-height:30px;padding:4px 9px;font-size:9px}.reel-caption h2{font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.reel-caption p{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 10px;white-space:pre-wrap}.reel-sound{font-size:9px;font-weight:700;color:#cfddc9}.reel-card .video-error{position:absolute;top:40%;z-index:4;margin:20px;color:#ddd;text-align:center}.reel-card[data-paused=true]:before{content:'▷';position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:62px;color:#ffffffa8;pointer-events:none;z-index:1}
/* Account, uploads, and conversations */
dialog{color:var(--ink);background:#111b1b;border:1px solid #3b4b40;border-radius:20px;padding:27px;width:450px;max-width:calc(100vw - 28px);max-height:88svh;overflow:auto;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#020606c2;backdrop-filter:blur(7px)}dialog h2{font-size:24px;font-weight:800;letter-spacing:-.7px;margin:0 0 14px}dialog>p{font-size:12px;color:#b5c5b6;line-height:1.9}dialog label{display:block;font-size:11px;font-weight:700;margin:17px 0 5px}dialog input,dialog textarea,select{display:block;width:100%;border:1px solid #354b3c;border-radius:9px;background:#0c1513;color:var(--ink);padding:11px 12px;margin:7px 0;font-size:12px}dialog textarea{min-height:80px;resize:vertical}dialog input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0}dialog .primary{margin-top:9px}dialog:has(.composer){width:540px}.auth-check{display:flex!important;gap:10px;align-items:flex-start;font-size:10px!important;line-height:1.9;font-weight:500!important}.auth-check input{margin:4px 0!important}.auth-switch{display:flex;gap:10px;margin-top:18px}.auth-switch button{border:1px solid var(--line);border-radius:8px;padding:9px 16px;font-size:11px;font-weight:800}.auth-switch button.active{background:#2c402a;color:var(--green)}.review-warning{padding:12px 14px;border:1px solid #384a2f;background:#202b1a;color:#c6d7b4;border-radius:9px;font-size:10px;line-height:1.9}.error{color:#ffaaa0;font-size:12px;line-height:1.9}.account-menu{display:grid;gap:4px;margin:15px 0}.account-menu button{display:flex;align-items:center;gap:14px;text-align:left;padding:13px 8px;border-bottom:1px solid var(--line);min-height:50px;font-size:12px;font-weight:800}.account-menu button span{margin-right:auto}.account-menu svg{width:22px;height:22px;color:#bada9e}.menu-dsp{font-size:11px;color:#b5cf9b;font-weight:800;display:inline-block;margin-top:12px}.connection-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:14px 0}.connection-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.connection-row b{font-size:12px}.connection-row>span:last-child{margin-left:auto;color:#a0bc8e}.commentitem{padding:15px 0;border-bottom:1px solid var(--line)}.commentitem b{font-size:12px}.commentitem p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.upload-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.upload-kind button{padding:12px;border:1px solid var(--line);background:#16251c;border-radius:8px;font-size:11px;text-align:left}.upload-kind button.selected{border-color:var(--green);color:var(--green)}.upload-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.upload-preview img,.upload-preview video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#080e0c}.composer-status{font-size:11px;line-height:1.9}.upload-progress{width:100%;height:7px;accent-color:var(--green)}.recovery-code{display:block;font:12px/1.9 monospace;background:#14221a;padding:15px;border-radius:9px;word-break:break-all;color:#c9ecac}.video-error{padding:12px;color:#c1d1b7}
/* Private artist tools */
.analytics-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 28px}.analytics-intro h2{font-size:31px;font-weight:800;letter-spacing:-1px;margin:9px 0}.analytics-intro p{font-size:12px;color:#9bad99}.analytics-intro label{font-size:10px;min-width:145px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px}.metric-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:20px;border:1px solid var(--line);background:#111c19;border-radius:12px}.metric-card>span{font-size:10px;font-weight:700;color:#96ad91}.metric-card strong{font-size:31px;font-weight:800;letter-spacing:-1px;line-height:1.35}.metric-card small{font-size:9px;line-height:1.9;color:#829a7b}.analytics-chart,.analytics-content{padding:24px}.analytics-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.analytics-section-title h3{font-size:15px;font-weight:800;margin:0}.analytics-section-title p{margin:6px 0 0}.chart-bars{height:150px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #3a4f35;background:repeating-linear-gradient(to top,transparent 0px,transparent 49px,#293c2d 50px)}.chart-column{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.chart-bar{background:#b9e779;border-radius:3px 3px 0 0;min-width:1px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#829d7b;margin:11px 0}.chart-data{font-size:10px;margin-top:20px;color:#b8d099}.chart-data summary{cursor:pointer;min-height:30px}.chart-data .table-scroll{max-height:250px;overflow:auto}.artist-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;font-weight:700;color:#86a17d;white-space:nowrap}td,th{padding:15px 12px;border-bottom:1px solid var(--line)}td small{display:block;font-size:9px;color:#7f9c76;margin-top:6px}td:first-child,th:first-child{padding-left:0}.content-metric-title{padding:0;text-align:left;font-size:11px;font-weight:800;min-width:150px;max-width:230px;overflow-wrap:anywhere}#contentMetricsMore{margin-top:18px}.analytics-note{font-size:10px;color:#819b77;line-height:2}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-metrics .metric-card{padding:15px}.compact-metrics .metric-card strong{font-size:26px}.activity-card{padding:28px}.activity-card h2{font-size:25px;letter-spacing:-.7px;font-weight:800;margin:0 0 12px}.activity-row{display:flex;gap:14px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}.activity-row>button{padding:0}.activity-row p{font-size:12px;line-height:1.9;margin:0 0 6px}.activity-row small{display:block;font-size:9px;color:#819c77;margin-top:8px}.activity-row blockquote{white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 13px;margin:12px 0;font-size:11px;background:#17251c;border-left:2px solid #7b9d5c}.activity-post{padding:0;text-align:left;font-size:11px;font-weight:700;color:#b8d795}
@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.layout{gap:60px;grid-template-columns:minmax(0,640px) 290px;max-width:1080px}}
@media(max-width:1150px){:root{--sidebar:205px}.desktop-sidebar{padding-left:17px;padding-right:17px}.logo{font-size:26px}.brand-mark{width:31px;height:31px}main{padding-left:30px;padding-right:30px}.layout{gap:30px;grid-template-columns:minmax(0,1fr) 245px}.person-name b{max-width:100px}#nav button{font-size:12px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.rail{display:none}.layout{display:block;max-width:640px}main{padding-left:35px;padding-right:35px}.app-header{max-width:700px}.artist-stats{gap:23px}.content-options{width:100%;justify-content:space-between;margin-bottom:12px}}
@media(max-width:760px){.artist-overview{grid-template-columns:1fr}.artist-overview .metric-card{display:grid;grid-template-columns:1fr auto;align-items:center}.artist-overview .metric-card small{grid-column:1/-1}.artist-header{padding:20px 13px}.artist-identity{gap:20px}.artist-identity>.avatar{width:79px;height:79px}.artist-identity h2{font-size:26px}.analytics-intro h2{font-size:27px}.content-tabs{gap:22px}.tile-kind{top:7px;left:7px;font-size:8px;padding:4px 6px}.tile-status{top:33px;left:7px;font-size:8px;padding:3px 6px}.tile-caption{padding:25px 8px 10px}.tile-caption b{font-size:10px}.tile-caption>span{font-size:9px}}
@media(max-width:650px){:root{--sidebar:0px}.desktop-sidebar{display:none}main{margin:0;padding:0 0 calc(110px + env(safe-area-inset-bottom))}.app-header{border-bottom:1px solid #1b2924;background:#080e0ff5;position:relative;z-index:7;padding-top:env(safe-area-inset-top)}.topbar{min-height:78px;padding:9px 12px;gap:8px}.header-brand{display:flex;align-items:flex-end;gap:8px;font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-right:auto}.header-brand>span{font-size:7px;letter-spacing:.5px;font-weight:800;color:#8ca779;max-width:30px;line-height:1.4;margin-bottom:4px}.top-create{display:inline-grid}.header-actions{gap:1px;margin-left:0}.header-actions #join{display:none}.header-actions .icon-button{width:39px;height:44px}.top-create{width:39px;height:44px}.top-create svg{width:29px;height:29px}.pagebar{display:none}body:not([data-page=Home]):not([data-page=Reels]) .pagebar{display:block;position:absolute;top:100%;left:0;right:0;padding:14px 18px 4px;background:var(--bg)}body:not([data-page=Home]):not([data-page=Reels]) .pagebar h1{font-size:22px}.pagebar p{display:none}body:not([data-page=Home]):not([data-page=Reels]) .layout{margin-top:65px}.search{margin:65px 16px 18px;padding:12px 14px}.search input{font-size:12px}body[data-page=Explore] .layout{margin-top:15px!important}.layout,.layout.artist-workspace{margin:0 auto;max-width:650px}.artist-discovery{padding:17px 0 15px}.discovery-label{margin:0 17px 14px;font-size:8px}.discovery-label button{font-size:8px}.artist-bubbles{gap:17px;padding-left:17px;padding-right:17px}.artist-bubble{width:82px;flex-basis:82px;font-size:10px;gap:8px}.bubble-ring{width:78px;height:78px}.feed-intro{padding:7px 15px 0;font-size:7px;letter-spacing:.9px}.tabs{padding:0 17px;gap:28px;margin-bottom:13px}.tabs button{font-size:11px;padding:10px 0 13px}.guest-welcome{margin:0 12px 15px;padding:12px 13px;gap:10px}.guest-welcome b{font-size:10px}.guest-welcome p{font-size:9px}.guest-welcome .primary{font-size:9px;min-height:34px}.social-post{border:0;border-radius:0;border-bottom:1px solid var(--line);background:var(--bg);margin-bottom:14px}.posthead{min-height:71px;padding:12px 16px;gap:10px}.post-author .author-button{font-size:12px;max-width:100%}.post-author .small{font-size:9px}.posthead .avatar{width:36px;height:36px}.post-options{gap:6px}.follow-post{font-size:9px;padding:5px 9px;min-height:30px}.post-more{width:25px;height:36px}.media-slide img{max-height:78svh;aspect-ratio:4/5}.media-slide video{max-height:78svh}.media-slide.reel video{max-height:77svh;aspect-ratio:9/16}.actions{padding:6px 10px 0;gap:6px}.actions button{width:41px;height:45px}.actions svg{width:27px;height:27px}.postbody{padding:0 17px 14px;font-size:12px}.comment-prompt{padding:10px 17px 13px}.media-report{font-size:7px;min-height:24px}.new-posts{top:10px;font-size:10px;padding:10px 18px}.mobile-nav{display:flex;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:520px;margin:0 auto;height:66px;border:1px solid #5b74516b;border-radius:38px;align-items:center;justify-content:space-around;background:#15251bdc;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 5px 30px #000b,inset 0 1px 0 #c8e7a51a;padding:6px;z-index:15}.mobile-nav>button{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;padding:0;color:#e8f2e3}.mobile-nav>button.active{background:#65844773;box-shadow:inset 0 0 0 1px #adc98c3b;color:white}.mobile-nav>button.active svg{stroke-width:2.7}.mobile-nav svg{width:28px;height:28px}.mobile-nav .avatar{width:31px;height:31px;border:1px solid #b4ce9c}.mobile-nav .mobile-create{background:#d6fa7814;color:var(--green);width:46px;height:46px;border:1px solid #b0d77a4f;border-radius:15px}.mobile-create svg{width:27px;height:27px}.toast{bottom:calc(97px + env(safe-area-inset-bottom));font-size:11px}.artist-header{padding:10px 18px 15px}.artist-identity>.avatar{height:77px;width:77px;font-size:29px}.artist-identity h2{font-size:26px}.artist-identity .eyebrow{font-size:7px;letter-spacing:1px}.artist-identity .small{font-size:10px}.artist-stats{gap:0;justify-content:space-between;margin:23px 0 14px;font-size:10px}.artist-stats b{font-size:18px;display:block;line-height:1.5}.artist-stats>span,.artist-stats>button{flex:1;text-align:center;font-size:10px}.artist-buttons{gap:8px;margin:18px 0}.artist-buttons>.primary,.artist-buttons>.small-button{flex:1;min-height:40px;font-size:10px;padding:9px 12px}.artist-buttons>.profile-follow{min-width:130px}.artist-dashboard{padding:15px}.artist-dashboard small{font-size:9px}.pending-note{font-size:9px}.content-toolbar{margin:0 14px 16px}.content-tabs{gap:24px}.content-tabs button{font-size:10px}.content-options .small-button,.content-options select{font-size:9px;min-height:35px}.content-options select{width:125px;padding:8px 10px}.content-grid{gap:3px}.tile-caption b{font-size:9px}.tile-caption>span{font-size:8px}.tile-record{font-size:50px}.back-to-artist{margin:0 16px 14px;font-size:10px}.empty{margin:0 13px;padding:45px 20px}.empty h2{font-size:23px}.discovery-artists{padding:0 16px}.discovery-artists h2{font-size:16px}.analytics-intro{padding:0 16px;flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:10px}.analytics-intro h2{font-size:28px}.analytics-intro p{font-size:11px}.analytics-intro label{display:flex;align-items:center;gap:15px}.analytics-intro select{width:145px}.metrics-grid{margin:0 13px 20px;gap:9px}.metric-card{padding:16px}.metric-card strong{font-size:28px}.metric-card>span{font-size:9px}.metric-card small{font-size:8px}.analytics-chart,.analytics-content,.activity-card{margin-left:13px;margin-right:13px;padding:19px}.analytics-section-title h3{font-size:14px}.analytics-section-title{align-items:flex-start;gap:10px}.analytics-section-title .small{font-size:9px}.chart-bars{height:130px}.artist-overview{margin:0 13px 20px;gap:10px}.analytics-note{margin:0 18px;font-size:9px}.compact-metrics{margin-left:0;margin-right:0}.activity-card h2{font-size:22px}.activity-row{gap:12px}.activity-row .avatar{width:35px;height:35px}.activity-row p{font-size:11px}body[data-page=Reels] .layout{margin-top:0;max-width:650px}body[data-page=Reels] main{padding-bottom:0}.reel-feed{height:calc(100svh - 78px - env(safe-area-inset-top));border-radius:0;padding-bottom:0}.reel-card{height:100%;min-height:100%}.reel-top{padding:13px 15px}.reel-caption{bottom:calc(110px + env(safe-area-inset-bottom));left:17px;right:68px}.reel-actions{bottom:calc(165px + env(safe-area-inset-bottom));right:9px;gap:10px}.reel-caption h2{font-size:20px}.reel-caption p{font-size:10px}.reel-artist{gap:9px;margin-bottom:12px}.reel-artist b{font-size:11px}.reel-artist .avatar{width:32px;height:32px}.reel-sound{font-size:8px}body[data-page=Reels] #loadMore{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:6}body[data-page=Reels] .more-content{margin:0;background:#17251cca;font-size:9px;padding:6px 13px;min-height:30px}dialog{padding:24px 22px;max-height:84svh}dialog h2{font-size:23px}dialog input,dialog textarea{font-size:16px}dialog select{font-size:14px}.commentitem p{font-size:12px}}
@media(max-width:370px){.header-brand{font-size:29px;letter-spacing:-1.7px}.header-brand>span{display:none}.header-actions .icon-button{width:35px}.topbar{padding-left:9px;padding-right:9px}.post-author .author-button{max-width:100%}.tabs{gap:23px}.artist-identity{gap:16px}.artist-identity h2{font-size:23px}.artist-identity>.avatar{width:69px;height:69px}.artist-stats b{font-size:17px}.artist-buttons .small-button{font-size:9px}.bubble-ring{width:74px;height:74px}.artist-bubble{width:78px;flex-basis:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

.artist-identity>div{min-width:0;overflow-wrap:anywhere}.reel-artist>button:first-child{min-width:0;max-width:100%}.reel-artist b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Keep the page inside its viewport; only named carousels scroll sideways. */
.app-header,.layout,.main-column,.rail,.topbar,.pagebar,.artist-header,.artist-discovery,.discovery-artists,#feed,#artistHeader,#contentControls,#discovery{min-width:0}
.main-column,.rail,.artist-discovery,.discovery-artists,#feed,#artistHeader,#contentControls,#discovery{max-width:100%}
.artist-bubbles,.media-carousel,.tabs,.content-tabs,.artist-chips,.table-scroll{min-width:0;max-width:100%;overscroll-behavior-x:contain}
.me>div,.activity-row>div,.connection-row>span:nth-child(2){min-width:0}
.me b,.me .small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connection-row b,.connection-row small,.activity-post{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.activity-post{display:inline-block}
.connection-row>span:last-child{flex-shrink:0}
.person-name{flex:1}.person-name b,.person-name span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guest-welcome>div,.analytics-intro>div,.analytics-section-title>div,.artist-dashboard>span,.account-menu button>span{min-width:0;overflow-wrap:anywhere}
.guest-welcome .primary{flex-shrink:0}.header-actions{flex-shrink:0}
.listen-link,.sidebottom>a,.menu-dsp{overflow-wrap:anywhere}
.content-options,.content-options>select{min-width:0}.content-options .small-button{flex-shrink:0}
.metric-card strong{overflow-wrap:anywhere}
dialog>*{min-width:0;max-width:100%}dialog input,dialog textarea,dialog select{min-width:0;max-width:100%}
html.dialog-open,body.dialog-open{overflow:hidden;overscroll-behavior:none}
/* Comments open above the feed in a bounded, independent conversation. */
dialog.comment-dialog{width:560px;max-width:calc(100% - 28px);height:min(540px,70svh);height:min(540px,70dvh);max-height:calc(100svh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;overscroll-behavior:contain}
dialog.comment-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.comment-header{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 20px;border-bottom:1px solid var(--line)}
.comment-header h2{font-size:17px;letter-spacing:-.4px;margin:0;line-height:1.4}.comment-header h2 span{font-size:12px;color:var(--muted);font-weight:600;margin-left:5px}
.comment-header>div{min-width:0;flex:1}.comment-header>button:first-of-type{margin-left:auto}
.comment-header button{min-width:44px;min-height:44px;padding:8px;font-size:19px;border-radius:50%;flex-shrink:0}
.comment-header .small{font-size:10px}
.comment-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 20px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
#commentEarlier{display:block;width:100%;min-height:44px;margin:6px 0 0;font-size:11px;font-weight:800;color:var(--green)}
.comment-row{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-bottom:1px solid #24312e99;min-width:0}
.comment-row:last-child{border-bottom:0}.comment-avatar{flex:0 0 34px;padding:0}.comment-avatar .avatar{width:34px;height:34px;font-size:15px}
.comment-content{flex:1;min-width:0}.comment-content .author-button{font-size:11px;max-width:100%;overflow-wrap:anywhere}
.comment-content p{margin:4px 0 5px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:9px;color:var(--muted)}
.comment-meta button,.comment-actions button{min-height:30px;padding:0;font-size:10px;color:var(--muted)}.comment-meta .danger,.comment-actions .danger{color:#ff9d93}
.comment-actions{display:flex;gap:13px;flex-wrap:wrap}
.comment-empty,.comment-error{padding:25px 4px;text-align:center;font-size:12px;color:var(--muted)}.comment-error{color:#ffaaa0}
.comment-composer{border-top:1px solid var(--line);padding:10px 15px 12px;background:#111b1b;min-width:0}
.comment-composer form{display:flex;align-items:flex-end;gap:10px;min-width:0;margin:0}
.comment-composer input,.comment-composer textarea{flex:1;min-width:0;margin:0;min-height:44px;height:44px;max-height:100px;resize:none;padding:11px 12px;font-size:13px;line-height:20px}
.comment-composer .primary{flex-shrink:0;min-height:44px;margin:0;padding:10px 14px}
.comment-composer>p{margin:0;font-size:11px;line-height:1.7}.comment-composer .error{padding:0;margin:0 0 8px;font-size:11px;text-align:left}.comment-composer .error:empty{display:none}
@media(max-width:650px){
 dialog.comment-dialog{inset:auto 0 0;width:100%;max-width:100%;margin:auto auto 0;height:min(540px,70svh);height:min(540px,70dvh);max-height:calc(100svh - env(safe-area-inset-top) - 12px);max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-bottom:0;border-radius:20px 20px 0 0}
 .comment-header{padding-left:17px}.comment-scroll{padding:0 17px}.comment-composer{padding:10px 13px calc(12px + env(safe-area-inset-bottom))}.comment-composer input,.comment-composer textarea{font-size:16px}.comment-composer .primary{font-size:11px;padding:10px 13px}
 .post-options{max-width:52%}.follow-post{white-space:nowrap}.post-author .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.media-slide>audio{display:block;width:calc(100% - 36px);max-width:100%;margin:35px 18px 60px}.upload-preview audio{width:100%;max-width:100%}
.desktop-sidebar{overflow-y:auto;overscroll-behavior:contain}
.hashtag{color:var(--green);text-decoration:none;font-weight:600;overflow-wrap:anywhere}.hashtag:hover,.hashtag:focus-visible{text-decoration:underline}.comment-content .hashtag{display:inline;font-size:inherit;padding:0;min-height:0}.comment-composer .comment-hashtag-help{display:flex;align-items:center;gap:10px;padding-top:9px;font-size:10px;line-height:1.6}.comment-hashtag-help>button{flex-shrink:0;color:var(--green);font-size:11px;min-height:30px;padding:0 4px}.comment-hashtag-help>span{color:var(--muted)}
.hashtag-intro{display:flex;align-items:center;gap:19px;margin-bottom:16px}.hashtag-mark{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:#26362a;color:var(--green);font-size:36px;font-weight:800}.hashtag-intro h2{margin:0 0 6px;overflow-wrap:anywhere}.hashtag-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.hashtag-topics{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 23px}.hashtag-topics>a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:10px 13px;color:var(--green);text-decoration:none;max-width:100%;overflow-wrap:anywhere}.hashtag-topics span{font-size:10px;color:var(--muted)}
.public-post h2 a,.public-author,.public-conversation a{color:inherit;text-decoration:none}.public-post h2{font-size:22px;line-height:1.4}.public-author,.public-post time{font-size:12px;color:var(--muted)}.public-post-image{display:block;max-width:100%;max-height:440px;object-fit:contain;margin:18px auto}.public-post-text,.public-conversation p{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.public-conversation article{padding:14px 0;border-bottom:1px solid var(--line)}.public-conversation article>a{font-size:12px;font-weight:700}.public-conversation h2{font-size:17px}.public-conversation .hashtag{color:var(--green)}.public-conversation .small-button{margin-top:16px}.public-artist-links{display:flex;flex-wrap:wrap;gap:12px;padding:15px;margin-bottom:15px}.public-artist-links a{font-size:13px;color:var(--green)}

.artist-buttons .profile-join{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px}
dialog.profile-share-dialog{width:480px;max-width:calc(100vw - 24px);padding:25px;border-radius:22px;max-height:calc(100dvh - 40px);overflow:auto}
.profile-share h2{margin:8px 0 20px}.profile-share>p{font-size:13px;line-height:1.7;color:var(--muted)}
.share-artist-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#13201d}
.share-artist-card .avatar{width:58px;height:58px;flex-shrink:0}.share-artist-card>div{min-width:0}.share-artist-card b{display:block;font-size:16px;overflow-wrap:anywhere}.share-artist-card span:not(.avatar){display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.native-profile-share{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin:18px 0}.native-profile-share svg,.profile-share-options svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.profile-share-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.profile-share-options>a,.profile-share-options>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:86px;border:1px solid var(--line);border-radius:13px;background:#15211f;color:var(--ink);text-decoration:none;font-size:12px;cursor:pointer;padding:10px 5px}.profile-share-options b{display:grid;place-items:center;height:24px;min-width:24px;font-size:22px}.profile-share-options>a:hover,.profile-share-options>button:hover{border-color:var(--green);background:#20312a}
.profile-share-link{font-size:12px;color:var(--muted)}.profile-share-link input{margin-top:8px;font-size:13px;width:100%;min-width:0}.profile-share-options :focus-visible,.profile-share-link input:focus-visible,.native-profile-share:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:650px){dialog.profile-share-dialog{inset:auto 0 0;width:100%;max-width:100%;margin:auto auto 0;border-radius:22px 22px 0 0;padding:23px 18px calc(20px + env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - 14px)}.profile-share-link input{font-size:16px}}

.upload-dock{position:fixed;z-index:70;right:max(16px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:330px;max-width:calc(100vw - 32px);padding:17px 19px;background:#14201b;color:var(--ink);border:1px solid #60794b;border-radius:15px;box-shadow:0 12px 45px #0007}.upload-dock>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-dock p{font-size:12px;line-height:1.6;margin:8px 0}.upload-dock small{display:block;font-size:11px;color:#b7c6ae;line-height:1.7}.upload-dock>div{display:flex;gap:10px;margin-top:10px}.upload-dock progress{width:100%;height:7px;accent-color:var(--green)}
/* Artist mentions keep the editor and its suggestions in the same dialog. */
.mention{color:var(--accent,#b5d54c);font-weight:650;text-decoration:none;overflow-wrap:anywhere}.mention:hover{text-decoration:underline}.tag-people{margin:0 0 16px}.mention-suggestions{border:1px solid var(--line,#383a3d);border-radius:12px;background:var(--surface,#181a1e);padding:6px;max-height:230px;overflow-y:auto;margin:0 0 12px;text-align:left}.mention-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:8px;text-align:left}.mention-suggestions button[aria-selected=true]{background:rgba(181,213,76,.13)}.mention-suggestions b{overflow:hidden;text-overflow:ellipsis}.mention-suggestions span{color:var(--muted,#aaa);font-size:13px;flex-shrink:0}.mention-suggestions p{font-size:13px;padding:6px 10px}.comment-hashtag-help{flex-wrap:wrap}.comment-composer .mention-suggestions{margin-top:8px}
/* Achievement colors belong to TheGram's reviewed career tiers. */
.artist-badge{display:inline-flex;width:23px;height:23px;vertical-align:middle;flex-shrink:0}.artist-badge svg{width:100%;height:100%}.artist-badge svg path:first-child{fill:currentColor;stroke:none}.artist-badge svg path:last-child{fill:none;stroke:#18170f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bronze{--tier:#cc935f}.gold{--tier:#edc55f}.platinum{--tier:#e0e7ed}.artist-badge.bronze,.artist-badge.gold,.artist-badge.platinum{color:var(--tier)}.artist-standing-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin:22px 0;width:100%;text-align:left;background:linear-gradient(105deg,#302b1b55,transparent)}.artist-standing-link b,.artist-standing-link small{display:block}.artist-standing-link small{color:var(--muted);margin-top:3px}.standing-dialog{width:min(860px,calc(100vw - 24px));max-width:860px}.standing-close{float:right}.standing-score{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--soft);padding:24px;border-radius:16px;margin:24px 0}.standing-score b{font-size:34px;line-height:1.3;color:var(--green);display:block}.standing-score b small{font-size:18px;color:var(--muted)}.standing-score span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.standing-score p{margin:0;color:#c6d1cc}.standing-metrics,.standing-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.standing-metrics{margin-bottom:18px}.standing-metrics div{border-left:2px solid var(--line);padding:0 12px}.standing-metrics b,.standing-metrics span{display:block;overflow-wrap:anywhere}.standing-metrics span{color:var(--muted);font-size:12px}.standing-tier{border:1px solid var(--line);border-top:2px solid var(--tier);border-radius:12px;padding:16px;min-width:0}.tier-heading{display:flex;align-items:center;gap:8px}.tier-heading h3{margin:0}.standing-tier p{font-size:12px;color:var(--muted)}.standing-tier small{font-size:11px;color:var(--muted)}.standing-section{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}.standing-section h3{margin-bottom:10px}.standing-editor,.standing-method{border:1px solid var(--line);padding:14px;border-radius:10px;margin-top:14px}.standing-editor summary,.standing-method summary{cursor:pointer;font-weight:700}.standing-editor form{margin-top:16px}.standing-evidence,.standing-history{list-style:none;padding:0}.standing-evidence>li,.standing-history>li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.standing-evidence>li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.standing-evidence>li>div{flex:1;min-width:160px}.standing-evidence b,.standing-evidence span,.standing-history b,.standing-history small{display:block}.standing-history small,.standing-evidence span{color:var(--muted);font-size:11px}.standing-evidence a,.standing-history a{font-size:12px;color:var(--green);overflow-wrap:anywhere}.standing-evidence p{flex-basis:100%;margin:0}.research-sources{padding-left:20px}.research-sources p{font-size:12px;color:var(--muted)}@media(max-width:600px){.standing-score{grid-template-columns:1fr;padding:18px;gap:16px}.standing-score b{font-size:30px}.standing-tiers{grid-template-columns:1fr}.standing-metrics{gap:4px}.standing-metrics b{font-size:13px}.standing-metrics span{font-size:10px}.standing-dialog{padding:20px}.standing-section p{font-size:13px}}
.header-actions #topActivity{position:relative}.activity-badge{position:absolute;right:-2px;top:-2px;background:var(--green);color:var(--bg);border:2px solid var(--bg);min-width:19px;height:19px;line-height:15px;border-radius:12px;font-size:10px;font-weight:800;padding:0 3px}
.media-slide.format-portrait video{aspect-ratio:4/5;object-fit:contain}.media-slide.format-square video{aspect-ratio:1;object-fit:contain}.media-slide.format-landscape video{aspect-ratio:16/9;object-fit:contain}.media-slide.format-story video,.media-slide.format-reel video{aspect-ratio:9/16;object-fit:contain}.media-slide.format-original:not(.reel) video{aspect-ratio:auto;object-fit:contain}
.video-cover-picker{margin:20px 0;padding:16px;border:1px solid #354b3c;border-radius:12px;background:#0c1513}.video-cover-picker h3{font-size:15px;margin:0 0 5px}.video-cover-picker .small{line-height:1.6}.video-cover-choice{display:flex;gap:16px;align-items:center}.video-cover-image{width:112px;height:140px;flex-shrink:0;border:1px solid #354b3c;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#17261e}.video-cover-image img{width:100%;height:100%;object-fit:cover}.video-cover-image>span{font-size:11px;text-align:center;padding:10px;color:var(--muted)}.video-cover-buttons{display:grid;gap:10px}.video-cover-buttons .small-button{min-height:44px;text-align:center;display:grid;place-items:center}.cover-photo-label{position:relative;overflow:hidden;cursor:pointer;margin:0!important}.cover-photo-label input{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}.cover-photo-label:focus-within{outline:2px solid var(--green);outline-offset:3px}.video-cover-frames{margin-top:16px}.video-cover-frames video{width:100%;max-height:260px;background:#060c09;object-fit:contain;border-radius:8px}.video-cover-frames input[type=range]{padding:0;accent-color:var(--green);min-height:44px}.cover-frame-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.cover-frame-actions output{font-variant-numeric:tabular-nums;font-size:12px}.grid-video-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(ellipse at 50% 30%,#385a37,#14231d);color:#e4efcf}.grid-video-fallback .avatar{width:70%;height:auto;aspect-ratio:1;border-radius:12px;font-size:44px}.grid-video-fallback>span:last-child{font-size:25px}.content-tile>video[data-grid-cover]{position:relative;opacity:0}.content-tile>video[data-frame-ready=true]{opacity:1}.tv-program-cover{width:46px;height:58px;border-radius:6px;object-fit:cover;flex-shrink:0}.tv-record-details .video-cover-picker{margin-top:10px}.tv-record-details .video-cover-image{width:72px;height:90px}.tv-record-details .video-cover-choice{gap:12px}.tv-record-details .video-cover-buttons{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:420px){.video-cover-picker{padding:12px}.video-cover-choice{gap:12px}.video-cover-image{width:96px;height:120px}.video-cover-buttons .small-button{font-size:11px}}
.content-tile>img{position:relative}

/* Artist TV uses the same compact, responsive shell as the community feed. */
body[data-page=TV] .layout,
body[data-page=TVChannel] .layout,
body[data-page=TVStudio] .layout{display:block;max-width:1000px}
body[data-page=TV] .rail,
body[data-page=TVChannel] .rail,
body[data-page=TVStudio] .rail{display:none}
.tv-network,.tv-channel,.tv-studio,.tv-channel-header,.tv-stage,.tv-program-list,.tv-program-row,.tv-settings,.tv-eligible{min-width:0;max-width:100%}
.tv-network h2,.tv-channel h2,.tv-studio h2{font-weight:800;letter-spacing:-.8px}
.tv-network p,.tv-channel p,.tv-studio p{overflow-wrap:anywhere}
.tv-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:6px 0 25px}
.tv-intro>div{min-width:0;flex:1}
.tv-intro h2{font-size:31px;line-height:1.2;margin:7px 0 9px}
.tv-intro p{font-size:12px;line-height:1.8;margin:0;color:var(--muted);max-width:570px}
.tv-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.tv-channel-card{display:block;min-width:0;max-width:100%;padding:0;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.tv-channel-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:radial-gradient(ellipse at top right,#354b31,#12211e 70%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.tv-channel-cover .avatar{width:69px;height:69px;font-size:28px;border:3px solid #7b9d5a66;box-shadow:0 8px 30px #0004}
.tv-channel-copy{display:block;min-width:0;padding:17px}
.tv-channel-copy h3,.tv-channel-copy b{display:block;margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
.tv-channel-copy p{font-size:11px;color:#9aaf9d;line-height:1.8;margin:7px 0 0}
.tv-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;color:#9eb68e;font-size:10px}
.tv-channel-header{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin:0 0 23px}
.tv-channel-header>.avatar{height:63px;width:63px;font-size:25px;outline:1px solid #547546;outline-offset:4px}
.tv-channel-header>div:not(.tv-actions){min-width:0;flex:1}
.tv-channel-header h2{font-size:28px;line-height:1.25;margin:4px 0 5px;overflow-wrap:anywhere}
.tv-channel-header p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.8}
.tv-channel-header .tv-actions{margin-left:auto}
.tv-watch-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(210px,1fr);align-items:start;gap:20px;min-width:0;max-width:100%}
.tv-stage{overflow:hidden;border:1px solid var(--line);background:#0d1715;border-radius:13px}
.tv-player-screen{width:100%;min-width:0;max-width:100%;aspect-ratio:16/9;background:#010505;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.tv-player-screen>video{display:block;width:100%;height:100%;max-width:100%;max-height:72svh;object-fit:contain;background:#010505}
.tv-player-screen audio{display:block;max-width:calc(100% - 30px);width:calc(100% - 30px);margin:15px;position:absolute;left:0;bottom:0;height:45px}
.tv-audio-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;max-width:100%;min-width:0;padding:24px 25px 80px;text-align:center;color:#c8eaa4;background:radial-gradient(ellipse,#233c2a,#06100b);align-self:stretch;flex:1}
.tv-audio-art .avatar{width:65px;height:65px;font-size:27px;outline:1px solid #a5d17a66;outline-offset:6px}
.tv-audio-art>span{font-size:11px;font-weight:800;letter-spacing:1px;overflow-wrap:anywhere}
.tv-audio-art>svg{width:45px;height:45px}
.tv-player-note{font-size:11px;color:#b8ccab;line-height:1.8;padding:12px 16px;margin:0;overflow-wrap:anywhere}
.tv-player-note:empty{display:none}
.tv-playing-info{padding:19px}
.tv-playing-info h3{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.35;margin:6px 0 9px;overflow-wrap:anywhere}
.tv-playing-info p{font-size:12px;line-height:1.9;color:#b0c1ac;white-space:pre-wrap;margin:8px 0 14px}
.tv-playing-info .tv-actions{margin-top:14px}
.tv-program-list{border:1px solid var(--line);border-radius:12px;background:#101b17;padding:17px;max-height:min(680px,74svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tv-program-list h3,.tv-programming h3,.tv-settings h3,.tv-eligible h3{font-size:15px;font-weight:800;margin:0 0 6px;line-height:1.4}
.tv-program-list>p,.tv-programming>p,.tv-settings>p,.tv-eligible>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 17px}
.tv-program-row{display:flex;align-items:center;gap:11px;width:100%;min-height:65px;text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;color:#b7c9b1;border-radius:7px}
.tv-program-row:last-child{border-bottom:0}
.tv-program-row.active{background:#253625;color:var(--green);box-shadow:inset 2px 0 #b8e479}
.tv-program-number{flex:0 0 20px;font-size:10px;font-weight:800;color:#819c76;text-align:center}
.tv-program-row.active .tv-program-number{color:var(--green)}
.tv-program-copy{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
.tv-program-copy b{display:block;font-size:12px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}
.tv-program-copy span,.tv-program-copy small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.tv-program-row>span:last-child:not(.tv-program-copy){font-size:10px;color:#8ca981;flex-shrink:0}
.tv-unavailable{font-size:10px;color:#c2b693;line-height:1.8;overflow-wrap:anywhere}
.tv-studio-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:20px;align-items:start;margin:24px 0}
.tv-settings,.tv-programming,.tv-eligible{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;max-width:100%}
.tv-settings-form{min-width:0;max-width:100%;margin-top:19px}
.tv-settings-form label{display:block;font-size:11px;font-weight:700;margin:15px 0 6px;overflow-wrap:anywhere}
.tv-settings-form input,.tv-settings-form textarea,.tv-settings-form select{display:block;width:100%;min-width:0;max-width:100%;font-size:12px;border:1px solid #3a4d39;background:#0b1510;color:var(--ink);border-radius:8px;padding:11px 12px;margin:7px 0}
.tv-settings-form input{min-height:44px}
.tv-settings-form textarea{min-height:92px;resize:vertical;line-height:1.8}
.tv-settings-form .primary{min-height:44px;margin-top:12px}
.tv-studio-program,.tv-eligible-row{display:flex;align-items:center;gap:13px;min-width:0;max-width:100%;padding:14px 0;border-bottom:1px solid var(--line)}
.tv-studio-program:last-child,.tv-eligible-row:last-child{border-bottom:0}
.tv-program-controls{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0;max-width:100%}
.tv-program-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:9px;border-radius:8px;border:1px solid var(--line);background:#16231c;font-size:12px}
.tv-program-controls button.danger{font-size:10px}
.tv-program-controls button:disabled{opacity:.3;cursor:default}
.tv-eligible{margin:0 0 25px}
.tv-eligible-list{min-width:0;max-width:100%}
.tv-eligible-row>button{flex-shrink:0;min-height:44px;max-width:100%}
.tv-connection-note{padding:17px 18px;border:1px solid #344531;background:#142016;border-radius:10px;margin-top:18px;font-size:11px;line-height:1.9;color:#9fb895;overflow-wrap:anywhere}
.tv-connection-note b{color:#c9e0b8}
.tv-playlists{min-width:0;max-width:100%;margin:28px 0}
.tv-playlists>h3{font-size:18px;font-weight:800;letter-spacing:-.4px;margin:0 0 9px}
.tv-playlists>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 17px;overflow-wrap:anywhere}
.tv-playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0;max-width:100%}
.tv-playlist-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:100%;padding:20px;text-align:left;border:1px solid #344931;background:#142119;border-radius:11px}
.tv-playlist-card>b{font-size:15px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.tv-playlist-card>p{font-size:11px;line-height:1.8;color:#a1b49c;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tv-playlist-card>small{font-size:9px;color:#b7d498;font-weight:700;margin-top:auto;padding-top:6px}
.tv-create-playlist,.tv-playlist-editor{min-width:0;max-width:100%;margin:21px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.tv-create-playlist>h3,.tv-playlist-editor>h3{font-size:16px;font-weight:800;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}
.tv-create-playlist .tv-settings-form{margin-top:0}
.tv-playlist-editor .tv-settings-form{max-width:650px}
.tv-playlist-items{min-width:0;max-width:100%;max-height:460px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:18px 0}
.tv-actions,.tv-record-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;max-width:100%}
.tv-actions button,.tv-actions a,.tv-record-controls button{min-height:44px;max-width:100%}
.tv-actions .small-button,.tv-actions .primary{margin:0}
.tv-record-entry{padding:12px;border:1px solid #4c6540;border-radius:13px;background:#17241c;flex-shrink:0}.tv-record-entry>button{min-height:48px;font-weight:800}.tv-record-signin{font-size:12px;color:var(--muted);line-height:1.7;margin:-10px 0 22px}
@media(max-width:650px){.tv-intro>.tv-record-entry{width:100%;flex:1 1 100%}.tv-record-entry>button{flex:1 1 130px}.tv-record-entry>button:last-child{flex-basis:100%}}
.tv-live-note{padding:16px 18px;margin:19px 0;border:1px solid #354837;border-radius:11px;background:#142019;color:#a8bba2;font-size:11px;line-height:1.9;overflow-wrap:anywhere}
.tv-live-note b{display:block;color:#d0e1c2;font-size:12px;margin-bottom:4px}
.tv-record-preview{display:block;width:100%;max-width:100%;max-height:50svh;aspect-ratio:16/9;object-fit:contain;background:#020606;border:1px solid var(--line);border-radius:11px;margin:18px 0}
.tv-record-preview:where(audio){height:64px;aspect-ratio:auto}
.tv-record-preview>video{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}
.tv-record-preview>audio{display:block;width:100%;max-width:100%}
.tv-record-controls{margin:15px 0}
.tv-record-controls button{flex:0 1 auto}
.tv-record-status{font-size:11px;color:#b8cda6;line-height:1.9;min-height:22px;overflow-wrap:anywhere}
.tv-record-status:empty{min-height:0}

@media(max-width:1150px){
 .tv-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tv-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tv-watch-grid{grid-template-columns:minmax(0,1.65fr) minmax(190px,1fr);gap:15px}
 .tv-program-list{padding:14px}
 .tv-channel-header .tv-actions{width:100%;margin-left:0}
}
@media(max-width:980px){
 .tv-watch-grid,.tv-studio-grid{grid-template-columns:minmax(0,1fr)}
 .tv-program-list{max-height:380px}
 .tv-program-row{min-height:61px}
 .tv-program-row .tv-program-copy{display:flex;gap:12px;align-items:center}
 .tv-program-row .tv-program-copy b{flex:1;min-width:0}
 .tv-program-row .tv-program-copy span{flex-shrink:0;margin-top:0}
 .tv-studio-grid{gap:17px}
}

@media(max-width:650px){
 .tv-network,.tv-channel,.tv-studio{margin-left:14px;margin-right:14px;max-width:calc(100% - 28px)}
 .tv-actions{gap:8px}
 .tv-actions .small-button,.tv-actions .primary,.tv-record-controls button{font-size:11px;padding:10px 13px}
 .tv-intro{margin-bottom:21px;gap:15px}
 .tv-intro h2{font-size:28px}
 .tv-intro p{font-size:11px}
 .tv-channel-grid{gap:12px}
 .tv-channel-copy{padding:14px}
 .tv-channel-copy h3,.tv-channel-copy b{font-size:13px}
 .tv-channel-copy p,.tv-card-meta{font-size:10px}
 .tv-channel-cover .avatar{width:59px;height:59px;font-size:23px}
 .tv-channel-header{gap:14px;margin-bottom:20px}
 .tv-channel-header>.avatar{height:52px;width:52px;font-size:22px}
 .tv-channel-header h2{font-size:24px}
 .tv-channel-header p{font-size:10px}
 .tv-stage{border-radius:10px}
 .tv-playing-info{padding:17px}
 .tv-playing-info h3{font-size:19px}
 .tv-playing-info p{font-size:11px}
 .tv-program-list{padding:15px;max-height:350px}
 .tv-program-copy b{font-size:11px}
 .tv-program-copy span,.tv-program-copy small{font-size:9px}
 .tv-settings,.tv-programming,.tv-eligible{padding:17px}
 .tv-settings-form input,.tv-settings-form textarea,.tv-settings-form select{font-size:16px}
 .tv-eligible-row>button{font-size:10px;padding:9px 12px}
 .tv-connection-note{padding:14px;font-size:10px}
 .tv-playlists{margin:23px 0}
 .tv-playlist-grid{gap:11px}
 .tv-playlist-card{padding:16px}
 .tv-playlist-card>b{font-size:13px}
 .tv-playlist-card>p{font-size:10px}
 .tv-create-playlist,.tv-playlist-editor{padding:17px}
 .tv-live-note{padding:14px;font-size:10px}
 .tv-record-preview{max-height:42svh;border-radius:8px}
}
@media(max-width:480px){
 .tv-channel-grid{grid-template-columns:minmax(0,1fr)}
 .tv-playlist-grid{grid-template-columns:minmax(0,1fr)}
 .tv-channel-cover{aspect-ratio:2/1}
 .tv-channel-copy{padding:15px 17px}
 .tv-channel-copy h3,.tv-channel-copy b{font-size:15px}
 .tv-studio-program{flex-wrap:wrap;gap:9px}
 .tv-studio-program>.tv-program-copy{flex-basis:100%}
 .tv-program-controls{margin-left:auto}
 .tv-program-row .tv-program-copy{display:block}
 .tv-program-row .tv-program-copy span{margin-top:3px}
}
body[data-page=VideoPlaylist] .layout{display:block;max-width:1000px}body[data-page=VideoPlaylist] .rail{display:none}.tv-playlist-card>*{max-width:100%}
/* One recording screen: preview, Record, Stop, then review and post. */
.tv-recorder-dialog{width:min(660px,calc(100vw - 20px));max-width:660px;padding:24px}.tv-recorder-dialog h2{margin:0 28px 18px 0;font-size:24px}.tv-recorder-dialog .tv-record-preview{aspect-ratio:4/3;max-height:43svh;margin:0 0 18px;overflow:hidden;background:#050a09}.tv-recorder-placeholder,.tv-mic-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;height:100%;color:var(--muted);padding:20px;text-align:center}.tv-recorder-placeholder>span,.tv-mic-preview>span{font-size:62px;color:var(--green)}.tv-mic-preview>span{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;border:2px solid #528e6b;background:#183429}.tv-mic-preview b{font-size:16px;color:var(--ink)}.tv-recorder-state{display:flex;gap:11px;align-items:center;font-size:18px;line-height:1.4}.tv-recorder-light{display:inline-block;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#88968f;border:3px solid #ffffff24;box-sizing:content-box}.tv-recorder-light[data-phase=ready],.tv-recorder-light[data-phase=preview]{background:#4cde91;box-shadow:0 0 0 5px #4cde9117}.tv-recorder-light[data-phase=recording]{background:#ff4f63;box-shadow:0 0 0 5px #ff4f6326;animation:tv-record-pulse 1.5s ease-in-out infinite}.tv-recorder-light[data-phase=error]{background:#ffb16c}.tv-recorder-timer{margin-left:auto;font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.tv-recorder-state[data-phase=recording] .tv-recorder-timer{color:#ff8795}.tv-recorder-hint{font-size:14px;color:var(--muted);margin:10px 0 18px}.tv-recorder-dialog .tv-record-controls{margin:0 0 18px;gap:12px}.tv-record-main,.tv-stop-main{display:flex;align-items:center;justify-content:center;gap:13px;min-height:62px;width:100%;padding:14px 20px;border-radius:13px;font-size:18px;font-weight:800;border:1px solid #ee6774}.tv-record-main{background:#ff4f631c;color:#ffd5dc}.tv-record-main:before{content:'';display:block;width:23px;height:23px;background:#ff4f63;border-radius:50%}.tv-stop-main{background:#e74257;color:#fff}.tv-stop-main:before{content:'';display:block;width:22px;height:22px;background:#fff;border-radius:4px}.tv-record-main:hover{background:#ff4f6333}.tv-stop-main:hover{background:#f24c63}.tv-record-main:disabled{opacity:.5}.tv-record-details{border-top:1px solid var(--line);padding-top:18px}.tv-record-details[hidden],.tv-record-controls button[hidden],.tv-record-review-actions button[hidden]{display:none}.tv-recorder-dialog .tv-record-details label{font-size:14px}.tv-recorder-dialog .tv-record-details textarea{min-height:74px}.tv-post-recording{display:block;width:100%;min-height:54px;font-size:17px}.tv-record-review-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.tv-record-review-actions>button{flex:1;min-height:44px}.tv-recorder-dialog .tv-record-status{font-size:17px}.tv-recorder-dialog .error{font-size:14px}.tv-recorder-dialog .tv-record-preview>video{height:100%;width:100%;object-fit:contain}@keyframes tv-record-pulse{50%{box-shadow:0 0 0 7px #ff4f6310}}@media(prefers-reduced-motion:reduce){.tv-recorder-light[data-phase=recording]{animation:none}}@media(max-width:650px){.tv-recorder-dialog{padding:19px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto}.tv-recorder-dialog h2{font-size:22px}.tv-recorder-dialog .tv-record-preview{aspect-ratio:3/4;max-height:44svh}.tv-recorder-state{font-size:17px}.tv-recorder-timer{font-size:22px}.tv-recorder-hint{font-size:13px}.tv-recorder-dialog .tv-record-controls>button{font-size:17px;min-height:58px}.tv-recorder-dialog .tv-record-review-actions>button{font-size:14px}}

.tv-preview-play{display:block;width:100%;min-height:46px;margin:0 0 16px;font-size:15px}.tv-preview-play[hidden]{display:none}.tv-recorder-dialog[data-record-phase=preview] .tv-record-preview{max-height:28svh}.tv-record-optional{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:18px}.tv-record-optional summary{font-size:14px;cursor:pointer;font-weight:650}.tv-record-optional[open] summary{margin-bottom:14px}.tv-record-details .auth-check{margin:0 0 18px}