/* Portrait feed layout, based on the observed TikTok web feed. */
:root{--bg:#000;--surface:#161616;--line:#252525;--muted:#8a8a8a;--font:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
html,body{height:100%;overflow:hidden;background:#000}body{font-size:14px}.sidebar{width:232px;background:#000;border-color:#252525;padding:25px 16px 16px}.brand{margin:0 1px 24px;height:46px;display:flex;align-items:center}.brand img{width:196px;height:46px}.brand .brand-symbol{display:none}.search-launch{border:0;border-radius:30px;padding:13px 15px;font-size:15px;font-weight:500;background:#191919;color:#a0a0a0;gap:12px}.search-launch svg{height:22px;width:22px}.search-launch kbd{font-size:11px;border-color:#3d3d3d}.sidebar nav{margin-top:15px;gap:2px}.nav-item{padding:13px 12px;gap:15px;border-radius:5px;font-size:18px;font-weight:650;color:#f1f1f1}.nav-item:hover{background:#141414}.nav-item svg{width:26px;height:26px;stroke-width:1.8}.nav-item.active{background:transparent;color:var(--green)}.nav-item.active svg{fill:currentColor;stroke:#000;stroke-width:1.4}.nav-item.active svg:has(use[href="#i-home"]){fill:var(--green);stroke:var(--green)}.nav-dot{display:none}.saved-count{font-size:12px;color:#888}.sidebar-rule{margin:20px 0}.sidebar-label{font-size:11px;letter-spacing:0;color:#999;font-weight:500}.watchlist{margin-top:13px}.radar-item{padding:9px 0;gap:12px}.radar-icon{width:32px;height:32px;background:#222}.radar-item .radar-name{font-size:12px}.radar-name small{font-size:10px;color:#777}.radar-item .gain{font-size:10px}.sidebar-bottom{padding-top:20px}.sidebar-bottom p{font-size:11px;color:#737373;line-height:1.6}.demo-tag{font-size:10px;letter-spacing:.7px;color:#aaa}.plain-link{font-size:11px;color:#898989}.footer-brand{border:0;margin-top:18px;padding-top:0;color:#6e6e6e}.workspace{margin-left:232px;padding:0;max-width:none;height:100dvh;position:relative;background:#000}.page-heading,.breadcrumb,.insights,.discovery-status,.feed-footer{display:none}.topbar{position:absolute;top:22px;right:25px;width:auto;height:auto;padding:0;border:0;z-index:5}.topbar-right{gap:14px;padding:7px 12px;background:#1c1c1cd9;border:1px solid #ffffff0d;border-radius:30px;backdrop-filter:blur(12px)}.network{font-size:12px;gap:7px;color:#bbb}.demo-pill{background:#2c2c2c;color:#c2c2c2;border:0;border-radius:20px;font-size:9px;letter-spacing:1px;padding:8px 10px}.discovery-layout{display:block;width:100%;height:100%;max-width:none;margin:0}.feed-column{height:100%;width:100%;position:relative}.feed-toolbar{position:absolute;left:24px;bottom:25px;top:auto;width:auto;height:auto;z-index:6;border:0;margin:0;background:none;padding:0}.feed-toolbar .tabs{display:none}.filter-button{height:38px;width:38px;border:0;background:#1c1c1c;border-radius:50%;padding:0;display:grid;place-items:center;color:#aaa}.filter-button svg{height:18px;width:18px}.filter-button>span:not(#filter-dot){display:none}#filter-dot{position:absolute;top:4px;right:4px;border:2px solid #000;width:8px;height:8px}.feed-shell{height:100%;width:100%;display:flex;justify-content:center}.feed{height:100dvh;min-height:0;width:calc((100dvh - 32px)*.5625 + 82px);max-width:calc(100% - 125px);border-radius:0;overflow-y:auto;overflow-x:hidden;background:#000;scroll-behavior:smooth;scrollbar-width:none}.coin-card{width:100%;height:100%;min-height:100%;border:0;border-radius:0;background:transparent;overflow:hidden;isolation:isolate}.coin-card::after{display:none}.video-surface{height:calc(100% - 32px);width:calc(100% - 82px);position:absolute;left:0;top:16px;border-radius:16px;overflow:hidden;isolation:isolate;background:var(--card-bg)}.video-surface:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#0000000a 0%,transparent 38%,#0001 52%,#0009 71%,#000e 100%)}.art-scene{background:radial-gradient(ellipse at 50% 34%,var(--glow),transparent 80%),linear-gradient(135deg,#0000,#0004);z-index:-2}.scene-grid{opacity:.35;background-size:65px 65px;mask-image:linear-gradient(#0008,transparent)}.big-ticker{font-size:clamp(65px,9vh,130px);letter-spacing:-5px;top:17%;font-weight:800;color:#ffffff0d}.coin-hero{width:78%;height:auto;aspect-ratio:1;left:50%;top:41%;filter:drop-shadow(0 24px 30px #0006);animation-duration:8s}.coin-hero img{display:block}.orbit{top:39%;width:125%;height:auto;aspect-ratio:1;border-color:#ffffff12}.orbit.two{top:38%;width:150%;height:auto;aspect-ratio:1}.art-signature{top:66%;font-size:9px;letter-spacing:2.5px;color:#ffffff65;display:none}.sparkle{font-size:19px;color:#fff9}.card-top{top:18px;left:16px;right:16px;align-items:flex-start;z-index:2}.rank-badge{order:2;border:0;border-radius:30px;padding:8px 10px;background:#0004;color:#fff;font-weight:600;font-size:10px;backdrop-filter:blur(10px);gap:5px}.rank-badge svg{color:white;width:12px;height:12px}.card-top-right{order:1}.sample-label{display:none}.motion-button{width:32px;height:32px;background:#0003;border:0;color:white;border-radius:50%}.motion-button svg{width:15px;height:15px}.card-info{left:16px;right:16px;bottom:18px;text-shadow:0 1px 5px #0004}.creator{font-size:12px;gap:6px;margin-bottom:8px;color:#fff}.creator-avatar,.creator .follow-btn{display:none}.creator-name{font-weight:700}.creator-age{font-size:11px;color:#ffffffab}.coin-title-row{gap:8px}.coin-title-row h2{font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.25}.ticker{font-size:10px;font-weight:600;padding:3px 6px;border:0;background:#ffffff1c;border-radius:3px}.coin-description{font-size:12px;color:#f0f0f0;line-height:1.5;margin:7px 0 7px;max-width:none}.coin-tags{gap:8px;margin-bottom:12px}.coin-tags span{color:#fff;font-size:11px;font-weight:600}.coin-tags span:before{color:#fff}.card-stats{padding:0;margin:0 0 12px;gap:9px;border:0;display:flex;align-items:center}.card-stat{display:flex;align-items:center;gap:5px;padding:6px 8px;background:#ffffff12;border:1px solid #ffffff0c;border-radius:4px;min-width:0;white-space:nowrap}.card-stat small{font-size:9px;display:inline;color:#c2c6c2;margin:0}.card-stat:nth-child(2) small{display:none}.card-stat:nth-child(3) small{font-size:0}.card-stat:nth-child(3) small:after{content:'Vol';font-size:9px}.card-stat strong{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:0}.card-stat:first-child small{font-size:0}.card-stat:first-child small:after{content:'MC';font-size:9px}.card-cta{background:var(--green);border:0;box-shadow:none;font-size:12px;border-radius:5px;padding:11px 8px;gap:7px;text-shadow:none;min-height:38px}.card-cta img{width:17px;height:17px}.card-cta svg{width:14px;height:14px}.card-disclaimer{font-size:8px;color:#ffffff6b;margin:8px 0 0;text-shadow:none}.action-rail{right:12px;bottom:38px;gap:17px;align-items:center;width:48px}.rail-action{gap:7px;font-size:11px;color:#d9d9d9;font-weight:700}.rail-action svg{width:48px;height:48px;padding:12px;background:#1f1f1f;border-radius:50%;stroke-width:2;filter:none;transition:background .2s,transform .2s}.rail-action svg:has(use[href="#i-heart"]),.rail-action svg:has(use[href="#i-bookmark"]),.rail-action svg:has(use[href="#i-share"]){fill:currentColor;stroke-width:1.5}.rail-action svg:has(use[href="#i-chat"]){stroke-width:2.5}.rail-action:hover svg{background:#303030;transform:none}.rail-action.more-info{margin:0}.rail-action.more-info svg{padding:13px;color:#ddd}.rail-action.selected.like{color:var(--pink)}.rail-action.selected.save{color:var(--green)}.profile-follow{position:relative;width:48px;height:48px;display:block;border-radius:50%;padding:0;margin-bottom:8px;background:var(--card-bg);border:1px solid #ffffff73}.profile-follow>img{width:100%;height:100%;border-radius:50%;object-fit:contain}.profile-follow>span{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);height:21px;width:21px;display:grid;place-items:center;color:#071f10;background:var(--green);border-radius:50%;font-size:21px;line-height:1;font-weight:400}.profile-follow.followed>span{font-size:12px;background:#fff}.feed-navigation{display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%);gap:14px;z-index:6}.round-nav{height:42px;width:42px;border:0;background:#1d1d1d;color:#ddd;border-radius:50%}.round-nav:hover{background:#333}.round-nav svg{width:23px;height:23px}.feed-navigation #feed-position{order:3;font-size:9px;color:#555;letter-spacing:.7px}.heart-burst{top:41%}.toast{left:calc(50% + 80px);bottom:30px;background:#343434;color:#fff;border:1px solid #484848;border-radius:4px;font-weight:600}dialog{background:#121212;border-left:1px solid #333;width:430px}.panel-heading{border-color:#333}.panel-heading h2{font-weight:700;font-size:24px}.insight-panel{background:#191919;border-color:#333}.primary-btn{border-radius:5px}.input{background:#1c1c1c;border-color:#3c3c3c}.field-label{color:#ddd}.empty-state{border:0;border-radius:0;background:#000}.empty-state h2{font-size:25px;font-weight:700}.empty-state p{color:#999}.community-note{background:#202020;border-color:#383838;color:#b6b6b6}.helper{color:#999}.comment-avatar{background:#333;color:#ddd}.comment-header span{color:#777}.comment-body p{color:#ddd}.comment-input{border-color:#333}.share-url{background:#1d1d1d;border-color:#333;color:#ccc}.social-disclaimer{color:#888}.signal-note{color:#999}.signal-row{color:#aaa}.mobile-brand{display:none}
@media(min-width:1500px){.workspace{padding:0}.coin-hero{width:78%;height:auto}.card-info{left:18px;right:18px;bottom:18px}.card-top{left:18px;right:18px;top:18px}.action-rail{right:12px;gap:17px;bottom:38px}.coin-title-row h2{font-size:24px}.card-stat strong{font-size:12px}.card-cta{padding:11px 8px}.coin-description{font-size:13px}}
@media(max-width:1200px) and (min-width:601px){.sidebar{width:72px;padding:17px 10px;border-right:1px solid #232323;align-items:center}.brand{margin:0 0 18px;height:34px;width:40px;display:grid;place-items:center}.brand img:not(.brand-symbol){display:none}.brand .brand-symbol{display:block;width:39px;height:39px}.search-launch{width:42px;height:42px;display:grid;place-items:center;padding:0}.search-launch span,.search-launch kbd{display:none}.sidebar nav{margin-top:15px;gap:7px;width:100%}.nav-item{padding:11px;justify-content:center;gap:0;height:46px;width:100%}.nav-item span{display:none}.nav-item svg{width:25px;height:25px}.sidebar-rule,.sidebar-label,.watchlist,.sidebar-bottom{display:none}.nav-about{margin-top:10px}.workspace{margin-left:72px;padding:0}.discovery-layout{display:block;max-width:none}.feed{height:100dvh;min-height:0;width:calc((100dvh - 32px)*.5625 + 76px);max-width:calc(100% - 108px)}.video-surface{width:calc(100% - 76px)}.action-rail{right:8px}.topbar{right:17px;top:24px}.topbar-right{gap:8px;padding:6px}.topbar .network{display:none}.feed-navigation{right:17px}.round-nav{width:36px;height:36px}.feed-toolbar{left:17px;bottom:22px}.toast{left:calc(50% + 36px)}}
@media(min-width:601px) and (max-height:790px){.action-rail{gap:12px;bottom:30px}.rail-action svg{width:40px;height:40px;padding:10px}.profile-follow{width:40px;height:40px;margin-bottom:8px}.rail-action{font-size:10px;gap:5px}.card-info{bottom:14px}.coin-title-row h2{font-size:19px}.coin-description{font-size:11px}.coin-tags span{font-size:10px}.coin-tags{margin-bottom:9px}.card-stats{gap:5px;margin-bottom:9px}.card-stat{padding:5px 6px;gap:4px}.card-stat small,.card-stat small:after{font-size:8px!important}.card-stat strong{font-size:10px}.card-cta{font-size:11px;padding:9px 5px;min-height:34px}.creator{font-size:11px;margin-bottom:6px}.card-disclaimer{font-size:7px}.card-top{left:12px;right:12px}.rank-badge{font-size:9px;padding:7px}.coin-hero{top:37%;width:76%}}
@media(max-width:600px){.sidebar,.network,.topbar-right .demo-pill,.mobile-brand,.feed-toolbar .filter-button{display:none}.workspace{height:100dvh;margin:0;padding:0}.topbar{display:none}.feed-toolbar{top:0;left:0;right:0;bottom:auto;height:65px;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0007,transparent);padding:0;pointer-events:none}.feed-toolbar .tabs{display:flex;gap:28px;height:50px;align-items:center;pointer-events:auto}.tab{height:40px;font-size:14px;font-weight:700;color:#ffffff9c;padding:0;text-shadow:0 1px 5px #000}.tab svg{display:none}.tab.active{color:#fff}.tab.active:after{background:#fff;bottom:0;left:calc(50% - 10px);right:auto;width:20px;height:2px}.feed-shell{height:calc(100dvh - 58px - env(safe-area-inset-bottom))}.feed{height:100%;min-height:0;width:100%;max-width:100%;border-radius:0}.video-surface{width:100%;height:100%;top:0;border-radius:0}.coin-card{overflow:hidden}.card-top{top:73px;left:16px;right:16px}.rank-badge{font-size:9px}.motion-button{width:29px;height:29px}.coin-hero{top:38%;width:77%;height:auto}.big-ticker{top:20%;font-size:90px}.orbit,.orbit.two{top:36%}.card-info{left:15px;right:76px;bottom:20px}.coin-title-row h2{font-size:23px}.creator{font-size:11px;margin-bottom:8px}.creator-age{font-size:10px}.coin-description{font-size:12px;line-height:1.5;margin:7px 0}.coin-tags{margin-bottom:11px;gap:7px}.coin-tags span{font-size:10px}.card-stats{margin-bottom:12px;gap:5px;flex-wrap:nowrap}.card-stat{padding:5px 6px;gap:4px;border:0}.card-stat strong{font-size:10px}.card-stat small,.card-stat small:after{font-size:8px!important}.card-cta{min-height:38px;font-size:11px;padding:10px 4px;gap:5px}.card-cta img{width:16px;height:16px}.card-cta svg{width:13px;height:13px}.card-disclaimer{font-size:7px;line-height:1.5;margin-top:7px}.action-rail{right:12px;bottom:30px;width:44px;gap:17px}.rail-action{font-size:10px;gap:6px}.rail-action svg{width:43px;height:43px;padding:10px;background:#0004;filter:drop-shadow(0 2px 3px #0004)}.profile-follow{height:44px;width:44px;margin-bottom:8px}.profile-follow span{width:20px;height:20px}.feed-navigation{display:none}.mobile-nav{display:flex;height:calc(58px + env(safe-area-inset-bottom));background:#000;border-top:1px solid #282828;padding-bottom:env(safe-area-inset-bottom);position:absolute;left:0;right:0;bottom:0}.mobile-nav button{color:#9d9d9d;font-size:9px;gap:4px}.mobile-nav svg{width:23px;height:23px}.mobile-nav button.active{color:#fff}.mobile-nav button.active svg{fill:#fff;stroke-width:1.5}.toast{left:50%;bottom:80px}dialog{height:85dvh;top:auto;bottom:0;width:100%;border-radius:12px 12px 0 0}.empty-state{padding-top:60px;height:100%}}
@media(max-width:600px) and (max-height:760px){.coin-hero{width:67%;top:34%}.card-info{bottom:14px}.creator{margin-bottom:6px}.coin-title-row h2{font-size:21px}.coin-description{font-size:11px;margin:6px 0}.coin-tags{margin-bottom:8px}.card-stats{margin-bottom:9px}.card-cta{min-height:34px;font-size:10px;padding:8px 3px}.action-rail{gap:12px;bottom:24px}.rail-action svg{width:38px;height:38px;padding:9px}.profile-follow{width:38px;height:38px}.rail-action{font-size:9px}.card-top{top:65px}.card-disclaimer{font-size:6px}}
.sidebar-rule,.sidebar>.sidebar-label,.watchlist{display:none}.sidebar{overflow-y:auto;scrollbar-width:none}.sidebar-bottom{margin-top:auto}.card-stat:first-child small,.card-stat:nth-child(3) small{font-size:0!important}.card-stat:first-child small:after,.card-stat:nth-child(3) small:after{font-size:9px!important}
@media(min-width:601px){.feed-toolbar{display:none}.creator{font-size:13px}.coin-title-row h2{font-size:24px}.coin-description{font-size:12px}}
@media(max-width:600px){.feed-toolbar .filter-button{display:grid;position:absolute;right:14px;top:18px;width:30px;height:30px;background:#0003;pointer-events:auto;color:#eee}.feed-toolbar .filter-button svg{width:16px;height:16px}}
.feed{scroll-behavior:auto}