@import url('emoji.css');
/* Aktif TV extracted stylesheet. Source: former inline styles in index.php. */
html.dark{background:#101010;color-scheme:dark}
html.dark body{background:#101010;color:#f4f4f4}

/* Inline block 1 */
:root{color-scheme:light;--bg:#f4f5f7;--text:#151515;--muted:#666;--card:#fff;--line:#e4e4e4}
        body.dark{color-scheme:dark;--bg:#101010;--text:#f4f4f4;--muted:#aaa;--card:#1a1a1a;--line:#303030}
        body{font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif;margin:0;background:var(--bg);color:var(--text)}
        .topbar{background:#050505;padding:12px 24px}
        .topbar-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
        .brand{display:flex;align-items:center;gap:7px;text-decoration:none}
        .logo{height:76px;width:auto}
        .brand-lang{color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.4px}
        .top-actions{display:flex;align-items:center;gap:10px}
        .nav-toggle,.language-menu-button,.about-link,.home-link,.settings-menu-item{background:#fff;color:#111;border:0;height:44px;padding:0 14px;cursor:pointer;font-weight:700;text-decoration:none;box-sizing:border-box}
        .nav-toggle{width:54px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}
        .about-link,.home-link,.settings-menu-item{display:flex;align-items:center;gap:7px;line-height:1;white-space:nowrap}
        .home-link{width:44px;padding:0;justify-content:center}
        .home-label{display:none}
        .mobile-nav{position:relative}
        .nav-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:25;background:var(--card);border:1px solid var(--line);width:190px;padding:8px;box-sizing:border-box}
        .mobile-nav.open .nav-menu{display:block}
        .nav-menu .about-link,.settings-menu-item{justify-content:center;width:100%;box-sizing:border-box;padding:0 10px;font:inherit}
        .settings-menu-item{margin-top:8px}
        .mobile-nav{display:block}
        .language-menu{position:relative}
        .language-menu-button{display:flex;align-items:center;gap:8px}
        .language-menu-list{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:var(--card);border:1px solid var(--line);width:min(280px,calc(100vw - 20px));max-height:420px;overflow:auto}
        .language-menu.open .language-menu-list{display:block}
        .language-menu-item{display:flex;align-items:center;gap:9px;padding:9px 10px;color:var(--text);text-decoration:none}
        .language-menu-item:hover,.language-menu-item.active{background:rgba(176,0,32,.1)}
        .language-menu-flag,.language-menu-placeholder{position:relative;display:inline-flex;width:34px;height:24px;align-items:center;justify-content:center;flex:0 0 auto}
        .language-menu-flag img{width:34px;height:24px;object-fit:cover;border:1px solid var(--line)}
        .sun-badge{position:absolute;left:-8px;bottom:-10px;font-size:18px;line-height:1;color:#ffcc00;text-shadow:0 0 2px #7a4b00}
        @media (max-width:720px){.topbar{padding:8px 10px}.topbar-inner{gap:8px}.logo{height:58px}.top-actions{gap:6px}.home-link{width:42px}.language-menu-button{width:42px;height:40px;padding:8px;justify-content:center}.language-menu-label{display:none}.language-menu-list{position:fixed;left:10px;right:10px;top:76px;transform:none;width:auto;max-height:calc(100vh - 90px)}.nav-toggle{width:42px;height:40px;flex:0 0 42px;font-size:20px}.nav-menu{right:0;transform:none;width:190px}.nav-menu .about-link,.settings-menu-item{justify-content:center}}
        .settings-modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px}
        .settings-modal.open{display:flex}
        .settings-panel{background:var(--card);color:var(--text);border:1px solid var(--line);width:min(440px,100%);padding:20px}
        .settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
        .settings-head h2{margin:0;font-size:20px}
        .settings-close{background:#111;color:#fff;border:0;width:34px;height:34px;cursor:pointer}
        .setting-row{margin:14px 0}
        .setting-row label{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:8px}
        .setting-row input{width:100%}
        .theme-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);padding:12px;margin:0 0 14px;background:var(--bg)}
        .theme-setting span{font-weight:700}
        .theme-modal-toggle{background:#111;color:#fff;border:0;width:44px;height:44px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
        body.dark .theme-modal-toggle{background:#fff;color:#111}
        .settings-preview{border:1px solid var(--line);padding:12px;margin-top:14px;background:var(--bg)}
        .settings-preview h3{margin:0 0 8px;font-size:var(--reader-title-size,30px)}
        .settings-preview p{margin:0;font-size:var(--reader-body-size,16px)}
        main,.site-footer{max-width:1180px;margin:0 auto;padding:34px 24px}
        .site-footer{border-top:1px solid var(--line);padding-top:16px;padding-bottom:24px;color:var(--muted);text-align:center}
        .site-footer a{color:var(--link);font-weight:700}
        h1{font-size:34px;margin:0 0 8px}
        .lead{color:var(--muted);margin:0 0 24px}
        .language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
        .language-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);padding:15px;color:var(--text);text-decoration:none}
        .language-card:hover{border-color:#b00020}
        .flag{position:relative;display:inline-flex;width:50px;height:36px;flex:0 0 auto}
        .flag img{width:50px;height:36px;object-fit:cover;border:1px solid var(--line)}
        .name{font-weight:700}
        .code{color:var(--muted);font-size:13px;text-transform:uppercase}

/* Inline block 2 */
:root{color-scheme:light;--bg:#f5f5f4;--text:#151515;--muted:#626262;--line:#e3e0dc;--link:#b00020;--card:#fff;--media:#eeeeec;--shadow:0 10px 30px rgba(0,0,0,.07)}
        body.dark{color-scheme:dark;--bg:#101010;--text:#f2f2f2;--muted:#aaa;--line:#303030;--link:#ff4d4d;--card:#1a1a1a;--media:#242424;--shadow:0 12px 34px rgba(0,0,0,.28)}
        body{font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif;margin:0;line-height:1.55;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility}
        .topbar{background:#050505;padding:12px 24px;margin-bottom:24px}
        .topbar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
        .brand{display:flex;align-items:center;gap:7px;text-decoration:none}
        .logo{height:76px;width:auto}
        .brand-lang{color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.4px}
        .top-actions{display:flex;align-items:center;gap:10px}
        .nav-toggle,.language-menu-button,.about-link,.home-link,.settings-menu-item{background:#fff;color:#111;border:0;height:44px;padding:0 14px;cursor:pointer;font-weight:700;text-decoration:none;box-sizing:border-box}
        .nav-toggle{width:54px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}
        .about-link,.home-link,.settings-menu-item{display:flex;align-items:center;gap:7px;line-height:1;white-space:nowrap}
        .home-link{width:44px;padding:0;justify-content:center}
        .home-label{display:none}
        .mobile-nav{position:relative;display:block}
        .nav-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:25;background:var(--card);border:1px solid var(--line);width:190px;padding:8px;box-sizing:border-box}
        .mobile-nav.open .nav-menu{display:block}
        .nav-menu .about-link,.settings-menu-item{justify-content:center;width:100%;box-sizing:border-box;padding:0 10px;font:inherit}
        .settings-menu-item{margin-top:8px}
        .language-menu{position:relative}
        .language-menu-button{display:flex;align-items:center;gap:8px}
        .language-menu-list{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:var(--card);border:1px solid var(--line);width:min(280px,calc(100vw - 20px));max-height:420px;overflow:auto}
        .language-menu.open .language-menu-list{display:block}
        .language-menu-item{display:flex;align-items:center;gap:9px;padding:9px 10px;color:var(--text);text-decoration:none}
        .language-menu-item:hover,.language-menu-item.active{background:rgba(176,0,32,.12)}
        .language-menu-flag,.language-menu-placeholder{position:relative;display:inline-flex;width:34px;height:24px;align-items:center;justify-content:center;flex:0 0 auto}
        .language-menu-flag img{width:34px;height:24px;object-fit:cover;border:1px solid var(--line)}
        .sun-badge{position:absolute;left:-8px;bottom:-10px;font-size:18px;line-height:1;color:#ffcc00;text-shadow:0 0 2px #7a4b00}
        @media (max-width:720px){.topbar{padding:8px 10px}.topbar-inner{gap:8px}.logo{height:58px}.top-actions{gap:6px}.home-link{width:42px}.language-menu-button{width:42px;height:40px;padding:8px;justify-content:center}.language-menu-label{display:none}.language-menu-list{position:fixed;left:10px;right:10px;top:76px;transform:none;width:auto;max-height:calc(100vh - 90px)}.nav-toggle{width:42px;height:40px;flex:0 0 42px;font-size:20px}.nav-menu{right:0;transform:none;width:190px}.nav-menu .about-link,.settings-menu-item{justify-content:center}}
        main,.site-footer{max-width:1240px;margin:0 auto;padding:0 24px}
        main{padding-bottom:30px}
        .site-footer{border-top:1px solid var(--line);padding-top:16px;padding-bottom:24px;color:var(--muted);text-align:center}
        .site-footer a{color:var(--link);font-weight:700}
        .page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
        .profile{display:flex;align-items:center;gap:14px}
        .profile img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--media)}
        h1{margin:0;font-size:30px}
        .muted{color:var(--muted)}
        .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
        .card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
        .card:hover{transform:translateY(-2px);border-color:rgba(176,0,32,.28)}
        .card-title{padding:16px 16px 10px;min-height:68px}
        .card-media{display:block;background:var(--media);overflow:hidden}
        .card-image{display:block;width:100%;height:180px;object-fit:cover;background:var(--media);transition:transform .25s ease}
        .card:hover .card-image{transform:scale(1.025)}
        .card-footer{padding:0 16px 12px;min-height:58px}
        .card h2{font-size:18px;line-height:1.26;margin:0;font-weight:800;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
        .card h2 a{color:var(--text)}
        .card h2 a:hover{color:var(--link)}
        a{color:var(--link);text-decoration:none}
        .meta,.author{color:var(--muted);font-size:13px}
        .card-meta-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
        .author{display:flex;align-items:center;gap:8px;min-width:0}
        .card-meta-row .author{width:100%}
        .author span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .author img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--media)}
        .meta{white-space:nowrap;text-align:left;font-size:12px}
        @media (max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
        @media (max-width:720px){
            .grid{grid-template-columns:1fr}
            .page-head{align-items:flex-start;flex-direction:column}
            .grid{gap:16px}
            .card{border-radius:8px}
            .card-title{padding:15px 15px 10px;min-height:auto}
            .card-footer{padding:0 15px 12px;min-height:auto}
            .card-image{height:220px}
            .card h2{font-size:20px;line-height:1.24}
        }
        @media (max-width:460px){.grid{grid-template-columns:1fr}}
        .pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px 0 0}
        .pagination a,.pagination span{background:var(--card);border:1px solid var(--line);color:var(--text);padding:9px 12px;text-decoration:none}
        .pagination .active{background:#111;color:#fff;border-color:#111}
        .pagination .disabled{opacity:.45}
        .follow-button{height:42px;border:0;background:#050505;color:#fff;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center}
        .settings-modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px}
        .settings-modal.open{display:flex}
        .settings-panel{background:var(--card);color:var(--text);border:1px solid var(--line);width:min(440px,100%);padding:20px}
        .settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
        .settings-head h2{margin:0;font-size:20px}
        .settings-close{background:#111;color:#fff;border:0;width:34px;height:34px;cursor:pointer}
        .setting-row{margin:14px 0}
        .setting-row label{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:8px}
        .setting-row input{width:100%}
        .theme-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);padding:12px;margin:0 0 14px;background:var(--bg)}
        .theme-setting span{font-weight:700}
        .theme-modal-toggle{background:#111;color:#fff;border:0;width:44px;height:44px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
        body.dark .theme-modal-toggle{background:#fff;color:#111}
        .settings-preview{border:1px solid var(--line);padding:12px;margin-top:14px;background:var(--bg)}
        .settings-preview h3{margin:0 0 8px;font-size:var(--reader-title-size,30px)}
        .settings-preview p{margin:0;font-size:var(--reader-body-size,16px)}

/* Inline block 3 */
body{font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif;margin:0;background:#f6f7fb;color:#101828}
        .topbar{background:#050505;padding:12px 20px}.topbar a{color:#fff;text-decoration:none;font-weight:700}.logo{height:46px;width:auto}
        main{max-width:1180px;margin:0 auto;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
        article{background:#fff;border:1px solid #e6e8ef;border-radius:8px;overflow:hidden}.card-image{display:block;width:100%;height:190px;object-fit:cover;background:#050505}
        img[src$="default-foto.jpg"]{object-fit:contain!important;background:#050505!important}
        h1{font-size:28px;margin:0 0 16px}h2{font-size:18px;line-height:1.25;margin:0;padding:14px}a{color:#101828;text-decoration:none}

/* Inline block 4 */
:root{color-scheme:light;--bg:#f5f5f4;--text:#151515;--muted:#626262;--line:#e3e0dc;--link:#b00020;--card:#fff;--media:#eeeeec;--shadow:0 16px 45px rgba(0,0,0,.08)}
        body.dark{color-scheme:dark;--bg:#101010;--text:#f2f2f2;--muted:#aaa;--line:#303030;--link:#ff4d4d;--card:#1a1a1a;--media:#242424;--shadow:0 16px 45px rgba(0,0,0,.3)}
        body{font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif;margin:0;line-height:1.68;background:var(--bg);color:var(--text)}
        .topbar{background:#050505;padding:12px 24px;margin-bottom:28px}
        .topbar-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
        .brand{display:flex;align-items:center;gap:7px;text-decoration:none}.logo{height:76px;width:auto}.brand-lang{color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.4px}
        .topbar-inner{position:relative}.top-actions{display:flex;align-items:center;gap:10px}.nav-toggle,.language-menu-button,.about-link,.home-link,.settings-menu-item{background:#fff;color:#111;border:0;height:44px;padding:0 14px;cursor:pointer;font-weight:700;text-decoration:none;box-sizing:border-box}.nav-toggle{width:54px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.about-link,.home-link,.settings-menu-item{display:flex;align-items:center;gap:7px;line-height:1;white-space:nowrap}.home-link{width:44px;padding:0;justify-content:center}.home-label{display:none}.mobile-nav{position:relative;display:block}.nav-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:25;background:var(--card);border:1px solid var(--line);width:190px;padding:8px;box-sizing:border-box}.mobile-nav.open .nav-menu{display:block}.nav-menu .about-link,.settings-menu-item{justify-content:center;width:100%;box-sizing:border-box;padding:0 10px;font:inherit}.settings-menu-item{margin-top:8px}
        .language-menu{position:relative}.language-menu-button{display:flex;align-items:center;gap:8px}.language-menu-list{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:var(--card);border:1px solid var(--line);width:min(280px,calc(100vw - 20px));max-height:420px;overflow:auto}.language-menu.open .language-menu-list{display:block}.language-menu-item{display:flex;align-items:center;gap:9px;padding:9px 10px;color:var(--text);text-decoration:none}.language-menu-item:hover,.language-menu-item.active{background:rgba(176,0,32,.12)}.language-menu-flag,.language-menu-placeholder{position:relative;display:inline-flex;width:34px;height:24px;align-items:center;justify-content:center;flex:0 0 auto}.language-menu-flag img{width:34px;height:24px;object-fit:cover;border:1px solid var(--line)}.sun-badge{position:absolute;left:-8px;bottom:-10px;font-size:18px;line-height:1;color:#ffcc00;text-shadow:0 0 2px #7a4b00}
        main,.site-footer{max-width:1120px;margin:0 auto;padding:0 24px}.about-hero{position:relative;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.about-hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--media)}.about-caption{position:absolute;left:18px;bottom:18px;background:rgba(0,0,0,.72);color:#fff;font-weight:800;padding:10px 13px;max-width:calc(100% - 36px);box-sizing:border-box}.about-body{margin-top:28px}.about-copy{background:var(--card);border:1px solid var(--line);padding:32px;box-shadow:var(--shadow);max-width:900px;margin:0 auto}.about-copy h1{font-size:38px;line-height:1.12;margin:0 0 8px}.about-copy h2{font-size:18px;margin:0 0 22px;color:var(--muted)}.about-copy p{font-size:17px;margin:0 0 18px}.site-footer{border-top:1px solid var(--line);margin-top:32px;padding-top:16px;padding-bottom:24px;color:var(--muted);text-align:center}.site-footer a{color:var(--link);font-weight:700}
        .settings-modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px}.settings-modal.open{display:flex}.settings-panel{background:var(--card);color:var(--text);border:1px solid var(--line);width:min(440px,100%);padding:20px}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-head h2{margin:0;font-size:20px}.settings-close{background:#111;color:#fff;border:0;width:34px;height:34px;cursor:pointer}.setting-row{margin:14px 0}.setting-row label{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:8px}.setting-row input{width:100%}.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);padding:12px;margin:0 0 14px;background:var(--bg)}.theme-setting span{font-weight:700}.theme-modal-toggle{background:#111;color:#fff;border:0;width:44px;height:44px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}body.dark .theme-modal-toggle{background:#fff;color:#111}.settings-preview{border:1px solid var(--line);padding:12px;margin-top:14px;background:var(--bg)}.settings-preview h3{margin:0 0 8px;font-size:var(--reader-title-size,30px)}.settings-preview p{margin:0;font-size:var(--reader-body-size,16px)}
        @media (max-width:800px){.topbar{padding:8px 10px}.topbar-inner{gap:8px}.logo{height:58px}.top-actions{gap:6px}.home-link{width:42px}.language-menu-button{width:42px;height:40px;padding:8px;justify-content:center}.language-menu-label{display:none}.language-menu-list{position:fixed;left:10px;right:10px;top:76px;transform:none;width:auto;max-height:calc(100vh - 90px)}.nav-toggle{width:42px;height:40px;flex:0 0 42px;font-size:20px}.nav-menu{right:0;transform:none;width:190px}.nav-menu .about-link,.settings-menu-item{justify-content:center}.about-hero img{aspect-ratio:16/10}.about-copy{padding:20px}.about-copy h1{font-size:30px}}

/* Social app */
:root{color-scheme:light;--bg:#fff;--text:#050505;--muted:#777;--line:#e6e6e6;--soft:#f7f7f7}
body.dark{color-scheme:dark;--bg:#101010;--text:#f4f4f4;--muted:#aaa;--line:#303030;--soft:#1b1b1b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",Helvetica,sans-serif;line-height:1.42;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.site-credit-heart{color:#e02424!important;display:inline-block;line-height:1}
.scroll-top{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.side-credit,.mobile-side-credit{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.35}.side-credit a,.mobile-side-credit a{color:var(--text);font-weight:900}.mobile-side-credit{display:none}
.mobile-top{display:none}.mobile-bottom-nav{display:none}.app-shell{display:grid;grid-template-columns:280px 640px 280px;justify-content:center;min-height:100vh;margin:0 auto}.side-nav{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:24px 28px;display:flex;flex-direction:column;background:var(--bg);z-index:5}.brand{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--text)}.brand img{width:116px;height:auto;display:block}.brand span{font-size:14px}.side-nav nav{margin-top:84px;display:grid;gap:22px}.nav-link{display:flex;align-items:center;gap:18px;color:var(--muted)}.nav-button{border:0;background:transparent;padding:0;text-align:left}.nav-link span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.nav-link b{font-size:18px;line-height:1.1}.nav-link.active{color:var(--text)}.side-lang{margin-top:auto}.language-menu{position:relative}.language-menu-button{height:40px;border:0;background:var(--bg);color:var(--text);display:flex;align-items:center;gap:8px;padding:0;cursor:pointer;font-weight:700}.language-menu-list{display:none;position:absolute;left:0;bottom:calc(100% + 10px);z-index:30;width:260px;max-height:360px;overflow:auto;background:var(--bg);border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.12)}.language-menu.open .language-menu-list{display:block}.language-menu-item{display:flex;align-items:center;gap:9px;padding:10px 12px;color:var(--text)}.language-menu-item:hover,.language-menu-item.active{background:var(--soft)}.language-menu-flag,.language-menu-placeholder{display:inline-flex;width:32px;height:22px;align-items:center;justify-content:center;flex:0 0 auto}.language-menu-flag img{width:32px;height:22px;object-fit:cover;border:1px solid var(--line)}
.feed-main{min-width:0;border-right:1px solid var(--line);background:var(--bg)}.side-lang-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.side-extra-links{display:flex;gap:10px;margin-top:8px}.side-extra-links a,.mobile-menu-extra a{font-size:12px;font-weight:900;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.side-extra-links svg,.mobile-menu-extra svg{width:14px;height:14px}.mobile-menu-extra{display:none}.right-rail{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 24px;background:var(--bg)}.rail-search{height:46px;border:2px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 12px;margin-bottom:28px}.rail-search input{border:0;outline:0;font-size:15px;font-weight:700;flex:1;min-width:0;background:transparent;color:var(--text)}.rail-search button{border:0;background:transparent;color:var(--muted);padding:0}.right-rail h2{font-size:24px;line-height:1.1;margin:0 0 22px}.rail-item{border-bottom:5px solid var(--line);padding:0 0 20px;margin:0 0 22px}.rail-author{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;overflow:hidden;flex:0 0 46px}.avatar img{width:100%;height:100%;object-fit:cover}.rail-author strong{font-size:18px;line-height:1.1;display:block}.rail-author small{font-size:12px;font-weight:800;display:block;margin-top:4px}.rail-item p{font-size:13px;line-height:1.45;margin:16px 0 6px}.read-more{font-weight:800;font-size:13px}
.page-panel{padding:24px 28px}.page-panel h1{font-size:30px;line-height:1.12;margin:0 0 18px}.auth-card,.profile-card{max-width:560px}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid textarea{border:2px solid var(--line);border-radius:8px;padding:0 12px;font-size:15px;background:var(--bg);color:var(--text)}.form-grid input{height:46px}.form-grid textarea{min-height:94px;padding-top:10px}.form-grid button,.follow-button,.save-button,.reader-icon{height:38px;border:0;background:var(--text);color:var(--bg);border-radius:7px;padding:0 14px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.flash,.toast,.verify-warning{background:var(--soft);border-left:4px solid var(--text);padding:10px;margin:14px 28px;font-weight:700}.verify-warning a{text-decoration:underline}.person-list{display:grid;gap:12px}.person-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.person-row .meta{flex:1;min-width:0}.person-row strong{font-size:18px}.profile-page{border-bottom:1px solid var(--line)}.profile-cover{height:190px;background:linear-gradient(135deg,#111,#444 55%,#b00020)}.profile-header{position:relative;padding:0 28px 22px;border-bottom:1px solid var(--line)}.profile-photo{width:136px;height:136px;border-radius:50%;border:5px solid var(--bg);background:#111;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:42px;font-weight:900;margin-top:-68px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-edit-button{position:absolute;right:28px;top:18px}.profile-title h1{margin:10px 0 0;font-size:30px}.profile-title p{margin:2px 0 8px;color:var(--muted);font-weight:800}.profile-tabs{height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 28px;font-weight:900}.profile-tabs span{height:48px;display:flex;align-items:center;border-bottom:3px solid var(--text)}.profile-hero{border-bottom:1px solid var(--line);display:grid;justify-items:center;text-align:center;gap:10px;padding:26px 0;margin-bottom:18px}.profile-hero .avatar{width:92px;height:92px;flex-basis:92px}.profile-hero .meta{flex:none}.follow-state{display:inline-flex;margin-left:6px;color:var(--muted);font-weight:800}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:12px;font-weight:900;vertical-align:middle}.rail-more{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--line);border-radius:8px;font-weight:900}.scroll-top{position:fixed;right:22px;bottom:24px;z-index:30;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--text);color:var(--bg);font-size:22px;font-weight:900;cursor:pointer}.feed-menu{position:absolute;right:68px;top:22px}.more-button{width:36px;height:36px;border:0;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer}.feed-menu-panel{display:none;position:absolute;right:0;top:38px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.22);padding:8px;min-width:180px;z-index:90}.feed-menu:focus-within .feed-menu-panel,.feed-menu.open .feed-menu-panel{display:block}.feed-menu-panel button{border:0;background:transparent;color:var(--text);font-weight:800;width:100%;text-align:left;padding:10px;cursor:pointer}
.language-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:20px}.language-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.language-card:hover{border-color:#111}.language-card-flag{width:38px;height:27px;display:inline-flex;flex:0 0 38px}.language-card-flag img{width:38px;height:27px;object-fit:cover;border:1px solid var(--line)}.language-card strong{display:block}.language-card small{display:block;color:var(--muted);font-weight:800;margin-top:2px}.about-social{font-size:16px;line-height:1.65}.about-social-image{display:block;width:150px;height:auto;margin:8px 0 20px}.about-social p{max-width:720px}
.feed-card{position:relative;padding:22px 28px 26px;border-bottom:6px solid var(--line)}.feed-head{display:flex;align-items:center;gap:9px;margin:0 92px 10px 0}.feed-head .avatar{width:38px;height:38px;flex-basis:38px}.feed-head strong{font-size:16px;line-height:1.1}.feed-head small{display:block;font-size:11px;font-weight:700;color:var(--text);margin-top:2px}.feed-title{font-size:24px;line-height:1.22;margin:0 46px 16px 0}.feed-image{width:100%;border-radius:10px;max-height:360px;object-fit:cover;display:block;background:var(--soft)}.save-button.icon{position:absolute;right:28px;top:22px;width:36px;height:36px;padding:0;background:transparent;border:0;color:var(--text)}.save-button.icon svg{width:23px;height:29px;stroke-width:2.4;fill:transparent}.save-button.icon.saved svg{fill:currentColor}.save-button.icon:hover{background:var(--soft)}.feed-follow-form{display:inline}.feed-follow-form button{border:0;background:transparent;color:var(--text);font-weight:900;margin-left:6px;cursor:pointer;padding:0}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px;padding:8px 0}.post-actions form{margin:0}.post-actions button{width:100%;height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:900;cursor:pointer}.post-actions button:hover,.post-actions button.active{background:var(--soft);color:var(--text)}.card-modal{display:none;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.58);align-items:center;justify-content:center;padding:18px}.card-modal.open{display:flex}.card-modal-panel{width:min(520px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:16px}.card-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-modal-head h3{margin:0;font-size:20px}.card-modal-head button{width:34px;height:34px;border:0;border-radius:8px;background:var(--text);color:var(--bg);font-size:22px;cursor:pointer}.comment-list{display:grid;gap:12px;margin-bottom:14px}.comment-row{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.comment-row .avatar{width:34px;height:34px;flex-basis:34px}.comment-body{flex:1;min-width:0}.comment-body p{margin:4px 0 8px}.comment-actions{display:flex;gap:10px;align-items:center}.comment-actions form{margin:0}.comment-actions button,.external-share a,.external-share button{border:0;background:transparent;color:var(--muted);font-weight:900;cursor:pointer;padding:0}.comment-edit textarea{width:100%;min-height:72px;margin-top:8px}.modal-form{border-top:1px solid var(--line);padding-top:12px}.external-share{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.external-share h4{width:100%;margin:0;font-size:14px;color:var(--muted)}.quote-card{border-top:0;padding:22px 28px 26px}.quote-card p{margin:10px 0 14px;font-size:16px}.quoted-news-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--soft);margin-top:12px}.quoted-news-media img{display:block;width:100%;max-height:260px;object-fit:cover;background:var(--bg)}.quoted-news-body{padding:12px}.quoted-source{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quoted-source .avatar{width:30px;height:30px;flex-basis:30px}.quoted-news-title{display:block;font-size:17px;line-height:1.25;font-weight:900;margin-bottom:6px}.quoted-news-body small{color:var(--muted);font-weight:800}.social-actions{position:relative;display:flex;gap:14px;color:var(--muted);font-weight:800;font-size:13px;margin-top:12px}.social-actions form{margin:0}.social-actions button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.reaction-popover{display:none;position:absolute;left:0;bottom:28px;background:var(--bg);border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.22);padding:8px;gap:8px;z-index:4}.reaction-popover.open{display:flex}.reaction-popover button{background:var(--soft);border-radius:999px;padding:7px 10px;color:var(--text)}.nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.article-reader{padding:0 0 32px}.article-topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.back-link{font-size:18px;font-weight:800;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.reader-actions{display:flex;gap:8px;align-items:center}.reader-actions form{margin:0}.reader-icon.bookmark-action{width:38px;padding:0;background:transparent;color:var(--text)}.reader-icon.bookmark-action svg{width:23px;height:29px;fill:transparent}.reader-icon.bookmark-action.saved svg{fill:currentColor}.reader-icon.text{background:var(--bg);color:var(--text);border:1px solid var(--line);font-size:18px}.article-reader h1{font-size:var(--reader-title-size,34px);line-height:1.2;margin:28px 28px 16px;letter-spacing:0}.article-image{display:block;width:calc(100% - 56px);margin:0 28px 22px;border-radius:10px;max-height:350px;object-fit:cover;background:#eee}.article-author{margin:0 28px 14px}.article-body{font-size:var(--reader-body-size,17px);line-height:1.7;margin:0 28px}.article-body p{margin:0 0 16px}.article-source,.related-strip,.article-social-panel{margin:22px 28px}.article-social-panel h2{font-size:21px;margin:18px 0 12px}.related-strip h2{font-size:21px}.related-strip div{display:grid;gap:9px}.related-strip a{font-weight:800;border-top:1px solid var(--line);padding-top:9px}
.settings-modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.58);align-items:center;justify-content:center;padding:20px}.settings-modal.open{display:flex}.settings-panel{background:var(--bg);color:var(--text);border:1px solid var(--line);width:min(420px,100%);padding:18px;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.34)}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-head h2{margin:0;font-size:19px}.settings-close{background:var(--text);color:var(--bg);border:0;width:32px;height:32px;border-radius:8px;cursor:pointer}.setting-row{margin:12px 0}.setting-row label{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:8px}.setting-row input{width:100%}.theme-setting,.settings-preview{border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:12px;background:var(--soft)}.theme-setting{display:flex;align-items:center;justify-content:space-between}.theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px}.theme-choice button{border:0;border-radius:999px;background:transparent;color:var(--text);font-weight:900;padding:7px 10px;cursor:pointer}body.dark .theme-choice button:first-child,body:not(.dark) .theme-choice button:last-child{background:var(--text);color:var(--bg)}
@media(max-width:1180px){.app-shell{grid-template-columns:84px minmax(0,640px);justify-content:center}.side-nav{padding:18px 14px}.side-nav .brand span,.nav-link b,.side-lang{display:none}.brand img{width:56px}.side-nav nav{margin-top:70px;gap:20px}.right-rail{display:none}.feed-main{border-right:1px solid var(--line)}}
@media(max-width:720px){body{padding-top:58px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-top{position:fixed;top:0;left:0;right:0;height:58px;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:0 12px;transition:transform .22s ease}.hamburger{width:40px;height:40px;border:0;background:var(--bg);display:grid;place-content:center;gap:5px;padding:0}.hamburger span{display:block;width:22px;height:2px;background:var(--text)}.mobile-brand{justify-self:start}.mobile-brand img{width:92px;height:auto;display:block}.mobile-language{justify-self:end}.mobile-language .language-menu-button{height:38px;width:42px;padding:0;justify-content:center}.mobile-language .language-menu-label{display:none}.mobile-language .language-menu-list{position:fixed;right:10px;left:auto;top:54px;bottom:auto;width:min(280px,calc(100vw - 20px));max-height:calc(100vh - 70px)}.app-shell{display:block}.side-nav{position:fixed;top:58px;left:0;bottom:0;width:270px;height:auto;z-index:35;transform:translateX(-105%);transition:transform .18s ease;border-right:1px solid var(--line);box-shadow:18px 0 42px rgba(0,0,0,.12);padding:18px;background:var(--bg);overflow:auto}.menu-open .side-nav{transform:translateX(0)}.side-nav .brand{display:none}.side-nav nav{margin:0;display:grid;gap:16px}.side-nav .nav-link b{display:block;font-size:17px}.side-nav .nav-link span{width:30px;height:30px}.side-nav .side-lang{display:none}.mobile-menu-extra{display:flex;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.feed-main{border-right:0;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);height:66px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(0,0,0,.10);transition:transform .22s ease,opacity .22s ease}body.mobile-logo-hidden:not(.menu-open) .mobile-bottom-nav{transform:translateY(110%);opacity:0;pointer-events:none}.mobile-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-weight:900;font-size:10px;line-height:1;border-radius:12px}.mobile-bottom-item span{width:24px;height:24px;display:grid;place-items:center}.mobile-bottom-item svg{width:22px;height:22px}.mobile-bottom-item.active{color:#1d9bf0;background:rgba(29,155,240,.12)}.mobile-bottom-item.active svg{color:#1d9bf0;stroke:#1d9bf0}.mobile-bottom-item.active b{color:#1d9bf0}.page-panel,.feed-card,.quote-card{padding:16px}.page-panel h1{font-size:25px}.feed-head{margin-right:86px}.feed-title{margin-right:36px;font-size:17px;line-height:1.25}.feed-image{max-height:290px}.avatar{width:42px;height:42px;flex-basis:42px}.feed-head .avatar{width:34px;height:34px;flex-basis:34px}.feed-head strong{font-size:14px}.feed-head small{font-size:10px}.feed-menu{right:54px;top:16px}.save-button.icon{right:16px;top:16px}.article-topbar{height:58px;min-height:58px;padding:8px 14px;position:fixed;top:58px;left:0;right:0;background:var(--bg);z-index:30;transition:transform .22s ease;border-bottom:1px solid var(--line)}.article-mode{padding-top:0}.article-mode .feed-main{padding-top:0!important}.article-mode .article-reader{padding-top:58px!important}.article-mode .mobile-top{display:grid}body.mobile-logo-hidden:not(.menu-open) .mobile-top{transform:translateY(-100%)}.article-mode.reader-header-hidden .mobile-top{transform:translateY(-100%)}.article-mode.reader-header-hidden .article-topbar{transform:translateY(-58px)}.back-link{font-size:16px}.back-link svg{width:22px;height:22px}.article-reader h1{display:block;font-size:var(--reader-title-size,25px);margin:0 16px 12px!important;scroll-margin-top:118px;position:relative;z-index:1;clear:both}.article-image{width:calc(100% - 32px);margin:0 16px 16px;max-height:280px}.article-author,.article-body,.article-source,.related-strip,.article-social-panel{margin-left:16px;margin-right:16px}.article-body{font-size:var(--reader-body-size,16px)}.scroll-top{right:14px;bottom:16px}}
.load-more-wrap{display:flex;justify-content:center;padding:18px 16px 34px}.load-more-link{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:12px 20px;font-weight:900}.load-more-wrap.loading .load-more-link{opacity:.65;pointer-events:none}
.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.comment-menu{position:relative;flex:0 0 auto}.comment-menu-toggle{border:0;background:transparent;color:var(--muted);font-weight:900;cursor:pointer;padding:0 4px;font-size:18px;line-height:1}.comment-menu-panel{display:none;position:absolute;right:0;top:22px;min-width:170px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 40px rgba(0,0,0,.22);padding:6px;z-index:95}.comment-menu.open .comment-menu-panel{display:block}.comment-menu-panel form{margin:0}.comment-menu-panel button{width:100%;border:0;background:transparent;color:var(--text);font-weight:800;cursor:pointer;text-align:left;padding:9px 10px;border-radius:6px}.comment-menu-panel button:hover{background:var(--soft)}.quote-content{margin:10px 0 0;font-size:16px;white-space:pre-wrap;word-break:break-word}.quote-content.is-collapsed{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.quote-expand{margin-top:8px;border:0;background:transparent;color:var(--text);font-weight:900;cursor:pointer;padding:0}
.post-actions{position:relative}.post-actions button.active,.social-actions button.active{color:#1d9bf0}.action-summary{display:flex;justify-content:flex-start;gap:14px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:800}.action-summary button{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.action-summary button:hover{text-decoration:underline}.nav-link{position:relative}.nav-badge{position:absolute;left:22px;top:-7px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;border-radius:999px;background:#e02424;color:#fff;font-style:normal;font-size:11px;padding:0 6px;border:2px solid var(--bg)}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.auth-actions a,.auth-actions button{height:42px;border-radius:8px;background:var(--text);color:var(--bg);padding:0 16px;border:0;font-weight:900;display:inline-flex;align-items:center}.auth-card .form-grid button{height:44px;font-size:16px}.login-required-modal .auth-actions{justify-content:center}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-grid a,.platform-grid button{border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--text);height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.platform-logo{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--text);color:var(--bg);font-size:12px}.profile-hover{position:relative;display:inline-flex}.profile-hover-card{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:240px;background:var(--bg);border:1px solid var(--line);box-shadow:0 16px 42px rgba(0,0,0,.22);border-radius:10px;padding:12px}.profile-hover:hover .profile-hover-card{display:block}.profile-hover-card .avatar{width:54px;height:54px;flex-basis:54px}.profile-hover-card strong{display:block;margin-top:8px}.profile-hover-card small{display:block;color:var(--muted);font-weight:800;margin-top:4px}.feed-card.removing,.quote-card.removing{opacity:.45;transform:scale(.99)}.explore-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.explore-filter{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:10px 12px;width:min(320px,100%)}.explore-filter select{flex:1;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-weight:900;padding:0 10px}.feed-follow-form[type=button]{border:0;background:transparent;color:var(--text);font-weight:900;margin-left:6px;cursor:pointer;padding:0}.profile-page{background:var(--bg)}.profile-cover{height:210px;background:linear-gradient(135deg,#111 0%,#2b2b2b 48%,#8f001a 100%)}.profile-header{text-align:center;padding:0 28px 26px}.profile-photo{margin-left:auto;margin-right:auto}.profile-edit-button{top:20px}.profile-title h1{font-size:32px}.profile-title div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.profile-tabs{justify-content:center}body.dark .language-card{background:var(--soft);border-color:var(--line);color:var(--text)}@media(max-width:720px){.scroll-top{display:none}.mobile-brand{cursor:pointer}.explore-head{align-items:flex-start;flex-direction:column}.profile-edit-button{position:static;margin:12px auto 0}.profile-cover{height:150px}.profile-photo{width:112px;height:112px;margin-top:-56px}.profile-title h1{font-size:25px}}
@media(max-width:720px){body.article-mode{padding-top:58px!important}.article-mode .verify-warning{display:none!important}.article-mode .article-reader{padding-top:58px!important}.article-mode .article-reader>h1,.article-reader h1{margin-top:0!important;margin-bottom:12px!important;scroll-margin-top:118px!important}}

/* Modern site */
:root{--bg:#f6f7fb;--text:#101828;--muted:#667085;--card:#fff;--line:#e6e8ef;--link:#b00020;--media:#eef1f6;--shadow:0 18px 45px rgba(16,24,40,.08);--radius:8px}
        body.dark{--bg:#0f1117;--text:#f5f7fb;--muted:#a8b0c2;--card:#171b24;--line:#2a3140;--link:#ff5a6a;--media:#202633;--shadow:0 20px 48px rgba(0,0,0,.32)}
        body{background:var(--bg);color:var(--text);font-family:Inter,Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif;text-rendering:optimizeLegibility}
        .topbar{background:rgba(7,9,14,.96);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18);position:sticky;top:0;z-index:40;margin-bottom:0!important}
        .topbar-inner{min-height:64px!important;padding-left:12px;box-sizing:border-box}.logo{max-height:52px!important}.top-actions{gap:8px}
        .nav-toggle,.language-menu-button,.about-link,.home-link,.settings-menu-item,.search-toggle,.desktop-about-link{height:42px;border-radius:8px;background:#fff;color:#101828;border:1px solid rgba(16,24,40,.08);box-shadow:0 1px 2px rgba(16,24,40,.06)}
        .search-toggle{width:44px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:800;box-sizing:border-box}
        .search-icon{width:15px;height:15px;border:2px solid currentColor;border-radius:50%;position:relative;display:inline-block;box-sizing:border-box}
        .search-icon:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-7px;bottom:-4px;transform:rotate(45deg);border-radius:2px}
        .desktop-about-link{display:flex;align-items:center;gap:7px;padding:0 14px;text-decoration:none;font-weight:800;box-sizing:border-box}
        .nav-toggle:hover,.language-menu-button:hover,.about-link:hover,.home-link:hover,.settings-menu-item:hover,.search-toggle:hover,.desktop-about-link:hover{background:#f3f5f8}
        .language-menu-list,.nav-menu{border-radius:8px;box-shadow:0 20px 50px rgba(16,24,40,.18);padding:8px}
        .language-menu-item{border-radius:8px}.language-menu-item:hover,.language-menu-item.active{background:#fff1f3;color:#8f001a}
        .language-menu-flag,.flag{border-radius:6px;overflow:hidden}.language-menu-flag img,.flag img{border-radius:6px}
        main{padding-top:14px!important}.site-footer{font-size:13px}
        h1{letter-spacing:0;line-height:1.08}.lead{font-size:16px;max-width:720px}
        .language-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.language-card{border-radius:8px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.language-card:hover{transform:translateY(-2px);box-shadow:0 22px 55px rgba(16,24,40,.12)}
        .page-head{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 18px;box-shadow:var(--shadow);margin-bottom:14px}
        .grid{gap:18px;grid-template-columns:repeat(var(--grid-columns-desktop,4),minmax(0,1fr))!important}.card{border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card)}.card-media{order:-1}.card-image{height:190px}.card-title{padding:14px 15px 10px}.card-footer{padding:0 15px 14px}.card h2{font-size:17px}
        .post-shell{max-width:860px;margin:0 auto}.post-hero{background:transparent!important;border:0!important;border-radius:0!important;padding:8px 0 22px!important;box-shadow:none!important;margin:0 0 24px!important;text-align:left;max-width:860px}.post-hero h1{font-size:var(--reader-title-size,32px);line-height:1.16;margin:0 0 14px;max-width:860px}.post-media-wrap{max-width:860px;margin:18px 0 0}.post-image{width:100%;max-height:460px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--media);box-shadow:0 14px 36px rgba(16,24,40,.12)}.post-content{max-width:860px;margin:0 auto;font-size:var(--reader-body-size,18px);line-height:1.78;text-align:left}.post-content p{margin:0 0 20px}.post-shell>p,main>h2,main>.related,main>.comment{max-width:860px;margin-left:auto;margin-right:auto}.related article{border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.related img{border-radius:8px;object-fit:cover}img[src$="default-foto.jpg"]{object-fit:contain!important;background:#050505!important;padding:0!important}
        .segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{min-width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-weight:800;cursor:pointer}.segmented button.active{background:#b00020;color:#fff;border-color:#b00020}
        .about-hero,.about-copy,.settings-panel{border-radius:8px}.about-body{margin-top:18px!important}.about-copy{box-shadow:var(--shadow)}
        .settings-modal,.search-modal{backdrop-filter:blur(6px)}.settings-panel,.search-panel{box-shadow:0 24px 70px rgba(0,0,0,.28)}
        .search-modal{display:none;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px}
        .search-modal.open{display:flex}.search-panel{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;width:min(560px,100%);padding:20px}
        .search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.search-head h2{margin:0;font-size:20px}
        .search-close{background:#111;color:#fff;border:0;border-radius:8px;width:36px;height:36px;cursor:pointer}.search-row{display:flex;gap:10px}
        .search-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 13px;background:var(--bg);color:var(--text);font:inherit}
        .search-row button{border:0;border-radius:8px;background:#b00020;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}
        @media (min-width:721px){.mobile-nav .about-link,.mobile-only-setting{display:none!important}}
        @media (max-width:720px){.topbar-inner{min-height:56px!important;padding-left:8px}.logo{height:40px!important}.top-actions{gap:6px}.desktop-about-link:not(.landing-about-link),.desktop-only-setting{display:none!important}.nav-toggle,.language-menu-button,.home-link,.search-toggle{width:38px!important;height:36px!important}.language-menu-list{top:60px!important}.grid{gap:14px;grid-template-columns:repeat(var(--grid-columns-mobile,1),minmax(0,1fr))!important}.card-image{height:210px}.card h2{font-size:19px}main,.site-footer{padding-left:16px!important;padding-right:16px!important}main{padding-top:10px!important}.language-grid{grid-template-columns:1fr}.about-body{margin-top:14px!important}.about-copy{padding:20px!important}.search-row{flex-direction:column}.search-row button{height:42px}.post-hero{padding:18px}.post-media-wrap{max-width:100%}.post-content{font-size:var(--reader-body-size,17px)}}

/* Stability overrides after CSS extraction */
body.social-app{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",Helvetica,sans-serif;line-height:1.42;font-size:15px;padding:0;max-width:none}
body.social-app:not(.dark){color-scheme:light;--bg:#fff;--text:#050505;--muted:#667085;--line:#e6e8ef;--soft:#f7f8fa;--card:#fff;--media:#eef1f6;--link:#b00020;--shadow:0 10px 30px rgba(16,24,40,.08)}
body.social-app.dark{color-scheme:dark;--bg:#101010;--text:#f4f4f4;--muted:#a8a8a8;--line:#303030;--soft:#1b1b1b;--card:#161616;--media:#242424;--link:#ff6675;--shadow:0 14px 36px rgba(0,0,0,.32)}
body.social-app a{color:inherit;text-decoration:none}
body.social-app button,body.social-app input,body.social-app textarea,body.social-app select{font:inherit}
body.social-app .app-shell{display:grid;grid-template-columns:280px 640px 280px;justify-content:center;min-height:100vh;margin:0 auto;background:var(--bg)}
body.social-app .feed-main{max-width:none;width:auto;margin:0;padding:0;min-width:0;border-right:1px solid var(--line);background:var(--bg);color:var(--text)}
body.social-app .side-nav{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:24px 28px;display:flex;flex-direction:column;background:var(--bg);z-index:5;box-shadow:none;transform:none;overflow:visible}
body.social-app .right-rail{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 24px;background:var(--bg)}
body.social-app .mobile-top,body.social-app .mobile-bottom-nav{display:none}
body.social-app .brand img{width:116px;max-height:none;height:auto;display:block}
body.social-app .nav-link{display:flex;align-items:center;gap:18px;color:var(--muted);position:relative}
body.social-app .nav-link span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
body.social-app .nav-link b{font-size:18px;line-height:1.1;color:inherit}
body.social-app .nav-link.active{color:var(--text)}
body.social-app .page-panel{padding:24px 28px;background:transparent;color:var(--text)}
body.social-app .page-panel h1{font-size:30px;line-height:1.12;margin:0 0 18px;color:var(--text)}
body.social-app .feed-card,body.social-app .quote-card{position:relative;padding:22px 28px 26px;border-bottom:6px solid var(--line);background:var(--bg);color:var(--text)}
body.social-app .language-card{background:var(--card);color:var(--text);border-color:var(--line);box-shadow:none;transform:none}
body.social-app .language-card:hover{border-color:var(--text);transform:none;box-shadow:none}
body.social-app .settings-panel,body.social-app .card-modal-panel,body.social-app .profile-hover-card,body.social-app .feed-menu-panel,body.social-app .comment-menu-panel{background:var(--bg);color:var(--text);border-color:var(--line)}
body.social-app .form-grid input,body.social-app .form-grid textarea,body.social-app .explore-filter select{background:var(--bg);color:var(--text);border-color:var(--line)}
body.social-app .theme-choice button{color:var(--text)}
body.social-app.dark .theme-choice button:first-child,body.social-app:not(.dark) .theme-choice button:last-child{background:var(--text);color:var(--bg)}
body.social-app.dark .theme-choice button:last-child,body.social-app:not(.dark) .theme-choice button:first-child{background:transparent;color:var(--text)}
body.social-app .site-footer{max-width:none;margin:0;padding:16px 24px 24px;border-top:1px solid var(--line);color:var(--muted);text-align:center;background:var(--bg)}
@media(max-width:1180px){body.social-app .app-shell{grid-template-columns:84px minmax(0,640px)}body.social-app .side-nav{padding:18px 14px}body.social-app .side-nav .brand span,body.social-app .nav-link b,body.social-app .side-lang{display:none}body.social-app .brand img{width:56px}body.social-app .right-rail{display:none}}
@media(max-width:720px){body.social-app{padding-top:58px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.social-app .mobile-top{position:fixed;top:0;left:0;right:0;height:58px;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:0 12px}body.social-app .mobile-brand img{width:92px;height:auto;display:block}body.social-app .app-shell{display:block}body.social-app .feed-main{border-right:0;padding-bottom:calc(88px + env(safe-area-inset-bottom))}body.social-app .side-nav{position:fixed;top:58px;left:0;bottom:0;width:270px;height:auto;z-index:35;transform:translateX(-105%);transition:transform .18s ease;border-right:1px solid var(--line);box-shadow:18px 0 42px rgba(0,0,0,.12);padding:18px;overflow:auto}body.social-app.menu-open .side-nav{transform:translateX(0)}body.social-app .side-nav .brand{display:none}body.social-app .side-nav nav{margin:0;display:grid;gap:16px}body.social-app .side-nav .nav-link b{display:block;font-size:17px}body.social-app .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);height:66px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(0,0,0,.10)}body.social-app .page-panel,body.social-app .feed-card,body.social-app .quote-card{padding:16px}body.social-app .page-panel h1{font-size:25px}}

/* Final social theme repair */
body.social-app:not(.dark){color-scheme:light;--bg:#fff;--text:#050505;--muted:#667085;--line:#e6e8ef;--soft:#f7f8fa;--card:#fff;--media:#eef1f6;--link:#b00020;--shadow:0 10px 30px rgba(16,24,40,.08)}
body.social-app.dark{color-scheme:dark;--bg:#101010;--text:#f4f4f4;--muted:#a8a8a8;--line:#303030;--soft:#1b1b1b;--card:#161616;--media:#242424;--link:#ff6675;--shadow:0 14px 36px rgba(0,0,0,.32)}
body.social-app,body.social-app .app-shell,body.social-app .feed-main,body.social-app .side-nav,body.social-app .right-rail,body.social-app .mobile-top,body.social-app .mobile-bottom-nav{background:var(--bg)!important;color:var(--text)!important}
body.social-app .feed-main,body.social-app .side-nav,body.social-app .right-rail,body.social-app .mobile-top,body.social-app .mobile-bottom-nav{border-color:var(--line)!important}
body.social-app .page-panel,body.social-app .feed-card,body.social-app .quote-card,body.social-app .settings-panel,body.social-app .card-modal-panel,body.social-app .language-menu-list,body.social-app .feed-menu-panel,body.social-app .comment-menu-panel,body.social-app .profile-hover-card,body.social-app .auth-card,body.social-app .search-panel{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .language-menu-item,body.social-app .nav-link,body.social-app .mobile-bottom-item,body.social-app .feed-title,body.social-app .page-panel h1,body.social-app .feed-card strong,body.social-app .quote-card strong{color:inherit!important}
body.social-app .muted,body.social-app small,body.social-app .action-summary,body.social-app .meta{color:var(--muted)!important}
body.social-app input,body.social-app textarea,body.social-app select,body.social-app .explore-filter,body.social-app .settings-preview,body.social-app .theme-setting{background:var(--soft)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .theme-choice{background:var(--bg)!important;border-color:var(--line)!important}
body.social-app .theme-choice button{background:transparent!important;color:var(--text)!important}
body.social-app.dark .theme-choice button:first-child,body.social-app:not(.dark) .theme-choice button:last-child{background:var(--text)!important;color:var(--bg)!important}
body.social-app.dark .theme-choice button:last-child,body.social-app:not(.dark) .theme-choice button:first-child{background:transparent!important;color:var(--text)!important}
body.social-app .settings-close,body.social-app .theme-modal-toggle,body.social-app .auth-actions a,body.social-app .auth-actions button{background:var(--text)!important;color:var(--bg)!important}
body.social-app .language-menu-item:hover,body.social-app .language-menu-item.active,body.social-app .comment-menu-panel button:hover,body.social-app .mobile-bottom-item.active{background:var(--soft)!important}

/* Social dark/light hard overrides for every visible surface */
body.social-app.dark,body.social-app.dark *{scrollbar-color:#444 #101010}
body.social-app .feed-main,body.social-app .feed-main > *,body.social-app .right-rail,body.social-app .right-rail > *,body.social-app .side-nav,body.social-app .mobile-top,body.social-app .mobile-bottom-nav{color:var(--text)}
body.social-app .feed-card,body.social-app .quote-card,body.social-app .page-panel,body.social-app .auth-card,body.social-app .profile-card,body.social-app .profile-page,body.social-app .profile-header,body.social-app .profile-tabs,body.social-app .profile-hero,body.social-app .article-reader,body.social-app .article-topbar,body.social-app .article-body,body.social-app .article-social-panel,body.social-app .related-strip,body.social-app .related-strip a,body.social-app .comment-row,body.social-app .person-row,body.social-app .quoted-news-card,body.social-app .quoted-news-body,body.social-app .rail-item,body.social-app .rail-search,body.social-app .rail-more,body.social-app .language-card,body.social-app .language-cards,body.social-app .toast,body.social-app .flash,body.social-app .verify-warning{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .quoted-news-card,body.social-app .settings-preview,body.social-app .theme-setting,body.social-app .platform-grid a,body.social-app .platform-grid button,body.social-app .reaction-popover button,body.social-app .post-actions button:hover,body.social-app .post-actions button.active,body.social-app .social-actions button.active{background:var(--soft)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .rail-search input,body.social-app .rail-search button,body.social-app .form-grid input,body.social-app .form-grid textarea,body.social-app .search-row input,body.social-app .explore-filter select{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .rail-author strong,body.social-app .rail-item p,body.social-app .read-more,body.social-app .quoted-news-title,body.social-app .article-reader h1,body.social-app .article-body p,body.social-app .about-social p,body.social-app .language-card strong,body.social-app .language-card small{color:var(--text)!important}
body.social-app .rail-author small,body.social-app .related-strip h2,body.social-app .external-share h4,body.social-app .quoted-news-body small,body.social-app .profile-title p,body.social-app .follow-state{color:var(--muted)!important}
body.social-app .language-menu{z-index:120!important}
body.social-app .language-menu-button{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .language-menu.open .language-menu-list{display:block!important;z-index:200!important;background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
body.social-app .mobile-language .language-menu-list{position:fixed!important;right:10px!important;left:auto!important;top:54px!important;bottom:auto!important;width:min(300px,calc(100vw - 20px))!important;max-height:calc(100vh - 86px)!important;overflow:auto!important}
@media(max-width:1180px){body.social-app .side-nav .side-lang{display:flex!important;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}body.social-app .side-nav .side-lang-row{width:100%}body.social-app .side-nav .side-lang .language-menu-button{width:44px;height:40px;justify-content:center}body.social-app .side-nav .side-lang .language-menu-label,body.social-app .side-extra-links{display:none!important}body.social-app .side-nav .language-menu-list{position:fixed!important;left:74px!important;top:auto!important;bottom:18px!important;width:min(300px,calc(100vw - 92px))!important;max-height:70vh!important}}
@media(max-width:720px){body.social-app .side-nav .side-lang{display:flex!important}body.social-app .mobile-language{position:relative;z-index:130!important}body.social-app .mobile-top{z-index:120!important}body.social-app .mobile-bottom-nav{z-index:80!important}body.social-app .language-menu-list{box-shadow:0 18px 54px rgba(0,0,0,.42)!important}}

/* Cleaner social surface pass */
body.social-app{--hairline:rgba(128,128,128,.22)}
body.social-app.dark{--hairline:rgba(255,255,255,.12)}
body.social-app .feed-card,body.social-app .quote-card,body.social-app .page-panel,body.social-app .rail-item,body.social-app .language-card,body.social-app .auth-card,body.social-app .profile-card,body.social-app .quoted-news-card,body.social-app .settings-panel,body.social-app .card-modal-panel,body.social-app .search-panel{box-shadow:none!important;border-radius:0!important}
body.social-app .feed-card,body.social-app .quote-card{border:0!important;border-bottom:1px solid var(--hairline)!important;background:var(--bg)!important}
body.social-app .page-panel{border:0!important;background:var(--bg)!important}
body.social-app .right-rail{border-left:0!important}
body.social-app .rail-item{border:0!important;border-bottom:1px solid var(--hairline)!important;padding-bottom:18px!important;margin-bottom:18px!important}
body.social-app .rail-search{border:0!important;border-bottom:1px solid var(--hairline)!important;border-radius:0!important;padding:0 0 10px!important;margin-bottom:24px!important}
body.social-app .rail-more{border:0!important;border-radius:0!important;background:transparent!important;justify-content:flex-start!important;color:var(--muted)!important}
body.social-app .language-card{border:0!important;border-bottom:1px solid var(--hairline)!important;background:transparent!important}
body.social-app .post-actions{border-top:1px solid var(--hairline)!important;border-bottom:1px solid var(--hairline)!important}
body.social-app .settings-panel,body.social-app .card-modal-panel,body.social-app .search-panel{border:1px solid var(--hairline)!important;border-radius:10px!important}
body.social-app .language-menu-list{border:1px solid var(--hairline)!important;border-radius:10px!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
body.social-app .mobile-bottom-nav{grid-template-columns:repeat(5,1fr)!important;height:68px!important;border-top:1px solid var(--hairline)!important}
body.social-app .mobile-bottom-language{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;color:var(--muted)}
body.social-app .mobile-bottom-language .language-menu{position:static!important;width:100%!important;height:100%!important;display:block!important}
body.social-app .mobile-bottom-language .language-menu-button{width:100%!important;height:56px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:10px!important;line-height:1!important}
body.social-app .mobile-bottom-language .language-menu-button .language-menu-flag,body.social-app .mobile-bottom-language .language-menu-button .language-menu-placeholder{width:24px!important;height:18px!important}
body.social-app .mobile-bottom-language .language-menu-button .language-menu-flag img{width:24px!important;height:18px!important}
body.social-app .mobile-bottom-language .language-menu-label{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;font-weight:900!important}
body.social-app .mobile-bottom-language .language-menu-list{position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;top:auto!important;width:auto!important;max-height:min(430px,calc(100vh - 104px))!important;overflow:auto!important;z-index:260!important;background:var(--bg)!important;color:var(--text)!important}
body.social-app .mobile-bottom-language .language-menu.open .language-menu-list{display:block!important}
body.social-app .mobile-bottom-language .language-menu-item{min-height:44px!important}
@media(max-width:720px){body.social-app{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}body.social-app .mobile-language{display:none!important}body.social-app .mobile-bottom-nav{z-index:220!important}body.social-app .mobile-bottom-language .language-menu-list{box-shadow:0 -18px 60px rgba(0,0,0,.34)!important}}

/* Bottom language button, independent from the header language menu */
body.social-app .mobile-bottom-language{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
body.social-app .mobile-bottom-language .mobile-bottom-lang-toggle{width:100%!important;height:56px!important;border:0!important;background:transparent!important;color:var(--muted)!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:12px!important}
body.social-app .mobile-bottom-language .mobile-bottom-lang-toggle span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:20px!important;line-height:1!important}
body.social-app .mobile-bottom-language .mobile-bottom-lang-toggle b{font-size:10px!important;line-height:1!important;font-weight:900!important;color:inherit!important}
body.social-app .mobile-bottom-language.open .mobile-bottom-lang-toggle{color:#1d9bf0!important;background:rgba(29,155,240,.12)!important}
body.social-app .mobile-bottom-language-list{display:none!important;position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;top:auto!important;width:auto!important;max-height:min(430px,calc(100vh - 104px))!important;overflow:auto!important;z-index:320!important;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;border-radius:10px!important;box-shadow:0 -18px 60px rgba(0,0,0,.34)!important;padding:8px!important}
body.social-app .mobile-bottom-language.open .mobile-bottom-language-list{display:block!important}
body.social-app .mobile-bottom-language-list .language-menu-item{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;color:var(--text)!important;background:transparent!important}
body.social-app .mobile-bottom-language-list .language-menu-item:hover,body.social-app .mobile-bottom-language-list .language-menu-item.active{background:var(--soft)!important}
body.social-app .mobile-bottom-language-list .language-menu-flag,body.social-app .mobile-bottom-language-list .language-menu-placeholder{width:32px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important}
body.social-app .mobile-bottom-language-list .language-menu-flag img{width:32px!important;height:22px!important;object-fit:cover!important}
@media(min-width:721px){body.social-app .mobile-bottom-language-list{display:none!important}}

/* bottom-language-v2 */

/* Keep the bottom language sheet anchored while the mobile chrome hides on scroll */
body.social-app.bottom-language-open .mobile-bottom-nav,body.social-app.mobile-logo-hidden.bottom-language-open .mobile-bottom-nav{transform:none!important;opacity:1!important;pointer-events:auto!important}
body.social-app.bottom-language-open .mobile-top,body.social-app.mobile-logo-hidden.bottom-language-open .mobile-top{transform:none!important;opacity:1!important}
body.social-app.bottom-language-open .mobile-bottom-language-list{display:block!important;position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;top:auto!important;z-index:500!important}

/* Bottom nav must never slide out; language lives there */
body.social-app.mobile-logo-hidden:not(.menu-open) .mobile-bottom-nav,body.social-app.mobile-logo-hidden .mobile-bottom-nav,body.mobile-logo-hidden:not(.menu-open) .mobile-bottom-nav{transform:none!important;opacity:1!important;pointer-events:auto!important}

/* Remove the broken bottom language control completely */
body.social-app .mobile-bottom-nav{grid-template-columns:repeat(4,1fr)!important}
body.social-app .mobile-bottom-language{display:none!important}
@media(max-width:720px){body.social-app .mobile-language{display:block!important;justify-self:end!important;position:relative!important;z-index:240!important}body.social-app .mobile-language .language-menu-button{display:flex!important;width:42px!important;height:40px!important;align-items:center!important;justify-content:center!important;background:var(--bg)!important;color:var(--text)!important;border:0!important}body.social-app .mobile-language .language-menu-label{display:none!important}body.social-app .mobile-language .language-menu-list{position:fixed!important;right:10px!important;left:10px!important;top:58px!important;bottom:auto!important;width:auto!important;max-height:calc(100vh - 86px)!important;overflow:auto!important;z-index:500!important;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;border-radius:10px!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important}}
@media(max-width:720px){body.social-app .mobile-language .language-menu.open .language-menu-list{z-index:520!important}}

/* aktv-bottom-lang-build-20260706-01 */
body.social-app .aktv-bottom-lang-toggle{display:flex!important;background:transparent!important;border:0!important;color:var(--muted)!important;cursor:pointer!important}
body.social-app .aktv-bottom-lang-toggle span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:20px!important;line-height:1!important}
body.social-app .aktv-bottom-lang-toggle b{font-size:10px!important;line-height:1!important;font-weight:900!important;color:inherit!important}
body.social-app.aktv-bottom-lang-open .aktv-bottom-lang-toggle{color:#1d9bf0!important;background:rgba(29,155,240,.12)!important}
body.social-app .aktv-bottom-lang-sheet{display:none!important}
@media(max-width:720px){
body.social-app .mobile-bottom-nav{grid-template-columns:repeat(5,1fr)!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
body.social-app .aktv-bottom-lang-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:0!important;z-index:600!important;display:none!important;background:rgba(0,0,0,.28)!important}
body.social-app.aktv-bottom-lang-open .aktv-bottom-lang-sheet{display:block!important}
body.social-app .aktv-bottom-lang-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;max-height:min(430px,calc(100vh - 104px))!important;overflow:auto!important;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;border-radius:10px!important;box-shadow:0 -18px 60px rgba(0,0,0,.34)!important;padding:8px!important}
body.social-app .aktv-bottom-lang-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;color:var(--text)!important;background:transparent!important;text-decoration:none!important;font-weight:800!important}
body.social-app .aktv-bottom-lang-row:hover,body.social-app .aktv-bottom-lang-row.active{background:var(--soft)!important}
body.social-app .aktv-bottom-lang-row .language-menu-flag,body.social-app .aktv-bottom-lang-row .language-menu-placeholder{width:32px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important}
body.social-app .aktv-bottom-lang-row .language-menu-flag img{width:32px!important;height:22px!important;object-fit:cover!important}
}

/* Stable left language selector */
body.social-app .side-lang{position:relative!important;z-index:700!important}
body.social-app .side-lang .language-menu{position:static!important;z-index:700!important}
body.social-app .side-lang .language-menu-button{height:42px!important;min-width:0!important;max-width:100%!important;padding:0 10px!important;border:1px solid var(--hairline)!important;border-radius:10px!important;background:var(--soft)!important;color:var(--text)!important;box-shadow:none!important}
body.social-app .side-lang .language-menu-label{max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.social-app .side-lang .language-menu-list{position:fixed!important;left:max(14px,calc((100vw - 1200px)/2 + 14px))!important;right:auto!important;top:auto!important;bottom:82px!important;width:min(320px,calc(100vw - 28px))!important;max-height:min(520px,calc(100vh - 112px))!important;overflow:auto!important;z-index:760!important;padding:8px!important;border:1px solid var(--hairline)!important;border-radius:12px!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;overscroll-behavior:contain!important}
body.social-app .side-lang .language-menu.open .language-menu-list{display:block!important}
body.social-app .side-lang .language-menu-item{min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;font-weight:800!important}
body.social-app .side-lang .language-menu-item:hover,body.social-app .side-lang .language-menu-item.active{background:var(--soft)!important}
@media(max-width:1180px){body.social-app .side-lang .language-menu-list{left:74px!important;bottom:18px!important;width:min(300px,calc(100vw - 92px))!important;max-height:calc(100vh - 36px)!important}}
@media(max-width:720px){body.social-app .side-lang .language-menu-list{left:10px!important;right:10px!important;bottom:84px!important;width:auto!important;max-height:min(430px,calc(100vh - 112px))!important}}

/* Requested layout overrides */
body.social-app.language-only .app-shell{display:block!important;max-width:980px!important;min-height:100vh!important;margin:0 auto!important}
body.social-app.language-only .side-nav,body.social-app.language-only .right-rail,body.social-app.language-only .mobile-top{display:none!important}
body.social-app.language-only .feed-main{border:0!important;width:100%!important;max-width:none!important;padding:30px 18px!important}
body.social-app.language-only .page-panel{max-width:920px!important;margin:0 auto!important}
body.social-app.language-only .language-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:12px!important}
body.social-app .aktv-bottom-lang-toggle .language-menu-flag{width:24px!important;height:18px!important;border-radius:5px!important;overflow:hidden!important}
body.social-app .aktv-bottom-lang-toggle .language-menu-flag img{width:24px!important;height:18px!important;object-fit:cover!important}
body.social-app .aktv-bottom-lang-toggle>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important}
@media(max-width:720px){body.social-app .mobile-language{display:none!important}body.social-app .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;transform:none!important;opacity:1!important;pointer-events:auto!important}body.social-app .feed-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}body.social-app.article-mode .article-reader{padding-top:74px!important}body.social-app.article-mode .article-reader>h1,body.social-app .article-reader h1{margin-top:18px!important;margin-bottom:16px!important}}
@media(max-width:720px){body.social-app .mobile-bottom-nav{z-index:760!important}body.social-app .aktv-bottom-lang-sheet{z-index:700!important}body.social-app .aktv-bottom-lang-panel{bottom:82px!important}}

/* Final mobile/article and logo polish */
body.social-app:not(.dark) .side-nav .brand,body.social-app:not(.dark) .mobile-brand{background:rgba(5,5,5,.08)!important;border-radius:8px!important;padding:4px 6px!important;box-shadow:0 1px 0 rgba(0,0,0,.06),0 8px 18px rgba(0,0,0,.06)!important}
body.social-app:not(.dark) .side-nav .brand img,body.social-app:not(.dark) .mobile-brand img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important}
body.social-app .article-topbar{height:50px!important;min-height:50px!important;padding:0 24px!important;border-bottom:1px solid rgba(128,128,128,.14)!important;box-shadow:none!important}
body.social-app .article-reader h1{margin-top:14px!important;margin-bottom:14px!important}
body.social-app .article-social-panel,body.social-app .related-strip,body.social-app .post-actions,body.social-app .comment-row,body.social-app .external-share,body.social-app .modal-form{border-color:rgba(128,128,128,.14)!important}
body.social-app .post-actions{border-top:1px solid rgba(128,128,128,.14)!important;border-bottom:1px solid rgba(128,128,128,.14)!important}
body.social-app .related-strip a{border-top:1px solid rgba(128,128,128,.14)!important}
body.social-app.dark .article-topbar,body.social-app.dark .post-actions,body.social-app.dark .related-strip a{border-color:rgba(255,255,255,.10)!important}
@media(max-width:720px){body.social-app.article-mode{padding-top:0!important}body.social-app.article-mode .mobile-top{display:none!important}body.social-app.article-mode .article-topbar{top:0!important;height:52px!important;min-height:52px!important;border-bottom:1px solid rgba(128,128,128,.16)!important;box-shadow:none!important;padding:6px 14px!important}body.social-app.article-mode.reader-header-hidden .article-topbar{transform:none!important}body.social-app.article-mode .article-reader{padding-top:52px!important}body.social-app.article-mode .article-reader>h1,body.social-app.article-mode .article-reader h1{margin-top:10px!important;margin-bottom:14px!important;scroll-margin-top:62px!important}}

/* Final requested interaction polish */
body.social-app .side-nav .nav-link.active{color:var(--text)!important;background:var(--soft)!important;border-radius:12px!important;margin-left:-10px!important;margin-right:-10px!important;padding:10px!important}
body.social-app .side-nav .nav-link.active span{color:#1d9bf0!important}
body.social-app .side-nav .nav-link.active:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:999px;background:#1d9bf0}
body.social-app.dark .side-nav .nav-link.active{background:rgba(29,155,240,.14)!important}
body.social-app .explore-filter{background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--hairline)!important}
body.social-app .explore-filter select{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;appearance:auto!important}
body.social-app .explore-filter select option{background:var(--bg)!important;color:var(--text)!important}
body.social-app.dark .explore-filter select,body.social-app.dark .explore-filter select option{background:#101010!important;color:#f4f4f4!important}
@media(max-width:720px){body.social-app.article-mode.reader-header-hidden .article-topbar{transform:translateY(-110%)!important;opacity:0!important;pointer-events:none!important}body.social-app.article-mode.reader-header-hidden .article-reader{padding-top:0!important}body.social-app.article-mode.reader-header-hidden .article-reader>h1,body.social-app.article-mode.reader-header-hidden .article-reader h1{scroll-margin-top:10px!important}}
@media(min-width:721px){body.social-app .article-reader{padding-top:0!important}body.social-app.article-mode .article-topbar{position:sticky!important;top:0!important;z-index:780!important;height:42px!important;min-height:42px!important;padding:0 22px!important;align-items:center!important;background:var(--bg)!important}body.social-app .back-link{height:34px!important;line-height:34px!important;align-items:center!important}body.social-app .article-reader h1{margin-top:10px!important}}

/* Final softening pass */
.kurdish-flag{position:relative!important;overflow:visible!important}
.kurdish-flag img{display:block!important}
.kurdish-flag .sun-badge{position:absolute!important;left:auto!important;right:2px!important;top:1px!important;bottom:auto!important;z-index:2!important;color:#ffd21f!important;font-size:10px!important;line-height:1!important;text-shadow:0 1px 1px rgba(70,45,0,.38)!important}
.language-card-flag.kurdish-flag .sun-badge{right:3px!important;top:2px!important;font-size:12px!important}
.aktv-bottom-lang-toggle .kurdish-flag .sun-badge{right:-5px!important;top:-5px!important;font-size:11px!important}
body.social-app .side-nav .nav-link.active{background:rgba(29,155,240,.045)!important}
body.social-app.dark .side-nav .nav-link.active{background:rgba(29,155,240,.06)!important}
body.social-app.article-mode{--article-line-soft:rgba(0,0,0,.045)}
body.social-app.dark.article-mode{--article-line-soft:rgba(255,255,255,.055)}
body.social-app.article-mode .feed-main,body.social-app.article-mode .side-nav,body.social-app.article-mode .right-rail,body.social-app.article-mode .article-topbar{border-color:var(--article-line-soft)!important}
body.social-app.article-mode .article-social-panel,body.social-app.article-mode .related-strip,body.social-app.article-mode .post-actions,body.social-app.article-mode .comment-row,body.social-app.article-mode .external-share,body.social-app.article-mode .modal-form,body.social-app.article-mode .related-strip a{border-color:var(--article-line-soft)!important}
body.social-app.article-mode .post-actions{border-top-color:var(--article-line-soft)!important;border-bottom-color:var(--article-line-soft)!important}
@media(min-width:721px){body.social-app.article-mode .app-shell{box-shadow:inset 1px 0 var(--article-line-soft),inset -1px 0 var(--article-line-soft)!important}}

/* Light mode logo visibility without a dark badge */
body.social-app:not(.dark) .side-nav .brand,body.social-app:not(.dark) .mobile-brand{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body.social-app:not(.dark) .side-nav .brand img,body.social-app:not(.dark) .mobile-brand img{filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(0,0,0,.50)) drop-shadow(0 2px 3px rgba(0,0,0,.20))!important}

/* Language entry page should not show the mobile bottom nav */
@media(max-width:720px){body.social-app.language-only{padding-top:0!important;padding-bottom:0!important}body.social-app.language-only .mobile-bottom-nav{display:none!important;transform:translateY(115%)!important;opacity:0!important;pointer-events:none!important}body.social-app.language-only .feed-main{padding-top:12px!important;padding-bottom:30px!important}body.social-app.language-only .page-panel{padding-top:0!important}}

/* Final profile page repair */
body.social-app:not(.article-mode) .profile-page{background:var(--bg)!important;color:var(--text)!important;border-bottom:1px solid var(--hairline)!important;overflow:hidden!important}
body.social-app:not(.article-mode) .profile-cover{height:210px!important;background:linear-gradient(135deg,#101010 0%,#303030 54%,#9d001d 100%)!important}
body.social-app:not(.article-mode) .profile-header{position:relative!important;padding:0 28px 24px!important;text-align:center!important;background:var(--bg)!important;border-bottom:1px solid var(--hairline)!important}
body.social-app:not(.article-mode) .profile-photo{width:136px!important;height:136px!important;margin:-68px auto 0!important;border:5px solid var(--bg)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#111!important;color:#fff!important;font-size:42px!important;font-weight:900!important;line-height:1!important}
body.social-app:not(.article-mode) .profile-photo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
body.social-app:not(.article-mode) .profile-edit-button{position:absolute!important;right:28px!important;top:18px!important;height:38px!important;white-space:nowrap!important}
body.social-app:not(.article-mode) .profile-title h1{margin:10px 0 0!important;font-size:32px!important;line-height:1.12!important;color:var(--text)!important}
body.social-app:not(.article-mode) .profile-title p{margin:3px 0 9px!important;color:var(--muted)!important;font-weight:800!important}
body.social-app:not(.article-mode) .profile-title div{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;color:var(--muted)!important}
body.social-app:not(.article-mode) .profile-tabs{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 28px!important;background:var(--bg)!important;border-bottom:1px solid var(--hairline)!important;font-weight:900!important}
body.social-app:not(.article-mode) .profile-tabs span{height:48px!important;display:flex!important;align-items:center!important;border-bottom:3px solid var(--text)!important;color:var(--text)!important}
body.social-app:not(.article-mode) .card-modal-panel{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;border-radius:10px!important}
body.social-app:not(.article-mode) .modal-form label{color:var(--text)!important;font-weight:800!important}
body.social-app:not(.article-mode) .modal-form input,body.social-app:not(.article-mode) .modal-form textarea{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--hairline)!important}
@media(max-width:720px){body.social-app:not(.article-mode) .profile-cover{height:150px!important}body.social-app:not(.article-mode) .profile-header{padding:0 16px 20px!important}body.social-app:not(.article-mode) .profile-photo{width:112px!important;height:112px!important;margin:-56px auto 0!important;font-size:34px!important}body.social-app:not(.article-mode) .profile-edit-button{position:static!important;margin:12px auto 0!important;display:inline-flex!important}body.social-app:not(.article-mode) .profile-title h1{font-size:25px!important}body.social-app:not(.article-mode) .profile-tabs{padding:0 16px!important}}

/* Final mobile title and like-only actions */
@media(max-width:720px){body.social-app.article-mode .article-reader>h1,body.social-app.article-mode .article-reader h1{margin-left:10px!important;margin-right:10px!important;width:calc(100% - 20px)!important;max-width:none!important;font-size:var(--reader-title-size,25px)!important;line-height:1.18!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}body.social-app.article-mode .article-author,body.social-app.article-mode .article-body,body.social-app.article-mode .article-source,body.social-app.article-mode .related-strip,body.social-app.article-mode .article-social-panel{margin-left:10px!important;margin-right:10px!important}}
body.social-app .post-actions{grid-template-columns:1fr!important}
body.social-app .reaction-popover{display:none!important}

/* Restore comment/share buttons while keeping reactions simple */
body.social-app .post-actions{grid-template-columns:repeat(3,1fr)!important}
body.social-app .social-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
body.social-app .social-actions form,body.social-app .social-actions button{width:100%!important}

/* Final article top gap removal */
body.social-app.article-mode{padding-top:0!important}
body.social-app.article-mode .feed-main{padding-top:0!important}
body.social-app.article-mode .article-reader{
    padding-top:0!important;
    margin-top:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    overflow:visible!important;
}

/* Subscription identity alignment */
.verified-badge{box-sizing:border-box!important;width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:12px!important;line-height:1!important;vertical-align:-3px!important}
.identity-inline,.quoted-source-line,.rail-author-line,.video-comment-profile{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0}
.quoted-source-line,.rail-author-line{display:flex!important;width:100%}
.quoted-source-line .quoted-source,.rail-author-line .rail-author{min-width:0;flex:1;margin-bottom:0}
.rail-author-line{align-items:flex-start!important}.rail-author-line>.supporter-badge{margin-top:12px}
.quoted-source-line{align-items:center!important;margin-bottom:8px}.quoted-source-line>.supporter-badge{margin-left:0}
.video-mobile-name-line>.supporter-badge,.video-detail-author>.supporter-badge{position:static!important;margin:0 0 0 2px!important}
.video-comment-profile{color:#fff!important;font-weight:900}.video-comment-profile .user-identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.user-identity-inline{display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:100%;min-width:0;vertical-align:middle;white-space:nowrap}.user-identity-inline>.user-identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.user-identity-inline>.verified-badge,.user-identity-inline>.supporter-badge{display:inline-flex!important;margin:0!important;vertical-align:middle!important;align-self:center!important}.profile-hover>a>strong,.feed-head strong,.article-author strong,.comment-head strong,.person-row strong,.profile-title h1{display:inline-flex;align-items:center;min-width:0;vertical-align:middle}.feed-head>span{min-width:0}.article-author .feed-head{display:inline-flex;margin-right:0}.comment-head>a{display:inline-flex;align-items:center;min-width:0}
.video-author-identity{display:flex;align-items:flex-start;gap:6px;min-width:0;flex:1}.video-author-identity>a{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.video-author-badge{display:inline-flex;align-items:center;padding-top:4px;flex:0 0 auto}.video-author-badge:empty{display:none}

.comment-actions{flex-wrap:wrap}
.comment-actions button.active{color:var(--text)}
.comment-replies{display:grid;gap:8px;margin:10px 0 6px 12px}
.comment-reply-row{border-bottom:0;padding-bottom:0}
.comment-reply-form{margin-top:8px}
.comment-reply-form textarea{min-height:58px}

@media(max-width:720px){
    body.social-app .side-nav .side-lang{display:none!important}
    body.social-app .mobile-side-credit{display:block!important;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
    body.social-app .card-modal .person-list{
        width:100%!important;
        max-width:100%!important;
        padding:10px 12px 14px!important;
        margin:0!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
    }
    body.social-app .card-modal .person-row{
        display:grid!important;
        grid-template-columns:38px minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        padding:10px 0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.social-app .card-modal .person-row .avatar{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
    }
    body.social-app .card-modal .person-row .meta{
        min-width:0!important;
        overflow:hidden!important;
    }
    body.social-app .card-modal .person-row .meta strong,
    body.social-app .card-modal .person-row .meta .muted{
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    body.social-app .card-modal .person-row form{
        width:auto!important;
        max-width:92px!important;
        min-width:0!important;
    }
    body.social-app .card-modal .person-row .follow-button{
        width:92px!important;
        min-width:0!important;
        max-width:92px!important;
        height:34px!important;
        padding:0 8px!important;
        font-size:11px!important;
        box-sizing:border-box!important;
    }
}

/* Unified feed dismissal and metric order for Home and Explore. */
body.social-app.nav-home .feed-corner-dismiss,
body.social-app.nav-explore .feed-corner-dismiss{display:block!important}
body.social-app .home-video-card{position:relative!important}
body.social-app .home-video-card>.feed-corner-dismiss{right:8px!important;top:8px!important}
body.social-app .home-video-card>header{padding-right:54px!important}
body.social-app .home-video-card>.action-summary>[data-home-video-stats-open]{order:-1!important;margin-left:0!important}
body.social-app .home-video-card.removing{opacity:.45!important;transform:scale(.99)!important;transition:opacity .18s ease,transform .18s ease}
body.social-app.nav-explore .feed-card>.feed-menu{right:45px!important;top:8px!important}
body.social-app.nav-explore .feed-card>.feed-head{margin-right:86px!important}
body.social-app .home-video-card>.home-video-menu{position:absolute!important;right:47px!important;top:8px!important;z-index:9!important}
body.social-app .home-video-card>header{padding-right:96px!important}
@media(max-width:720px){
    body.social-app .home-video-card>.home-video-menu{right:44px!important;top:7px!important}
    body.social-app .home-video-card>header{padding-right:92px!important}
}
@media(max-width:720px){
    body.social-app .home-video-card>.feed-corner-dismiss{right:5px!important;top:7px!important}
    body.social-app .home-video-card>header{padding-right:50px!important}
}

/* Primary post images keep their native aspect ratio; portrait API images must never be cropped. */
body.social-app .feed-card .feed-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
}
body.social-app .article-reader .article-image,
body.social-app .article-preview-content .article-image{
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
}

/* Multiple post photos: native swipe on touch screens and precise controls on desktop. */
body.social-app .post-media-gallery{position:relative;width:100%;overflow:hidden;border-radius:10px;background:var(--soft)}
body.social-app .post-media-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}
body.social-app .post-media-track::-webkit-scrollbar{display:none}
body.social-app .post-media-slide{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;background:var(--soft)}
body.social-app .post-media-slide:before{content:"";display:none;position:absolute;inset:0;background:linear-gradient(100deg,var(--soft) 20%,rgba(128,128,128,.18) 40%,var(--soft) 60%);background-size:220% 100%;animation:postMediaLoading 1.25s linear infinite}
body.social-app .post-media-slide.is-loading:before{display:block}
body.social-app .post-media-slide img{position:relative;z-index:1;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:0!important;opacity:1;transition:opacity .22s ease}
body.social-app .post-media-slide.is-loading img{opacity:0}
body.social-app .post-media-slide.is-loaded:before{display:none}
body.social-app .post-media-slide.is-loaded img{opacity:1}
@keyframes postMediaLoading{to{background-position:-220% 0}}
body.social-app .post-media-arrow{position:absolute;z-index:3;top:50%;width:38px;height:38px;margin-top:-19px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(5,5,5,.72);color:#fff;font-size:30px;line-height:32px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);opacity:1;transition:opacity .25s ease}
body.social-app .post-media-gallery.controls-hidden .post-media-arrow{opacity:0;pointer-events:none}
body.social-app .post-media-arrow.previous{left:10px}
body.social-app .post-media-arrow.next{right:10px}
body.social-app .post-media-count{position:absolute;z-index:3;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:rgba(5,5,5,.72);color:#fff;font-size:12px;font-weight:900;line-height:1.2;pointer-events:none}
body.social-app .article-reader>.post-media-gallery{width:calc(100% - 56px);margin:0 28px 22px}
body.social-app .feed-inline-title{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;cursor:pointer}
body.social-app .feed-inline-more{margin:10px 0 0;padding:0;border:0;background:transparent;color:#1d9bf0;font-size:14px;font-weight:900;cursor:pointer}
body.social-app .feed-inline-article{position:relative;margin-top:12px;padding:16px 42px 4px 0;border-top:1px solid var(--hairline);animation:inlineArticleOpen .18s ease both}
body.social-app .feed-inline-article[hidden]{display:none!important}
body.social-app .feed-inline-close{position:absolute;right:0;top:10px;width:32px;height:32px;padding:0;border:1px solid var(--hairline);border-radius:999px;background:var(--soft);color:var(--text);font-size:24px;line-height:27px;cursor:pointer}
body.social-app .feed-inline-article-body{font-size:16px;line-height:1.65}
body.social-app .feed-inline-article-body p{margin:0 0 14px}
@keyframes inlineArticleOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.social-app .feed-inline-more-before-media{display:block;margin:2px 0 10px!important;font-size:15px}
body.social-app .feed-inline-copy{margin:4px 0 11px;padding:0;border:0}
body.social-app .feed-inline-copy .feed-inline-article-body{position:relative;max-height:4.65em;overflow:hidden;font-size:16px;line-height:1.55}
body.social-app .feed-inline-copy .feed-inline-article-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.55em;background:linear-gradient(90deg,transparent 0,var(--bg) 78%);pointer-events:none}
body.social-app .feed-inline-copy.feed-inline-copy-no-media .feed-inline-article-body{max-height:7.75em}
body.social-app .feed-inline-copy.expanded .feed-inline-article-body{max-height:none;overflow:visible}
body.social-app .feed-inline-copy.expanded .feed-inline-article-body:after{display:none}
body.social-app .feed-inline-copy .feed-inline-more{margin:5px 0 0!important}
body.social-app .article-reader.social-post-reader .article-author{margin-top:24px}
body.social-app .article-reader.social-post-reader .social-post-body{font-size:18px;line-height:1.65;margin-top:4px;margin-bottom:18px;white-space:normal;overflow-wrap:anywhere}
body.social-app .article-reader.graphic-post-reader>.post-media-gallery{margin-top:0}
@media(max-width:720px){body.social-app .article-reader.social-post-reader .article-author{margin-top:18px}body.social-app .article-reader.social-post-reader .social-post-body{font-size:17px;line-height:1.62;margin-bottom:14px}body.social-app .article-reader.graphic-post-reader>.post-media-gallery{width:calc(100% - 20px);margin-left:10px;margin-right:10px}}
body.social-app .feed-corner-dismiss{display:none;position:absolute;right:8px;top:8px;z-index:8;margin:0}
body.social-app.nav-home .feed-corner-dismiss{display:block}
body.social-app .feed-corner-dismiss button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:28px;line-height:1;cursor:pointer}
body.social-app .feed-corner-dismiss button:hover{background:var(--soft);color:var(--text)}
body.social-app.nav-home .feed-card>.feed-menu{right:48px!important;top:8px!important}
body.social-app.nav-home .feed-card>.feed-head{margin-right:88px!important}
body.social-app .feed-menu-panel{min-width:240px}
body.social-app .settings-panel{max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box}
body.social-app .settings-hidden-users{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
body.social-app .settings-hidden-users>summary{padding:12px;font-weight:900;cursor:pointer}
body.social-app .settings-hidden-users>[data-hidden-users-list]{display:grid;gap:8px;padding:0 12px 12px}
body.social-app .settings-hidden-user{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding-top:9px;border-top:1px solid var(--line)}
body.social-app .settings-hidden-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
body.social-app .settings-hidden-user span{min-width:0;display:grid}
body.social-app .settings-hidden-user strong,body.social-app .settings-hidden-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.social-app .settings-hidden-user small{color:var(--muted)}
body.social-app .settings-hidden-user form{margin:0}
body.social-app .settings-hidden-user button{border:0;border-radius:8px;background:var(--text);color:var(--bg);padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}
body.social-app .settings-hidden-empty{margin:6px 0 0;color:var(--muted);font-size:13px}
@media(max-width:720px){body.social-app.nav-home .feed-card>.feed-menu{right:46px!important;top:8px!important}body.social-app.nav-home .feed-card>.feed-head{margin-right:84px!important}body.social-app .feed-corner-dismiss{right:5px;top:8px}}
@media(max-width:720px){body.social-app .side-nav{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}body.social-app .mobile-menu-extra{display:flex!important;flex-wrap:wrap!important;position:relative!important;z-index:1!important;margin-top:16px!important;padding-top:14px!important;flex:0 0 auto!important}body.social-app .mobile-side-credit{display:block!important;position:relative!important;z-index:1!important;margin-bottom:12px!important;flex:0 0 auto!important}body.social-app .article-reader>.post-media-gallery{width:calc(100% - 32px);margin:0 16px 16px}body.social-app .post-media-arrow{width:34px;height:34px;margin-top:-17px;font-size:27px;line-height:29px}body.social-app .post-media-count{right:8px;top:8px}}

@media(max-width:720px){
    body.social-app .premium-channel-info-modal{align-items:flex-end!important;padding:0!important}
    body.social-app .premium-channel-info-modal .card-modal-panel{width:100vw!important;max-width:none!important;height:min(68dvh,620px)!important;min-height:56dvh!important;max-height:68dvh!important;margin:0!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;overflow:auto!important}
    body.social-app .premium-channel-info-modal .card-modal-head{position:sticky;top:0;z-index:4;background:var(--bg)!important}
}

.missing-user-page{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:48px 24px!important}
.missing-user-page .missing-user-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--soft);color:var(--muted)}
.missing-user-page .missing-user-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}
.missing-user-page h1{margin:4px 0 0;font-size:clamp(25px,4vw,36px)}
.missing-user-page p{max-width:520px;margin:0;color:var(--muted);line-height:1.6}
.missing-user-page .follow-button{margin-top:8px;text-decoration:none}

/* Profil fotoğrafı önizleme ve hızlı değiştirme. */
body.social-app .profile-photo-control{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}
body.social-app .profile-photo-open{padding:0;cursor:zoom-in}
body.social-app .profile-photo-open.avatar{border:0;background:var(--soft);overflow:hidden}
body.social-app .profile-photo-open img{display:block;width:100%;height:100%;object-fit:cover}
body.social-app .profile-photo-change{position:absolute;z-index:4;right:2px;bottom:3px;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--bg);border-radius:50%;background:rgba(29,155,240,.72);color:#fff;opacity:.42;cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease;line-height:1}
body.social-app .profile-photo-change:hover,body.social-app .profile-photo-change:focus-visible{opacity:1;background:#1d9bf0;transform:scale(1.05)}
body.social-app .profile-photo-change.is-loading{opacity:1;animation:video-feed-spin .75s linear infinite}
body.social-app .profile-photo-change svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
body.social-app .profile-photo-quick-form{display:none!important}
body.social-app .profile-header>.profile-photo-control{grid-column:1;width:136px;height:136px;margin:-68px auto 0}
body.social-app .profile-header>.profile-photo-control>.profile-photo{width:136px!important;height:136px!important;margin:0!important}
body.social-app .profile-hero>.profile-photo-control{width:92px;height:92px}
body.social-app .profile-hero>.profile-photo-control>.avatar{width:92px!important;height:92px!important;flex-basis:92px!important;margin:0!important}
body.social-app .profile-photo-modal{z-index:420;padding:22px}
body.social-app .profile-photo-modal-panel{width:min(820px,calc(100vw - 44px));max-width:none;overflow:hidden;padding:14px;background:var(--bg)}
body.social-app .profile-photo-modal-panel .card-modal-head{margin:0 0 12px}
body.social-app .profile-photo-preview{position:relative;display:grid;place-items:center;width:100%;min-height:300px;max-height:calc(100vh - 130px);overflow:hidden;border-radius:14px;background:#08090b}
body.social-app .profile-photo-preview>img{display:block;max-width:100%;max-height:calc(100vh - 130px);width:auto;height:auto;object-fit:contain}
body.social-app .profile-photo-change-modal{right:14px;bottom:14px;width:46px;height:46px;opacity:.5;border-color:#08090b}
body.social-app .reaction-user-you{color:#1d9bf0;font-size:13px;font-weight:800;white-space:nowrap}
@media(max-width:720px){
    body.social-app .profile-header>.profile-photo-control{width:112px;height:112px;margin:-56px auto 0}
    body.social-app .profile-header>.profile-photo-control>.profile-photo{width:112px!important;height:112px!important;margin:0!important}
    body.social-app .profile-photo-change{right:0;bottom:1px;width:34px;height:34px}
    body.social-app .profile-photo-modal{padding:0!important;align-items:stretch!important}
    body.social-app .profile-photo-modal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:12px!important;display:flex;flex-direction:column}
    body.social-app .profile-photo-preview{flex:1;min-height:0;max-height:none;border-radius:12px}
    body.social-app .profile-photo-preview>img{max-width:100%;max-height:calc(100dvh - 78px)}
}

/* Unified liked state and verified-profile explanation. */
body.social-app button.active[data-like-label],
body.social-app button.active[data-home-video-like],
body.social-app button.active[data-home-viewer-like],
body.social-app button.active[data-home-viewer-detail-like],
body.social-app button.active[data-video-like]{color:#1d9bf0!important}
body.social-app button.active[data-like-label] svg,
body.social-app button.active[data-home-video-like] svg,
body.social-app button.active[data-home-viewer-like] svg,
body.social-app button.active[data-home-viewer-detail-like] svg,
body.social-app button.active[data-video-like] svg{fill:#1d9bf0!important;stroke:#1d9bf0!important;color:#1d9bf0!important}
.verified-badge[role="button"]{cursor:pointer;user-select:none;transition:transform .16s ease,box-shadow .16s ease}
.verified-badge[role="button"]:hover,.verified-badge[role="button"]:focus-visible{transform:scale(1.09);box-shadow:0 0 0 4px rgba(29,155,240,.16);outline:0}
.verified-badge.manual-verified{background:#e02424!important;color:#fff!important}
.verified-badge.manual-verified[role="button"]:hover,.verified-badge.manual-verified[role="button"]:focus-visible{box-shadow:0 0 0 4px rgba(224,36,36,.18)}
.verified-profile-modal{backdrop-filter:blur(7px)}
.verified-profile-modal .card-modal-panel{width:min(540px,100%);padding:0;overflow:hidden;border-radius:20px;border-color:rgba(29,155,240,.28);background:var(--bg);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.verified-profile-modal .card-modal-head{margin:0;padding:17px 19px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(29,155,240,.14),transparent 70%)}
.verified-profile-content{padding:20px}
.verified-profile-identity{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.verified-profile-identity>img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:var(--bg);border:2px solid rgba(29,155,240,.38)}
.verified-profile-identity>div{display:grid;min-width:0;gap:3px}.verified-profile-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.verified-profile-identity [data-verified-modal-username]{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:13px;font-weight:800}
.verified-profile-large{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:18px!important;box-shadow:0 7px 20px rgba(29,155,240,.28)}
.verified-profile-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin-top:16px;padding:16px;border-radius:16px;background:rgba(29,155,240,.08);border:1px solid rgba(29,155,240,.18)}
.verified-profile-message p{margin:0;color:var(--text);font-size:14px;line-height:1.68}.verified-profile-shield{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#1d9bf0;color:#fff;font-size:18px;font-weight:900}
.verified-profile-modal.manual-verification .card-modal-panel{border-color:rgba(224,36,36,.3)}
.verified-profile-modal.manual-verification .card-modal-head{background:linear-gradient(135deg,rgba(224,36,36,.14),transparent 70%)}
.verified-profile-modal.manual-verification .verified-profile-identity>img{border-color:rgba(224,36,36,.42)}
.verified-profile-modal.manual-verification .verified-profile-large{box-shadow:0 7px 20px rgba(224,36,36,.28)}
.verified-profile-modal.manual-verification .verified-profile-message{background:rgba(224,36,36,.08);border-color:rgba(224,36,36,.2)}
.verified-profile-modal.manual-verification .verified-profile-shield{background:#e02424}
@media(max-width:520px){.verified-profile-modal .card-modal-panel{border-radius:17px}.verified-profile-content{padding:15px}.verified-profile-identity{grid-template-columns:50px minmax(0,1fr) 30px;padding:12px}.verified-profile-identity>img{width:50px;height:50px}.verified-profile-message{grid-template-columns:1fr}.verified-profile-shield{width:30px;height:30px}}
@media(max-width:720px){
    body.social-app .verified-profile-modal,body.social-app .supporter-info-modal{align-items:flex-end!important;padding:0!important}
    body.social-app .verified-profile-modal .card-modal-panel,body.social-app .supporter-info-modal .card-modal-panel{position:relative!important;width:100vw!important;max-width:none!important;height:min(68dvh,620px)!important;min-height:56dvh!important;max-height:68dvh!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;padding:0!important;overflow:auto!important}
    body.social-app .verified-profile-modal .card-modal-panel:before,body.social-app .supporter-info-modal .card-modal-panel:before{content:"";position:sticky;z-index:5;top:7px;display:block;width:42px;height:4px;margin:7px auto -11px;border-radius:999px;background:var(--muted);opacity:.5}
    body.social-app .verified-profile-modal .card-modal-head,body.social-app .supporter-info-modal .card-modal-head{position:sticky;top:0;z-index:4;margin:0!important;padding:20px 15px 13px!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
    body.social-app .verified-profile-modal .card-modal-head h3,body.social-app .supporter-info-modal .card-modal-head h3{font-size:17px!important}
    body.social-app .verified-profile-content,body.social-app .supporter-info-content{padding:14px!important}
    body.social-app .supporter-info-content h2{font-size:19px!important;margin:12px 0 6px!important}
    body.social-app .supporter-info-content p{font-size:13px!important;line-height:1.48!important;margin:7px 0!important}
    body.social-app .supporter-tier-explainer{margin:11px 0!important;gap:6px!important}
    body.social-app .supporter-tier-explainer>span{padding:9px!important}
    body.social-app .verified-profile-message{padding:13px!important;margin-top:12px!important}
    body.social-app .verified-profile-message p{font-size:13px!important;line-height:1.55!important}
}

@media(max-width:720px){
    body.social-app .article-preview-content .article-reader>h1{margin-left:18px!important;margin-right:18px!important}
    body.social-app .article-preview-content .article-author,
    body.social-app .article-preview-content .article-body,
    body.social-app .article-preview-content .article-source,
    body.social-app .article-preview-content .related-strip{margin-left:18px!important;margin-right:18px!important}
    body.social-app .article-preview-content .article-body{font-size:var(--reader-body-size,16px)!important;line-height:1.68!important}
    body.social-app .article-image-swipe-wrap{position:relative;width:calc(100% - 36px);margin:0 18px 10px}
    body.social-app .article-image-swipe-wrap .article-image{display:block;width:100%!important;margin:0!important}
    body.social-app .article-image-swipe-wrap .article-swipe-guide{position:absolute;z-index:5;left:12px;bottom:12px;display:flex!important;align-items:center;gap:8px;width:min(340px,calc(100% - 24px));box-sizing:border-box;padding:16px 36px 10px 12px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(10,13,18,.88);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.34);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
    body.social-app .article-image-swipe-wrap .article-swipe-guide.is-visible{opacity:1;transform:translateY(0)}
    body.social-app .article-swipe-guide>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#1d9bf0;color:#fff;font-style:normal;font-size:18px;font-weight:900}.article-swipe-guide span{flex:1;font-size:12px;line-height:1.4}.article-swipe-guide strong{display:block;color:#72bfff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
    body.social-app .article-swipe-guide .article-swipe-guide-close{position:absolute;top:4px;right:5px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:23px;line-height:1;cursor:pointer;pointer-events:auto;opacity:.78}
    body.social-app .article-swipe-guide .article-swipe-guide-close:active{background:rgba(255,255,255,.16);opacity:1}
    body.social-app .article-preview-panel.article-swipe-next{animation:articleSwipeNext .15s ease both}body.social-app .article-preview-panel.article-swipe-previous{animation:articleSwipePrevious .15s ease both}body.social-app .article-preview-panel.article-swipe-edge{animation:articleSwipeEdge .22s ease}
}
body.social-app .article-swipe-guide{display:none}
@keyframes articleSwipeNext{to{transform:translateX(-12%);opacity:.55}}@keyframes articleSwipePrevious{to{transform:translateX(12%);opacity:.55}}@keyframes articleSwipeEdge{0%,100%{transform:translateX(0)}40%{transform:translateX(8px)}70%{transform:translateX(-5px)}}

/* Final home-video actions, profile hierarchy and three-line comment behavior. */
body.social-app .home-video-card>.home-video-post-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:7px 8px!important;
    gap:2px!important;
}
body.social-app .home-video-card>.home-video-post-actions>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 3px!important;
    text-align:center!important;
}
body.social-app .home-video-card>.home-video-post-actions>button svg{flex:0 0 auto!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active{color:#1877f2!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active svg{fill:#1877f2!important;stroke:#1877f2!important}
.home-video-comment-copy{min-width:0}
.home-video-comment-copy p{display:-webkit-box;margin:4px 0 0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;line-height:1.42}
.home-video-comment-copy.expanded p{display:block;overflow:visible}
.home-video-comment-toggle{display:inline-block;margin:3px 0 0;padding:0;border:0;background:transparent;color:#5ba7ff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.home-video-comment-toggle[hidden]{display:none!important}
.home-video-comments-dialog-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 0 8px}
.home-video-comments-dialog-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;flex:0 0 auto;padding:10px 0 0;border-top:1px solid var(--line);background:var(--bg)}
.home-video-comments-dialog-form textarea{min-width:0;resize:none;border:1px solid var(--line);border-radius:18px;background:var(--soft);color:var(--text);padding:9px 12px}
.home-video-comments-dialog-form button{border:0;border-radius:18px;background:#1877f2;color:#fff;padding:0 14px;font-weight:900}
body.social-app .profile-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
    padding:24px 18px!important;
}
body.social-app .profile-hero>.avatar{margin:0 auto!important;flex:0 0 92px!important}
body.social-app .profile-hero>.meta{width:min(620px,100%)!important;max-width:100%!important;align-items:center!important;text-align:center!important}
body.social-app .profile-hero>.meta>strong,
body.social-app .profile-hero>.meta>.guest-profile-username{width:auto!important;justify-content:center!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-bio{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-stats{justify-content:center!important}
body.social-app .profile-action-stack{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:nowrap!important;margin-top:2px!important}
body.social-app .profile-action-stack form{margin:0!important}
body.social-app .profile-action-stack button{min-width:112px!important;justify-content:center!important}
@media(min-width:721px){
    body.social-app .profile-header{display:block!important;text-align:center!important}
    body.social-app .profile-header .profile-photo{margin-left:auto!important;margin-right:auto!important}
    body.social-app .profile-header .profile-title{width:min(620px,100%)!important;margin:0 auto!important;text-align:center!important}
    body.social-app .profile-header .profile-title h1,
    body.social-app .profile-header .profile-title>p{justify-content:center!important;text-align:center!important}
}
@media(max-width:720px){
    body.social-app.home-video-comments-open:not(.language-only) .mobile-bottom-nav{display:none!important;opacity:0!important;pointer-events:none!important}
    body.social-app.home-video-comments-open .home-video-info-dialog{align-items:flex-end;padding:0!important}
    body.social-app.home-video-comments-open .home-video-info-dialog>div{display:flex;flex-direction:column;width:100%;max-width:none;height:min(84dvh,720px);max-height:calc(100dvh - 8px);border-radius:18px 18px 0 0}
    body.social-app.home-video-comments-open .home-video-info-dialog [data-home-video-info-content]{display:flex;flex:1;min-height:0;flex-direction:column;padding:6px 12px max(10px,env(safe-area-inset-bottom))}
    body.social-app .profile-action-stack{width:100%!important;max-width:360px!important}
    body.social-app .profile-action-stack>form,
    body.social-app .profile-action-stack>button{flex:1 1 0!important;min-width:0!important}
    body.social-app .profile-action-stack form>button,
    body.social-app .profile-action-stack>button{width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important}
}

/* Profile identity alignment and interactive home videos */
body.social-app .profile-title{
    width:min(620px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
}
body.social-app .profile-title h1,
body.social-app .profile-title>p{
    width:100%!important;
    text-align:left!important;
}
body.social-app .profile-title .profile-bio{
    display:block!important;
    margin:8px 0!important;
    text-align:left!important;
}
body.social-app .profile-hero .meta{
    width:min(620px,calc(100% - 32px))!important;
    align-items:flex-start!important;
    text-align:left!important;
}
body.social-app .profile-hero .meta>strong,
body.social-app .profile-hero .meta>small,
body.social-app .profile-hero .guest-profile-username{
    width:100%!important;
    justify-content:flex-start!important;
    text-align:left!important;
}
body.social-app .profile-hero .profile-stats{justify-content:flex-start!important}

@media(min-width:721px){
    body.social-app .profile-header{display:grid!important;grid-template-columns:136px minmax(0,1fr)!important;column-gap:18px!important;align-items:end!important;text-align:left!important}
    body.social-app .profile-header .profile-photo{grid-column:1;margin-left:0!important;margin-right:0!important}
    body.social-app .profile-header .profile-title{grid-column:2;width:100%!important;margin:0!important;align-self:center}
    body.social-app .profile-header .profile-tabs{grid-column:1/-1}
    body.social-app .profile-hero{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:26px 28px!important}
    body.social-app .profile-hero .avatar{margin:0!important;flex:0 0 92px!important}
    body.social-app .profile-hero .meta{width:auto!important;max-width:calc(100% - 112px)!important;align-items:flex-start!important;text-align:left!important}
}

/* Definitive responsive overrides. Keep this block last. */
body.social-app .home-video-card>.home-video-post-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;box-sizing:border-box!important;padding:7px 8px!important;gap:2px!important}
body.social-app .home-video-card>.home-video-post-actions>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 3px!important;text-align:center!important}
body.social-app .home-video-card>.home-video-post-actions>button .action-label{display:block!important;width:auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;flex:0 1 auto!important;text-align:center!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active{color:#1877f2!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active svg{fill:#1877f2!important;stroke:#1877f2!important}
body.social-app .profile-hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:24px 18px!important}
body.social-app .profile-hero>.avatar{margin:0 auto!important;flex:0 0 92px!important}
body.social-app .profile-hero>.meta{width:min(620px,100%)!important;max-width:100%!important;align-items:center!important;text-align:center!important}
body.social-app .profile-hero>.meta>strong,body.social-app .profile-hero>.meta>.guest-profile-username{width:auto!important;justify-content:center!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-bio{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-stats{justify-content:center!important}
body.social-app .profile-action-stack{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:nowrap!important;margin-top:2px!important}
body.social-app .profile-action-stack form{margin:0!important}
body.social-app .profile-action-stack button{min-width:112px!important;justify-content:center!important}
@media(min-width:721px){
    body.social-app .profile-header{display:block!important;text-align:center!important}
    body.social-app .profile-header .profile-photo{margin-left:auto!important;margin-right:auto!important}
    body.social-app .profile-header .profile-title{width:min(620px,100%)!important;margin:0 auto!important;text-align:center!important}
    body.social-app .profile-header .profile-title h1,body.social-app .profile-header .profile-title>p{justify-content:center!important;text-align:center!important}
}
@media(max-width:720px){
    body.social-app.home-video-comments-open:not(.language-only) .mobile-bottom-nav{display:none!important;opacity:0!important;pointer-events:none!important}
    body.social-app .profile-action-stack{width:100%!important;max-width:360px!important}
    body.social-app .profile-action-stack>form,body.social-app .profile-action-stack>button{flex:1 1 0!important;min-width:0!important}
    body.social-app .profile-action-stack form>button,body.social-app .profile-action-stack>button{width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important}
}

@media(max-width:720px){
    body.social-app:not(.language-only).mobile-logo-hidden:not(.menu-open):not(.bottom-language-open) .mobile-bottom-nav{
        transform:translateY(115%)!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    body.social-app.home-video-viewer-open:not(.language-only) .mobile-bottom-nav,
    body.social-app.video-comments-open:not(.language-only) .mobile-bottom-nav{
        display:none!important;
        transform:translateY(115%)!important;
        opacity:0!important;
        pointer-events:none!important;
    }
}

/* Home/explore video interaction parity and stable mobile fullscreen. */
.home-video-viewer{overscroll-behavior:none;touch-action:none}
.home-video-viewer>main{overscroll-behavior:none}
.home-video-post-actions [data-home-video-like].active{color:#1877f2!important}
.home-video-post-actions [data-home-video-like].active svg,
.home-viewer-actions [data-home-viewer-like].active svg,
.home-viewer-detail-actions [data-home-viewer-detail-like].active svg{fill:currentColor!important;stroke:currentColor!important}
.home-video-info-dialog{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:18px;background:rgba(5,8,12,.68);backdrop-filter:blur(4px)}
.home-video-info-dialog>div{width:min(520px,100%);max-height:min(680px,82vh);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.home-video-info-dialog header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
.home-video-info-dialog h3{margin:0;font-size:18px}.home-video-info-dialog header button{width:36px;height:36px;border:0;border-radius:50%;background:var(--soft);color:var(--text);font-size:24px;cursor:pointer}
.home-video-info-dialog [data-home-video-info-content]{padding:10px 16px 16px}
.home-video-like-user{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}
.home-video-like-user img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--soft)}
.home-video-like-user span{display:grid;min-width:0}.home-video-like-user small{color:var(--muted)}
.home-video-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-video-stats-grid>div{display:grid;gap:3px;padding:16px;border-radius:12px;background:var(--soft);text-align:center}.home-video-stats-grid strong{font-size:23px}.home-video-stats-grid span{color:var(--muted);font-size:12px;font-weight:800}
@media(max-width:720px){
    body.social-app .feed-card>.post-actions,
    body.social-app .home-video-card>.post-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;gap:0!important}
    body.social-app .feed-card>.post-actions button,
    body.social-app .home-video-card>.post-actions button{width:100%!important;min-width:0!important;padding-left:2px!important;padding-right:2px!important;justify-content:center!important}
    body.social-app .feed-card>.post-actions .action-label,
    body.social-app .home-video-card>.post-actions .action-label{font-size:10px!important}
    .home-video-viewer>main{touch-action:none!important;overscroll-behavior:none!important}
}

/* Mobile comment surfaces: keep composer visible and restore hide-on-scroll navigation. */
.home-viewer-description-toggle{display:none;border:0;background:transparent;color:#7db7ff;padding:5px 0 0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.video-comment-replies>.video-comment-reply.is-hidden-reply{display:none}
.video-comment-replies.expanded>.video-comment-reply.is-hidden-reply{display:flex}
.video-replies-toggle{display:block;margin:7px 0 2px;border:0;background:transparent;color:#7db7ff;padding:4px 0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
[data-video-like].is-pending{opacity:.58;cursor:wait}
@media(max-width:720px){
    body.social-app.mobile-logo-hidden:not(.menu-open):not(.bottom-language-open) .mobile-bottom-nav{
        transform:translateY(115%)!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    body.social-app.home-video-viewer-open:not(.language-only) .mobile-bottom-nav,
    body.social-app.video-comments-open:not(.language-only) .mobile-bottom-nav{
        display:none!important;
        transform:translateY(115%)!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    .home-video-viewer{width:100vw!important;max-width:100vw!important;grid-template-columns:minmax(0,1fr)!important}
    .home-video-viewer>main{width:100%!important;max-width:100vw!important;min-width:0!important}
    .home-video-viewer>main>video{width:auto!important;max-width:92vw!important}
    .home-video-viewer .home-viewer-caption{position:absolute!important}
    .home-video-viewer.detail-open .home-viewer-detail{inset:0!important;top:0!important;bottom:0!important;height:100%!important;grid-row:1/-1!important;padding:10px 12px max(8px,env(safe-area-inset-bottom))!important}
    .home-video-viewer.detail-open .home-viewer-detail-author{min-height:42px;padding-right:46px}
    .home-video-viewer.detail-open .home-viewer-detail-copy{flex:0 0 auto;padding:8px 0 7px}
    .home-video-viewer.detail-open .home-viewer-detail-copy h2{margin:0 0 4px;font-size:15px;line-height:1.25}
    .home-video-viewer.detail-open .home-viewer-detail-copy p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.35}
    .home-video-viewer.detail-open .home-viewer-detail-copy.description-expanded p{display:block;overflow:visible}
    .home-video-viewer.detail-open .home-viewer-description-toggle{display:block}
    .home-video-viewer.detail-open .home-viewer-description-toggle[hidden]{display:none}
    .home-video-viewer.detail-open .home-viewer-detail-actions{flex:0 0 auto;margin:4px 0!important}
    .home-video-viewer.detail-open .home-viewer-comments-head{flex:0 0 auto;padding:7px 0}
    .home-video-viewer.detail-open .home-viewer-comments{padding:3px 0;overscroll-behavior:contain}
    .home-video-viewer.detail-open .home-viewer-comment-form{position:relative;z-index:2;flex:0 0 auto;padding:7px 0 0;background:#18191d}
    body.social-app.video-comments-open .video-comments-modal{padding:0!important}
    body.social-app.video-comments-open .video-comments-modal .video-modal-panel{left:0!important;right:0!important;bottom:0!important;width:100%!important;height:min(86dvh,720px)!important;max-height:var(--video-viewport-height,100dvh)!important;border-radius:18px 18px 0 0!important}
    body.social-app.video-comments-open .video-comments-modal .video-modal-comments{padding-bottom:4px!important}
    body.social-app.video-comments-open .video-comments-modal .video-modal-comment-form{position:relative!important;bottom:auto!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
}
.profile-video-card .profile-video-share-content{position:relative;z-index:2;margin:0;padding:10px 11px;background:var(--bg);color:var(--text);font-size:13px;line-height:1.4}

/* Video viewer dark detail contrast */
body.social-app .home-viewer-detail{background:#18191d!important;color:#fff!important}
body.social-app .home-viewer-detail strong,
body.social-app .home-viewer-detail h2,
body.social-app .home-viewer-comments-head{color:#fff!important}
body.social-app .home-viewer-detail small{color:#aeb3bd!important}
body.social-app .home-viewer-detail-copy p,
body.social-app .home-viewer-comment p{color:#d9dde5!important}
body.social-app .home-viewer-detail-actions button{min-width:0;color:#e5e7eb!important;font-size:12px!important}
body.social-app .home-viewer-detail-actions .action-label{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap;font-size:11px!important}
body.social-app .home-viewer-comment-form textarea{background:#24262c!important;color:#fff!important;border-color:#3b3e45!important}
body.social-app .home-viewer-comment-form button{background:#1877f2!important;color:#fff!important}
.home-video-controls{grid-template-columns:36px minmax(60px,1fr) auto 38px 38px 76px 38px!important}
.home-video-controls .home-video-volume,.home-viewer-controls .home-viewer-volume{width:72px!important;height:4px;accent-color:#1877f2}
.home-viewer-controls{grid-template-columns:40px minmax(80px,1fr) auto 40px 40px 78px!important}
@media(max-width:720px){.home-video-controls{grid-template-columns:32px minmax(38px,1fr) auto 34px 34px 54px 34px!important}.home-video-controls .home-video-volume{width:50px!important}.home-viewer-controls{grid-template-columns:34px minmax(38px,1fr) auto 36px 36px 58px!important}.home-viewer-controls .home-viewer-volume{width:54px!important}}
.home-viewer-share-dialog[hidden]{display:none!important}.home-viewer-share-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.home-viewer-share-dialog>div{position:relative;width:min(460px,100%);display:grid;gap:10px;padding:20px;border:1px solid #3a3d45;border-radius:14px;background:#18191d;color:#fff}.home-viewer-share-dialog h3{margin:0;color:#fff}.home-viewer-share-dialog textarea{min-height:100px;resize:vertical;border:1px solid #3a3d45;border-radius:10px;background:#24262c;color:#fff;padding:11px}.home-viewer-share-dialog button{min-height:40px;border:0;border-radius:9px;background:#1877f2;color:#fff;font-weight:800;cursor:pointer}.home-viewer-share-dialog [data-home-viewer-share-close]{position:absolute;right:8px;top:8px;width:34px;min-height:34px;border-radius:50%;background:#303238;font-size:22px}
.article-share-dialog.open{display:grid}.article-share-dialog form{display:grid;gap:10px;margin:0}.article-share-dialog .card-modal-panel{max-height:min(760px,calc(100vh - 32px));overflow:auto;box-sizing:border-box}

/* Video ve makale paylaşımı için ortak, geniş ve mobilde kenarsız panel. */
body.social-app .home-viewer-share-dialog{padding:24px!important;place-items:center!important}
body.social-app .home-viewer-share-dialog>div{width:min(720px,calc(100vw - 48px))!important;max-width:none!important;min-height:340px;box-sizing:border-box;padding:28px!important;gap:14px!important;border-radius:18px!important}
body.social-app .home-viewer-share-dialog h3{font-size:24px!important;padding-right:42px}
body.social-app .home-viewer-share-dialog textarea{width:100%;min-height:150px;box-sizing:border-box;font:inherit}
body.social-app .home-viewer-share-dialog form{width:100%}
body.social-app .home-viewer-share-dialog>div>button:not([data-home-viewer-share-close]),body.social-app .home-viewer-share-dialog form>button{width:100%;min-height:48px}
@media(max-width:720px){
    body.social-app .home-viewer-share-dialog{align-items:end!important;justify-items:stretch!important;padding:0!important}
    body.social-app .home-viewer-share-dialog>div{width:100vw!important;max-width:100vw!important;min-height:58dvh;max-height:88dvh!important;margin:0!important;padding:22px 16px max(18px,env(safe-area-inset-bottom))!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;overflow:auto}
    body.social-app .home-viewer-share-dialog textarea{min-height:130px}
    body.social-app .home-viewer-share-dialog [data-home-viewer-share-close]{right:12px;top:12px}
}
.home-video-open{border:0;cursor:pointer;font-family:inherit}

body.social-app.nav-explore .feed-card .feed-follow-form{
    display:none!important;
}

/* Header language placement and compact mobile feed metadata */
body.social-app .feed-meta-lines{
    display:none!important;
}
@media(max-width:720px){
    body.social-app.nav-home .feed-card .feed-follow-form{
        display:none!important;
    }
    body.social-app{
        padding-bottom:0!important;
    }
    body.social-app .feed-main{
        padding-bottom:24px!important;
    }
    body.social-app .aktv-bottom-lang-sheet{
        display:none!important;
    }
    body.social-app .mobile-language{
        display:block!important;
        justify-self:end!important;
        position:relative!important;
        z-index:900!important;
    }
    body.social-app .mobile-language .language-menu-list{
        top:58px!important;
        right:10px!important;
        left:10px!important;
        bottom:auto!important;
        width:auto!important;
        max-height:calc(100dvh - 72px)!important;
        z-index:920!important;
    }
    body.social-app .feed-menu{
        right:10px!important;
        top:12px!important;
    }
    body.social-app .feed-head{
        margin-right:46px!important;
        margin-bottom:6px!important;
    }
    body.social-app .feed-title{
        width:100%!important;
        max-width:100%!important;
        margin:0 0 8px!important;
        padding-right:0!important;
        box-sizing:border-box!important;
    }
    body.social-app .feed-title a{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        overflow-wrap:break-word!important;
    }
    body.social-app .mobile-context-back{
        justify-self:start!important;
        display:inline-flex!important;
        align-items:center!important;
        gap:7px!important;
        min-width:0!important;
        color:var(--text)!important;
        font-size:14px!important;
        font-weight:900!important;
        white-space:nowrap!important;
    }
    body.social-app .mobile-context-back svg{
        width:21px!important;
        height:21px!important;
        flex:0 0 21px!important;
    }
    body.social-app .mobile-top-context{
        grid-template-columns:1fr!important;
        padding-left:14px!important;
        padding-right:14px!important;
    }
    body.social-app .feed-head>span{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        min-width:0!important;
        width:100%!important;
    }
    body.social-app .feed-head .profile-hover{
        display:block!important;
        width:100%!important;
    }
    body.social-app .feed-meta-lines{
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        width:100%!important;
        gap:4px!important;
        white-space:normal!important;
        font-size:10px!important;
        line-height:1.25!important;
        padding-right:2px!important;
    }
    body.social-app .feed-meta-lines span{
        display:inline-flex!important;
        align-items:center!important;
        width:auto!important;
    }
    body.social-app .feed-meta-lines span+span:before{
        content:none!important;
        display:none!important;
        margin:0!important;
    }
    body.social-app .feed-meta-desktop{
        display:none!important;
    }
}
body.social-app.article-mode .reader-actions{
    gap:7px!important;
}
body.social-app.article-mode .reader-actions .reader-icon{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    border:1px solid rgba(128,128,128,.20)!important;
    border-radius:8px!important;
    background:transparent!important;
    color:var(--text)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    box-sizing:border-box!important;
}
body.social-app.article-mode .reader-actions .reader-icon svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    stroke:currentColor!important;
    stroke-width:2!important;
}
body.social-app.article-mode .reader-actions .reader-icon.text{
    font-size:16px!important;
    font-weight:800!important;
    letter-spacing:-1px!important;
}
body.social-app.dark.article-mode .reader-actions .reader-icon{
    border-color:rgba(255,255,255,.14)!important;
}
body.social-app.article-mode .article-topbar{top:0!important;margin-top:0!important}
@media(max-width:720px){body.social-app.article-mode{padding-top:0!important}body.social-app.article-mode .article-reader{padding-top:52px!important;margin-top:0!important}body.social-app.article-mode.reader-header-hidden .article-reader{padding-top:0!important}body.social-app.article-mode .article-topbar{top:0!important;margin-top:0!important}}

/* Final mobile article chrome behavior */
@media(max-width:720px){body.social-app.article-mode .article-topbar,body.social-app.article-mode.reader-header-hidden .article-topbar{position:fixed!important;top:0!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:780!important}body.social-app.article-mode .article-reader,body.social-app.article-mode.reader-header-hidden .article-reader{padding-top:52px!important}body.social-app.article-mode.mobile-logo-hidden:not(.bottom-language-open) .mobile-bottom-nav{transform:translateY(115%)!important;opacity:0!important;pointer-events:none!important}body.social-app.article-mode:not(.mobile-logo-hidden) .mobile-bottom-nav,body.social-app.article-mode.bottom-language-open .mobile-bottom-nav{transform:none!important;opacity:1!important;pointer-events:auto!important}}

/* Ultra subtle article-mode dividers */
body.social-app.article-mode{--article-line-soft:rgba(0,0,0,.018)!important}
body.social-app.dark.article-mode{--article-line-soft:rgba(255,255,255,.028)!important}
body.social-app.article-mode .app-shell,body.social-app.article-mode .feed-main,body.social-app.article-mode .side-nav,body.social-app.article-mode .right-rail,body.social-app.article-mode .article-topbar,body.social-app.article-mode .mobile-top,body.social-app.article-mode .mobile-bottom-nav{border-color:var(--article-line-soft)!important;box-shadow:none!important}
body.social-app.article-mode .feed-main{border-left-color:var(--article-line-soft)!important;border-right-color:var(--article-line-soft)!important}
body.social-app.article-mode .side-nav{border-right-color:var(--article-line-soft)!important}
body.social-app.article-mode .right-rail{border-left-color:var(--article-line-soft)!important}
body.social-app.article-mode .article-social-panel,body.social-app.article-mode .related-strip,body.social-app.article-mode .related-strip a,body.social-app.article-mode .post-actions,body.social-app.article-mode .comment-row,body.social-app.article-mode .external-share,body.social-app.article-mode .modal-form{border-color:var(--article-line-soft)!important}

/* Guest profile and reaction state fixes */
body.social-app .profile-create-button{
    background:#1d9bf0!important;
    color:#fff!important;
    border:1px solid rgba(29,155,240,.45)!important;
}
body.social-app.dark .profile-create-button{
    background:#1d9bf0!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
}
body.social-app .post-actions button.active,
body.social-app .social-actions button.active{
    background:transparent!important;
    color:#1d9bf0!important;
    box-shadow:none!important;
}
body.social-app .post-actions button.active:before,
body.social-app .social-actions button.active:before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:6px;
    border-radius:50%;
    background:#1d9bf0;
    vertical-align:middle;
}
body.social-app .post-actions button.active:hover,
body.social-app .social-actions button.active:hover{
    background:rgba(29,155,240,.10)!important;
    color:#1d9bf0!important;
}
body.social-app .guest-profile-note{
    padding-top:18px!important;
}
body.social-app .guest-profile-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    place-items:center;
    width:20px;
    height:20px;
    margin:0 0 0 4px;
    padding:0;
    border:0;
    border-radius:50%;
    border:1px solid rgba(29,155,240,.55);
    background:rgba(29,155,240,.13);
    color:#1d9bf0;
    font-family:Georgia,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",serif;
    font-size:13px;
    font-weight:800;
    line-height:1;
    vertical-align:middle;
    cursor:pointer;
    box-shadow:none;
}
body.social-app .guest-profile-username{display:flex;align-items:center;gap:3px}
body.social-app .guest-profile-info-modal .card-modal-panel{height:auto;max-height:min(620px,calc(100vh - 36px))}
body.social-app .guest-profile-info-modal .guest-profile-card{
    border:0;
    padding:4px 0 0;
    background:transparent;
}
@media(max-width:720px){
    body.social-app .guest-profile-info-modal{align-items:flex-end;padding:10px}
    body.social-app .guest-profile-info-modal .card-modal-panel{width:100%;height:auto!important;max-height:min(68dvh,520px);margin:0;border-radius:16px;padding:14px;overflow:auto}
    body.social-app .guest-profile-info-modal .guest-profile-card h2{font-size:19px}
    body.social-app .guest-profile-info-modal .guest-profile-card{padding-top:0}
    body.social-app .guest-profile-info-modal .guest-profile-card ul{margin:10px 0 12px;gap:6px}
}
body.social-app .guest-profile-card{
    max-width:560px;
    margin:0 auto;
    border:1px solid var(--line);
    background:var(--soft);
    color:var(--text);
    border-radius:12px;
    padding:18px;
    text-align:left;
}
body.social-app .guest-profile-card h2{
    margin:5px 0 8px;
    font-size:22px;
    line-height:1.15;
}
body.social-app .guest-profile-card p{
    margin:0 0 12px;
    color:var(--muted);
    font-weight:700;
}
body.social-app .guest-kicker{
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 9px;
    border-radius:999px;
    background:rgba(29,155,240,.12);
    color:#1d9bf0;
    font-size:12px;
    font-weight:900;
}
body.social-app .guest-profile-card ul{
    margin:12px 0 16px;
    padding:0;
    list-style:none;
    display:grid;
    gap:8px;
}
body.social-app .guest-profile-card li{
    position:relative;
    padding-left:18px;
    color:var(--text);
    font-weight:700;
}
body.social-app .guest-profile-card li:before{
    content:"";
    position:absolute;
    left:0;
    top:.65em;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1d9bf0;
}
body.social-app .guest-profile-cta{
    height:40px;
    padding:0 15px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}
body.social-app .guest-profile-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
body.social-app .guest-login-button{
    background:transparent!important;
    color:var(--text)!important;
    border:1px solid var(--line)!important;
}
body.social-app .mobile-auth-shortcuts,
body.social-app .guest-profile-header-auth{
    display:none!important;
}
@media(max-width:720px){
    body.social-app .mobile-auth-shortcuts{
        display:grid!important;
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin:18px 0 4px;
        padding-top:16px;
        border-top:1px solid var(--line);
    }
    body.social-app .mobile-auth-shortcuts a{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-width:0;
        min-height:43px;
        padding:7px 9px;
        border-radius:10px;
        font-size:12px;
        font-weight:900;
        line-height:1.15;
        text-align:center;
    }
    body.social-app .mobile-auth-shortcuts svg{width:18px;height:18px;flex:0 0 18px}
    body.social-app .mobile-auth-create{background:#1d9bf0;color:#fff!important;border:1px solid #1d9bf0}
    body.social-app .mobile-auth-login{background:rgba(29,155,240,.12);color:#1d9bf0!important;border:1px solid #1d9bf0}
    body.social-app.dark .mobile-auth-login{background:rgba(29,155,240,.2);color:#82caff!important;border-color:#349ff3}
    body.social-app .guest-profile-header-auth{
        display:grid!important;
        grid-template-columns:1fr 1fr;
        width:min(100%,340px)!important;
        gap:8px!important;
        margin:14px auto 0!important;
    }
    body.social-app .guest-profile-header-auth .guest-profile-cta{width:100%;box-sizing:border-box}
}
body.social-app .stats-modal-panel{
    width:min(480px,100%)!important;
}
body.social-app .stats-overview{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:8px 0 14px;
}
body.social-app .stats-overview div{
    border:1px solid var(--line);
    background:var(--soft);
    border-radius:12px;
    padding:14px;
    min-height:74px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
body.social-app .stats-overview span{
    font-size:28px;
    line-height:1;
    font-weight:900;
    color:var(--text);
}
body.social-app .stats-overview b{
    color:var(--muted);
    font-size:13px;
}
body.social-app .stats-detail{
    border-top:1px solid var(--line);
    padding-top:10px;
    display:grid;
    gap:8px;
}
body.social-app .stats-detail div{
    display:flex;
    justify-content:space-between;
    gap:14px;
    color:var(--muted);
    font-weight:800;
}
body.social-app .stats-detail span{
    color:var(--text);
    font-weight:900;
}
body.social-app .profile-stats{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:18px!important;
    flex-wrap:wrap!important;
    margin-top:10px!important;
    color:var(--muted)!important;
    font-size:14px!important;
    line-height:1.2!important;
}
body.social-app .profile-stats span{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:5px!important;
    white-space:nowrap!important;
}
body.social-app .profile-stats strong{
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:900!important;
}
body.social-app .profile-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:12px!important;
}
body.social-app .profile-hero .avatar{
    margin:0 auto!important;
    display:flex!important;
}
body.social-app .profile-hero .meta{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    gap:4px!important;
}
body.social-app .profile-hero form{
    margin:0!important;
}
body.social-app .profile-action-button{
    height:36px!important;
    border-radius:999px!important;
    padding:0 16px!important;
    background:transparent!important;
    color:var(--text)!important;
    border:1px solid var(--line)!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:none!important;
}
body.social-app .profile-action-button.is-following{
    background:transparent!important;
    color:var(--text)!important;
    border-color:var(--line)!important;
}
body.social-app .profile-action-button:hover{
    background:var(--soft)!important;
    opacity:1;
}
body.social-app .person-row form{
    margin:0!important;
    flex:0 0 auto!important;
}
body.social-app .person-row .follow-button{
    position:relative!important;
    width:132px!important;
    height:36px!important;
    min-width:132px!important;
    border-radius:999px!important;
    padding:0 14px!important;
    border:1px solid var(--text)!important;
    background:var(--text)!important;
    color:var(--bg)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.social-app .person-row .follow-button:hover{
    transform:translateY(-1px)!important;
    opacity:1!important;
}
body.social-app .person-row .follow-button.is-following{
    background:transparent!important;
    color:var(--text)!important;
    border-color:var(--line)!important;
}
body.social-app .person-row .follow-button.is-following:hover{
    background:rgba(224,36,36,.10)!important;
    color:#e02424!important;
    border-color:rgba(224,36,36,.45)!important;
}
body.social-app .person-row .follow-button:disabled{
    opacity:.62!important;
    cursor:wait!important;
    transform:none!important;
}
@media(max-width:520px){
    body.social-app .person-row{
        align-items:flex-start!important;
    }
    body.social-app .person-row .follow-button{
        width:112px!important;
        min-width:112px!important;
        height:34px!important;
        padding:0 10px!important;
        font-size:13px!important;
    }
}
body.social-app .action-summary{
    justify-content:flex-start!important;
    align-items:center!important;
    gap:12px!important;
}
body.social-app .action-summary .stats-summary{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:var(--muted)!important;
    font-weight:900!important;
    margin-left:0!important;
    order:-1!important;
}
body.social-app .action-summary .like-summary,
body.social-app .action-summary .comment-summary,
body.social-app .action-summary .save-summary,
body.social-app .action-summary .share-summary{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:var(--muted)!important;
    font-weight:900!important;
}
body.social-app .action-summary .like-summary svg,
body.social-app .action-summary .comment-summary svg,
body.social-app .action-summary .save-summary svg,
body.social-app .action-summary .share-summary svg{
    width:17px!important;
    height:17px!important;
    stroke:currentColor!important;
    fill:currentColor!important;
    stroke-width:2.2!important;
}
body.social-app .action-summary .stats-summary svg{
    width:17px!important;
    height:17px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.2!important;
}
body.social-app .post-actions,
body.social-app .social-actions{
    align-items:stretch!important;
}
body.social-app .post-actions form,
body.social-app .social-actions form{
    min-width:0!important;
}
body.social-app .post-actions button,
body.social-app .social-actions button{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
}
body.social-app .post-actions button svg,
body.social-app .social-actions button svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    grid-column:1!important;
    justify-self:end!important;
    flex:0 0 18px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.2!important;
}
body.social-app .post-actions .action-label,
body.social-app .social-actions .action-label{
    display:block!important;
    grid-column:2!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.1!important;
    justify-self:start!important;
}
body.social-app .post-actions button.active:before,
body.social-app .social-actions button.active:before{
    display:none!important;
}
body.social-app .post-actions button.active svg{
    color:#1d9bf0!important;
    stroke:#1d9bf0!important;
}
body.social-app .card-modal .comment-list{
    gap:10px!important;
}
body.social-app .card-modal .comment-row{
    align-items:flex-start!important;
    gap:8px!important;
    border-bottom:0!important;
    padding:0!important;
    background:transparent!important;
}
body.social-app .card-modal .comment-row .avatar{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin-top:2px!important;
}
body.social-app .card-modal .comment-body{
    flex:1!important;
    min-width:0!important;
}
body.social-app .card-modal .comment-bubble{
    display:inline-block!important;
    max-width:100%!important;
    background:var(--soft)!important;
    color:var(--text)!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    padding:8px 10px!important;
}
body.social-app .card-modal .comment-head{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:7px!important;
}
body.social-app .card-modal .comment-head a,
body.social-app .card-modal .comment-head strong{
    color:var(--text)!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:900!important;
}
body.social-app .card-modal .comment-date{
    color:var(--muted)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
body.social-app .card-modal .comment-body p{
    margin:4px 0 0!important;
    color:var(--text)!important;
    font-size:14px!important;
    line-height:1.35!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
}
body.social-app .card-modal .comment-menu{
    margin-left:auto!important;
}
@media(max-width:720px){
    body.social-app.mobile-logo-hidden:not(.menu-open) .mobile-top,
    body.social-app.mobile-logo-hidden .mobile-top,
    body.social-app.article-mode.reader-header-hidden .mobile-top{
        display:grid!important;
        transform:none!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
    body.social-app.mobile-logo-hidden:not(.menu-open) .mobile-bottom-nav,
    body.social-app.mobile-logo-hidden .mobile-bottom-nav{
        transform:translateY(115%)!important;
        opacity:0!important;
        pointer-events:none!important;
    }
}

/* Mobile statistics and social action layout */
@media(max-width:720px){
    body.social-app .card-modal .stats-modal-panel{
        display:block!important;
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        box-sizing:border-box!important;
    }
    body.social-app .stats-modal-panel .card-modal-head{
        width:100%!important;
        box-sizing:border-box!important;
    }
    body.social-app .stats-modal-panel .stats-overview,
    body.social-app .stats-modal-panel .stats-detail{
        width:auto!important;
        max-width:100%!important;
        margin-left:12px!important;
        margin-right:12px!important;
        box-sizing:border-box!important;
    }
    body.social-app .stats-modal-panel .stats-overview{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin-top:12px!important;
    }
    body.social-app .stats-modal-panel .stats-overview div{
        min-width:0!important;
        padding:11px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.social-app .stats-modal-panel .stats-overview span{
        font-size:23px!important;
        max-width:100%!important;
        overflow-wrap:anywhere!important;
    }
    body.social-app .stats-modal-panel .stats-overview b,
    body.social-app .stats-modal-panel .stats-detail strong{
        min-width:0!important;
        overflow-wrap:anywhere!important;
    }
    body.social-app .stats-modal-panel .stats-detail{
        padding:10px 0 14px!important;
    }
    body.social-app .stats-modal-panel .stats-detail div{
        min-width:0!important;
        align-items:flex-start!important;
    }
    body.social-app .post-actions{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;
        padding:8px 0!important;
    }
    body.social-app .post-actions form{
        width:100%!important;
        min-width:0!important;
    }
    body.social-app .post-actions button{
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        height:40px!important;
        padding:0 8px!important;
        gap:7px!important;
        overflow:hidden!important;
    }
    body.social-app .post-actions button svg{
        flex:0 0 18px!important;
    }
    body.social-app .post-actions .action-label{
        display:block!important;
        min-width:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
}
body.social-app .card-modal .comment-row,
body.social-app .article-social-panel .comment-row{
    display:grid!important;
    grid-template-columns:42px minmax(92px,150px) minmax(0,1fr) 30px!important;
    column-gap:10px!important;
    align-items:start!important;
    padding:9px 0!important;
    border-bottom:1px solid var(--line)!important;
    background:transparent!important;
}
body.social-app .card-modal .comment-row .avatar,
body.social-app .article-social-panel .comment-row .avatar{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
}
body.social-app .card-modal .comment-body,
body.social-app .card-modal .comment-bubble,
body.social-app .card-modal .comment-head,
body.social-app .article-social-panel .comment-body,
body.social-app .article-social-panel .comment-bubble,
body.social-app .article-social-panel .comment-head{
    display:contents!important;
}
body.social-app .card-modal .comment-head a,
body.social-app .article-social-panel .comment-head a{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.social-app .card-modal .comment-date,
body.social-app .article-social-panel .comment-date{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin-top:3px!important;
}
body.social-app .card-modal .comment-body p,
body.social-app .article-social-panel .comment-body p{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    background:var(--soft)!important;
    border:1px solid var(--line)!important;
    align-self:start!important;
}
body.social-app .card-modal .comment-menu,
body.social-app .article-social-panel .comment-menu{
    grid-column:4!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
}
body.social-app .card-modal .comment-actions,
body.social-app .article-social-panel .comment-actions{
    grid-column:3!important;
    grid-row:3!important;
}
@media(max-width:520px){
    body.social-app .card-modal .comment-row,
    body.social-app .article-social-panel .comment-row{
        grid-template-columns:38px minmax(70px,100px) minmax(0,1fr) 28px!important;
        column-gap:7px!important;
    }
}
@media(min-width:721px){
    body.social-app.article-mode .app-shell{
        border:0!important;
        box-shadow:none!important;
    }
    body.social-app.article-mode .feed-main,
    body.social-app.article-mode .side-nav,
    body.social-app.article-mode .right-rail{
        border-left:0!important;
        border-right:0!important;
        box-shadow:none!important;
    }
    body.social-app.article-mode .article-reader{border:0!important;box-shadow:none!important}
}

/* Robust comment layout: avatar left, comment content center, menu pinned right. */
body.social-app .card-modal .comment-row,
body.social-app .article-social-panel .comment-row{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:10px 0!important;
    border-bottom:1px solid var(--line)!important;
    background:transparent!important;
}
body.social-app .card-modal .comment-row .avatar,
body.social-app .article-social-panel .comment-row .avatar{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
}
body.social-app .card-modal .comment-body,
body.social-app .article-social-panel .comment-body{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    overflow:visible!important;
}
body.social-app .card-modal .comment-bubble,
body.social-app .article-social-panel .comment-bubble{
    position:relative!important;
    display:block!important;
    width:fit-content!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:8px 42px 9px 11px!important;
    border-radius:16px!important;
    background:var(--soft)!important;
    border:1px solid var(--line)!important;
    color:var(--text)!important;
    overflow:visible!important;
}
body.social-app .card-modal .comment-head,
body.social-app .article-social-panel .comment-head{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    max-width:100%!important;
    padding-right:0!important;
}
body.social-app .card-modal .comment-head a,
body.social-app .article-social-panel .comment-head a{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--text)!important;
    font-weight:900!important;
}
body.social-app .card-modal .comment-date,
body.social-app .article-social-panel .comment-date{
    flex:0 0 auto!important;
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
body.social-app .card-modal .comment-menu,
body.social-app .article-social-panel .comment-menu{
    position:absolute!important;
    right:8px!important;
    top:6px!important;
    margin:0!important;
    z-index:30!important;
}
body.social-app .card-modal .comment-menu-panel,
body.social-app .article-social-panel .comment-menu-panel{
    z-index:120!important;
    min-width:190px!important;
    max-width:min(240px,calc(100vw - 44px))!important;
    overflow:visible!important;
}
body.social-app .card-modal .comment-menu-panel button,
body.social-app .article-social-panel .comment-menu-panel button{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
body.social-app .card-modal .comment-body p,
body.social-app .article-social-panel .comment-body p{
    display:block!important;
    max-width:100%!important;
    min-width:0!important;
    margin:5px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:14px!important;
    line-height:1.38!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}
body.social-app .card-modal .comment-actions,
body.social-app .article-social-panel .comment-actions{
    margin-top:5px!important;
    padding-left:2px!important;
}
@media(max-width:520px){
    body.social-app .card-modal .comment-row,
    body.social-app .article-social-panel .comment-row{
        gap:8px!important;
    }
    body.social-app .card-modal .comment-row .avatar,
    body.social-app .article-social-panel .comment-row .avatar{
        width:34px!important;
        height:34px!important;
        flex-basis:34px!important;
    }
    body.social-app .card-modal .comment-bubble,
    body.social-app .article-social-panel .comment-bubble{
        padding-right:38px!important;
    }
}

/* Keep comment action menus readable; previous comment overflow rules can clip the report text. */
body.social-app .card-modal .comment-list,
body.social-app .card-modal .comment-row,
body.social-app .card-modal .comment-body,
body.social-app .card-modal .comment-bubble,
body.social-app .card-modal .comment-head,
body.social-app .article-social-panel .comment-list,
body.social-app .article-social-panel .comment-row,
body.social-app .article-social-panel .comment-body,
body.social-app .article-social-panel .comment-bubble,
body.social-app .article-social-panel .comment-head{
    overflow:visible!important;
}
body.social-app .card-modal .comment-bubble,
body.social-app .article-social-panel .comment-bubble{
    width:100%!important;
}
body.social-app .card-modal .comment-menu.open .comment-menu-panel,
body.social-app .article-social-panel .comment-menu.open .comment-menu-panel{
    display:block!important;
    right:0!important;
    left:auto!important;
    top:24px!important;
    width:max-content!important;
    min-width:190px!important;
    max-width:min(260px,calc(100vw - 44px))!important;
    padding:6px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
}
body.social-app .card-modal .comment-menu.open .comment-menu-panel button,
body.social-app .article-social-panel .comment-menu.open .comment-menu-panel button{
    display:block!important;
    width:100%!important;
    min-width:178px!important;
    text-align:left!important;
    white-space:nowrap!important;
}
body.social-app.modal-scroll-locked{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    overflow:hidden!important;
}
body.social-app .floating-toast{
    position:fixed!important;
    left:50%!important;
    bottom:24px!important;
    transform:translateX(-50%)!important;
    z-index:9999!important;
    width:max-content!important;
    max-width:calc(100vw - 32px)!important;
    margin:0!important;
    padding:11px 15px!important;
    border:1px solid var(--line)!important;
    border-left:0!important;
    border-radius:999px!important;
    background:var(--text)!important;
    color:var(--bg)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
    font-weight:900!important;
    text-align:center!important;
    pointer-events:none!important;
}

body.social-app .feed-corner-save{
    display:none!important;
}
body.social-app .post-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.social-app .post-actions button{
    min-width:0!important;
    gap:5px!important;
}
body.social-app .post-actions .action-label{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.social-app .post-actions button.save-action.active,
body.social-app .post-actions button.save-action.saved{
    color:#1d9bf0!important;
}
body.social-app .post-actions button.save-action.active svg,
body.social-app .post-actions button.save-action.saved svg,
body.social-app .reader-icon.bookmark-action.saved svg{
    fill:#1d9bf0!important;
    color:#1d9bf0!important;
    stroke:#1d9bf0!important;
}
body.social-app .card-modal{
    z-index:1200!important;
}
body.social-app .verified-profile-modal,
body.social-app .supporter-info-modal,
body.social-app .premium-channel-info-modal{
    z-index:1600!important;
}

@media(max-width:720px){
    body.social-app .action-summary{
        gap:8px!important;
        font-size:10px!important;
        line-height:1.05!important;
        min-width:0!important;
    }
    body.social-app .action-summary>*{
        min-width:0!important;
        font-size:10px!important;
        white-space:nowrap!important;
    }
    body.social-app .action-summary svg{
        width:15px!important;
        height:15px!important;
        flex:0 0 15px!important;
    }
    body.social-app .card-modal{
        align-items:stretch!important;
        justify-content:center!important;
        padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))!important;
    }
    body.social-app .card-modal-panel{
        width:100%!important;
        max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
        height:auto!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        border-radius:12px!important;
        padding:0!important;
    }
    body.social-app .card-modal-head{
        position:sticky!important;
        top:0!important;
        z-index:4!important;
        flex:0 0 auto!important;
        padding:12px 14px!important;
        margin:0!important;
        background:var(--bg)!important;
        border-bottom:1px solid var(--line)!important;
    }
    body.social-app .card-modal .comment-list{
        flex:1 1 auto!important;
        min-height:0!important;
        overflow:auto!important;
        padding:12px 14px!important;
        margin:0!important;
    }
    body.social-app .card-modal .modal-form{
        position:sticky!important;
        bottom:0!important;
        z-index:4!important;
        flex:0 0 auto!important;
        display:grid!important;
        gap:8px!important;
        margin:0!important;
        padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
        background:var(--bg)!important;
        border-top:1px solid var(--line)!important;
    }
    body.social-app .card-modal .modal-form textarea{
        min-height:70px!important;
        max-height:120px!important;
    }
    body.social-app .card-modal .modal-form button{
        min-height:38px!important;
    }
    body.social-app #profile-edit-modal .card-modal-panel{
        display:block!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch;
    }
    body.social-app #profile-edit-modal .modal-form{
        position:static!important;
    }
    body.social-app .post-actions{
        gap:2px!important;
    }
    body.social-app .post-actions button{
        padding:0 2px!important;
    }
    body.social-app .post-actions button svg{
        width:18px!important;
        height:18px!important;
    }
    body.social-app .post-actions{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:3px!important;
    }
    body.social-app .post-actions button{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        height:52px!important;
        padding:5px 2px!important;
        gap:4px!important;
        border-radius:8px!important;
    }
    body.social-app .post-actions button svg{
        width:19px!important;
        height:19px!important;
        flex:0 0 19px!important;
    }
    body.social-app .post-actions .action-label{
        width:100%!important;
        font-size:10px!important;
        line-height:1!important;
        text-align:center!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    body.social-app .card-modal .stats-modal-panel{
        display:block!important;
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        box-sizing:border-box!important;
    }
    body.social-app .stats-modal-panel .stats-overview,
    body.social-app .stats-modal-panel .stats-detail{
        max-width:calc(100% - 24px)!important;
        margin-left:12px!important;
        margin-right:12px!important;
        box-sizing:border-box!important;
    }
    body.social-app.nav-follow .page-panel,
    body.social-app.nav-follow .person-list,
    body.social-app.nav-follow .person-list>div{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
    }
    body.social-app.nav-follow .person-row{
        display:grid!important;
        grid-template-columns:38px minmax(0,1fr) 86px!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        padding:10px 0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.social-app.nav-follow .person-row .avatar{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
    }
    body.social-app.nav-follow .person-row .meta{
        min-width:0!important;
        overflow:hidden!important;
    }
    body.social-app.nav-follow .person-row .meta strong,
    body.social-app.nav-follow .person-row .meta .muted{
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    body.social-app.nav-follow .person-row form{
        width:86px!important;
        min-width:0!important;
        max-width:86px!important;
    }
    body.social-app.nav-follow .person-row .follow-button{
        width:86px!important;
        min-width:0!important;
        max-width:86px!important;
        height:34px!important;
        padding:0 6px!important;
        font-size:11px!important;
        box-sizing:border-box!important;
    }
}

/* Compact, interactive comment controls. */
body.social-app .comment-actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    min-height:24px!important;
    margin-top:3px!important;
    padding-left:0!important;
}
body.social-app .comment-actions form{
    display:inline-flex!important;
    width:auto!important;
}
body.social-app .comment-actions button{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
    min-width:0!important;
    height:24px!important;
    min-height:24px!important;
    padding:0 2px!important;
    border:0!important;
    background:transparent!important;
    color:var(--muted)!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:700!important;
}
body.social-app .comment-actions button svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    stroke-width:2!important;
}
body.social-app .comment-actions .comment-like-button.active{
    color:#d7263d!important;
}
body.social-app .comment-actions .comment-like-button.active svg{
    fill:currentColor!important;
}
body.social-app .comment-reply-form[hidden]{
    display:none!important;
}
body.social-app .comment-reply-form{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    width:100%!important;
    margin:8px 0 2px!important;
    padding:8px 0 0!important;
    border-top:0!important;
    background:transparent!important;
}
body.social-app .comment-reply-form textarea{
    min-height:40px!important;
    max-height:96px!important;
    height:40px!important;
    padding:9px 10px!important;
    resize:vertical!important;
    font-size:13px!important;
}
body.social-app .comment-reply-form button{
    align-self:end!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 12px!important;
    font-size:12px!important;
}
body.social-app .comment-replies{
    display:grid!important;
    gap:8px!important;
    margin:9px 0 3px 10px!important;
}
body.social-app .comment-replies .comment-reply-row{
    padding-bottom:0!important;
    border-bottom:0!important;
}
body.social-app .comment-replies .comment-reply-row .avatar{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
}
body.social-app .card-modal .main-comment-form,
body.social-app .article-social-panel .main-comment-form{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    flex:0 0 auto!important;
    gap:8px!important;
    margin:0!important;
    padding:10px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--bg)!important;
}
body.social-app .article-social-panel .main-comment-form{
    padding:0 0 12px!important;
    margin-bottom:12px!important;
}
body.social-app .main-comment-form textarea{
    min-height:40px!important;
    max-height:96px!important;
    height:40px!important;
    padding:9px 10px!important;
    resize:vertical!important;
    font-size:13px!important;
}
body.social-app .main-comment-form button{
    align-self:end!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 12px!important;
    font-size:12px!important;
}
body.social-app .comment-login-button{
    position:static!important;
    margin:10px 14px!important;
}
body.social-app .reply-actions{
    margin-top:2px!important;
    min-height:20px!important;
}
body.social-app .reply-actions button{
    height:20px!important;
    min-height:20px!important;
}
body.social-app .reply-actions button svg{
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important;
}
body.social-app .card-modal .comment-body .comment-text.is-collapsed,
body.social-app .article-social-panel .comment-body .comment-text.is-collapsed{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
    overflow:hidden!important;
}
body.social-app .comment-text-toggle,
body.social-app .replies-toggle{
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:1px 0 5px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:800!important;
    cursor:pointer!important;
}
body.social-app .comment-text-toggle[hidden]{
    display:none!important;
}
body.social-app .comment-replies{
    position:relative!important;
    margin-left:16px!important;
    padding-left:13px!important;
    border-left:2px solid var(--line)!important;
}
body.social-app .comment-reply-row.is-hidden-reply{
    display:none!important;
}
body.social-app .comment-replies.expanded .comment-reply-row.is-hidden-reply{
    display:flex!important;
}
body.social-app .reply-context{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0 0 3px!important;
    color:var(--muted)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    text-transform:uppercase!important;
}
body.social-app .reply-context::before{
    content:""!important;
    width:12px!important;
    height:1px!important;
    margin-left:-15px!important;
    background:var(--line)!important;
}
body.social-app .reply-bubble{
    width:fit-content!important;
    max-width:100%!important;
    padding:7px 9px!important;
    border-radius:8px!important;
    background:var(--soft)!important;
}
body.social-app .reply-bubble .comment-text{
    margin-bottom:2px!important;
}
body.social-app .replies-toggle{
    justify-self:start!important;
    margin:2px 0 2px 38px!important;
}

/* Article preview and Facebook-style comment composer. */
body.social-app .article-preview-modal{
    z-index:900!important;
    padding:12px!important;
}
body.social-app .article-preview-panel{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:min(740px,100%)!important;
    height:min(94dvh,900px)!important;
    overflow:hidden!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
}
body.social-app .article-resize-handle{
    position:absolute!important;
    top:48px!important;
    bottom:0!important;
    z-index:12!important;
    width:10px!important;
    cursor:ew-resize!important;
    touch-action:none!important;
}
body.social-app .article-resize-handle.is-right{right:-5px!important}
body.social-app.article-modal-resizing,
body.social-app.article-modal-resizing *{
    cursor:ew-resize!important;
    user-select:none!important;
}
body.social-app .article-preview-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex:0 0 48px!important;
    min-height:48px!important;
    padding:0 14px!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--bg)!important;
}
body.social-app .article-preview-head>div{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}
body.social-app .article-preview-head a{
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.social-app .article-preview-head button{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--soft)!important;
    color:var(--text)!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
}
body.social-app .article-preview-content{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    background:var(--bg)!important;
}
body.social-app .article-preview-content .article-reader{
    width:min(100%,820px)!important;
    max-width:820px!important;
    margin:0 auto!important;
    border:0!important;
    box-shadow:none!important;
}
body.social-app .article-preview-content .article-reader>h1{
    margin-top:24px!important;
}
body.social-app .article-preview-content .article-social-panel{
    padding-bottom:18px!important;
}
body.social-app .notification-target{
    display:block!important;
    min-width:0!important;
}
body.social-app .notification-target .muted{
    display:block!important;
    margin-top:3px!important;
}
body.social-app .notification-row{
    position:relative!important;
    color:var(--text)!important;
    cursor:pointer!important;
    text-decoration:none!important;
    border-radius:12px!important;
    transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.social-app .notification-row:hover,
body.social-app .notification-row:focus-visible{
    background:var(--soft)!important;
    box-shadow:inset 3px 0 0 #1d9bf0!important;
    outline:none!important;
}
body.social-app .notification-row:active{
    transform:scale(.995)!important;
}
body.social-app .notification-arrow{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    color:var(--muted)!important;
    font-size:27px!important;
    line-height:1!important;
    transform:translateY(-50%)!important;
    transition:color .16s ease,transform .16s ease!important;
}
body.social-app .notification-row:hover .notification-arrow,
body.social-app .notification-row:focus-visible .notification-arrow{
    color:#1d9bf0!important;
    transform:translate(3px,-50%)!important;
}
body.social-app .comment-row.notification-highlight{
    scroll-margin:90px 0!important;
    animation:notification-focus 2.6s ease!important;
}
@keyframes notification-focus{
    0%,45%{background:rgba(29,155,240,.16)}
    100%{background:transparent}
}
body.social-app .article-preview-loading,
body.social-app .article-preview-error{
    display:grid!important;
    place-items:center!important;
    min-height:220px!important;
    padding:24px!important;
    color:var(--muted)!important;
    font-weight:800!important;
}
body.social-app .card-modal .main-comment-form,
body.social-app .article-social-panel .main-comment-form{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    align-items:center!important;
}
body.social-app .comment-composer-avatar{
    display:block!important;
    width:34px!important;
    height:34px!important;
    overflow:hidden!important;
    border-radius:50%!important;
    background:var(--soft)!important;
}
body.social-app .comment-composer-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.social-app .comment-inline-edit-form[hidden]{
    display:none!important;
}
body.social-app .comment-inline-edit-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
    margin:7px 0 3px!important;
}
body.social-app .comment-inline-edit-form textarea{
    width:100%!important;
    min-height:54px!important;
    max-height:140px!important;
    padding:9px 10px!important;
    resize:vertical!important;
    border:1px solid var(--line)!important;
    border-radius:7px!important;
    background:var(--soft)!important;
    color:var(--text)!important;
    font:inherit!important;
    font-size:13px!important;
}
body.social-app .comment-inline-edit-form>div{
    display:flex!important;
    justify-content:flex-end!important;
    gap:7px!important;
}
body.social-app .comment-inline-edit-form button{
    min-height:30px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:6px!important;
    background:var(--text)!important;
    color:var(--bg)!important;
    font-size:12px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
body.social-app .comment-inline-edit-form button.secondary{
    background:var(--soft)!important;
    color:var(--text)!important;
}
body.social-app .comment-sort-menu{
    position:relative!important;
    align-self:flex-start!important;
    margin:0 14px 9px!important;
    z-index:18!important;
}
body.social-app .article-social-panel>.comment-sort-menu{
    margin:0 0 10px!important;
}
body.social-app .comment-sort-toggle{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:13px!important;
    font-weight:900!important;
    cursor:pointer!important;
}
body.social-app .comment-sort-toggle:hover{
    background:var(--soft)!important;
}
body.social-app .comment-sort-selected-icon{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    display:grid!important;
    place-items:center!important;
    color:#1d9bf0!important;
}
body.social-app .comment-sort-selected-icon svg{
    width:17px!important;
    height:17px!important;
    display:block!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    fill:none!important;
}
body.social-app .comment-sort-panel{
    display:none!important;
    position:absolute!important;
    top:34px!important;
    left:0!important;
    z-index:30!important;
    width:min(248px,calc(100vw - 28px))!important;
    padding:7px!important;
    border:1px solid var(--line)!important;
    border-radius:7px!important;
    background:var(--bg)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
body.social-app .comment-sort-menu.open .comment-sort-panel{
    display:grid!important;
}
body.social-app .comment-sort-panel button{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    gap:10px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:var(--text)!important;
    text-align:left!important;
    font-size:13px!important;
    cursor:pointer!important;
}
body.social-app .comment-sort-panel button:hover,
body.social-app .comment-sort-panel button.active{
    background:var(--soft)!important;
}
body.social-app .comment-sort-panel button.active::after{
    content:"✓"!important;
    margin-left:auto!important;
    color:#1d9bf0!important;
    font-weight:900!important;
}
body.social-app .main-comment-form textarea,
body.social-app .comment-reply-form textarea{
    overflow-y:hidden!important;
    line-height:18px!important;
    transition:height .12s ease!important;
}

@media(max-width:720px){
    body.social-app .card-modal[id^="comments-"]{
        align-items:stretch!important;
        padding:0!important;
    }
    body.social-app .card-modal[id^="comments-"]>.card-modal-panel{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100dvh!important;
        max-height:100dvh!important;
        padding:0!important;
        overflow:hidden!important;
        border:0!important;
        border-radius:0!important;
    }
    body.social-app .card-modal[id^="comments-"] .card-modal-head{
        flex:0 0 52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:8px 12px!important;
        border-bottom:1px solid var(--line)!important;
    }
    body.social-app .card-modal[id^="comments-"] .comment-list{
        order:2!important;
        flex:1 1 auto!important;
        min-height:0!important;
        margin:0!important;
        padding:12px!important;
        overflow:auto!important;
    }
    body.social-app .card-modal[id^="comments-"] .comment-sort-menu{
        order:1!important;
        flex:0 0 auto!important;
        margin:8px 10px 0!important;
    }
    body.social-app .card-modal[id^="comments-"] .main-comment-form{
        order:3!important;
        flex:0 0 auto!important;
        grid-template-columns:34px minmax(0,1fr) auto!important;
        padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
        border-top:1px solid var(--line)!important;
        border-bottom:0!important;
        box-shadow:0 -5px 18px rgba(0,0,0,.08)!important;
    }
    body.social-app .main-comment-form textarea{
        min-height:38px!important;
        max-height:84px!important;
        height:38px!important;
        padding:9px 12px!important;
        border-radius:19px!important;
        resize:none!important;
    }
    body.social-app .card-modal .main-comment-form textarea{
        min-height:38px!important;
        max-height:110px!important;
    }
    body.social-app .main-comment-form button{
        min-width:0!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 8px!important;
        font-size:11px!important;
    }
    body.social-app .article-preview-modal{
        align-items:stretch!important;
        padding:0!important;
    }
    body.social-app .article-preview-panel{
        width:100%!important;
        height:100dvh!important;
        max-height:100dvh!important;
        border:0!important;
        border-radius:0!important;
    }
    body.social-app .article-resize-handle{
        display:none!important;
    }
    body.social-app .article-preview-head{
        padding:0 10px!important;
    }
    body.social-app .article-preview-head a{
        display:none!important;
    }
    body.social-app .article-preview-content .article-reader>h1{
        margin:14px 12px 12px!important;
        font-size:25px!important;
        line-height:1.2!important;
    }
    body.social-app .article-preview-content .article-image{
        width:calc(100% - 24px)!important;
        margin:0 12px 15px!important;
    }
    body.social-app .article-preview-content .article-author,
    body.social-app .article-preview-content .article-body,
    body.social-app .article-preview-content .article-source,
    body.social-app .article-preview-content .related-strip,
    body.social-app .article-preview-content .article-social-panel{
        margin-left:12px!important;
        margin-right:12px!important;
    }
    body.social-app .article-preview-content .article-author{
        margin-bottom:8px!important;
    }
    body.social-app .article-preview-content .article-author .feed-head{
        margin:0!important;
    }
    body.social-app .article-preview-content .article-image{
        margin-bottom:10px!important;
    }
    body.social-app .article-preview-content .article-body p:last-child{
        margin-bottom:0!important;
    }
    body.social-app .article-preview-content .article-source,
    body.social-app .article-preview-content .related-strip{
        margin-top:12px!important;
        margin-bottom:12px!important;
    }
    body.social-app .article-preview-content .article-social-panel{
        margin-top:12px!important;
        padding-bottom:76px!important;
    }
    body.social-app .article-preview-content .article-social-panel .main-comment-form{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:910!important;
        width:100%!important;
        margin:0!important;
        padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
        border-top:1px solid var(--line)!important;
        border-bottom:0!important;
        background:var(--bg)!important;
        box-shadow:0 -5px 18px rgba(0,0,0,.08)!important;
    }
    body.social-app.article-mode #appContent>.article-reader .article-social-panel .main-comment-form{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:calc(66px + env(safe-area-inset-bottom))!important;
        z-index:44!important;
        width:100%!important;
        margin:0!important;
        padding:9px 10px!important;
        border-top:1px solid var(--line)!important;
        border-bottom:0!important;
        background:var(--bg)!important;
        box-shadow:0 -5px 18px rgba(0,0,0,.08)!important;
    }
    body.social-app.article-mode #appContent>.article-reader .article-social-panel{
        padding-bottom:86px!important;
    }
    body.social-app .article-social-panel .comment-list{
        gap:0!important;
        width:100%!important;
        margin:0 0 14px!important;
    }
    body.social-app .article-social-panel .comment-row{
        position:relative!important;
        gap:8px!important;
        padding:12px 0!important;
    }
    body.social-app .article-social-panel>.comment-list>.comment-row:has(.comment-replies)::before{
        content:""!important;
        position:absolute!important;
        left:17px!important;
        top:40px!important;
        bottom:13px!important;
        width:2px!important;
        border-radius:2px!important;
        background:var(--line)!important;
    }
    body.social-app .article-social-panel>.comment-list>.comment-row>.avatar{
        width:36px!important;
        height:36px!important;
        flex-basis:36px!important;
    }
    body.social-app .article-social-panel .comment-bubble{
        width:100%!important;
        padding:9px 36px 10px 11px!important;
        border-radius:14px!important;
    }
    body.social-app .article-social-panel .comment-body p{
        font-size:15px!important;
        line-height:1.45!important;
    }
    body.social-app .article-social-panel .comment-actions{
        gap:14px!important;
        margin-top:6px!important;
        padding-left:4px!important;
    }
    body.social-app .article-social-panel .comment-replies{
        width:calc(100% + 26px)!important;
        margin:7px 0 0 -26px!important;
        padding-left:25px!important;
        border-left:0!important;
    }
    body.social-app .article-social-panel .comment-replies .comment-reply-row{
        position:relative!important;
        gap:7px!important;
        width:100%!important;
        padding:9px 0!important;
    }
    body.social-app .article-social-panel .comment-replies .comment-reply-row::before{
        content:""!important;
        position:absolute!important;
        left:-25px!important;
        top:22px!important;
        width:25px!important;
        height:12px!important;
        border-top:2px solid var(--line)!important;
        border-left:2px solid var(--line)!important;
        border-top-left-radius:10px!important;
    }
    body.social-app .article-social-panel .comment-replies .comment-reply-row .avatar{
        width:28px!important;
        height:28px!important;
        flex-basis:28px!important;
    }
    body.social-app .article-social-panel .comment-replies .reply-bubble{
        width:100%!important;
        padding:8px 34px 9px 10px!important;
        border-radius:13px!important;
    }
    body.social-app .article-social-panel .comment-replies .comment-body p{
        font-size:14.5px!important;
        line-height:1.44!important;
    }
    body.social-app .article-social-panel .replies-toggle{
        margin:5px 0 4px 34px!important;
    }
}

/* Mobile primary navigation */
@media(max-width:720px){
    body.social-app:not(.language-only){
        padding-bottom:calc(74px + env(safe-area-inset-bottom))!important;
    }
    body.social-app:not(.language-only) .feed-main{
        padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-nav{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:760!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        height:calc(66px + env(safe-area-inset-bottom))!important;
        padding:5px 4px calc(5px + env(safe-area-inset-bottom))!important;
        box-sizing:border-box!important;
        background:var(--bg)!important;
        border-top:1px solid var(--hairline)!important;
        box-shadow:0 -4px 16px rgba(0,0,0,.08)!important;
        transform:translateY(0)!important;
        opacity:1!important;
        pointer-events:auto!important;
        transition:transform .22s ease,opacity .22s ease!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item{
        position:relative!important;
        min-width:0!important;
        height:56px!important;
        padding:0 2px!important;
        border-radius:8px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        color:var(--muted)!important;
        text-decoration:none!important;
        overflow:visible!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item>span{
        width:24px!important;
        height:24px!important;
        display:grid!important;
        place-items:center!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item svg{
        width:22px!important;
        height:22px!important;
        stroke:currentColor!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item b{
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        color:inherit!important;
        font-size:10px!important;
        line-height:1!important;
        font-weight:800!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item.active{
        color:#1d9bf0!important;
        background:rgba(29,155,240,.10)!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-avatar{
        width:23px!important;
        height:23px!important;
        display:block!important;
        object-fit:cover!important;
        border-radius:50%!important;
        border:1px solid currentColor!important;
    }
    body.social-app:not(.language-only) .mobile-bottom-item>.nav-badge{
        position:absolute!important;
        top:2px!important;
        left:calc(50% + 6px)!important;
        min-width:17px!important;
        height:17px!important;
        padding:0 4px!important;
        border:2px solid var(--bg)!important;
        border-radius:9px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        background:#e11d48!important;
        color:#fff!important;
        font-size:9px!important;
        line-height:1!important;
        font-style:normal!important;
        font-weight:900!important;
    }
    body.social-app:not(.language-only).mobile-logo-hidden:not(.menu-open) .mobile-bottom-nav{
        transform:none!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
    body.social-app.article-mode #appContent>.article-reader .article-social-panel .main-comment-form{
        transition:bottom .22s ease!important;
    }
    body.social-app.article-mode.mobile-logo-hidden #appContent>.article-reader .article-social-panel .main-comment-form{
        bottom:0!important;
    }
}
@media(min-width:721px){
    body.social-app .mobile-bottom-nav{
        display:none!important;
    }
}

/* Mobile page width and notification repairs */
@media(max-width:720px){
    body.social-app.nav-home .feed-main{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    body.social-app.nav-home .feed-card{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:12px 9px 17px!important;
        box-sizing:border-box!important;
    }
    body.social-app.nav-home .feed-card .feed-menu{
        right:5px!important;
        top:8px!important;
    }
    body.social-app.nav-home .feed-card .save-button.icon{
        right:7px!important;
        top:10px!important;
    }
    body.social-app.nav-home .feed-card .feed-image{
        width:100%!important;
        max-width:none!important;
        border-radius:7px!important;
    }
    body.social-app.nav-notifications .feed-main{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    body.social-app.nav-notifications .notifications-page{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:14px 10px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.social-app.nav-notifications .notifications-page h1{
        margin:0 0 8px!important;
        font-size:23px!important;
        line-height:1.2!important;
    }
    body.social-app.nav-notifications .notification-list{
        width:100%!important;
        max-width:100%!important;
        display:grid!important;
        gap:0!important;
        overflow:hidden!important;
    }
    body.social-app.nav-notifications .notification-row{
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr)!important;
        align-items:start!important;
        gap:10px!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:11px 0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
        border-bottom:1px solid var(--hairline)!important;
    }
    body.social-app.nav-notifications .notification-row>.avatar{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        flex-basis:42px!important;
    }
    body.social-app.nav-notifications .notification-target{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        padding:1px 34px 0 0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    body.social-app.nav-notifications .notification-target strong{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        color:var(--text)!important;
        font-size:14px!important;
        line-height:1.38!important;
        font-weight:800!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }
    body.social-app.nav-notifications .notification-target .muted{
        display:block!important;
        margin-top:4px!important;
        font-size:11px!important;
        line-height:1.2!important;
        white-space:normal!important;
    }
    body.social-app.article-mode{
        --mobile-bottom-nav-height:calc(66px + env(safe-area-inset-bottom));
    }
    body.social-app.article-mode #appContent>.article-reader .article-social-panel .main-comment-form{
        bottom:var(--mobile-bottom-nav-height)!important;
        min-height:56px!important;
        padding:8px 9px!important;
        box-sizing:border-box!important;
    }
    body.social-app.article-mode.mobile-logo-hidden #appContent>.article-reader .article-social-panel .main-comment-form{
        bottom:0!important;
        padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
    }
}

/* Home feed refresh feedback */
.home-refresh-indicator{
    position:fixed;
    top:14px;
    left:50%;
    z-index:1200;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--hairline,var(--line));
    border-radius:50%;
    background:var(--bg);
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-12px) scale(.9);
    transition:opacity .16s ease,transform .16s ease;
}
.home-refresh-indicator.is-visible{
    opacity:1;
    transform:translate(-50%,0) scale(1);
}
.home-refresh-indicator span{
    width:18px;
    height:18px;
    box-sizing:border-box;
    border:2px solid var(--line);
    border-top-color:#1d9bf0;
    border-radius:50%;
    animation:home-refresh-spin .72s linear infinite;
}
@keyframes home-refresh-spin{
    to{transform:rotate(360deg)}
}
@media(max-width:720px){
    .home-refresh-indicator{
        top:66px;
    }
}
@media(prefers-reduced-motion:reduce){
    .home-refresh-indicator,
    .home-refresh-indicator span{
        transition:none;
        animation-duration:1.4s;
    }
}

/* Mobile article comments and public profile chrome */
@media(max-width:720px){
    body.social-app .article-preview-content .article-social-panel{
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }
    body.social-app .article-preview-content .article-social-panel>.action-summary,
    body.social-app .article-preview-content .article-social-panel>.post-actions,
    body.social-app .article-preview-content .article-social-panel>h2,
    body.social-app .article-preview-content .article-social-panel>.comment-sort-menu{
        margin-left:8px!important;
        margin-right:8px!important;
    }
    body.social-app .article-preview-content .article-social-panel>.comment-list{
        width:100%!important;
        max-width:100%!important;
        padding-left:6px!important;
        padding-right:6px!important;
        box-sizing:border-box!important;
    }
    body.social-app .article-preview-content .article-social-panel>.comment-list>.comment-row{
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }
    body.social-app .article-preview-content .article-social-panel .comment-body{
        min-width:0!important;
        max-width:100%!important;
    }
    body.social-app.nav-profile-public{
        padding-bottom:calc(74px + env(safe-area-inset-bottom))!important;
    }
    body.social-app.nav-profile-public .feed-main{
        padding-bottom:24px!important;
    }
    body.social-app.nav-profile-public .mobile-bottom-nav{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        transform:none!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
}

/* Isolated mobile reaction-user list */
body.social-app .reaction-users-panel>.person-list{max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:720px){
    body.social-app .reaction-users-modal{
        z-index:1180!important;
        align-items:flex-end!important;
        justify-content:center!important;
        padding:0!important;
        box-sizing:border-box!important;
    }
    body.social-app .reaction-users-modal>.reaction-users-panel{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-width:none!important;
        height:auto!important;
        max-height:min(72dvh,620px)!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
        border-width:1px 0 0!important;
        border-radius:22px 22px 0 0!important;
        padding-bottom:env(safe-area-inset-bottom)!important;
        animation:contextSheetUp .2s ease-out both!important;
    }
    body.social-app .reaction-users-panel>.card-modal-head{
        flex:0 0 54px!important;
        min-height:54px!important;
        width:100%!important;
        margin:0!important;
        padding:9px 12px!important;
        box-sizing:border-box!important;
        border-bottom:1px solid var(--hairline)!important;
    }
    body.social-app .reaction-users-panel>.person-list{
        display:block!important;
        flex:1 1 auto!important;
        width:100%!important;
        min-height:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:2px 12px 8px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        box-sizing:border-box!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row{
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr) 84px!important;
        align-items:center!important;
        gap:9px!important;
        width:100%!important;
        min-width:0!important;
        min-height:62px!important;
        margin:0!important;
        padding:9px 0!important;
        overflow:visible!important;
        box-sizing:border-box!important;
        border-bottom:1px solid var(--hairline)!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row:not(:has(form)):not(:has(>button)){
        grid-template-columns:42px minmax(0,1fr)!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.avatar{
        grid-column:1!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        flex-basis:42px!important;
        align-self:center!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.meta{
        grid-column:2!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
        align-self:center!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.meta a,
    body.social-app .reaction-users-panel .reaction-user-row>.meta strong,
    body.social-app .reaction-users-panel .reaction-user-row>.meta .muted{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.meta strong{
        font-size:14px!important;
        line-height:1.25!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.meta .muted{
        margin-top:3px!important;
        font-size:11px!important;
        line-height:1.2!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>form{
        grid-column:3!important;
        width:84px!important;
        min-width:84px!important;
        max-width:84px!important;
        margin:0!important;
        align-self:center!important;
    }
    body.social-app .reaction-users-panel .reaction-user-row>.follow-button,
    body.social-app .reaction-users-panel .reaction-user-row>form>.follow-button{
        grid-column:3!important;
        width:84px!important;
        min-width:84px!important;
        max-width:84px!important;
        height:34px!important;
        margin:0!important;
        padding:0 6px!important;
        box-sizing:border-box!important;
        font-size:11px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
}

/* Comment sorting icons and desktop article resize affordance */
body.social-app .comment-sort-panel button.active::after{
    content:"\2713"!important;
}
body.social-app .comment-sort-option-icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--muted)!important;
}
body.social-app .comment-sort-option-icon svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    fill:none!important;
}
body.social-app .comment-sort-panel button strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.social-app .comment-sort-panel button.active .comment-sort-option-icon{
    color:#1d9bf0!important;
}
@media(min-width:721px){
    body.social-app .article-resize-handle{
        top:48px!important;
        bottom:0!important;
        width:22px!important;
        overflow:visible!important;
    }
    body.social-app .article-resize-handle.is-right{
        right:-11px!important;
    }
    body.social-app .article-resize-handle::before{
        content:""!important;
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        width:16px!important;
        height:62px!important;
        transform:translate(-50%,-50%)!important;
        border:1px solid var(--line)!important;
        border-radius:8px!important;
        background:var(--bg)!important;
        box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
        transition:border-color .15s ease,background .15s ease!important;
    }
    body.social-app .article-resize-handle::after{
        content:"\22EE"!important;
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        transform:translate(-50%,-52%)!important;
        color:var(--muted)!important;
        font-size:22px!important;
        line-height:1!important;
        font-weight:900!important;
    }
    body.social-app .article-resize-handle:hover::before,
    body.social-app.article-modal-resizing .article-resize-handle::before{
        border-color:#1d9bf0!important;
        background:var(--soft)!important;
    }
    body.social-app .article-resize-handle:hover::after,
    body.social-app.article-modal-resizing .article-resize-handle::after{
        color:#1d9bf0!important;
    }
}

/* Keep the mobile Explore surface as wide as the Home feed. */
@media(max-width:720px){
    body.social-app.nav-explore .feed-main{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    body.social-app.nav-explore .explore-page-head{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:12px 9px!important;
        box-sizing:border-box!important;
    }
    body.social-app.nav-explore .explore-head,
    body.social-app.nav-explore .explore-filter{
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }
    body.social-app.nav-explore .explore-head{
        gap:8px!important;
    }
    body.social-app.nav-explore .feed-card{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:12px 9px 17px!important;
        box-sizing:border-box!important;
    }
    body.social-app.nav-explore .feed-card .feed-menu{
        right:5px!important;
        top:8px!important;
    }
    body.social-app.nav-explore .feed-card .save-button.icon{
        right:7px!important;
        top:10px!important;
    }
    body.social-app.nav-explore .feed-card .feed-image{
        width:100%!important;
        max-width:none!important;
        border-radius:7px!important;
    }
}

/* TikTok-inspired video feed */
body.social-app.video-mode{background:#101010;color:#fff;overflow:hidden}
body.social-app.video-mode .app-shell{grid-template-columns:280px minmax(0,920px);max-width:1200px;background:#101010}
body.social-app.video-mode .side-nav{background:#101010;border-color:#2b2b2b}
body.social-app.video-mode .side-nav .nav-link,body.social-app.video-mode .side-nav .nav-link span{color:#d8d8d8}
body.social-app.video-mode .side-nav .nav-link.active{color:#fff;background:#242424!important}
body.social-app.video-mode .feed-main{height:100vh;border:0;background:#101010;padding:0!important;overflow:hidden}
body.social-app.video-mode .right-rail,body.social-app.video-mode .scroll-top{display:none!important}
.video-feed-shell{position:relative;height:100vh;display:grid;grid-template-columns:minmax(360px,55%) minmax(340px,45%);background:#101010;color:#fff;overflow:hidden}
.video-feed-loading{position:absolute;z-index:40;top:14px;left:27.5%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.46);backdrop-filter:blur(7px);pointer-events:none}
.video-feed-loading[hidden]{display:none!important}
.video-feed-loading span{width:19px;height:19px;border:2.5px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:video-feed-spin .7s linear infinite}
@keyframes video-feed-spin{to{transform:rotate(360deg)}}
.video-stream{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;background:#080808;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.video-stream::-webkit-scrollbar{display:none}
.video-slide{position:relative;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080808;touch-action:pan-y}
.video-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#080808;pointer-events:none}
.video-quality-control{position:relative;z-index:14;color:#fff}
.video-quality-control>[data-video-quality-toggle]{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(10,12,16,.72);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}
.video-quality-control>[data-video-quality-toggle] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.video-quality-control>[data-video-quality-toggle] b{padding:3px 5px;border-radius:5px;background:#e31b36;color:#fff;font-size:9px;letter-spacing:.04em}
.video-quality-menu{position:absolute;top:calc(100% + 8px);right:0;bottom:auto;display:grid;min-width:116px;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(14,16,21,.94);box-shadow:0 12px 34px rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.video-quality-menu[hidden]{display:none!important}
.video-quality-menu button{min-height:38px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:13px;font-weight:800;text-align:left;cursor:pointer}
.video-quality-menu button:hover,.video-quality-menu button.active{background:rgba(29,155,240,.22);color:#65bdff}
.video-quality-menu button:disabled{opacity:.38;cursor:not-allowed;background:transparent;color:#fff}
.video-play-toggle{position:absolute;inset:0;margin:auto;width:82px;height:82px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .18s;font-size:38px;line-height:1;padding-left:6px}
.video-slide:not(.is-active) .video-play-toggle,.video-slide video:paused+.video-play-toggle{opacity:1}
.video-play-toggle svg{width:42px;height:42px;fill:none;stroke:currentColor}
.video-play-toggle svg path{fill:currentColor;stroke:currentColor}
.video-mobile-tabs,.video-mobile-actions,.video-mobile-caption,.video-mute-toggle{display:none}
.video-desktop-detail{position:relative;height:100vh;box-sizing:border-box;padding:24px 20px 76px;background:#121212;color:#f5f5f5;overflow:hidden;border-left:1px solid #242424;display:flex;flex-direction:column}
.video-detail-author{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#1d1d1d;border-radius:10px}
.video-detail-author>a{display:flex;align-items:center;gap:10px;min-width:0}
.video-detail-author img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#292929}
.video-detail-author a>span{display:flex;flex-direction:column;min-width:0}
.video-detail-author strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-detail-author small{color:#bbb}
.video-detail-author [data-detail-username]{color:var(--text)}
.video-detail-follow{margin:0;flex:0 0 auto}.video-detail-follow[hidden]{display:none}
.video-detail-follow button{height:38px;padding:0 15px;border:1px solid #b00020;background:#b00020;color:#fff;font-weight:800;border-radius:5px;cursor:pointer}
.video-detail-follow button.is-following{border-color:#555;background:transparent;color:#eee}
.video-detail-copy{padding:15px 12px;background:#1d1d1d;border-radius:0 0 10px 10px;margin-top:-4px}
.video-detail-copy h1{font-size:15px;line-height:1.45;margin:0 0 8px;color:#fff}
.video-detail-copy p{font-size:14px;line-height:1.45;margin:0 0 9px;color:#ddd;white-space:pre-wrap}
.video-detail-copy>button{border:0;background:transparent;color:#ddd;display:flex;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:800;cursor:pointer}
.video-detail-copy>button svg{width:18px;height:18px}
.video-detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;padding:16px 10px}
.video-detail-actions>span,.video-detail-actions>button{display:flex;align-items:center;gap:6px;color:#eee;font-weight:800}
.video-detail-actions>button{width:100%;min-width:0;border:0;background:transparent;cursor:pointer;padding:4px 2px;margin-left:0;justify-content:center;flex-direction:column;overflow:hidden;white-space:nowrap;font-size:12px}
.video-detail-actions>button:last-child{margin-left:0}
.video-detail-actions>button b{display:block;min-width:0;max-width:100%;white-space:nowrap;font-size:12px;line-height:1.15}.video-detail-actions>button>span:not(.user-identity-name){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.1}
.video-detail-actions>button svg{display:block;flex:0 0 38px;width:38px;height:38px;padding:8px;border-radius:50%;background:#2b2b2b;fill:none;stroke:currentColor;stroke-width:2}
.video-detail-actions>button.active{color:#b00020}.video-detail-actions>button.active svg{fill:currentColor}
.video-detail-actions>button[data-video-save].active{color:#ffd426}
.video-detail-actions>button[data-video-save]:not(.active) svg{fill:none}
.video-detail-actions>button[data-video-comment-open] svg,.video-mobile-actions button[data-video-comment-open] svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9}
.video-copy-row{height:34px;display:flex;margin:0 10px 14px}
.video-copy-row input{min-width:0;flex:1;border:0;border-radius:5px 0 0 5px;padding:0 10px;background:#2b2b2b;color:#bbb}
.video-copy-row button{border:0;border-left:1px solid #444;border-radius:0 5px 5px 0;padding:0 12px;background:#2b2b2b;color:#fff;font-weight:800;cursor:pointer}
.video-comments-head{height:46px;display:grid;grid-template-columns:1fr;align-items:end;border-bottom:1px solid #3a3a3a;text-align:center;color:#999}
.video-comments-head>*{padding-bottom:11px}
.video-comments-head strong{color:#fff;border-bottom:2px solid #fff}
.video-mode .comment-sort-menu{flex:0 0 auto;margin:7px 10px 5px!important}
.video-mode .comment-sort-toggle{color:#eee!important}
.video-mode .comment-sort-panel{background:#202126!important;border-color:#373940!important;color:#fff!important}
.video-mode .comment-sort-panel button{color:#eee!important}
.video-mode .comment-sort-panel button:hover,.video-mode .comment-sort-panel button.active{background:#2d2f35!important}
.video-comments-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ddd}
.video-comments-empty svg{width:72px;height:72px;opacity:.18}
.video-desktop-comments{flex:1;min-height:0;overflow:auto;padding:6px 4px}
.video-comment-row{display:flex;align-items:flex-start;gap:10px;padding:12px 7px;border-bottom:1px solid #292929}
.video-comment-row>img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px}
.video-comment-row>div{min-width:0}.video-comment-row a{font-weight:900;color:#fff}.video-comment-row p{margin:3px 0;color:#eee;line-height:1.4;overflow-wrap:anywhere}.video-comment-row small{color:#888}
.video-comment-body{flex:1;min-width:0}
.video-comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.video-comment-head small{font-size:10px;white-space:nowrap}
.video-comment-time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.video-comment-time small+small{margin-top:2px;color:#777;font-style:italic}
.video-comment-actions{display:flex;align-items:center;gap:12px;margin-top:6px}
.video-comment-actions button{border:0;background:transparent;color:#999;padding:2px 0;font-size:12px;font-weight:800;cursor:pointer}
.video-comment-actions button.active{color:#e12546}
.video-comment-reply-form{display:flex;gap:7px;margin-top:9px}
.video-comment-reply-form[hidden]{display:none!important}
.video-comment-reply-form input{flex:1;min-width:0;height:36px;border:1px solid #3a3a3a;border-radius:18px;background:#191919;color:#fff;padding:0 12px}
.video-comment-reply-form button{height:34px;border:0;border-radius:17px;background:#b00020;color:#fff;padding:0 12px;font-weight:900}
@media(max-width:720px){
    body.social-app.video-mode .video-comment-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:calc(100% + 48px);max-width:none;margin:10px 0 2px -48px;padding:9px 10px;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:var(--soft);gap:7px}
    body.social-app.video-mode .video-comment-reply-form[hidden]{display:none!important}
    body.social-app.video-mode .video-comment-reply-form input{width:100%;min-width:0;box-sizing:border-box}
    body.social-app.video-mode .video-comment-reply-form button{justify-self:end;min-width:70px;margin:0;white-space:nowrap}
    body.social-app.video-mode .video-comments-modal.reply-active .video-modal-comment-form{display:none!important}
}
.video-comment-replies{margin-top:8px;border-left:2px solid #333;padding-left:9px}
.video-comment-reply{display:flex;align-items:flex-start;gap:8px;padding:8px 0}
.video-comment-reply>img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}
.video-comment-reply>div{flex:1;min-width:0}
.video-comment-box{position:absolute;left:20px;right:20px;bottom:18px;height:46px;display:flex;align-items:center;gap:10px}
.video-comment-box img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.video-comment-box input{flex:1;height:42px;box-sizing:border-box;border:0;padding:0 14px;border-radius:22px;background:#2d2d2d;color:#fff;outline:none}
.video-comment-box button{width:40px;height:40px;border:0;border-radius:50%;background:#b00020;color:#fff;font-size:22px}
.video-empty{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-sizing:border-box;color:#fff;background:#101010}
.video-empty>span svg{width:70px;height:70px}.video-empty h1{margin:18px 0 6px}.video-empty p{color:#aaa}
@media(max-width:1180px) and (min-width:721px){body.social-app.video-mode .app-shell{grid-template-columns:84px minmax(0,920px)}.video-feed-shell{grid-template-columns:minmax(360px,56%) minmax(320px,44%)}.video-nav-arrows{left:56%}}
@media(max-width:720px){
    body.social-app.video-mode{padding:0!important;background:#000!important;overscroll-behavior:none}
    body.social-app.video-mode .mobile-top{display:none!important}
    body.social-app.video-mode .app-shell,body.social-app.video-mode .feed-main{height:100dvh!important;background:#000!important}
    body.social-app.video-mode .feed-main{padding:0!important;width:100%!important}
    body.social-app.video-mode .side-nav{top:0!important}
    body.social-app.video-mode .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#050505!important;border-color:#282828!important;color:#fff!important}
    body.social-app.video-mode .mobile-bottom-item{color:#aaa!important}
    body.social-app.video-mode .mobile-bottom-item.active{color:#fff!important;background:transparent!important}
    .video-feed-shell,.video-stream,.video-slide{height:calc(100dvh - 66px - env(safe-area-inset-bottom))}
    .video-feed-shell{display:block;width:100%;overflow:hidden}
    .video-feed-loading{position:fixed;top:12px;left:50%;width:32px;height:32px}
    .video-stream{width:100%;overflow-y:hidden;background:#000;scroll-snap-type:none!important}
    .video-stream.is-video-transitioning .video-slide{will-change:transform}
    .video-slide{width:100%;background:#000;transform:translateZ(0);backface-visibility:hidden}
    .video-slide video{width:100%;height:100%;object-fit:cover}
    .video-quality-control>[data-video-quality-toggle]{min-height:34px;padding:6px 8px;border-radius:9px}
    .video-desktop-detail{display:none}
    .video-play-toggle{width:70px;height:70px;z-index:4}
    .video-mobile-tabs{position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;color:rgba(255,255,255,.7);font-size:16px;white-space:nowrap;text-shadow:0 1px 4px #000}
    .video-mobile-tabs strong{position:relative;color:#fff;font-size:17px}.video-mobile-tabs strong:after{content:"";position:absolute;left:25%;right:25%;bottom:-9px;height:3px;border-radius:3px;background:#fff}
    .video-mobile-tabs svg{width:25px;height:25px;stroke:#fff}
    .video-mobile-actions{position:absolute;z-index:12;right:8px;bottom:112px;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}
    .video-mobile-actions button{position:relative;z-index:13;min-width:56px;min-height:58px;border:0;padding:4px;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-shadow:0 1px 4px #000;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
    .video-mobile-actions button.is-pending{opacity:.72}
    .video-mobile-actions button span{width:46px;height:46px;display:grid;place-items:center}.video-mobile-actions svg{width:38px;height:38px;fill:#fff;stroke:#fff;filter:drop-shadow(0 1px 2px #000)}
    .video-mobile-actions button:first-of-type svg{fill:#fff;stroke:#fff}.video-mobile-actions b{font-size:12px;color:#fff}
    .video-action-avatar{width:48px;height:48px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#111}.video-action-avatar img{width:100%;height:100%;object-fit:cover}
    .video-mobile-caption{position:absolute;z-index:3;left:14px;right:76px;bottom:18px;display:block;color:#fff;text-shadow:0 1px 4px #000}
    .video-mobile-meta-row{display:flex;align-items:center;min-width:0}
    .video-mobile-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
    .video-mobile-name-line{display:flex;align-items:center;gap:7px;min-width:0}
    .video-mobile-name-line>a,.video-mobile-username{min-width:0;color:#fff!important;white-space:nowrap}.video-mobile-name-line>a{display:inline-flex;align-items:center}
    .video-mobile-username{display:flex!important;align-items:center!important;gap:5px!important;font-weight:800!important}.video-mobile-username small{color:#fff!important}.video-mobile-relative-date{opacity:.82;font-weight:700!important}
    .video-mobile-name-line strong{display:inline-flex;align-items:center;gap:4px;max-width:45vw;overflow:hidden;text-overflow:ellipsis}
    .video-mobile-name-line>button{flex:0 0 auto;border:0;border-radius:5px;background:rgba(255,255,255,.16);color:#fff;padding:3px 7px;font-size:11px;line-height:1.2;font-weight:800;text-shadow:0 1px 3px #000;cursor:pointer}
    .video-mobile-caption strong{max-width:46vw;overflow:hidden;text-overflow:ellipsis;font-size:15px}.video-mobile-caption small{display:block;max-width:46vw;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:rgba(255,255,255,.78)}
    .video-mobile-details>button{display:block;border:0;background:transparent;color:rgba(255,255,255,.82);padding:3px 0;font-size:12px;font-weight:800;text-shadow:0 1px 4px #000;cursor:pointer}
    .video-mobile-caption [hidden]{display:none!important}
    .video-mobile-caption h2{font-size:15px;line-height:1.35;margin:8px 0 4px;padding:0;color:#fff}.video-mobile-caption p{font-size:13px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .video-mute-toggle{position:absolute;z-index:3;right:12px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#111;display:grid;place-items:center;font-size:24px;font-weight:900}.video-mute-toggle [data-sound-on]{display:none}.video-slide.sound-on .video-mute-toggle [data-sound-on]{display:block}.video-slide.sound-on .video-mute-toggle [data-sound-off]{display:none}
    .video-empty{height:calc(100dvh - 66px - env(safe-area-inset-bottom))}
}

/* Video playback controls and navigation */
.video-slide.is-paused .video-play-toggle{opacity:1}
.video-sound-control{position:absolute;z-index:7;top:18px;right:18px;display:flex;flex-direction:row;align-items:center;gap:7px}
.video-playback-options{position:relative;z-index:15;color:#fff}
.video-playback-options>[data-video-playback-toggle]{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,12,16,.72);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}
.video-playback-options>[data-video-playback-toggle] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.video-playback-menu{position:absolute;top:calc(100% + 8px);right:0;width:250px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(14,16,21,.96);box-shadow:0 14px 36px rgba(0,0,0,.44);backdrop-filter:blur(14px)}
.video-playback-menu[hidden],.video-playback-menu [hidden]{display:none!important}
.video-playback-menu>[data-video-options-page]{display:grid}
.video-playback-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#fff;font-size:13px;font-weight:800;text-align:left;white-space:nowrap;cursor:pointer}
.video-playback-menu button:hover,.video-playback-menu button.active{background:rgba(29,155,240,.22);color:#65bdff}
.video-playback-menu button:disabled{opacity:.38;cursor:not-allowed}
.video-playback-menu button span{flex:0 0 auto;margin-left:auto;color:#aeb5c0;font-size:11px;font-weight:700;white-space:nowrap}
.video-settings-sheet{width:min(460px,calc(100vw - 24px));padding:0!important;overflow:hidden}
.video-settings-sheet>[data-mobile-video-settings-page]{display:grid;padding:6px 10px 12px}
.video-settings-sheet>[data-mobile-video-settings-page][hidden]{display:none!important}
.video-settings-sheet>[data-mobile-video-settings-page]>button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:9px 12px;border:0;border-bottom:1px solid var(--hairline);border-radius:9px;background:transparent;color:var(--text);font-size:15px;font-weight:800;text-align:left;cursor:pointer}
.video-settings-sheet>[data-mobile-video-settings-page]>button svg{width:23px;height:23px;fill:none;stroke:currentColor}
.video-settings-sheet>[data-mobile-video-settings-page]>button small{margin-left:auto;color:var(--muted);font-size:13px}
.video-settings-sheet>[data-mobile-video-settings-page]>button.active{background:rgba(29,155,240,.14);color:#1d9bf0}
.video-settings-sheet>[data-mobile-video-settings-page]>button:disabled{opacity:.38;cursor:not-allowed}
.video-settings-footer{position:sticky;bottom:0;padding:10px 12px;background:linear-gradient(transparent,var(--bg) 28%)}
.video-settings-footer button{width:100%;min-height:48px;border:0;border-radius:13px;background:#1d9bf0;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.video-mute-toggle{position:absolute;z-index:7;top:18px;right:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(16,16,16,.68);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.28)}
.video-sound-control .video-mute-toggle{position:static;top:auto;right:auto;flex:0 0 46px}
.video-volume-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);bottom:auto;width:40px;height:122px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(16,16,16,.78);backdrop-filter:blur(9px);align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.video-mute-toggle:hover+.video-volume-panel,.video-mute-toggle:focus+.video-volume-panel,.video-volume-panel:hover,.video-volume-panel:focus-within{display:flex}
.video-volume-panel input{width:94px;height:6px;margin:0;transform:rotate(-90deg);accent-color:#b00020;cursor:pointer}
.video-mute-toggle [data-sound-on]{display:none}
.video-slide.sound-on .video-mute-toggle [data-sound-on]{display:block}
.video-slide.sound-on .video-mute-toggle [data-sound-off]{display:none}
.video-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:5px;display:block;color:#fff;opacity:.38;transition:opacity .18s}
.video-progress:hover{opacity:.9}
.video-progress input{display:block;width:100%;height:5px;margin:0;padding:0;cursor:pointer;accent-color:#fff;background:transparent}
.video-progress span{display:none}
.video-nav-arrows{position:absolute;z-index:12;left:55%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px}
.video-nav-arrows button{width:44px;height:44px;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;background:#b00020;color:#fff;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.38)}
.video-nav-arrows button:hover{background:#8f001a;transform:scale(1.04)}
.video-nav-arrows button:disabled{opacity:.28;cursor:not-allowed;transform:none}
.video-nav-arrows button[data-video-auto]{width:38px;height:38px;margin:0 3px;background:rgba(15,18,24,.9);border-color:rgba(255,255,255,.88)}
.video-nav-arrows button[data-video-auto] svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.video-nav-arrows button[data-video-auto] svg path+path{fill:none}
.video-nav-arrows button[data-video-auto].active{background:#168447;border-color:#72e3a5;box-shadow:0 0 0 4px rgba(114,227,165,.18),0 5px 18px rgba(0,0,0,.38)}
.video-modal-panel{width:min(560px,calc(100vw - 24px));height:min(680px,82vh);display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.video-modal-panel .card-modal-head{padding:14px 16px;border-bottom:1px solid var(--line)}
.video-modal-comments{flex:1;min-height:0;overflow:auto;padding:4px 12px}
.video-modal-comment-form{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.video-modal-comment-form img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.video-modal-comment-form input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:22px;padding:0 14px;background:var(--soft);color:var(--text)}
.video-modal-comment-form button{height:38px;border:0;border-radius:19px;padding:0 14px;background:#b00020;color:#fff;font-weight:900}
.video-action-sheet{width:min(420px,calc(100vw - 24px))}
.video-action-sheet>button{width:100%;height:52px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;padding:0 16px;font-weight:900;cursor:pointer}
.video-action-sheet>button svg{width:24px;height:24px}
.video-action-sheet-label{display:grid;gap:2px;text-align:left}.video-action-sheet-label>span{font:inherit}.video-action-sheet-label>small{color:var(--muted);font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap}
.video-action-sheet-head-actions{display:flex;align-items:center;gap:8px}.video-action-sheet .video-copy-direct{width:auto;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--text);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;cursor:pointer}.video-action-sheet .video-copy-direct svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.video-action-sheet .video-action-sheet-close{flex:0 0 38px;width:38px;height:38px;border-radius:50%}
.video-details-panel{width:min(520px,calc(100vw - 20px));padding:0!important;overflow:hidden;background:#191a1d!important;color:#fff!important}
.video-details-player{position:relative;height:min(42vh,390px);background:#000;display:flex;align-items:center;justify-content:center}
.video-details-player video{width:100%;height:100%;object-fit:contain;background:#000}
.video-details-player>button{position:absolute;z-index:3;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:24px}
.video-details-content{padding:18px;overflow:auto}
.video-details-author{display:flex;align-items:center;gap:11px;color:#fff}
.video-details-author img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.video-details-author span{display:flex;flex-direction:column}.video-details-author small{color:#aaa}
.video-details-author [data-mobile-detail-username]{color:#fff}
.video-details-content h2{font-size:19px;line-height:1.35;margin:18px 0 8px}.video-details-content p{white-space:pre-wrap;line-height:1.5;margin:0 0 14px;color:#e5e5e5}
.video-details-content time{display:block;color:#999;font-size:12px;margin-bottom:15px}
.video-details-stats{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #34363b;border-radius:10px;background:#23252a;color:#fff;padding:12px;text-align:left}
.video-details-stats svg{width:22px;height:22px}
.video-comment-edit-panel{width:min(460px,calc(100vw - 20px));padding:14px!important;background:#191a1d!important;color:#fff!important}
.video-comment-edit-panel textarea{display:block;width:100%;min-height:120px;box-sizing:border-box;resize:vertical;border:1px solid #3a3d43;border-radius:12px;background:#24262b;color:#fff;padding:12px;font:inherit;line-height:1.45}
.video-comment-edit-panel form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
.video-comment-edit-panel form button{height:38px;border:0;border-radius:9px;padding:0 15px;background:#303239;color:#fff;font-weight:900}
.video-comment-edit-panel form button[type=submit]{background:#b00020}
.video-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.video-stats-grid>div{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:2px 9px!important;min-width:0!important;text-align:left!important}.video-stats-grid>div>svg{grid-row:1/3;width:24px!important;height:24px!important;fill:none;stroke:currentColor;stroke-width:1.8}.video-stats-grid>div>span,.video-stats-grid>div>b{grid-column:2;min-width:0}.video-stats-grid>div>span{white-space:nowrap!important;word-break:normal!important;overflow:hidden}.video-stats-grid>div>span.is-long{font-size:17px!important}
.article-comments-sheet-panel{display:flex;flex-direction:column;width:min(620px,calc(100vw - 24px));height:min(760px,84dvh);min-height:0;padding:0!important;overflow:hidden!important;background:var(--bg)!important;color:var(--text)!important}.article-comments-sheet-panel>.card-modal-head{flex:0 0 auto;margin:0;padding:14px 16px;border-bottom:1px solid var(--line)}.article-comments-sheet-content{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;flex:1 1 0;min-width:0;min-height:0;overflow:hidden!important;padding:8px 12px 0}.article-comments-sheet-content>.comment-sort-menu{grid-row:1;min-height:0}body.social-app .article-comments-sheet .article-comments-sheet-content>.comment-list{grid-row:2;min-width:0!important;min-height:0!important;max-height:100%;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:4px 2px 10px}.article-comments-sheet-content>.main-comment-form{grid-row:3;min-height:0;position:relative!important;bottom:auto!important;margin:0 -12px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.article-comments-loading{display:grid;grid-row:1/-1;min-height:0;place-items:center;color:var(--muted);font-weight:850}
@media(max-width:720px){
    .video-nav-arrows{display:none}
    .video-sound-control{top:auto;right:12px;bottom:62px}
    body.video-playback-sheet-open{overflow:hidden!important}
    body.video-playback-sheet-open:after{content:"";position:fixed;inset:0;z-index:1598;background:rgba(0,0,0,.52);backdrop-filter:blur(2px)}
    .video-playback-options{display:none!important}
    .video-playback-menu{position:fixed;z-index:1600;left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(70dvh,620px);box-sizing:border-box;padding:25px 12px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:var(--bg);color:var(--text);overflow:auto;box-shadow:0 -14px 44px rgba(0,0,0,.34);animation:contextSheetUp .2s ease-out both}
    .video-playback-menu:before{content:"";position:absolute;top:9px;left:50%;width:42px;height:5px;border-radius:5px;background:var(--muted);opacity:.42;transform:translateX(-50%)}
    .video-playback-menu button{min-height:52px;padding:9px 13px;border-bottom:1px solid var(--hairline);border-radius:9px;color:var(--text);font-size:16px}
    .video-playback-menu button span{color:var(--muted);font-size:14px}
    .video-sound-control .video-mute-toggle{width:44px;height:44px;flex-basis:44px;background:rgba(255,255,255,.9);color:#111;border:0}
    .video-volume-panel{display:none!important}
    .video-progress{left:0;right:0;bottom:0;height:4px;opacity:.32}
    .video-progress input{height:4px}
    .video-mobile-caption{bottom:25px}
    .video-mobile-actions{bottom:126px}
    .video-mobile-meta-row{position:relative;z-index:2}
    .video-mobile-name-line{gap:5px}
    .video-mobile-name-line>button{padding:1px 4px;font-size:8px;line-height:1.15;border-radius:3px;background:rgba(0,0,0,.38);opacity:.82}
    .video-mobile-details{display:none;position:relative;max-height:0;overflow:hidden;padding-right:3px}
    .video-mobile-details-copy{display:block}
    .video-mobile-details h2{margin:5px 0 4px!important;white-space:normal;overflow:visible;text-overflow:clip;display:block!important}
    .video-mobile-details p{margin:0!important;white-space:normal;overflow:visible;text-overflow:clip;display:block!important}
    .video-mobile-published-at{display:block;margin-top:9px;color:rgba(255,255,255,.7);font-size:11px;font-weight:700}
    .video-mobile-details [data-details-less]{display:block;margin-top:8px}
    .video-mobile-details.open{display:block;max-height:min(58vh,520px);overflow:auto;margin:6px -8px 0;padding:10px 8px 8px;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.9))}
    .video-mobile-actions button[data-video-like].active svg{fill:#b00020;stroke:#b00020}
    .video-mobile-actions button[data-video-save].active svg{fill:#ffd426;stroke:#ffd426}
    .video-mobile-actions button[data-video-save]:not(.active) svg{fill:none;stroke:#fff}
    .video-comments-modal{align-items:flex-end;padding:0}
    .video-comments-modal .video-modal-panel{width:100%;max-width:none;height:min(72vh,650px);border-radius:16px 16px 0 0}
    .video-more-modal{align-items:flex-end;padding:0}
    body.social-app .video-more-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.56)!important}
    body.social-app .video-more-modal .video-action-sheet{display:block!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:min(78dvh,680px)!important;margin:0!important;overflow:auto!important;border:0!important;border-radius:24px 24px 0 0!important;padding:0 0 calc(10px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 48px rgba(0,0,0,.38)!important}
    body.social-app .video-more-modal .card-modal-head{position:sticky!important;top:0!important;z-index:2!important;padding:14px 16px 12px!important;min-height:64px!important;margin:0!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
    body.social-app .video-more-modal .card-modal-head h3{font-size:18px!important}
    body.social-app .video-more-modal .video-action-sheet>button{height:64px!important;padding:0 18px!important;gap:14px!important;font-size:15px!important;text-align:left!important}
    body.social-app .video-more-modal .video-action-sheet>button>svg{box-sizing:border-box!important;width:42px!important;height:42px!important;padding:9px!important;border-radius:50%!important;background:var(--soft)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
    body.social-app .video-more-modal .video-copy-direct{width:auto!important;height:40px!important;padding:0 12px!important;border-radius:999px!important;background:var(--soft)!important;white-space:nowrap!important}
    body.social-app .video-more-modal .video-copy-direct svg{width:18px!important;height:18px!important;padding:0!important;border-radius:0!important;background:transparent!important}
    body.social-app .video-more-modal .video-action-sheet-close{width:40px!important;height:40px!important;flex-basis:40px!important}
    body.social-app .video-settings-modal{position:fixed!important;inset:0!important;z-index:1900!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.56)!important}
    body.social-app .video-settings-modal .video-settings-sheet{display:block!important;width:100%!important;max-width:none!important;max-height:min(72dvh,620px)!important;margin:0!important;padding:0 0 calc(10px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:24px 24px 0 0!important;background:var(--bg)!important;overflow:auto!important;box-shadow:0 -18px 48px rgba(0,0,0,.38)!important}
    body.social-app .video-settings-modal .card-modal-head{position:sticky!important;top:0!important;z-index:2!important;min-height:58px!important;padding:10px 16px!important;background:var(--bg)!important}
    body.social-app .video-settings-modal .video-settings-sheet>[data-mobile-video-settings-page]{padding:5px 12px 12px!important}
    body.social-app .video-settings-modal .video-settings-sheet>[data-mobile-video-settings-page]>button{min-height:56px!important;font-size:16px!important}
    body.social-app .video-settings-modal .video-settings-footer{padding:10px 12px calc(4px + env(safe-area-inset-bottom))!important}
    body.social-app .video-details-modal{align-items:flex-end!important;padding:0!important;background:#0d0e11!important}
    body.social-app .video-details-modal .video-details-panel{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;border:0!important;border-radius:0!important;margin:0!important}
    body.social-app .video-details-player{flex:0 0 min(39dvh,340px);height:min(39dvh,340px)}
    body.social-app .video-details-content{flex:1;min-height:0;padding:16px 17px calc(22px + env(safe-area-inset-bottom));background:#191a1d}
    body.social-app .video-details-content h2{font-size:17px;margin-top:15px}
    body.social-app .video-comment-edit-modal{align-items:flex-end!important;padding:0 8px calc(8px + env(safe-area-inset-bottom))!important}
    body.social-app .video-comment-edit-modal .video-comment-edit-panel{display:block!important;width:100%!important;height:auto!important;max-height:min(72dvh,520px)!important;border-radius:18px!important;padding:14px!important;overflow:auto!important}
    body.social-app .video-comment-edit-modal .card-modal-head{position:static!important;padding:0 0 10px!important}
}

/* Article/video profile and saved separation */
body.social-app .content-type-tabs{display:flex;align-items:center;justify-content:center;gap:0;height:50px;padding:0;border-bottom:1px solid var(--line);background:var(--bg)}
body.social-app .content-type-tabs a{position:relative;height:50px;min-width:110px;padding:0 18px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;box-sizing:border-box}
body.social-app .content-type-tabs a.active{color:var(--text)}
body.social-app .content-type-tabs a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:var(--text)}
.saved-page-head{padding-bottom:0!important}.saved-page-head h1{margin-bottom:14px!important}.saved-page-head .content-type-tabs{margin:0 -28px}
.profile-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;background:var(--bg)}
.profile-video-card{position:relative;min-width:0;aspect-ratio:9/16;overflow:hidden;background:#080808;color:#fff}
.profile-video-card video{width:100%;height:100%;display:block;object-fit:cover;background:#080808}
.profile-video-card>span{position:absolute;left:7px;bottom:28px;display:flex;align-items:center;gap:4px;color:#fff;text-shadow:0 1px 4px #000;font-size:12px}
.profile-video-card>span svg{width:16px;height:16px;fill:#fff;stroke:#fff}
.profile-video-card>strong{position:absolute;left:7px;right:7px;bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:11px;text-shadow:0 1px 4px #000}

/* Home article/video switch and profile descriptions */
.home-content-switch{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 18px}
.home-content-switch button{height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:900;cursor:pointer}
.home-content-switch button.active{color:var(--text);border-bottom-color:#b00020}
.article-composer{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 20px 10px;border-bottom:1px solid var(--line);background:var(--bg)}
.article-composer-avatar{width:48px;height:48px;overflow:hidden;border-radius:50%}.article-composer-avatar img{width:100%;height:100%;object-fit:cover}.article-composer form{min-width:0}.article-composer-editor{min-height:64px;max-height:360px;overflow-y:auto;padding:8px 2px 12px;outline:0;font-size:19px;line-height:1.45;overflow-wrap:anywhere}.article-composer-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.article-composer-editor blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #1d9bf0}.article-composer-editor p{margin:0 0 8px}
.article-photo-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0 10px}.article-photo-preview figure{position:relative;margin:0;min-height:140px;overflow:hidden;border-radius:14px;background:var(--soft)}.article-photo-preview figure:only-child{grid-column:1/-1;max-height:430px}.article-photo-preview img{display:block;width:100%;height:100%;max-height:430px;object-fit:cover}.article-photo-preview button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:23px;cursor:pointer}
.article-reply-audience{position:relative;padding:5px 0 9px;border-bottom:1px solid var(--line)}.article-reply-audience>button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#1d9bf0;font-weight:850;cursor:pointer;padding:4px 0}.article-audience-menu{position:absolute;left:0;top:38px;z-index:110;width:min(330px,calc(100vw - 72px));padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 38px rgba(0,0,0,.22)}.article-audience-menu>strong{display:block;padding:4px 8px 8px}.article-audience-menu label{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer}.article-audience-menu label:hover{background:var(--soft)}.article-audience-menu input{margin-top:4px;accent-color:#1d9bf0}.article-audience-menu span{display:grid;gap:2px}.article-audience-menu small{color:var(--muted)}
.article-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px}.article-format-toolbar{display:flex;align-items:center;gap:3px;min-width:0}.article-format-toolbar button,.article-photo-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#1d9bf0;font:inherit;font-weight:800;cursor:pointer}.article-format-toolbar button:hover,.article-photo-button:hover{background:color-mix(in srgb,#1d9bf0 12%,transparent)}.article-photo-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.article-publish-button{flex:0 0 auto;border:0;border-radius:999px;padding:9px 16px;background:#1d9bf0;color:#fff;font-weight:900;cursor:pointer}.article-publish-button:disabled{opacity:.48;cursor:default}.article-reply-restricted{margin:10px 0;padding:11px 13px;border-radius:9px;background:var(--soft);color:var(--muted);font-weight:750}
.search-results-page{min-height:60vh}.search-results-head{padding:20px 24px 12px}.search-results-head h1{margin:0;font-size:25px}.search-result-tabs{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)}.search-result-tabs a{display:grid;place-items:center;height:50px;border-bottom:3px solid transparent;color:var(--muted);font-weight:900}.search-result-tabs a.active{color:var(--text);border-bottom-color:#b00020}.search-person-list{padding:8px 22px}.search-empty-state{padding:30px 24px;color:var(--muted);font-weight:750}
.article-composer-editor strong,.article-composer-editor b,.feed-inline-article-body strong,.feed-inline-article-body b,.social-post-body strong,.social-post-body b{font-weight:900!important}.article-composer-editor u,.feed-inline-article-body u,.social-post-body u{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:2px}.article-composer-editor em,.article-composer-editor i,.feed-inline-article-body em,.feed-inline-article-body i,.social-post-body em,.social-post-body i{font-style:italic!important}.article-format-toolbar button.active{color:#fff;background:#1d9bf0;box-shadow:0 0 0 2px color-mix(in srgb,#1d9bf0 28%,transparent)}body.social-app .feed-inline-more[hidden]{display:none!important}
.user-article-edit-modal .card-modal-panel{max-width:620px}.user-article-edit-modal form{display:grid;gap:14px;padding:14px 18px 20px}.edit-article-editor{min-height:140px;border:1px solid var(--line);border-radius:12px;padding:12px}.edit-format-toolbar{padding-bottom:8px;border-bottom:1px solid var(--line)}.edit-existing-photos,.edit-new-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.edit-existing-photos label,.edit-new-photos figure{position:relative;margin:0;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--soft)}.edit-existing-photos img,.edit-new-photos img{display:block;width:100%;height:130px;object-fit:cover}.edit-existing-photos span{display:flex;gap:6px;align-items:center;padding:8px;font-size:12px;font-weight:800}.edit-new-photos button{position:absolute;top:7px;right:7px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:21px;cursor:pointer}.edit-add-photos{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px dashed #1d9bf0;border-radius:11px;color:#1d9bf0;font-weight:850;cursor:pointer}.edit-add-photos b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:22px;line-height:1}.edit-add-photos input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.edit-reply-audience{display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.edit-reply-audience legend{font-weight:900;padding:0 5px}.edit-reply-audience label{display:flex;align-items:center;gap:7px}.edit-reply-audience input{accent-color:#1d9bf0}
@media(max-width:720px){.article-composer{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:12px 13px 8px}.article-composer-avatar{width:40px;height:40px}.article-composer-editor{min-height:54px;font-size:17px}.article-format-toolbar{overflow-x:auto}.article-format-toolbar button,.article-photo-button{width:31px;height:31px;flex:0 0 31px}.article-publish-button{font-size:12px;padding:8px 11px}.article-photo-preview figure{min-height:105px}.search-results-head{padding:15px 14px 10px}.search-results-head h1{font-size:21px}.search-result-tabs a{height:46px;font-size:13px}.search-person-list{padding:5px 12px}}
@media(max-width:720px){.user-article-edit-modal .card-modal-panel{width:calc(100% - 16px);max-height:88vh}.user-article-edit-modal form{padding:11px 12px 18px}.edit-existing-photos,.edit-new-photos{grid-template-columns:1fr 1fr}.edit-existing-photos img,.edit-new-photos img{height:105px}.edit-reply-audience{font-size:13px}}
.home-video-feed[hidden],[data-home-feed-panel][hidden]{display:none!important}
.home-video-card{padding:0;border:0;border-bottom:8px solid var(--line);background:var(--bg);color:var(--text)}
.home-video-card header{padding:14px 16px 9px}.home-video-card header>a{display:flex;align-items:center;gap:10px;color:inherit}.home-video-card header .avatar{width:42px;height:42px;flex:0 0 42px}.home-video-card header a>span:last-child{display:grid;min-width:0}.home-video-card header strong{font-size:15px;line-height:1.2}.home-video-card header small{color:var(--muted);font-size:12px}
.home-video-copy{padding:0 16px 13px}.home-video-title{display:block;margin:0;color:inherit;font-size:15px;font-weight:800;line-height:1.4}
.home-video-media{position:relative;overflow:hidden;width:100%;background:#000;isolation:isolate}.home-video-media video{display:block;width:auto;max-width:94%;height:auto;max-height:min(70vh,660px);min-height:250px;margin:0 auto;object-fit:contain;background:#000;cursor:pointer}
.home-video-center-play{position:absolute;inset:50% auto auto 50%;z-index:3;width:68px;height:68px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(0,0,0,.54);color:#fff;padding:0;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px);transition:opacity .16s,transform .16s}.home-video-media.is-playing .home-video-center-play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.88)}
.home-video-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:36px minmax(60px,1fr) auto 38px 38px;align-items:center;gap:7px;padding:28px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;opacity:0;pointer-events:none;transition:opacity .18s}.home-video-media.controls-visible .home-video-controls{opacity:1;pointer-events:auto}.home-video-controls button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.34);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.home-video-controls svg,.home-video-center-play svg{width:21px;height:21px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-video-center-play svg{width:31px;height:31px}.home-video-media [data-icon-pause],.home-video-media.is-playing [data-icon-play]{display:none}.home-video-media.is-playing [data-icon-pause]{display:block}.home-video-media [data-sound-wave]{display:none}.home-video-media.is-sound-on [data-sound-wave]{display:block}.home-video-media.is-sound-on [data-sound-off]{display:none}.home-video-controls input{width:100%;height:4px;accent-color:#1877f2;cursor:pointer}.home-video-time{font-size:11px;font-weight:800;white-space:nowrap;text-shadow:0 1px 3px #000}
.home-video-post-actions{grid-template-columns:repeat(4,1fr)!important;margin-top:0!important;border-bottom:0!important}.home-video-card>.action-summary{padding:9px 16px 7px;margin:0;border-bottom:1px solid var(--line);justify-content:space-between}.home-video-card>.action-summary a,.home-video-card>.action-summary button{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;gap:5px}.home-video-card>.action-summary svg{width:17px;height:17px}
.home-video-viewer[hidden]{display:none!important}.home-video-viewer{position:fixed;inset:0;z-index:250;background:rgba(8,10,14,.96);color:#fff;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(330px,420px) 64px;grid-template-rows:72px minmax(0,1fr);overflow:hidden}.home-video-viewer>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,10,14,.94)}.home-video-viewer>header img{width:116px;height:auto}.home-video-viewer>header button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;cursor:pointer}.home-video-viewer>main{position:relative;grid-column:2;grid-row:2;display:grid;place-items:center;min-width:0;overflow:hidden;background:#000}.home-video-viewer>main>video{display:block;width:auto;max-width:90%;height:auto;max-height:calc(100vh - 132px);object-fit:contain;background:#000}.home-viewer-detail{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-width:0;padding:18px;background:#18191d;border-left:1px solid #303238;overflow:hidden}.home-viewer-detail-close{display:none}.home-viewer-detail-author{display:flex;align-items:center;gap:10px;color:#fff}.home-viewer-detail-author img{width:44px;height:44px;border-radius:50%;object-fit:cover}.home-viewer-detail-author span{display:grid}.home-viewer-detail-author small{color:#aeb3bd}.home-viewer-detail-copy{padding:17px 0 12px;border-bottom:1px solid #303238}.home-viewer-detail-copy h2{margin:0 0 9px;font-size:21px;line-height:1.3}.home-viewer-detail-copy p{margin:0;color:#c7cbd3;font-size:14px;line-height:1.45}.home-viewer-detail-actions{grid-template-columns:repeat(3,1fr)!important;margin:8px 0!important;border-color:#303238!important}.home-viewer-detail-actions button{color:#d6d8de!important}.home-viewer-comments-head{padding:10px 0;border-bottom:1px solid #303238}.home-viewer-comments{flex:1;min-height:0;overflow:auto;padding:10px 0}.home-viewer-comments-loading{display:grid;place-items:center;padding:28px}.home-viewer-comments-loading span{width:22px;height:22px;border:2px solid #555;border-top-color:#fff;border-radius:50%;animation:video-feed-spin .7s linear infinite}.home-viewer-comment{display:flex;gap:9px;padding:9px 2px;border-bottom:1px solid #2c2e34}.home-viewer-comment img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#222}.home-viewer-comment>div{min-width:0}.home-viewer-comment strong,.home-viewer-comment small{display:block}.home-viewer-comment small{color:#999;font-size:10px}.home-viewer-comment p{margin:4px 0 0;overflow-wrap:anywhere}.home-viewer-comment-form{display:grid;grid-template-columns:1fr auto;gap:7px;padding-top:10px}.home-viewer-comment-form textarea{min-width:0;resize:none;border:1px solid #3b3e45;border-radius:18px;background:#24262c;color:#fff;padding:9px 12px}.home-viewer-comment-form button{border:0;border-radius:18px;background:#1877f2;color:#fff;padding:0 13px;font-weight:800}.home-viewer-nav{align-self:center;justify-self:center;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:23px;cursor:pointer}.home-viewer-nav.previous{grid-column:1;grid-row:2}.home-viewer-nav.next{grid-column:4;grid-row:2}.home-viewer-play{position:absolute;inset:50% auto auto 50%;z-index:4;transform:translate(-50%,-50%);width:72px;height:72px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:29px;cursor:pointer}.home-video-viewer.is-playing .home-viewer-play{opacity:0;pointer-events:none}.home-viewer-controls{position:absolute;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:40px minmax(80px,1fr) auto 40px;align-items:center;gap:8px;padding:46px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9));opacity:0;pointer-events:none;transition:opacity .18s}.home-video-viewer.controls-visible .home-viewer-controls{opacity:1;pointer-events:auto}.home-viewer-controls button{height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.home-viewer-controls input{width:100%;accent-color:#1877f2}.home-viewer-controls span{font-size:12px;white-space:nowrap}.home-viewer-caption{display:none}.home-video-viewer-open{overflow:hidden!important}
.home-viewer-actions{position:absolute;right:18px;bottom:76px;z-index:7;display:flex;gap:8px}.home-viewer-actions button{width:43px;height:43px;border:0;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;display:grid;place-items:center;cursor:pointer}.home-viewer-actions svg{width:22px;height:22px}.home-viewer-actions .active{color:#45a3ff;background:rgba(24,119,242,.24)}
.profile-bio{width:min(620px,100%);margin:8px 0;color:var(--text);font-size:14px;line-height:1.55}.profile-title .profile-bio{margin-left:auto;margin-right:auto}.profile-bio p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}.profile-bio.expanded p{display:block;overflow:visible}.profile-bio button{display:inline;padding:2px 0;margin-top:3px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.profile-bio button[hidden]{display:none}.profile-hero .meta{min-width:0;flex:1}
@media(max-width:720px){.home-content-switch{top:0;padding:0 10px}.home-content-switch button{height:47px}.home-video-card{padding:0}.home-video-card header{padding:12px 14px 8px}.home-video-copy{padding:0 14px 11px}.home-video-media{border-radius:0}.home-video-media video{width:auto;max-width:96%;max-height:68vh;min-height:210px}.home-video-controls{grid-template-columns:34px minmax(44px,1fr) auto 36px 36px;padding:24px 8px 7px;gap:4px}.home-video-time{font-size:10px}.home-video-center-play{width:62px;height:62px}.home-video-viewer{grid-template-columns:1fr;grid-template-rows:58px minmax(0,1fr)}.home-video-viewer>header{grid-column:1;grid-row:1;padding:7px 11px}.home-video-viewer>header img{width:92px}.home-video-viewer>header button{width:40px;height:40px}.home-video-viewer>main{grid-column:1;grid-row:2;touch-action:pan-x}.home-video-viewer>main>video{max-width:92%;max-height:calc(100vh - 118px)}.home-viewer-nav{display:none}.home-viewer-caption{display:block;left:12px;right:72px;top:auto;bottom:70px;max-width:none;background:linear-gradient(90deg,rgba(0,0,0,.64),transparent);backdrop-filter:none}.home-viewer-actions{right:12px;bottom:82px;display:grid}.home-viewer-actions button,.home-viewer-actions a{width:46px;height:46px}.home-viewer-controls{grid-template-columns:36px minmax(40px,1fr) auto 38px;padding:36px 10px 9px}.home-viewer-detail{position:absolute;inset:58px 0 0;z-index:12;display:none;padding:16px 12px;background:#18191d}.home-video-viewer.detail-open .home-viewer-detail{display:flex}.home-viewer-detail-close{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#303238;color:#fff;font-size:25px}.home-viewer-detail-author{padding-right:48px}.home-viewer-detail-copy h2{font-size:18px}.home-video-post-actions{grid-template-columns:repeat(4,1fr)!important}.profile-bio{font-size:13px}}
@media(max-width:720px){
    body.social-app .content-type-tabs a{min-width:0;flex:1;padding:0 8px;font-size:13px}
    .saved-page-head .content-type-tabs{margin:0 -9px}
    .profile-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:1px;gap:1px}
    .profile-video-card>strong{font-size:9px}
}

@media(max-width:720px){
    body.social-app .guest-profile-info-modal{align-items:flex-end!important;justify-content:center!important;padding:10px!important}
    body.social-app .guest-profile-info-modal .card-modal-panel{display:block!important;width:100%!important;height:auto!important;max-height:min(68dvh,520px)!important;margin:0!important;padding:14px!important;overflow:auto!important;border-radius:16px!important}
    body.social-app .guest-profile-info-modal .card-modal-head{position:static!important;padding:0 0 10px!important}
    body.social-app .video-comments-modal{align-items:flex-end!important;justify-content:center!important;padding:0 6px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(0,0,0,.55)!important}
    body.social-app .video-comments-modal .video-modal-panel{position:absolute!important;left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;display:flex!important;width:auto!important;height:min(62dvh,540px)!important;max-height:calc(var(--video-viewport-height,100dvh) - 12px)!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:#18191d!important;border:1px solid #303238!important}
    body.social-app .video-comments-modal.has-comments .video-modal-panel{height:min(78dvh,680px)!important}
    body.social-app .video-comments-modal.keyboard-open .video-modal-panel{height:calc(var(--video-viewport-height,100dvh) - 8px)!important;max-height:calc(var(--video-viewport-height,100dvh) - 8px)!important;bottom:4px!important}
    body.social-app .video-comments-modal .card-modal-head{position:relative!important;padding:16px 14px 10px!important;margin:0!important}
    body.social-app .video-comments-modal .card-modal-head:before{content:"";position:absolute;top:6px;left:50%;width:38px;height:4px;border-radius:4px;background:#676a72;transform:translateX(-50%)}
    body.social-app .video-comments-modal .video-modal-comments{overscroll-behavior:contain;padding:2px 10px 8px}
    body.social-app .video-comments-modal .video-modal-comment-form{flex:0 0 auto;background:#18191d;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}
}

/* Desktop navigation alignment and compact typography */
@media(min-width:1181px){
    body.social-app .side-nav nav{margin-top:38px;gap:17px}
    body.social-app .side-nav .nav-link b{font-size:16px}
    body.social-app .side-nav .nav-link span{width:29px;height:29px}
    body.social-app .side-nav .nav-link svg{width:21px;height:21px}
}

/* Shared dark-theme contrast safeguards */
body.dark.social-app .page-panel,
body.dark.social-app .profile-page,
body.dark.social-app .card-modal-panel,
body.dark.social-app .article-preview-panel,
body.dark.social-app .person-row,
body.dark.social-app .profile-hover-card{background-color:var(--bg);color:var(--text)}
body.dark.social-app input,
body.dark.social-app textarea,
body.dark.social-app select{background:var(--soft);color:var(--text);border-color:var(--line)}
body.dark.social-app .user-identity-name{filter:saturate(.92) brightness(1.18)}

@media(max-width:720px){
    body.social-app:not(.language-only) .mobile-bottom-nav,
    body.social-app.article-mode.mobile-logo-hidden:not(.bottom-language-open) .mobile-bottom-nav,
    body.social-app.nav-profile-public .mobile-bottom-nav{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        transform:none!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
}

/* Final profile and home-video alignment overrides. */
.home-video-title{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:800;line-height:1.4;text-align:left;cursor:pointer}
.home-video-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.home-video-comment-head a{min-width:0;color:inherit;font-weight:900}.home-video-comment-head small{flex:0 0 auto;color:var(--muted);font-size:10px}
.home-video-comment-actions{display:flex;align-items:center;gap:13px;margin-top:6px}.home-video-comment-actions button,.home-video-replies-toggle{border:0;background:transparent;color:var(--muted);padding:0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.home-video-comment-actions button.active{color:#1877f2}.home-video-comment-actions button.active:first-child{color:#1877f2}
.home-video-comment-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px}.home-video-comment-reply-form[hidden]{display:none}.home-video-comment-reply-form input{min-width:0;height:36px;border:1px solid var(--line);border-radius:18px;background:var(--soft);color:var(--text);padding:0 11px}.home-video-comment-reply-form button{border:0;border-radius:18px;background:#1877f2;color:#fff;padding:0 12px;font-weight:900}
@media(max-width:720px){.home-video-comment-reply-form{width:calc(100% + 44px);margin-left:-44px;padding:8px;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.home-video-comment-reply-form button{min-width:70px;white-space:nowrap}.home-video-info-dialog.reply-active .home-video-comments-dialog-form{display:none!important}}
.home-video-comment-replies{margin:8px 0 0 8px;padding-left:9px;border-left:2px solid var(--line)}.home-video-comment-reply{display:flex;gap:8px;padding:7px 0}.home-video-comment-reply>img{width:28px!important;height:28px!important;flex:0 0 28px;border-radius:50%;object-fit:cover}.home-video-comment-reply>div{min-width:0;flex:1}.home-video-comment-reply.is-hidden-reply{display:none}.home-video-comment-replies.expanded .home-video-comment-reply.is-hidden-reply{display:flex}.home-video-replies-toggle{display:block;margin-top:5px;color:#5ba7ff}
.home-video-viewer .home-viewer-caption>a{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;color:#fff!important}.home-video-viewer .home-viewer-caption>a>img{display:block!important;width:36px!important;height:36px!important;max-width:36px!important;flex:0 0 36px!important;border-radius:50%!important;object-fit:cover!important}.home-video-viewer .home-viewer-caption>a>span{display:grid!important;min-width:0!important}
.video-comment-copy{min-width:0}
.video-comment-copy p{display:-webkit-box;margin:4px 0 0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;line-height:1.42}
.video-comment-copy.expanded p{display:block;overflow:visible}
.video-comment-text-toggle{display:inline-block;margin:3px 0 0;padding:0;border:0;background:transparent;color:#5ba7ff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.video-comment-text-toggle[hidden]{display:none!important}
body.social-app .home-video-card>.home-video-post-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;box-sizing:border-box!important;padding:7px 8px!important;gap:2px!important}
body.social-app .home-video-card>.home-video-post-actions>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 3px!important;text-align:center!important}
body.social-app .home-video-card>.home-video-post-actions>button .action-label{display:block!important;width:auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;flex:0 1 auto!important;text-align:center!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active{color:#1877f2!important}
body.social-app .home-video-card>.home-video-post-actions>[data-home-video-like].active svg{fill:#1877f2!important;stroke:#1877f2!important}
body.social-app .profile-title{width:min(620px,100%)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.social-app .profile-title h1,body.social-app .profile-title>p{width:100%!important;justify-content:center!important;text-align:center!important}
body.social-app .profile-title .profile-bio{display:block!important;margin:8px auto!important;text-align:center!important}
body.social-app .profile-hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:24px 18px!important}
body.social-app .profile-hero>.avatar{margin:0 auto!important;flex:0 0 92px!important}
body.social-app .profile-hero>.meta{width:min(620px,100%)!important;max-width:100%!important;align-items:center!important;text-align:center!important}
body.social-app .profile-hero>.meta>strong,body.social-app .profile-hero>.meta>small,body.social-app .profile-hero>.guest-profile-username{width:auto!important;justify-content:center!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-bio{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.social-app .profile-hero>.meta .profile-stats{justify-content:center!important}
body.social-app .profile-action-stack{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:nowrap!important;margin-top:2px!important}
body.social-app .profile-action-stack form{margin:0!important}
body.social-app .profile-action-stack button{min-width:112px!important;justify-content:center!important}
@media(min-width:721px){
    body.social-app .profile-header{display:block!important;text-align:center!important}
    body.social-app .profile-header .profile-photo{margin-left:auto!important;margin-right:auto!important}
    body.social-app .profile-header .profile-title{width:min(620px,100%)!important;margin:0 auto!important;text-align:center!important}
}
@media(max-width:720px){
    body.social-app .profile-action-stack{width:100%!important;max-width:360px!important}
    body.social-app .profile-action-stack>form,body.social-app .profile-action-stack>button{flex:1 1 0!important;width:0!important;min-width:0!important}
    body.social-app .profile-action-stack form>button{width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important}
    body.social-app .profile-action-stack>button{min-width:0!important;padding-left:8px!important;padding-right:8px!important}
    body.social-app.home-video-comments-open:not(.language-only) .mobile-bottom-nav{display:none!important;opacity:0!important;pointer-events:none!important}
}

/* Unified profile video launcher, viewer identity and Turkish-red comment actions. */
.profile-video-card{border:0;padding:0}
.profile-video-open{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.profile-video-actions-bridge[hidden]{display:none!important}
.official-employee-badge{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;margin:0!important;padding:0;border:0!important;border-radius:999px;overflow:hidden;background:#000!important;box-shadow:none!important;outline:0!important;vertical-align:middle;cursor:pointer;isolation:isolate;transition:transform .16s ease}.official-employee-badge:hover,.official-employee-badge:focus-visible{transform:scale(1.09);outline:0;box-shadow:none!important}.official-employee-badge img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;border:0!important;border-radius:999px;filter:none!important;outline:0!important;box-shadow:none!important}.user-identity-inline>.official-employee-badge{align-self:center}.video-mode .official-employee-badge{width:22px;height:22px;flex-basis:22px}
.official-employee-info-modal:popover-open{display:flex}
.user-identity-profile-link{display:inline-flex;align-items:center;min-width:0;color:inherit;text-decoration:none}.user-identity-profile-link>.user-identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.home-video-author-row{display:flex;align-items:center;gap:10px;color:inherit}.home-video-author-row>span{display:grid;min-width:0}
.official-employee-info-modal{position:fixed!important;inset:0!important;z-index:2200!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:20px!important;border:0!important;background:rgba(8,10,14,.62)!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;backdrop-filter:blur(5px)}.official-employee-info-modal::backdrop{background:rgba(8,10,14,.62);backdrop-filter:blur(5px)}.official-employee-info-modal .card-modal-panel{position:relative;width:min(440px,calc(100vw - 40px))!important;max-height:min(620px,calc(100dvh - 40px))!important;margin:0!important;padding:0!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important}.official-employee-info-modal .card-modal-head{position:sticky!important;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:16px 18px!important;border-bottom:1px solid var(--line)!important;background:var(--bg)!important}.official-employee-info-modal .card-modal-head h3{margin:0;font-size:17px;line-height:1.3}.official-employee-info-modal .card-modal-head button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--soft)!important;color:var(--text)!important;font-size:24px;line-height:1;cursor:pointer}.official-employee-info-content{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:5px 16px;padding:24px!important;text-align:left}.official-employee-logo{grid-row:1/3;position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0;border:0;border-radius:50%;overflow:hidden;background:#000;box-shadow:none;isolation:isolate}.official-employee-logo:before,.official-employee-logo>span{display:none!important}.official-employee-logo img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0!important;border-radius:50%;object-fit:contain;box-shadow:none!important}.official-employee-info-content>small{align-self:end;font-size:10px;font-weight:950;letter-spacing:.15em;color:#e30a17}.official-employee-info-content h2{align-self:start;margin:0;font-size:23px;line-height:1.2;letter-spacing:-.02em}.official-employee-relation{grid-column:1/-1;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;width:100%;margin:17px 0 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-align:left}.official-employee-relation>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e30a17;color:#fff;font-size:17px;font-weight:950}.official-employee-info-content p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.official-employee-info-content p a{display:inline;color:var(--text);font-weight:950;text-decoration:none;border-bottom:1px solid #e30a17}.official-employee-info-content p a:hover{color:#e30a17}
@media(max-width:720px){body.social-app .official-employee-info-modal,.official-employee-info-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(8,10,14,.55)!important}.official-employee-info-modal .card-modal-panel{width:100vw!important;max-width:none!important;min-height:52dvh!important;max-height:min(72dvh,640px)!important;margin:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.official-employee-info-modal .card-modal-panel:before{content:"";display:block;position:sticky;top:7px;z-index:5;width:42px;height:4px;margin:7px auto -11px;border-radius:999px;background:var(--muted);opacity:.42}.official-employee-info-modal .card-modal-head{padding:21px 16px 14px!important}.official-employee-info-content{grid-template-columns:64px minmax(0,1fr);gap:5px 14px;padding:24px 18px 30px!important}.official-employee-logo{width:64px;height:64px}.official-employee-info-content h2{font-size:21px}.official-employee-relation{margin-top:18px;padding:15px;border-radius:16px}.official-employee-info-content p{font-size:14px}}
html body.social-app [data-zero-hide][hidden],
html body.social-app [data-zero-hide].is-zero-metric{display:none!important}
[data-comment-like-count][hidden],
[data-video-like-count][hidden],
[data-video-comment-count][hidden],
[data-video-save-count][hidden],
[data-video-share-count][hidden],
[data-detail-likes][hidden],
[data-detail-comments][hidden],
[data-detail-saves][hidden],
[data-detail-shares][hidden],
[data-detail-comments-wrap][hidden]{display:none!important}
.home-video-comment-head a{display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 76px)}
.home-video-comment-head a>.supporter-badge{flex:0 0 18px!important;margin:0!important}
.home-video-comments-dialog-form button,
.home-viewer-comment-form button{background:#e30a17!important;color:#fff!important}
.home-viewer-more{display:none;border:0;background:transparent;color:#fff;padding:0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.home-viewer-detail-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.home-viewer-actions [data-home-viewer-save].active,
.home-viewer-detail-actions [data-home-viewer-detail-save].active{color:#45a3ff!important}
.home-viewer-actions [data-home-viewer-save].active svg,
.home-viewer-detail-actions [data-home-viewer-detail-save].active svg{fill:currentColor!important;stroke:currentColor!important}
@media(max-width:720px){
    .home-video-viewer .home-viewer-caption{display:flex!important;align-items:center!important;gap:8px!important;left:12px!important;right:74px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;padding:7px 8px!important;border-radius:12px!important;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22))!important;transition:bottom .18s ease!important}
    .home-video-viewer.controls-visible .home-viewer-caption{bottom:64px!important}
    .home-video-viewer .home-viewer-caption>a{min-width:0!important;flex:0 1 auto!important}
    .home-video-viewer .home-viewer-caption>a>img{width:32px!important;height:32px!important;max-width:32px!important;flex-basis:32px!important}
    .home-video-viewer .home-viewer-caption>a>span{line-height:1.2!important}
    .home-video-viewer .home-viewer-caption>a strong{display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:145px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important}
    .home-video-viewer .home-viewer-caption>a small{font-size:9px!important;color:#d7dbe3!important}
    .home-video-viewer .home-viewer-caption>h2{display:none!important}
    .home-video-viewer .home-viewer-more{display:block!important;flex:0 0 auto!important;white-space:nowrap!important;color:#fff!important}
    .home-video-viewer .home-viewer-actions{right:12px!important;bottom:68px!important;display:grid!important;gap:7px!important}
    .home-video-viewer.controls-visible .home-viewer-actions{bottom:116px!important}
    .home-video-viewer.detail-open .home-viewer-detail{touch-action:pan-y!important;overscroll-behavior:contain!important}
    .home-video-viewer.detail-open .home-viewer-comments{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}
}

/* Stable video-comment dialog and unified comment identity/actions. */
.home-video-info-dialog{overscroll-behavior:contain!important}
.home-video-info-dialog.is-comments-dialog>div{display:flex!important;flex-direction:column!important;width:min(620px,100%)!important;height:min(760px,86vh)!important;max-height:86vh!important;overflow:hidden!important;overscroll-behavior:contain!important}
.home-video-info-dialog.is-comments-dialog>div>header{flex:0 0 auto!important}
.home-video-info-dialog.is-comments-dialog .home-video-comments-dialog-content{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;overflow:hidden!important}
.home-video-comments-dialog-list{overscroll-behavior:contain!important;overflow-y:auto!important}
.home-video-comment-head a{display:inline-flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 82px)!important;gap:4px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.home-video-comment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-video-comment-head a>.verified-badge,.home-video-comment-head a>.supporter-badge{display:inline-flex!important;align-self:center!important;flex:0 0 18px!important;margin:0!important;vertical-align:middle!important}
.video-comment-you{flex:0 0 auto;color:var(--muted)!important;font-size:11px;font-weight:900}
.home-video-comment-actions button.danger{color:#d62d3d!important}
.home-video-comment-edit-form{display:grid;gap:7px;margin:8px 0}
.home-video-comment-edit-form textarea{width:100%;min-height:64px;resize:vertical;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:9px 10px;font:inherit}
.home-video-comment-edit-form>div{display:flex;justify-content:flex-end;gap:7px}
.home-video-comment-edit-form button{border:0;border-radius:16px;background:var(--soft);color:var(--text);padding:7px 11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.home-video-comment-edit-form button[type="submit"]{background:#e30a17;color:#fff}
body.social-app .home-video-comments-dialog-form button,
body.social-app .home-viewer-comment-form button{background:#e30a17!important;color:#fff!important}
@media(max-width:720px){
    .home-video-info-dialog.is-comments-dialog>div{width:100%!important;height:min(84dvh,720px)!important;max-height:calc(100dvh - 8px)!important}
    .home-video-comment-head a{max-width:calc(100% - 66px)!important}
}

.home-video-comment-sort{display:flex;flex:0 0 auto;align-items:center;gap:6px;padding:0 0 9px;border-bottom:1px solid var(--line)}
.home-video-comment-sort button{min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);padding:0 13px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.home-video-comment-sort button.active{border-color:#1d9bf0;background:rgba(29,155,240,.12);color:#1479c9}
body.dark .home-video-comment-sort button.active{background:#173047;color:#8bcdf8;border-color:#2f79aa}

/* Keep the desktop home-video viewer identity and subscription badge together. */
.home-video-viewer .home-viewer-detail-author>span{
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
}
.home-video-viewer .home-viewer-detail-author>span>strong{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
}
.home-video-viewer .home-viewer-detail-author>span>strong>.video-comment-name{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.home-video-viewer .home-viewer-detail-author>span>strong>.verified-badge,
.home-video-viewer .home-viewer-detail-author>span>strong>.supporter-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    flex:0 0 18px!important;
    margin:0!important;
    vertical-align:middle!important;
}
.home-video-viewer .home-viewer-detail-author>span>small{
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    min-width:0!important;
    white-space:nowrap!important;
}
.home-video-viewer .home-viewer-detail-author>span>small>span{
    display:inline!important;
}

/* Solid, edge-to-edge presentation for the web video viewer. */
.home-video-viewer,
.home-video-viewer>main{
    background:#fff!important;
}
.home-video-viewer>main{
    width:100%!important;
    max-width:none!important;
}
body.dark .home-video-viewer,
body.dark .home-video-viewer>main{
    background:#000!important;
}
.home-video-viewer>main>video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
}
body:not(.dark) .home-video-viewer>header{
    background:#fff!important;
    color:#111!important;
    border-bottom-color:#ddd!important;
}
body:not(.dark) .home-video-viewer>header button{
    background:#eee!important;
    color:#111!important;
}
body:not(.dark) .home-video-viewer .home-viewer-nav{
    background:#e8e8e8!important;
    color:#111!important;
}
body:not(.dark) .home-video-viewer .home-viewer-detail{
    background:#fff!important;
    color:#111!important;
    border-left-color:#ddd!important;
}
body:not(.dark) .home-video-viewer .home-viewer-detail-author,
body:not(.dark) .home-video-viewer .home-viewer-detail-actions button{
    color:#111!important;
}
body:not(.dark) .home-video-viewer .home-viewer-detail-copy,
body:not(.dark) .home-video-viewer .home-viewer-comments-head,
body:not(.dark) .home-video-viewer .home-viewer-comment{
    border-color:#ddd!important;
}
body:not(.dark) .home-video-viewer .home-viewer-detail-copy p,
body:not(.dark) .home-video-viewer .home-viewer-detail-author small{
    color:#555!important;
}
.home-video-feed-sentinel{height:1px;width:100%;pointer-events:none}

.home-viewer-detail-author-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-viewer-detail-author-row .home-viewer-detail-author{min-width:0;flex:1}
.home-viewer-author-menu{position:relative;flex:0 0 auto}
.home-viewer-author-menu>button{width:40px;height:40px;border:0;border-radius:50%;background:#2b2d33;color:inherit;font-size:22px;cursor:pointer}
.home-viewer-author-menu-panel{position:absolute;z-index:20;top:44px;right:0;width:210px;padding:6px;border:1px solid #3b3e45;border-radius:10px;background:#202228;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.home-viewer-author-menu-panel[hidden]{display:none!important}
.home-viewer-author-menu-panel button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#fff;padding:10px 11px;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.home-viewer-author-menu-panel button:hover{background:#30333a}
.home-viewer-view-count{display:flex;align-items:center;gap:6px;padding:10px 2px 4px;color:#b8bdc7;font-size:13px}
.home-viewer-view-count svg{width:18px;height:18px}
.home-viewer-inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px 0;border-bottom:1px solid #303238}
.home-viewer-inline-stats>div{min-width:0;padding:8px 7px;border-radius:8px;background:rgba(255,255,255,.055);text-align:center}
.home-viewer-inline-stats strong,.home-viewer-inline-stats span{display:block;overflow:hidden;text-overflow:ellipsis}
.home-viewer-inline-stats strong{font-size:16px;color:#fff}
.home-viewer-inline-stats span{margin-top:3px;color:#aeb3bd;font-size:10px;font-weight:800}
body:not(.dark) .home-video-viewer .home-viewer-inline-stats{border-color:#d7dbe2}
body:not(.dark) .home-video-viewer .home-viewer-inline-stats>div{background:#f0f2f5}
body:not(.dark) .home-video-viewer .home-viewer-inline-stats strong{color:#111}
body:not(.dark) .home-video-viewer .home-viewer-inline-stats span{color:#5f6368}
.profile-page-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:7px 16px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:8}
.profile-page-toolbar>a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:850}
.profile-page-toolbar>a svg{width:21px;height:21px}
.profile-report-menu{position:relative}
.profile-report-menu>summary,.profile-report-toggle,.profile-report-login{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:25px;font-weight:900;letter-spacing:2px;cursor:pointer;list-style:none}
.profile-report-menu>summary::-webkit-details-marker{display:none}
.profile-report-menu[open]>summary,.profile-report-menu.open>.profile-report-toggle,.profile-report-menu>summary:hover,.profile-report-toggle:hover,.profile-report-login:hover{background:var(--soft)}
.profile-report-menu>form{position:absolute;right:0;top:46px;z-index:30;min-width:210px;padding:7px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.profile-report-menu:not(.open):not([open])>form{display:none}
.profile-report-menu>form button{width:100%;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--text);font-weight:850;text-align:left;cursor:pointer}
.profile-report-menu>form button:hover{background:var(--soft);color:#d93025}
.video-report-menu{position:relative;margin-left:4px;flex:0 0 auto}
.home-video-comment-head>small,.video-comment-head>.video-comment-time{margin-left:auto}
.video-report-menu>button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;padding:0 4px;cursor:pointer}
.video-report-menu-panel{position:absolute;z-index:25;top:22px;right:0;min-width:180px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--bg);box-shadow:0 10px 28px rgba(0,0,0,.24)}
.video-report-menu-panel[hidden]{display:none!important}
.video-report-menu-panel button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);padding:9px 10px;text-align:left;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.video-page-author-menu{position:relative;margin-left:auto}
.video-page-author-menu>button{width:38px;height:38px;border:0;border-radius:50%;background:#2b2b2b;color:#fff;font-size:21px;cursor:pointer}
.video-page-author-menu>div{position:absolute;z-index:24;right:0;top:42px;width:205px;padding:6px;border:1px solid #3a3a3a;border-radius:10px;background:#202020;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.video-page-author-menu>div[hidden]{display:none!important}
.video-page-author-menu>div button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#fff;padding:10px;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.video-page-author-menu>div button:hover{background:#303030}
@media(min-width:721px){
    .home-video-viewer .home-viewer-actions{display:none!important}
}
@media(max-width:720px){
    .home-viewer-detail-author-row{padding-right:42px}
}

/* Complete light-theme surfaces for both video experiences. */
body:not(.dark).social-app .home-video-viewer>header img{
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(0,0,0,.50)) drop-shadow(0 2px 3px rgba(0,0,0,.20))!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-detail-author strong,
body:not(.dark).social-app .home-video-viewer .home-viewer-detail-copy h2,
body:not(.dark).social-app .home-video-viewer .home-viewer-detail-copy p,
body:not(.dark).social-app .home-video-viewer .home-viewer-description-toggle,
body:not(.dark).social-app .home-video-viewer .home-viewer-comments-head strong,
body:not(.dark).social-app .home-video-viewer .home-viewer-comment strong,
body:not(.dark).social-app .home-video-viewer .home-viewer-comment p,
body:not(.dark).social-app .home-video-viewer .home-video-comment-head a,
body:not(.dark).social-app .home-video-viewer .home-viewer-inline-stats strong{
    color:#111!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-comment small,
body:not(.dark).social-app .home-video-viewer .home-video-comment-actions button,
body:not(.dark).social-app .home-video-viewer .home-video-replies-toggle{
    color:#626977!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-comment-form textarea{
    background:#f2f3f5!important;
    color:#111!important;
    border-color:#d5d9e0!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-comment-form textarea::placeholder{color:#6a707a!important}
body:not(.dark).social-app .home-video-viewer .home-viewer-author-menu>button{
    background:#eef0f3!important;
    color:#111!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-author-menu-panel{
    background:#fff!important;
    border-color:#d5d9e0!important;
    box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}
body:not(.dark).social-app .home-video-viewer .home-viewer-author-menu-panel button{color:#111!important}
body:not(.dark).social-app .home-video-viewer .home-viewer-author-menu-panel button:hover{background:#f0f2f5!important}
body:not(.dark).social-app .home-video-viewer .home-viewer-inline-stats>div{background:#f0f2f5!important}
body:not(.dark).social-app .home-video-viewer .home-viewer-inline-stats span{color:#5f6368!important}
body:not(.dark).social-app .home-video-viewer .home-viewer-view-count{color:#111!important}
body:not(.dark).social-app .home-video-info-dialog .home-viewer-comment{border-color:var(--line)!important;color:var(--text)!important}
body:not(.dark).social-app .home-video-info-dialog .home-viewer-comment p,
body:not(.dark).social-app .home-video-info-dialog .home-viewer-comment strong,
body:not(.dark).social-app .home-video-info-dialog .home-video-comment-head a{color:var(--text)!important}
body:not(.dark).social-app .home-video-info-dialog .home-viewer-comment small,
body:not(.dark).social-app .home-video-info-dialog .home-video-comment-actions button,
body:not(.dark).social-app .home-video-info-dialog .home-video-replies-toggle{color:var(--muted)!important}

body:not(.dark).social-app.video-mode,
body:not(.dark).social-app.video-mode .app-shell,
body:not(.dark).social-app.video-mode .feed-main,
body:not(.dark).social-app.video-mode .video-feed-shell{
    background:var(--bg)!important;
    color:var(--text)!important;
}
body:not(.dark).social-app.video-mode .side-nav{background:var(--bg)!important;border-color:var(--line)!important}
body:not(.dark).social-app.video-mode .side-nav .nav-link,
body:not(.dark).social-app.video-mode .side-nav .nav-link span{color:var(--text)!important}
body:not(.dark).social-app.video-mode .side-nav .nav-link.active{background:var(--soft)!important;color:#1479c9!important}
body:not(.dark).social-app.video-mode .video-desktop-detail{
    background:var(--bg)!important;
    color:var(--text)!important;
    border-left-color:var(--line)!important;
}
body:not(.dark).social-app.video-mode .video-detail-author,
body:not(.dark).social-app.video-mode .video-detail-copy{background:var(--soft)!important;color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-detail-author strong,
body:not(.dark).social-app.video-mode .video-detail-copy h1,
body:not(.dark).social-app.video-mode .video-detail-copy p,
body:not(.dark).social-app.video-mode .video-detail-copy>button,
body:not(.dark).social-app.video-mode .video-detail-actions>span,
body:not(.dark).social-app.video-mode .video-detail-actions>button,
body:not(.dark).social-app.video-mode .video-comment-row a,
body:not(.dark).social-app.video-mode .video-comment-row p,
body:not(.dark).social-app.video-mode .video-comments-head strong{color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-detail-author small,
body:not(.dark).social-app.video-mode .video-comment-row small,
body:not(.dark).social-app.video-mode .video-comment-actions button,
body:not(.dark).social-app.video-mode .video-comments-empty{color:var(--muted)!important}
body:not(.dark).social-app.video-mode .video-detail-author [data-detail-username]{color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-detail-actions>button svg{background:#edf0f4!important}
body:not(.dark).social-app.video-mode .video-copy-row input,
body:not(.dark).social-app.video-mode .video-copy-row button,
body:not(.dark).social-app.video-mode .video-comment-box input,
body:not(.dark).social-app.video-mode .video-comment-reply-form input{
    background:var(--soft)!important;
    color:var(--text)!important;
    border-color:var(--line)!important;
}
body:not(.dark).social-app.video-mode .video-copy-row button{border-left-color:var(--line)!important}
body:not(.dark).social-app.video-mode .video-comments-head,
body:not(.dark).social-app.video-mode .video-comment-row{border-color:var(--line)!important}
body:not(.dark).social-app.video-mode .video-comments-head strong{border-bottom-color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-comment-replies{border-left-color:var(--line)!important}
body:not(.dark).social-app.video-mode .comment-sort-toggle{color:var(--text)!important}
body:not(.dark).social-app.video-mode .comment-sort-panel{background:var(--bg)!important;border-color:var(--line)!important;color:var(--text)!important}
body:not(.dark).social-app.video-mode .comment-sort-panel button{color:var(--text)!important}
body:not(.dark).social-app.video-mode .comment-sort-panel button:hover,
body:not(.dark).social-app.video-mode .comment-sort-panel button.active{background:var(--soft)!important}
body:not(.dark).social-app.video-mode .video-page-author-menu>button{background:#edf0f4!important;color:#111!important}
body:not(.dark).social-app.video-mode .video-page-author-menu>div{background:#fff!important;border-color:var(--line)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}
body:not(.dark).social-app.video-mode .video-page-author-menu>div button{color:#111!important}
body:not(.dark).social-app.video-mode .video-page-author-menu>div button:hover{background:var(--soft)!important}
body:not(.dark).social-app.video-mode .video-modal-panel,
body:not(.dark).social-app.video-mode .video-action-sheet,
body:not(.dark).social-app.video-mode .video-details-panel,
body:not(.dark).social-app.video-mode .video-details-content,
body:not(.dark).social-app.video-mode .stats-modal-panel{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
body:not(.dark).social-app.video-mode .video-details-author,
body:not(.dark).social-app.video-mode .video-details-author [data-mobile-detail-username],
body:not(.dark).social-app.video-mode .video-details-content h2{color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-details-content p{color:var(--text)!important}
body:not(.dark).social-app.video-mode .video-details-content time{color:var(--muted)!important}
body:not(.dark).social-app.video-mode .video-details-stats{background:var(--soft)!important;color:var(--text)!important;border-color:var(--line)!important}
body:not(.dark).social-app.video-mode .video-modal-comment-form{background:var(--bg)!important;border-color:var(--line)!important}

@media(max-width:720px){
    body.social-app .profile-page-toolbar{display:none!important}
    body.social-app .mobile-top-context{grid-template-columns:minmax(0,1fr) 44px!important}
    body.social-app .mobile-top-context .mobile-context-action{grid-column:2;justify-self:end;margin:0!important}
    body.social-app .mobile-top-context .profile-report-menu>form{right:0;top:44px}
    body:not(.dark).social-app.video-mode .mobile-bottom-nav{background:var(--bg)!important;border-color:var(--line)!important;color:var(--text)!important}
    body:not(.dark).social-app.video-mode .mobile-bottom-item{color:var(--muted)!important}
    body:not(.dark).social-app.video-mode .mobile-bottom-item.active{color:#1479c9!important;background:rgba(29,155,240,.10)!important}
    body:not(.dark).social-app.video-mode .video-comments-modal .video-modal-panel,
    body:not(.dark).social-app.video-mode .video-comments-modal .video-modal-comment-form{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}
    body:not(.dark).social-app.video-mode .video-details-modal{background:rgba(0,0,0,.42)!important}
    body.social-app.video-mode .video-stats-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.56)!important}
    body.social-app.video-mode .video-stats-modal .stats-modal-panel{width:100vw!important;max-width:none!important;margin:0!important;padding:0 16px calc(18px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -18px 48px rgba(0,0,0,.38)!important}
    body.social-app.video-mode .video-stats-modal .card-modal-head{min-height:64px!important;margin:0 -16px 14px!important;padding:13px 16px!important;border-bottom:1px solid var(--line)!important}
    body.social-app.video-mode .video-stats-grid{gap:10px!important}.video-stats-grid>div{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--soft)!important;padding:16px 8px!important;text-align:center!important}.video-stats-grid>div span{font-size:clamp(14px,5vw,22px)!important;font-weight:950!important}.video-stats-grid>div span.is-long{font-size:14px!important}.video-stats-grid>div b{color:var(--muted)!important;font-size:12px!important}
    body.social-app .article-comments-sheet{align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.56)!important}
    body.social-app .article-comments-sheet-panel{width:100vw!important;max-width:none!important;height:min(86dvh,720px)!important;max-height:calc(100dvh - 6px)!important;margin:0!important;border:0!important;border-radius:22px 22px 0 0!important;box-shadow:0 -18px 48px rgba(0,0,0,.38)!important}
    body.social-app .article-comments-sheet-panel>.card-modal-head{position:relative!important;min-height:62px!important;padding:17px 16px 10px!important}
    body.social-app .article-comments-sheet-panel>.card-modal-head:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;border-radius:4px;background:var(--muted);opacity:.5;transform:translateX(-50%)}
    body.social-app.article-comments-sheet-open:not(.language-only) .mobile-bottom-nav{display:none!important}
}

/* Menu video feed: fill the video stage and keep overlay actions mobile-only. */
body.social-app.video-mode .video-slide>video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:transparent!important;
}
body.social-app.video-mode .video-slide{
    border:0!important;
    border-radius:0!important;
}
@media(min-width:721px){
    body.social-app.video-mode .video-mobile-actions,
    body.social-app.video-mode .video-mobile-caption{
        display:none!important;
    }
}
@media(max-width:720px){
    body.social-app.video-mode .video-mobile-actions{
        display:flex!important;
    }
    body.social-app.video-mode .video-mobile-caption{
        display:block!important;
    }
    body.social-app.video-mode .video-mobile-name-line>[data-video-details-toggle][data-details-more]{
        display:inline-flex!important;
        align-items:center!important;
        white-space:nowrap!important;
    }
}

/* Keep the four article actions evenly spaced inside the mobile reader. */
@media(max-width:720px){
    body.social-app .article-preview-content .article-social-panel>.post-actions,
    body.social-app.article-mode .article-social-panel>.post-actions{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        gap:2px!important;
        padding:7px 4px!important;
    }
    body.social-app .article-preview-content .article-social-panel>.post-actions>form,
    body.social-app .article-preview-content .article-social-panel>.post-actions>button,
    body.social-app.article-mode .article-social-panel>.post-actions>form,
    body.social-app.article-mode .article-social-panel>.post-actions>button{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
    }
    body.social-app .article-preview-content .article-social-panel>.post-actions>form>button,
    body.social-app .article-preview-content .article-social-panel>.post-actions>button,
    body.social-app.article-mode .article-social-panel>.post-actions>form>button,
    body.social-app.article-mode .article-social-panel>.post-actions>button{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0 2px!important;
        text-align:center!important;
    }
    body.social-app .article-preview-content .article-social-panel>.post-actions .action-label,
    body.social-app.article-mode .article-social-panel>.post-actions .action-label{
        display:block!important;
        min-width:0!important;
        max-width:calc(100% - 22px)!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        font-size:10px!important;
        text-align:center!important;
    }
}

/* Final mobile reader spacing and badge bottom-sheet geometry. */
@media(max-width:720px){
    body.social-app .article-preview-content .article-reader>h1{margin-left:18px!important;margin-right:18px!important}
    body.social-app .article-preview-content .article-author,
    body.social-app .article-preview-content .article-body,
    body.social-app .article-preview-content .article-source,
    body.social-app .article-preview-content .related-strip{margin-left:18px!important;margin-right:18px!important}
    body.social-app .article-preview-content .article-body{line-height:1.68!important}
    body.social-app .verified-profile-modal,body.social-app .supporter-info-modal{align-items:flex-end!important;padding:0!important}
    body.social-app .verified-profile-modal .card-modal-panel,body.social-app .supporter-info-modal .card-modal-panel{width:100vw!important;max-width:none!important;height:min(68dvh,620px)!important;min-height:56dvh!important;max-height:68dvh!important;margin:0!important;border-radius:24px 24px 0 0!important;border-bottom:0!important}
}

/* Premium channel modal follows the same mobile bottom-sheet behavior. */
@media(max-width:720px){
    html body.social-app .premium-channel-info-modal.open{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important}
    html body.social-app .premium-channel-info-modal.open .card-modal-panel{position:relative!important;inset:auto!important;align-self:flex-end!important;width:100vw!important;max-width:none!important;height:min(68dvh,620px)!important;min-height:56dvh!important;max-height:68dvh!important;margin:0!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;overflow:auto!important;transform:none!important}
}

/* Mobile profile actions: keep follow and notifications together and visually unified. */
@media(max-width:720px){
    body.social-app .profile-hero .profile-action-stack{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        width:min(100%,340px)!important;
        max-width:340px!important;
        gap:8px!important;
        margin:8px auto 0!important;
        align-items:stretch!important;
    }
    body.social-app .profile-hero .profile-action-stack>form,
    body.social-app .profile-hero .profile-action-stack>button{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        flex:none!important;
    }
    body.social-app .profile-hero .profile-action-stack .profile-action-button,
    body.social-app .profile-hero .profile-action-stack .profile-notify-button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        height:42px!important;
        margin:0!important;
        padding:0 10px!important;
        gap:7px!important;
        border:1px solid #1d9bf0!important;
        border-radius:11px!important;
        background:rgba(29,155,240,.12)!important;
        color:#1685d1!important;
        font-size:13px!important;
        font-weight:850!important;
        line-height:1!important;
        box-shadow:none!important;
    }
    body.social-app .profile-hero .profile-action-stack .profile-action-button:hover,
    body.social-app .profile-hero .profile-action-stack .profile-notify-button:hover{
        background:rgba(29,155,240,.2)!important;
        color:#1176bc!important;
    }
    body.social-app .profile-hero .profile-action-stack .profile-action-button.is-following,
    body.social-app .profile-hero .profile-action-stack .profile-notify-button.active{
        border-color:#1d9bf0!important;
        background:#1d9bf0!important;
        color:#fff!important;
    }
    body.social-app .profile-hero .profile-action-stack .profile-notify-button span{
        display:block!important;
        min-width:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    html.dark body.social-app .profile-hero .profile-action-stack .profile-action-button,
    html.dark body.social-app .profile-hero .profile-action-stack .profile-notify-button,
    body.dark.social-app .profile-hero .profile-action-stack .profile-action-button,
    body.dark.social-app .profile-hero .profile-action-stack .profile-notify-button{
        border-color:#349ff3!important;
        background:rgba(29,155,240,.2)!important;
        color:#82caff!important;
    }
    html.dark body.social-app .profile-hero .profile-action-stack .profile-action-button.is-following,
    html.dark body.social-app .profile-hero .profile-action-stack .profile-notify-button.active,
    body.dark.social-app .profile-hero .profile-action-stack .profile-action-button.is-following,
    body.dark.social-app .profile-hero .profile-action-stack .profile-notify-button.active{
        border-color:#349ff3!important;
        background:#1689dc!important;
        color:#fff!important;
    }
}
/* Final feed preference control placement: dismiss is rightmost, menu sits to its left. */
body.social-app.nav-home .feed-card>.feed-corner-dismiss{right:8px!important;top:8px!important}
body.social-app.nav-home .feed-card>.feed-menu{right:50px!important;top:8px!important}
body.social-app.nav-home .feed-card>.feed-head{margin-right:94px!important}
@media(max-width:720px){body.social-app.nav-home .feed-card>.feed-corner-dismiss{right:5px!important;top:8px!important}body.social-app.nav-home .feed-card>.feed-menu{right:45px!important;top:8px!important}body.social-app.nav-home .feed-card>.feed-head{margin-right:86px!important}}

/* Stable desktop notification layout, including long channel-post messages. */
@media(min-width:721px){
    body.social-app.nav-notifications .feed-main{min-width:0!important;overflow-x:hidden!important}
    body.social-app.nav-notifications .notifications-page{width:100%!important;max-width:100%!important;margin:0!important;padding:24px 28px!important;box-sizing:border-box!important;overflow:hidden!important}
    body.social-app.nav-notifications .notification-list{width:100%!important;min-width:0!important;overflow:hidden!important}
    body.social-app.nav-notifications .notification-row{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
    body.social-app.nav-notifications .notification-row>.avatar{width:48px!important;height:48px!important;min-width:48px!important}
    body.social-app.nav-notifications .notification-target{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-right:38px!important;overflow:hidden!important}
    body.social-app.nav-notifications .notification-target strong{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.42!important}
    body.social-app.nav-notifications .notification-target .muted{display:block!important;margin-top:4px!important}
}

/* Android-style mobile context sheets for every three-dot menu. */
@media(max-width:720px){
    body.social-app .mobile-language .language-menu-list{
        z-index:1300!important;
        max-height:calc(100dvh - 70px)!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.social-app.context-sheet-open{overflow:hidden!important}
    body.social-app.context-sheet-open:after{content:"";position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.48);backdrop-filter:blur(1px)}
    body.social-app .feed-menu.open .feed-menu-panel,
    body.social-app .comment-menu.open .comment-menu-panel,
    body.social-app .profile-report-menu.open>form,
    body.social-app .profile-report-menu[open]>form{
        display:block!important;position:fixed!important;z-index:1000!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:min(72dvh,620px)!important;margin:0!important;padding:25px 12px calc(14px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:22px 22px 0 0!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:0 -14px 44px rgba(0,0,0,.32)!important;overflow:auto!important;box-sizing:border-box!important;animation:contextSheetUp .2s ease-out both
    }
    body.social-app .feed-menu.open .feed-menu-panel:before,
    body.social-app .comment-menu.open .comment-menu-panel:before,
    body.social-app .profile-report-menu.open>form:before,
    body.social-app .profile-report-menu[open]>form:before{content:"";position:absolute;top:9px;left:50%;width:42px;height:5px;border-radius:5px;background:var(--muted);opacity:.42;transform:translateX(-50%)}
    body.social-app .feed-menu-panel form,
    body.social-app .comment-menu-panel form,
    body.social-app .profile-report-menu.open>form,
    body.social-app .profile-report-menu[open]>form{width:100%!important;margin:0!important}
    body.social-app .feed-menu-panel button,
    body.social-app .comment-menu-panel button,
    body.social-app .profile-report-menu.open>form button,
    body.social-app .profile-report-menu[open]>form button{
        display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--hairline)!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;font-size:16px!important;font-weight:800!important;text-align:left!important;touch-action:manipulation
    }
    body.social-app .feed-menu-panel button:before,
    body.social-app .comment-menu-panel button:before,
    body.social-app .profile-report-menu.open>form button:before,
    body.social-app .profile-report-menu[open]>form button:before{content:"›";display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--text);font-size:22px;font-weight:900}
    body.social-app .feed-menu-panel button[onclick*="stats"]:before{content:"▥"}
    body.social-app .feed-menu-panel form:has([value="hide_source_user"]) button:before{content:"⊘"}
    body.social-app .feed-menu-panel form:has([value="report_post"]) button:before,
    body.social-app .feed-menu-panel form:has([value="report_profile"]) button:before,
    body.social-app .comment-menu-panel form:has([value="report_comment"]) button:before,
    body.social-app .profile-report-menu form button:before{content:"!";color:#d93025}
    body.social-app .feed-menu-panel form:has([value="delete_quote"]) button:before,
    body.social-app .comment-menu-panel form:has([value="delete_comment"]) button:before{content:"×";color:#d93025}
    body.social-app .feed-menu-panel button[onclick*="edit"]:before,
    body.social-app .comment-menu-panel button[data-comment-edit]:before{content:"✎"}
}
@keyframes contextSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* These destinations already live in the mobile bottom navigation. */
@media(max-width:720px){
    body.social-app .side-nav nav>.nav-icon-bell,
    body.social-app .side-nav nav>.nav-icon-video,
    body.social-app .side-nav nav>.nav-icon-user,
    body.social-app .side-nav nav>.nav-profile-link{display:none!important}
}

/* Modern settings surfaces and a separate hidden-users manager. */
body.social-app.settings-sheet-open{overflow:hidden!important}
body.social-app .settings-section{margin:0 0 14px;padding:14px;border:1px solid var(--hairline);border-radius:16px;background:var(--soft)}
body.social-app .settings-section .theme-setting{margin:0;padding:0;border:0;background:transparent!important}
body.social-app .settings-reading-section .setting-row:first-child{margin-top:0}
body.social-app .settings-reading-section .setting-row:last-of-type{margin-bottom:8px}
body.social-app .settings-navigation-row{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:72px;padding:11px 12px;border:1px solid var(--hairline);border-radius:16px;background:var(--soft);color:var(--text);text-align:left;cursor:pointer}
body.social-app .settings-navigation-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
body.social-app .settings-navigation-row strong{font-size:15px}
body.social-app .settings-navigation-row small{color:var(--muted)!important;font-size:12px;line-height:1.35}
body.social-app .settings-navigation-row>b{font-size:28px;line-height:1;text-align:right;color:var(--muted)}
body.social-app .settings-navigation-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--bg);color:#d93025;font-size:24px;font-weight:900}
body.social-app .settings-submodal{z-index:1310!important}
body.social-app .settings-back{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--soft);color:var(--text);font-size:28px;line-height:1;cursor:pointer}
body.social-app .hidden-users-panel .settings-head{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}
body.social-app .hidden-users-panel .settings-head h2{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.social-app .hidden-users-description{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45}
body.social-app .settings-hidden-users-list{display:grid;gap:0}
body.social-app .settings-hidden-users-list .settings-hidden-user{padding:12px 0;border-top:1px solid var(--hairline)}
body.social-app .settings-hidden-users-list .settings-hidden-user:first-child{border-top:0}
body.social-app .settings-hidden-users-list .settings-hidden-empty{padding:24px 12px;text-align:center}
@media(max-width:720px){
    body.social-app .settings-modal{z-index:1280!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(3px)!important}
    body.social-app .settings-modal>.settings-panel{position:relative;width:100%!important;max-width:none!important;max-height:min(88dvh,760px)!important;margin:0!important;padding:25px 16px calc(18px + env(safe-area-inset-bottom))!important;border-width:1px 0 0!important;border-radius:24px 24px 0 0!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-shadow:0 -18px 60px rgba(0,0,0,.32)!important;animation:contextSheetUp .22s ease-out both}
    body.social-app .settings-modal>.settings-panel:before{content:"";position:absolute;top:9px;left:50%;width:44px;height:5px;border-radius:999px;background:var(--muted);opacity:.4;transform:translateX(-50%)}
    body.social-app .settings-panel>.settings-head{position:sticky!important;top:-25px!important;z-index:5;min-height:54px;margin:0 -16px 14px!important;padding:9px 16px!important;background:var(--bg);border-bottom:1px solid var(--hairline)}
    body.social-app .settings-head h2{font-size:20px!important}
    body.social-app .settings-close{border-radius:50%!important;background:var(--soft)!important;color:var(--text)!important}
    body.social-app .theme-setting{gap:12px!important}
    body.social-app .theme-choice{min-width:154px;padding:4px!important}
    body.social-app .theme-choice button{min-height:38px;padding:8px 12px!important}
    body.social-app .setting-row{margin:16px 0!important}
    body.social-app .setting-row input[type="range"]{height:32px;accent-color:#1d9bf0}
    body.social-app .settings-preview{margin:8px 0 0!important;padding:14px!important;border:0!important;border-radius:14px!important;background:var(--bg)!important}
    body.social-app .settings-navigation-row{border:0;box-shadow:0 0 0 1px var(--hairline)}
    body.social-app .settings-submodal{z-index:1320!important}
    body.social-app .hidden-users-panel{min-height:min(62dvh,560px)}
    body.social-app .settings-hidden-user{grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important}
    body.social-app .settings-hidden-user img{width:46px!important;height:46px!important}
    body.social-app .settings-hidden-user button{min-height:38px;padding:8px 12px!important;border-radius:999px!important}
}

/* Profile actions are portaled outside the mobile header stacking context. */
body.social-app.mobile-profile-action-open{overflow:hidden!important}
body.social-app .mobile-profile-action-sheet{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}
body.social-app .mobile-profile-action-sheet.open{opacity:1}
body.social-app .mobile-profile-action-panel{position:relative;width:100%;max-width:none;margin:0;padding:25px 12px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;background:var(--bg);color:var(--text);box-shadow:0 -16px 52px rgba(0,0,0,.34);animation:contextSheetUp .2s ease-out both}
body.social-app .mobile-profile-action-panel:before{content:"";position:absolute;top:9px;left:50%;width:44px;height:5px;border-radius:999px;background:var(--muted);opacity:.42;transform:translateX(-50%)}
body.social-app .mobile-profile-action-panel button{display:flex;align-items:center;gap:13px;width:100%;min-height:54px;margin:0;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:16px;font-weight:850;text-align:left;cursor:pointer;touch-action:manipulation}
body.social-app .mobile-profile-action-panel button:before{content:"!";display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--soft);color:#d93025;font-size:20px;font-weight:900}
@media(min-width:721px){body.social-app .mobile-profile-action-sheet{display:none!important}}

/* Guest profile sign-in options on desktop. */
body.social-app .profile-edit-actions{position:absolute;right:28px;top:18px;display:flex;align-items:center;gap:9px}
body.social-app .profile-edit-actions .follow-button{position:static;margin:0;white-space:nowrap}
body.social-app .guest-login-options-modal .card-modal-panel{width:min(470px,100%);padding:20px}
body.social-app .guest-login-options-copy{padding:4px 2px 16px}
body.social-app .guest-login-options-copy h2{margin:8px 0 7px;font-size:23px;line-height:1.18}
body.social-app .guest-login-options-copy p{margin:0;color:var(--muted);line-height:1.5}
body.social-app .guest-login-options-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.social-app .guest-login-option{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 13px;border:1px solid var(--hairline);border-radius:14px;background:var(--soft);color:var(--text)}
body.social-app .guest-login-option>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--bg);font-size:22px;font-weight:900}
body.social-app .guest-login-option>b{font-size:14px;line-height:1.25}
body.social-app .guest-login-option.register{background:#1d9bf0;color:#fff;border-color:#1d9bf0}
body.social-app .guest-login-option.register>span{background:rgba(255,255,255,.18);color:#fff}
body.social-app .guest-login-option>span svg{width:21px;height:21px}
@media(min-width:721px){
    body.social-app .guest-profile-web-actions{display:flex!important;flex:0 0 auto!important;width:max-content!important;max-width:none!important;gap:10px!important;overflow:visible!important}
    body.social-app .guest-profile-web-actions>button{display:inline-flex!important;flex:0 0 auto!important;width:max-content!important;min-width:118px!important;gap:8px!important;padding:0 18px!important;white-space:nowrap!important;overflow:visible!important}
    body.social-app .guest-profile-web-actions>.guest-login-options-button{min-width:190px!important}
    body.social-app .guest-profile-web-actions>button>span,
    body.social-app .profile-edit-actions>button>span{display:inline!important;flex:0 0 auto!important;width:auto!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
    body.social-app .guest-profile-web-actions>button svg,
    body.social-app .profile-edit-actions>button svg{width:18px;height:18px;flex:0 0 18px}
    body.social-app .profile-edit-actions>button{gap:8px;width:max-content!important;min-width:118px!important;padding-left:16px;padding-right:16px;overflow:visible!important}
    body.social-app .profile-edit-actions>.guest-login-options-button{min-width:190px!important}
}
@media(max-width:720px){
    body.social-app .profile-edit-actions{position:static;justify-content:center;margin:12px auto 0}
    body.social-app .profile-edit-actions .guest-login-options-button,
    body.social-app .guest-profile-web-actions .guest-login-options-button{display:none!important}
    body.social-app .profile-hero .guest-profile-web-actions{grid-template-columns:minmax(0,1fr)!important}
    body.social-app .guest-login-options-actions{grid-template-columns:1fr}
    body.social-app .guest-login-options-modal,
    body.social-app .guest-username-edit-modal,
    body.social-app #profile-edit-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important}
    body.social-app .guest-login-options-modal .card-modal-panel,
    body.social-app .guest-username-edit-modal .card-modal-panel,
    body.social-app #profile-edit-modal .card-modal-panel{width:100%!important;height:auto!important;min-height:0!important;max-height:82dvh!important;margin:0!important;border:0!important;border-radius:22px 22px 0 0!important;padding:0!important;overflow-y:auto!important}
    body.social-app .guest-login-options-modal .guest-login-options-copy{padding:18px 18px 12px!important}
    body.social-app .guest-login-options-modal .guest-login-options-actions{padding:0 18px calc(18px + env(safe-area-inset-bottom));gap:10px}
    body.social-app .guest-username-edit-modal .form-grid{padding:16px 18px calc(18px + env(safe-area-inset-bottom))!important}
}

/* Premium posts remain visibly gated in the feed instead of being clipped by inline-copy limits. */
body.social-app .feed-premium-preview{margin:4px 0 12px}
body.social-app .follow-source-section{margin-top:24px}
body.social-app .follow-source-section>h2{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:19px}
body.social-app .follow-source-section.relevant-language>h2:before{content:"";width:9px;height:9px;border-radius:50%;background:#1d9bf0;box-shadow:0 0 0 5px rgba(29,155,240,.12)}
body.social-app .follow-source-section.other-languages{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
body.social-app .feed-premium-preview .paywall-preview{margin:0!important;font-size:16px;line-height:1.58}
body.social-app .feed-premium-preview .paywall-preview>p{margin:0 0 4px}
body.social-app .feed-premium-preview .paywall-card{margin:-68px auto 8px}
body.social-app .feed-premium-copy{font-size:16px;line-height:1.55}
body.social-app .feed-premium-copy p{margin:0 0 10px}
body.social-app .post-media-subscription-slide{min-height:360px;padding:24px;box-sizing:border-box;background:linear-gradient(145deg,rgba(29,155,240,.12),var(--soft))}
body.social-app .post-media-subscription-card{width:min(430px,100%);padding:24px;box-sizing:border-box;border:1px solid var(--line);border-radius:18px;background:var(--bg);text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.14)}
body.social-app .post-media-subscription-card>span{display:block;color:#b77c08;font-size:10px;font-weight:950;letter-spacing:.14em}
body.social-app .post-media-subscription-card h3{margin:8px 0;font-size:21px;line-height:1.2}
body.social-app .post-media-subscription-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
body.social-app .post-media-subscription-card .subscription-primary-button{width:max-content;max-width:100%;margin:15px auto 0}
@media(max-width:720px){body.social-app .feed-premium-preview .paywall-card{width:100%;padding:18px 14px}body.social-app .post-media-subscription-slide{min-height:300px;padding:16px}body.social-app .post-media-subscription-card{padding:20px 14px}body.social-app .post-media-subscription-card h3{font-size:18px}}

/* Quality selector sits beside the sound control in feed and fullscreen players. */
.home-video-quality{position:relative;display:grid;place-items:center;min-width:0}
.home-video-quality>[data-home-video-quality-toggle],.home-video-quality>[data-home-viewer-quality-toggle]{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.34);color:#fff;cursor:pointer}
.home-viewer-controls .home-video-quality>[data-home-viewer-quality-toggle]{background:rgba(255,255,255,.14)}
.home-video-quality svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8}
.home-video-quality-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;display:grid;min-width:142px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(12,14,18,.96);box-shadow:0 12px 30px rgba(0,0,0,.42)}
.home-video-quality-menu[hidden]{display:none!important}
.home-video-quality-menu button{width:auto!important;height:34px!important;min-height:34px!important;border-radius:8px!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;color:#fff!important;font-size:12px;font-weight:800;line-height:1!important;white-space:nowrap!important;word-break:normal!important}
.home-video-quality-menu button[data-home-video-quality="auto"],.home-video-quality-menu button[data-home-viewer-quality="auto"]{font-size:11px!important;letter-spacing:-.01em}
.home-video-quality-menu button.active{background:#1877f2!important}
.home-video-quality-menu button:disabled{opacity:.38;cursor:not-allowed}

.inline-follow-form{display:inline-flex;margin:0;flex:0 0 auto}.comment-inline-follow{border:0;background:transparent;color:#1473e6;padding:0 2px;font-family:inherit;font-size:11px;font-weight:800;line-height:1.2;cursor:pointer;white-space:nowrap}.comment-inline-follow.is-following{color:var(--muted)}.comment-inline-follow:disabled{opacity:.55;cursor:wait}.comment-head>.inline-follow-form,.video-comment-head>.inline-follow-form,.home-video-comment-head>.inline-follow-form{margin-right:auto}.comment-head>a+.inline-follow-form{margin-left:-5px}

/* Only the upper counter row on feed cards. Do not resize detail/modal/action areas. */
body.social-app .feed-card>.action-summary,
body.social-app .quote-card>.action-summary,
body.social-app .home-video-card>.action-summary{gap:10px!important;font-size:12px!important;line-height:1.1!important}
body.social-app .feed-card>.action-summary>*,
body.social-app .quote-card>.action-summary>*,
body.social-app .home-video-card>.action-summary>*{font-size:12px!important}
body.social-app .feed-card>.action-summary svg,
body.social-app .quote-card>.action-summary svg,
body.social-app .home-video-card>.action-summary svg{width:15px!important;height:15px!important;flex:0 0 15px!important}

/* Comment identity remains roomy: date wraps below the name; menu floats at the right. */
body.social-app .card-modal .comment-head,
body.social-app .article-social-panel .comment-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:3px 6px!important;position:relative!important;width:100%!important;min-width:0!important;padding-right:38px!important;box-sizing:border-box!important}
body.social-app .card-modal .comment-head>a,
body.social-app .article-social-panel .comment-head>a{order:1!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 74px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.social-app .card-modal .comment-head>.inline-follow-form,
body.social-app .article-social-panel .comment-head>.inline-follow-form{order:2!important;flex:0 0 auto!important;margin:1px 0 0!important}
body.social-app .card-modal .comment-head>.comment-date,
body.social-app .article-social-panel .comment-head>.comment-date{order:3!important;flex:0 0 100%!important;width:100%!important;margin:0!important;font-size:10px!important;line-height:1.2!important;color:var(--muted)!important}
body.social-app .card-modal .comment-head>.comment-menu,
body.social-app .article-social-panel .comment-head>.comment-menu{position:absolute!important;right:0!important;top:0!important;margin:0!important}
body.social-app .video-comment-head,body.social-app .home-video-comment-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:3px 6px!important;position:relative!important;width:100%!important;min-width:0!important;padding-right:38px!important;box-sizing:border-box!important}
body.social-app .video-comment-head>.video-comment-profile,body.social-app .home-video-comment-head>a{order:1!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 74px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.social-app .video-comment-head>.inline-follow-form,body.social-app .home-video-comment-head>.inline-follow-form{order:2!important;flex:0 0 auto!important;margin:1px 0 0!important}
body.social-app .video-comment-head>.video-comment-time,body.social-app .home-video-comment-head>small{order:3!important;flex:0 0 100%!important;width:100%!important;margin:0!important;font-size:10px!important;color:var(--muted)!important}
body.social-app .video-comment-head>.video-report-menu,body.social-app .home-video-comment-head>.video-report-menu{position:absolute!important;right:0!important;top:0!important;margin:0!important}
body.social-app .article-comments-sheet-panel{width:min(760px,calc(100vw - 32px))!important}
body.social-app .article-comments-sheet .comment-row{width:100%!important;max-width:none!important;box-sizing:border-box!important}
body.social-app .article-comments-sheet .comment-body,body.social-app .article-comments-sheet .comment-bubble{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}

/* Make the existing three-dot report menu easy to see without moving it. */
body.social-app .comment-menu-toggle{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--soft)!important;color:var(--text)!important;font-size:18px!important;font-weight:950!important;line-height:1!important;letter-spacing:1px!important}
body.social-app .comment-menu-toggle:hover,body.social-app .comment-menu-toggle:focus-visible{border-color:var(--muted)!important;background:var(--bg)!important;box-shadow:0 0 0 3px rgba(29,155,240,.12)!important}
body.social-app .video-report-menu>button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--soft)!important;color:var(--text)!important;font-size:18px!important;font-weight:950!important;line-height:1!important;letter-spacing:1px!important}
body.social-app .video-report-menu>button:hover,body.social-app .video-report-menu>button:focus-visible{border-color:var(--muted)!important;background:var(--bg)!important;box-shadow:0 0 0 3px rgba(29,155,240,.12)!important}

/* Reaction modal follow state needs enough room for “Takip ediliyor”. */
@media(max-width:720px){
 body.social-app .article-comments-sheet-panel{width:100vw!important;max-width:none!important}
 body.social-app .feed-card>.action-summary,
 body.social-app .quote-card>.action-summary,
 body.social-app .home-video-card>.action-summary{gap:8px!important;font-size:11px!important}
 body.social-app .feed-card>.action-summary>*,
 body.social-app .quote-card>.action-summary>*,
 body.social-app .home-video-card>.action-summary>*{font-size:11px!important}
 body.social-app .feed-card>.action-summary svg,
 body.social-app .quote-card>.action-summary svg,
 body.social-app .home-video-card>.action-summary svg{width:14px!important;height:14px!important;flex-basis:14px!important}
 body.social-app .reaction-users-panel .reaction-user-row{grid-template-columns:42px minmax(0,1fr) 110px!important}
 body.social-app .reaction-users-panel .reaction-user-row>form{width:110px!important;min-width:110px!important;max-width:110px!important}
 body.social-app .reaction-users-panel .reaction-user-row>.follow-button,
 body.social-app .reaction-users-panel .reaction-user-row>form>.follow-button{width:110px!important;min-width:110px!important;max-width:110px!important;padding:0 9px!important;font-size:11px!important}
}

/* In-app destructive-action confirmation. */
body.social-app .site-confirm-modal{z-index:2600!important;align-items:center!important;justify-content:center!important;padding:18px!important}
body.social-app .site-confirm-modal .card-modal-panel{width:min(390px,calc(100vw - 36px))!important;min-height:0!important;margin:auto!important;padding:26px!important;border-radius:18px!important;text-align:center!important;overflow:visible!important}
.site-confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:rgba(224,36,36,.12);color:#e02424;font-size:26px;font-weight:950}
.site-confirm-modal h3{margin:0 0 8px;font-size:20px}.site-confirm-modal p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.site-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.site-confirm-actions button{height:42px;border:0;border-radius:9px;font-weight:900;cursor:pointer}.site-confirm-actions .secondary{background:var(--soft);color:var(--text);border:1px solid var(--line)}.site-confirm-actions .danger{background:#e02424;color:#fff}
body.social-app.employee-modal-open{overflow:hidden!important}

/* One reply tree for article, post, quote and video comment surfaces. */
body.social-app .comment-list>.comment-row:has(> .comment-body > .comment-replies){
    position:relative!important;
}
body.social-app .comment-list>.comment-row:has(> .comment-body > .comment-replies)::before{
    content:""!important;
    position:absolute!important;
    left:17px!important;
    top:40px!important;
    bottom:15px!important;
    width:2px!important;
    border-radius:2px!important;
    background:var(--line)!important;
}
body.social-app .comment-list>.comment-row>.comment-body>.comment-replies{
    position:relative!important;
    width:calc(100% + 26px)!important;
    margin:8px 0 2px -26px!important;
    padding-left:25px!important;
    border-left:0!important;
    box-sizing:border-box!important;
}
body.social-app .comment-replies>.comment-reply-row{
    position:relative!important;
    width:100%!important;
}
body.social-app .comment-replies>.comment-reply-row::before{
    content:""!important;
    position:absolute!important;
    left:-25px!important;
    top:22px!important;
    width:25px!important;
    height:12px!important;
    border-top:2px solid var(--line)!important;
    border-left:2px solid var(--line)!important;
    border-top-left-radius:10px!important;
    box-sizing:border-box!important;
}
body.social-app .video-comment-replies,
body.social-app .home-video-comment-replies{
    position:relative!important;
    margin-top:9px!important;
    padding-left:14px!important;
    border-left:2px solid var(--line)!important;
}
body.social-app.video-mode .video-comment-replies{border-left-color:#333!important}
body.social-app .video-comment-reply,
body.social-app .home-video-comment-reply{position:relative!important}
body.social-app .video-comment-reply::before,
body.social-app .home-video-comment-reply::before{
    content:""!important;
    position:absolute!important;
    left:-16px!important;
    top:21px!important;
    width:16px!important;
    height:11px!important;
    border-top:2px solid var(--line)!important;
    border-left:2px solid var(--line)!important;
    border-top-left-radius:9px!important;
    box-sizing:border-box!important;
}
body.social-app.video-mode .video-comment-reply::before{border-color:#333!important}

/* The standalone comments sheet uses the same roomy canvas as the reader. */
body.social-app .article-comments-sheet-panel{
    width:min(820px,calc(100vw - 20px))!important;
}
body.social-app .article-comments-sheet-content{
    padding:8px 6px 0!important;
}
body.social-app .article-comments-sheet .comment-list{
    padding:4px 0 10px!important;
}
body.social-app .article-comments-sheet .comment-row{
    padding-left:6px!important;
    padding-right:6px!important;
}
body.social-app .article-comments-sheet .comment-body,
body.social-app .article-comments-sheet .comment-bubble{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
}
body.social-app .article-comments-sheet .comment-head{
    width:100%!important;
    padding-right:40px!important;
}
body.social-app .article-comments-sheet .comment-menu{
    right:0!important;
    top:0!important;
}

/* Mobile comment actions are portalled to a stable Android-style bottom sheet. */
.mobile-comment-action-sheet{
    display:flex;
    position:fixed;
    inset:0;
    z-index:4000;
    align-items:flex-end;
    justify-content:center;
    background:rgba(0,0,0,.5);
    backdrop-filter:blur(1px);
}
.mobile-comment-action-panel{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(72dvh,620px)!important;
    margin:0!important;
    padding:26px 12px calc(14px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:22px 22px 0 0!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    box-shadow:0 -14px 44px rgba(0,0,0,.34)!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    animation:contextSheetUp .2s ease-out both;
}
.mobile-comment-action-panel::before{
    content:"";
    position:absolute;
    top:9px;
    left:50%;
    width:42px;
    height:5px;
    border-radius:5px;
    background:var(--muted);
    opacity:.42;
    transform:translateX(-50%);
}
.mobile-comment-action-panel form{width:100%!important;margin:0!important}
.mobile-comment-action-panel button{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    margin:0!important;
    padding:8px 12px!important;
    border:0!important;
    border-bottom:1px solid var(--hairline)!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:16px!important;
    font-weight:800!important;
    text-align:left!important;
}
body.social-app.mobile-comment-action-open{overflow:hidden!important}

@media(max-width:720px){
    body.social-app .article-comments-sheet-panel{width:100vw!important;max-width:none!important}
    body.social-app .article-comments-sheet-content{padding:8px 3px 0!important}
    body.social-app .article-comments-sheet .comment-row{padding-left:5px!important;padding-right:5px!important}
}

/* Final comment alignment: strong tree lines and a menu pinned to the row edge. */
body.social-app{
    --comment-tree-color:color-mix(in srgb,var(--muted) 76%,var(--text) 24%);
}
body.social-app .article-comments-sheet .comment-list>.comment-row,
body.social-app .article-comments-sheet .comment-replies>.comment-reply-row{
    position:relative!important;
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.social-app .article-comments-sheet .comment-head{
    position:static!important;
}
body.social-app .article-comments-sheet .comment-menu{
    position:absolute!important;
    right:0!important;
    top:6px!important;
    z-index:36!important;
}
body.social-app .article-comments-sheet .comment-reply-row .comment-menu{
    top:8px!important;
}
body.social-app .comment-list>.comment-row:has(> .comment-body > .comment-replies)::before,
body.social-app .article-social-panel>.comment-list>.comment-row:has(> .comment-body > .comment-replies)::before{
    left:17px!important;
    top:39px!important;
    bottom:14px!important;
    width:2px!important;
    background:var(--muted)!important;
    background:var(--comment-tree-color)!important;
    z-index:0!important;
}
body.social-app .comment-list>.comment-row>.comment-body>.comment-replies,
body.social-app .article-social-panel>.comment-list>.comment-row>.comment-body>.comment-replies{
    width:calc(100% + 27px)!important;
    margin:8px 0 2px -27px!important;
    padding-left:27px!important;
    border-left:0!important;
}
body.social-app .comment-replies>.comment-reply-row::before,
body.social-app .article-social-panel .comment-replies>.comment-reply-row::before{
    left:-27px!important;
    top:21px!important;
    width:27px!important;
    height:12px!important;
    border-top:2px solid var(--muted)!important;
    border-left:2px solid var(--muted)!important;
    border-color:var(--comment-tree-color)!important;
    z-index:0!important;
}
body.social-app .comment-replies>.comment-reply-row>.avatar,
body.social-app .comment-replies>.comment-reply-row>.comment-body{
    position:relative!important;
    z-index:1!important;
}
body.social-app .video-comment-replies,
body.social-app .home-video-comment-replies{
    border-left-color:var(--comment-tree-color)!important;
}
body.social-app .video-comment-reply::before,
body.social-app .home-video-comment-reply::before{
    border-color:var(--comment-tree-color)!important;
}

@media(max-width:720px){
    body.social-app .article-comments-sheet-content{padding-left:3px!important;padding-right:3px!important}
    body.social-app .article-comments-sheet .comment-list{padding-left:0!important;padding-right:0!important}
    body.social-app .article-comments-sheet .comment-menu{right:2px!important;top:7px!important}
    body.social-app .article-comments-sheet .comment-reply-row .comment-menu{right:2px!important;top:8px!important}
    body.social-app .article-comments-sheet .comment-bubble,
    body.social-app .article-comments-sheet .reply-bubble{padding-right:42px!important}
    body.social-app .article-social-panel>.comment-list>.comment-row:has(> .comment-body > .comment-replies)::before{
        left:18px!important;
        top:41px!important;
    }
    body.social-app .article-social-panel>.comment-list>.comment-row>.comment-body>.comment-replies{
        width:calc(100% + 26px)!important;
        margin-left:-26px!important;
        padding-left:26px!important;
    }
    body.social-app .article-social-panel .comment-replies>.comment-reply-row::before{
        left:-26px!important;
        width:26px!important;
    }
}

/* Keep the dismissal corner free on Explore after its mobile card overrides. */
body.social-app.nav-explore .feed-card>.feed-menu{right:45px!important;top:8px!important}
body.social-app.nav-explore .feed-card>.feed-head{margin-right:86px!important}
