@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;1,500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--sky:#dcecf1;--navy:#101e27;--ink:#152b36;--muted:#647f8c;--line:#b9d0da;--blue:#52b5d7}*{box-sizing:border-box}html{background:var(--sky)}body{margin:0;background:var(--sky);color:var(--ink);font-family:'Outfit','IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #178ab5;outline-offset:5px}header{height:90px;max-width:1240px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:1px;direction:ltr}.brand-logo{width:108px;height:33px;object-fit:contain;display:block}.brand span{font-size:11px;color:var(--muted)}header nav{display:flex;gap:32px;font-size:11px}header nav a{color:#54717f}.header-actions button{background:none;border:0;border-bottom:1px solid #7894a2;font-size:11px;color:var(--ink);padding:6px 0;min-width:29px}.header-actions .social{display:none}main{max-width:1240px;margin:auto;padding:0 38px;min-height:70vh}.identity-cover{position:relative;isolation:isolate;min-height:570px;overflow:hidden;background:var(--navy)}.cover-portrait{position:absolute;inset:0 0 0 auto;height:100%;width:61%;object-fit:cover;object-position:50% 16%;filter:saturate(.55);z-index:-2}.identity-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101e27 20%,#101e27e8 39%,#101e2710 75%),linear-gradient(0deg,#101e2770,transparent 45%);z-index:-1;pointer-events:none}.portrait-caption{display:flex;justify-content:space-between;position:absolute;top:26px;left:32px;right:32px;color:#c5d8e1;font-size:8px;letter-spacing:2px}.cover-copy{padding:105px 65px 60px;color:#f1f7fa;max-width:62%}.identity-label{font-size:9px;letter-spacing:3px;color:#92b1c1;font-weight:500}.cover-copy h1{font-family:'Fraunces',Georgia,'IBM Plex Sans Arabic',serif;font-size:118px;font-weight:500;line-height:.92;letter-spacing:-6px;margin:32px 0}.cover-copy h1 span{display:block;color:#9dd7e9;font-style:italic;font-size:.8em;letter-spacing:-3px;margin-top:10px}.hero-handle{display:inline-flex;align-items:center;gap:55px;font-size:11px;color:#bad0db;padding:12px 0;border-top:1px solid #93b6c044;direction:ltr}.hero-handle span{font-size:19px}.profile-toolbar{display:flex;justify-content:center;padding:25px 0 28px}.official-accounts{display:flex;align-items:start;justify-content:center;gap:38px}.official-accounts a,.share-button{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0;font-size:9px;color:var(--ink);font-weight:500}.account-icon{width:43px;height:43px;border:1px solid #a5c2cf;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}.account-icon svg{width:18px;height:18px}.official-accounts a:hover .account-icon,.share-button:hover .account-icon{background:var(--ink);color:var(--sky);border-color:var(--ink)}.share-label{font-size:9px}.section-links{display:flex;background:var(--navy);color:#d7e8f0;margin:0;border:0}.section-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:82px;position:relative;font-size:17px;font-weight:400;color:#8299a7;border-inline-end:1px solid #ffffff14;transition:color .2s,background .2s}.section-links a:last-child{border:0}.section-links svg{width:19px;height:19px;stroke-width:1.4}.section-links .current{color:#e8f6fc}.section-links .current:after{position:absolute;content:'';bottom:0;left:0;right:0;height:2px;background:#7ac8e1}.section-links .nav-arrow{margin-inline-start:24px;font-size:18px;color:#98c8da}.section-links a:hover{background:#ffffff06;color:white}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin:42px 0 20px;font-size:11px;font-weight:500}.feed-more{font-size:22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-width:0}.image-wrap{display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;overflow:hidden;position:relative;background:#b4cbd5}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.7);transition:transform .5s}.image-wrap:hover img{transform:scale(1.025)}.image-wrap:after{position:absolute;content:'';inset:60% 0 0;background:linear-gradient(transparent,#071c2bc9)}.media-type{position:absolute;z-index:1;bottom:18px;inset-inline-start:18px;font-size:10px;letter-spacing:1px;color:#edf8ff}.media-mark{position:absolute;z-index:1;bottom:14px;inset-inline-end:14px;color:#fff;border:1px solid #ffffff66;width:29px;height:29px;display:grid;place-items:center;font-size:10px;border-radius:50%}.page-title{padding:40px 0 30px}.page-title h1{font-family:'Fraunces','IBM Plex Sans Arabic',serif;font-size:49px;margin:0;font-weight:500}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.filters button{border:1px solid var(--line);background:none;padding:10px 18px;font-size:11px;color:var(--muted)}.filters button.selected{background:var(--navy);border-color:var(--navy);color:white}.filters input{margin-inline-start:auto;padding:10px 16px;border:1px solid var(--line);background:#ffffff30;font-size:11px;color:var(--ink)}.empty-state{grid-column:1/-1;text-align:center;padding:65px 20px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}footer{max-width:1164px;margin:60px auto 0;padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer .brand{font-size:13px}footer small{font-size:9px;color:var(--muted);text-align:end}footer small span{display:block;margin-top:6px}dialog{background:var(--sky);border:0;padding:22px;max-width:min(92vw,650px);max-height:92vh;color:var(--ink)}dialog::backdrop{background:#061520e8;backdrop-filter:blur(8px)}#closeViewer{position:absolute;top:9px;right:9px;width:34px;height:34px;border:0;background:#eff8fc;font-size:24px;z-index:2}dialog img,dialog video{max-width:100%;max-height:67vh;display:block;margin:auto}dialog p{font-size:11px;line-height:1.8;color:var(--muted)}dialog .button{display:inline-flex;padding:13px 20px;background:var(--navy);color:white;font-size:11px}[dir=rtl] .cover-portrait{inset:0 auto 0 0}[dir=rtl] .identity-cover:after{background:linear-gradient(270deg,#101e27 20%,#101e27e8 39%,#101e2710 75%),linear-gradient(0deg,#101e2770,transparent 45%)}[dir=rtl] .cover-copy h1{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:66px;letter-spacing:0;line-height:1.4}[dir=rtl] .cover-copy h1 span{font-style:normal;letter-spacing:0}[dir=rtl] .identity-label{letter-spacing:0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1240px){footer{margin-inline:38px}}

header{height:69px;padding:0 23px}header nav{display:none}.brand-logo{width:95px;height:29px}.header-actions button{font-size:10px}main{padding:0;min-height:75vh}.identity-cover{min-height:445px}.cover-portrait{width:100%;object-position:50% 22%;filter:saturate(.5)}.identity-cover:after{background:linear-gradient(0deg,#0b1b29 1%,#0b1b29dd 16%,#0b1b2944 45%,transparent 65%)}.portrait-caption{top:21px;left:23px;right:23px;font-size:7px;letter-spacing:1.8px}.cover-copy{position:absolute;left:0;right:0;bottom:0;padding:0 25px 26px;max-width:100%}.identity-label{font-size:8px;letter-spacing:2px;color:#c2d6df}.cover-copy h1{font-size:79px;letter-spacing:-4px;line-height:1;margin:11px 0 15px;display:flex;align-items:baseline;gap:14px}.cover-copy h1 span{display:inline;font-size:.64em;letter-spacing:-2px;margin:0}.hero-handle{font-size:10px;padding:9px 0 0;gap:47px;min-width:155px}.hero-handle span{font-size:16px}.profile-toolbar{padding:23px 0 25px}.official-accounts{gap:24px}.account-icon{width:38px;height:38px}.account-icon svg{width:17px;height:17px}.official-accounts a,.share-button{font-size:8px;gap:8px}.share-label{font-size:8px}.section-links a{min-height:68px;gap:8px;font-size:13px}.section-links svg{width:16px;height:16px}.section-links .nav-arrow{display:none}.feed-heading{margin:28px 22px 17px;font-size:10px;letter-spacing:.2px}.feed-more{font-size:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 20px}.image-wrap{aspect-ratio:3/4}.media-type{font-size:8px;bottom:13px;inset-inline-start:12px;letter-spacing:.3px}.media-mark{width:24px;height:24px;font-size:9px;bottom:10px;inset-inline-end:10px}.page-title{padding:30px 22px 24px}.page-title h1{font-size:38px}.filters{margin:0 22px 22px;gap:6px}.filters button{font-size:10px;padding:9px 14px}.filters input{margin:5px 0 0;flex-basis:100%;min-width:0}.empty-state{font-size:11px;padding:55px 15px}footer{margin:48px 22px 0;padding:23px 0 28px}footer small{font-size:8px}footer small span{display:none}footer .brand{font-size:11px}footer .brand span{font-size:9px}[dir=rtl] .identity-cover:after{background:linear-gradient(0deg,#0b1b29 1%,#0b1b29dd 16%,#0b1b2944 45%,transparent 65%)}[dir=rtl] .cover-copy h1{font-size:43px;letter-spacing:0;gap:10px;line-height:1.4}[dir=rtl] .cover-copy h1 span{font-size:.78em;letter-spacing:0}@media(max-width:360px){.identity-cover{min-height:405px}.cover-copy h1{font-size:70px}.official-accounts{gap:17px}.account-icon{width:35px;height:35px}.section-links a{font-size:12px}.cards{margin-inline:16px;gap:8px}}

/* Quiet navigation integrated with the page */
.section-links{background:transparent;color:var(--ink);margin:0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:28px;justify-content:center}.section-links a{flex:0 1 160px;min-height:59px;border:0;background:none;color:#647d89;font-size:13px;gap:8px;font-weight:400}.section-links a:last-child{border:0}.section-links a.current{color:var(--ink);font-weight:600}.section-links a.current:after{height:2px;left:25%;right:25%;background:#234c62}.section-links a:hover{color:#152b36;background:transparent}.section-links svg{width:16px;height:16px}.section-links .nav-arrow{display:none}.cover-copy h1{margin-bottom:0}.profile-toolbar{padding-bottom:22px}
.section-links{gap:12px;margin-inline:22px}.section-links a{min-height:53px;font-size:12px;flex:1}.section-links svg{width:15px;height:15px}.cover-copy{padding-bottom:28px}.cover-copy h1{margin:0}.identity-cover{min-height:390px}.cover-portrait{object-position:50% 20%}

header .brand-logo{width:88px;height:33px;object-fit:contain;mix-blend-mode:multiply}

.icon{display:block;width:20px;height:20px;flex-shrink:0}.media-mark .icon{width:13px;height:13px}.feed-more .icon{width:19px;height:19px}.nav-arrow .icon{width:16px;height:16px}#closeViewer{display:grid;place-items:center}#closeViewer .icon{width:19px;height:19px}body{font-weight:400}button,input{font-family:inherit}[dir=rtl] .cover-copy h1{font-weight:500}

dialog .button{align-items:center;gap:12px}dialog .button .icon{width:15px;height:15px}

/* Dark social profile theme */
:root{color-scheme:dark;--sky:#101010;--navy:#171717;--ink:#f3f3f3;--muted:#8b8b8f;--line:#2b2b2d;--blue:#70d4ef}html,body{background:#101010;color:#f3f3f3}body{font-family:'Outfit','IBM Plex Sans Arabic',sans-serif}header{height:78px;border-bottom:1px solid #242426}header .brand-logo{filter:grayscale(1) invert(1);mix-blend-mode:screen;width:88px;height:33px}header nav a{color:#999}header nav a:hover{color:#fff}.header-actions button{color:#ddd;border:1px solid #373739;border-radius:6px;padding:7px 12px}.dark-profile{display:flex;align-items:center;gap:28px;padding:42px 0 22px}.profile-avatar{width:132px;height:132px;border-radius:50%;overflow:hidden;border:1px solid #353537;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.profile-identity h1{font-family:'Outfit','IBM Plex Sans Arabic',sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0 0 10px}.profile-identity a{font-size:14px;color:#a3a3a8;direction:ltr;display:inline-block}.profile-toolbar{justify-content:flex-start;padding:7px 0 30px;padding-inline-start:160px}.official-accounts{gap:24px;align-items:start}.official-accounts a,.share-button{color:#a1a1a6;font-size:9px;gap:8px}.share-label{font-size:9px}.account-icon{border:1px solid #353537;background:#1d1d1f;color:#f1f1f3;width:39px;height:39px}.official-accounts a:hover .account-icon,.share-button:hover .account-icon{color:#70d4ef;background:#23272a;border-color:#4c8394}.section-links{background:#101010;border-top:0;border-bottom:1px solid #303032;margin:0;justify-content:flex-start;gap:0;position:sticky;top:0;z-index:3}.section-links a{color:#838389;flex:0 1 170px;min-height:64px;font-size:14px;font-weight:500;border:0}.section-links a.current{color:#f9f9f9;font-weight:600}.section-links a.current:after{height:2px;left:0;right:0;background:#f4f4f6}.section-links a:hover{background:#ffffff04;color:white}.section-links svg{width:20px;height:20px}.section-links .nav-arrow{display:none}.feed-heading{display:none}.cards{margin-top:5px;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.image-wrap{background:#202023;aspect-ratio:3/4}.image-wrap img{filter:none}.media-type{font-size:10px;letter-spacing:0;color:#fff}.media-mark{border:0;background:#0004}.page-title{padding:28px 0}.page-title h1{font-family:'Outfit','IBM Plex Sans Arabic',sans-serif;font-size:28px;font-weight:600}.filters button{border-color:#373739;color:#aaa;background:#19191b;border-radius:5px}.filters button.selected{color:#111;background:#f2f2f3;border-color:#f2f2f3}.filters input{background:#1d1d1f;color:#eee;border-color:#373739;border-radius:5px}.empty-state{color:#8b8b91;border-color:#29292c;min-height:170px}footer{border-color:#29292c;color:#777}footer .brand{color:#999}footer small,footer .brand span{color:#68686e}dialog{background:#151517;color:#fff}dialog::backdrop{background:#000d}dialog p{color:#999}#closeViewer{background:#2b2b2e;color:white;border-radius:50%}dialog .button{background:#e9edf0;color:#111;border-radius:4px}[dir=rtl] .profile-identity h1{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
header{height:62px;padding:0 20px}main{padding:0}.dark-profile{padding:28px 22px 20px;gap:20px}.profile-avatar{width:88px;height:88px}.profile-identity h1{font-size:27px;letter-spacing:-.5px;margin-bottom:6px}.profile-identity a{font-size:12px}.profile-toolbar{padding:1px 20px 25px;justify-content:center}.official-accounts{gap:24px}.account-icon{width:36px;height:36px}.account-icon svg{width:17px;height:17px}.official-accounts a,.share-button,.share-label{font-size:8px}.section-links{margin:0}.section-links a{flex:1;min-height:57px;font-size:12px;gap:8px}.section-links a.current:after{left:18%;right:18%}.section-links svg{width:19px;height:19px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 0;gap:3px}.media-type{font-size:8px;bottom:10px;inset-inline-start:8px}.media-mark{bottom:7px;inset-inline-end:7px;width:22px;height:22px}.page-title{padding:25px 21px 20px}.filters{margin-inline:20px}.empty-state{min-height:200px}.empty-state{margin-inline:20px}.page-title h1{font-size:27px}footer{margin:45px 20px 0;padding-top:18px}footer .brand{font-size:10px}footer small{font-size:8px}@media(max-width:360px){.official-accounts{gap:18px}.dark-profile{padding-inline:20px;gap:17px}.profile-avatar{width:80px;height:80px}.profile-identity h1{font-size:25px}}

/* Sky logo and larger social controls */
header .brand-logo{filter:invert(1) hue-rotate(180deg) saturate(1.15) brightness(1.12);mix-blend-mode:screen}.account-icon{width:50px;height:50px}.account-icon svg{width:24px;height:24px}.official-accounts{gap:26px}.official-accounts a,.share-button,.share-label{font-size:10px}
.official-accounts{gap:22px}.account-icon{width:48px;height:48px}.account-icon svg{width:23px;height:23px}.official-accounts a,.share-button,.share-label{font-size:9px}.profile-toolbar{padding-top:7px;padding-bottom:27px}@media(max-width:380px){.official-accounts{gap:17px}.account-icon{width:44px;height:44px}.account-icon svg{width:22px;height:22px}}@media(max-width:330px){.official-accounts{gap:13px}.official-accounts a,.share-button,.share-label{font-size:8px}}

/* Readable typography scale */
body{font-size:16px}.official-accounts a,.share-button,.share-label{font-size:12px;line-height:1.5}.section-links a{font-size:15px;min-height:62px;gap:10px}.profile-identity a{font-size:14px}.header-actions button{font-size:13px}.media-type{font-size:12px}.filters button,.filters input{font-size:14px}.empty-state{font-size:14px;line-height:1.7}footer small{font-size:12px;line-height:1.6}footer .brand,footer .brand span{font-size:12px}dialog p{font-size:14px}dialog .button{font-size:14px}.page-title h1{font-size:30px}
.official-accounts{gap:0;width:100%;justify-content:space-between}.official-accounts a,.share-button{min-width:0;flex:1;gap:8px}.profile-toolbar{padding-inline:12px}.official-accounts a,.share-button,.share-label{font-size:12px}.section-links a{font-size:15px}.profile-identity h1{font-size:28px}.profile-identity a{font-size:14px}footer small,footer .brand,footer .brand span{font-size:12px}.media-type{font-size:11px}.empty-state{font-size:14px}@media(max-width:360px){.official-accounts{gap:0}.official-accounts a,.share-button,.share-label{font-size:11px}.section-links a{font-size:14px;gap:7px}.profile-identity h1{font-size:26px}}


/* Recognisable platform marks, neutral controls */
.platform-logo{display:block;width:27px;height:27px;object-fit:contain;filter:invert(1)}.official-accounts a .account-icon,.official-accounts a:hover .account-icon{background:#1d1d1f;border:1px solid #353537;color:#f3f3f3}.official-accounts a:hover .account-icon{border-color:#666}.social-tiktok .account-icon svg{filter:none}

/* Original multicolour brand artwork */
.platform-logo{filter:none!important;width:29px;height:29px}.official-accounts a .account-icon,.official-accounts a:hover .account-icon{background:transparent;border-color:transparent}.platform-logo[src*="snapchat"]{border-radius:7px}

/* Balanced original brand artwork */
.official-accounts{width:100%;max-width:410px;gap:0;justify-content:space-between}.official-accounts>a,.official-accounts>.share-button{flex:1;min-width:0;gap:9px}.account-icon,.official-accounts a .account-icon,.official-accounts a:hover .account-icon,.share-button .account-icon{display:grid;place-items:center;width:46px;height:46px;background:none;border:0;border-radius:0}.platform-logo{width:32px;height:32px;filter:none!important}.social-tiktok .platform-logo{width:34px;height:34px}.social-whatsapp .platform-logo{width:35px;height:35px}.share-button .account-icon svg{width:27px;height:27px;color:#d8dde1}.official-accounts a,.share-button,.share-label{font-size:11px;font-weight:400;color:#b4b4bb}.profile-toolbar{justify-content:center;padding-inline:12px}

/* Unified circular social icons */
.account-icon,.official-accounts a .account-icon,.official-accounts a:hover .account-icon,.share-button .account-icon{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#202023;border:1px solid #3b3b40;display:grid;place-items:center}.platform-logo,.social-tiktok .platform-logo,.social-whatsapp .platform-logo{width:29px;height:29px;object-fit:contain}.platform-logo[src*="snapchat"]{border-radius:50%}.share-button .account-icon svg{width:25px;height:25px}.official-accounts a:hover .account-icon,.share-button:hover .account-icon{background:#29292d;border-color:#666}

/* Desktop composition — same social profile system */
@media(min-width:768px){header{height:82px;max-width:1080px;padding:0 36px;margin:auto;border-bottom:1px solid #29292c}header nav{display:flex;gap:30px;font-size:14px}header .brand-logo{width:106px;height:40px}.header-actions button{font-size:13px;padding:8px 14px}main{max-width:1080px;margin:auto;padding:0 36px;min-height:74vh}.dark-profile{padding:42px 0 25px;gap:30px}.profile-avatar{width:126px;height:126px}.profile-identity h1{font-size:38px;margin-bottom:9px;letter-spacing:-.8px}.profile-identity a{font-size:16px}.profile-toolbar{padding:0 0 32px;justify-content:flex-start;padding-inline-start:149px}.official-accounts{max-width:400px;width:400px;justify-content:space-between;gap:0}.official-accounts a,.share-button,.share-label{font-size:12px}.account-icon,.official-accounts a .account-icon,.official-accounts a:hover .account-icon,.share-button .account-icon{width:52px;height:52px;border-radius:50%}.platform-logo,.social-tiktok .platform-logo,.social-whatsapp .platform-logo{width:31px;height:31px}.share-button .account-icon svg{width:27px;height:27px}.section-links{margin:0;justify-content:flex-start;background:#101010;border-bottom:1px solid #303032}.section-links a{flex:0 0 190px;min-height:65px;font-size:16px;gap:11px}.section-links svg{width:21px;height:21px}.section-links a.current:after{left:17%;right:17%}.cards{margin:7px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.image-wrap{aspect-ratio:3/4}.media-type{font-size:12px;bottom:16px;inset-inline-start:14px}.media-mark{width:28px;height:28px;bottom:12px;inset-inline-end:12px}.media-mark .icon{width:15px;height:15px}.page-title{padding:35px 0 25px}.page-title h1{font-size:35px}.filters{margin:0 0 25px;gap:9px}.filters button{font-size:14px;padding:10px 18px}.filters input{flex-basis:auto;margin:0;margin-inline-start:auto;min-width:270px;font-size:14px}.empty-state{margin:0;padding:65px 25px;font-size:15px;min-height:220px}footer{max-width:1008px;margin:60px auto 0;padding:25px 0 30px}footer .brand,footer .brand span,footer small{font-size:12px}footer small span{display:block}[dir=rtl] .profile-identity h1{font-size:36px;letter-spacing:0}}
@media(min-width:768px) and (max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin-inline:36px}.profile-toolbar{padding-inline-start:145px}}

/* Reference header and navigation colour */
header,.section-links{background:#202020;}

/* Subtle depth for header and navigation */
header{position:relative;z-index:5;box-shadow:0 5px 16px -7px rgba(0,0,0,.65)}.section-links{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px -9px rgba(0,0,0,.8)}

/* Community heart */
.section-links a[href="/fans"]{font-size:17px;font-weight:700;color:#9cdef3;gap:10px}.fans-heart{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1;transform-origin:center;animation:fans-breathe 2.6s ease-in-out infinite;will-change:transform}@keyframes fans-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}@media(prefers-reduced-motion:reduce){.fans-heart{animation:none}}

.fans-heart{width:24px;height:24px;object-fit:contain;flex-shrink:0;vertical-align:middle}.section-links a[href="/fans"]{align-items:center;font-size:16px;gap:9px}

/* Refined desktop layout */
@media(min-width:768px){html,body{background:#111113}header{height:78px;max-width:none;padding-inline:max(40px,calc((100vw - 1120px)/2));border-bottom:1px solid #ffffff05}header .brand-logo{width:105px;height:39px}header .header-actions button{padding:8px 15px;font-size:13px}main{max-width:1200px;padding:0 40px;margin:0 auto;min-height:75vh;background:#111113}.dark-profile{padding:43px 0 25px;gap:25px}.profile-avatar{width:112px;height:112px;border-color:#424247}.profile-identity h1{font-size:36px;line-height:1.25;letter-spacing:-.8px;margin-bottom:10px}.profile-identity a{font-size:15px;color:#a0a0aa}.profile-toolbar{justify-content:flex-start;padding:0 0 35px;padding-inline-start:125px}.official-accounts{width:405px;max-width:405px;gap:0}.official-accounts>a,.official-accounts>.share-button{flex:1;gap:9px}.account-icon,.official-accounts a .account-icon,.official-accounts a:hover .account-icon,.share-button .account-icon{width:48px;height:48px}.official-accounts a,.share-button,.share-label{font-size:12px;font-weight:400}.platform-logo,.social-tiktok .platform-logo,.social-whatsapp .platform-logo{width:29px;height:29px}.section-links{position:sticky;top:0;margin:0;padding:0 18px;background:#202020;border-top:1px solid #ffffff04;border-bottom:1px solid #363638;justify-content:flex-start;gap:14px}.section-links a{flex:0 0 156px;min-height:65px;font-size:15px;gap:10px}.section-links a.current:after{left:18%;right:18%}.section-links a[href="/fans"]{font-size:17px;gap:10px}.section-links .fans-heart{width:25px;height:25px}.section-links svg{width:19px;height:19px}.cards{margin:22px 0 0;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.image-wrap{aspect-ratio:3/4;border-radius:7px;isolation:isolate}.image-wrap img{transition:transform .35s,filter .35s}.image-wrap:hover img{transform:scale(1.035);filter:brightness(1.06)}.media-mark{width:29px;height:29px;bottom:13px;inset-inline-end:12px;background:#0005}.media-type{font-size:12px;bottom:18px;inset-inline-start:15px;font-weight:500}.page-title{padding:28px 0 20px}.page-title h1{font-size:28px;letter-spacing:-.4px}.filters,body[data-page="media"] .filters{margin:26px 0 21px;display:flex;justify-content:flex-end}.filters input,body[data-page="media"] .filters input{flex:0 1 390px;width:390px;min-width:0;margin:0;font-size:14px;padding:13px 17px;border:1px solid #3a3a40;background:#1d1d20;border-radius:6px}.filters input:focus{outline:1px solid #7dbbd4;outline-offset:0;border-color:#7dbbd4}.empty-state{margin:0;min-height:260px;padding:80px 25px;font-size:15px;color:#92929c;border-color:#29292f}footer{max-width:1120px;margin:60px auto 0;padding:26px 0 30px;border-color:#303036}footer .brand{font-size:12px;letter-spacing:1px}footer small{font-size:12px;line-height:1.6;color:#81818c}footer small span{display:block;font-size:11px;margin-top:5px}dialog{padding:24px;box-shadow:0 25px 90px #0008}dialog img{max-height:72vh}[dir=rtl] .profile-identity h1{font-size:34px;letter-spacing:0}}
@media(min-width:768px) and (max-width:1100px){header{padding-inline:32px}main{padding-inline:32px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}footer{margin-inline:32px}.section-links a{flex-basis:145px}}
@media(min-width:1500px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Desktop sidebar with independent content column */
@media(min-width:768px){main{max-width:1380px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:28px;padding:25px 36px 0;align-items:start}.desktop-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;min-width:0}.desktop-sidebar .dark-profile{display:flex;flex-direction:column;text-align:center;padding:27px 18px 23px;gap:17px;border:1px solid #2b2b30;background:#19191c;border-radius:9px}.desktop-sidebar .profile-avatar{width:108px;height:108px}.desktop-sidebar .profile-identity h1{font-size:26px;margin:0 0 7px;letter-spacing:-.5px}.desktop-sidebar .profile-identity a{font-size:14px}.desktop-sidebar .profile-toolbar{padding:20px 13px;background:#19191c;border:1px solid #2b2b30;border-radius:9px;justify-content:center}.desktop-sidebar .official-accounts{width:100%;max-width:100%;gap:2px;flex-wrap:wrap;justify-content:center}.desktop-sidebar .official-accounts>a,.desktop-sidebar .official-accounts>.share-button{flex:0 0 31%;margin-bottom:12px;gap:7px}.desktop-sidebar .official-accounts>.share-button{margin-bottom:0}.desktop-sidebar .official-accounts a,.desktop-sidebar .share-label{font-size:11px}.desktop-sidebar .account-icon,.desktop-sidebar .official-accounts a .account-icon,.desktop-sidebar .share-button .account-icon{width:43px;height:43px}.desktop-sidebar .platform-logo{width:27px;height:27px}.profile-about{padding:21px;background:#19191c;border:1px solid #2b2b30;border-radius:9px}.profile-about h2{font-size:14px;font-weight:600;margin:0 0 12px;color:#ededf1}.profile-about p{font-size:13px;line-height:1.9;color:#9696a2;margin:0}.desktop-content{min-width:0}.desktop-content .section-links{margin:0;top:0;min-height:64px;padding:0 12px;border-radius:7px 7px 0 0}.desktop-content .section-links a{flex:1;max-width:190px;min-height:64px}.desktop-content .cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;gap:12px}.desktop-content .page-title{padding:26px 0 18px}.desktop-content .filters{margin:23px 0 20px}.desktop-content .filters input{flex-basis:100%;width:100%}footer{max-width:1308px;margin:50px auto 0}[dir=rtl] .desktop-sidebar .profile-identity h1{font-size:25px;letter-spacing:0}}
@media(min-width:768px) and (max-width:1050px){main{grid-template-columns:225px minmax(0,1fr);gap:20px;padding-inline:25px}.desktop-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.desktop-sidebar .profile-identity h1{font-size:24px}.desktop-content .section-links a{font-size:14px;gap:7px}footer{margin-inline:25px}}

/* Merged identity and accounts card */
@media(min-width:768px){.desktop-profile-block{background:#19191c;border:1px solid #2b2b30;border-radius:9px;overflow:hidden}.desktop-profile-block .dark-profile{background:none;border:0;border-radius:0;padding:27px 14px 20px}.desktop-profile-block .profile-toolbar{background:none;border:0;border-radius:0;padding:0 10px 23px}.desktop-profile-block .official-accounts{display:flex;flex-wrap:nowrap;width:100%;gap:0;justify-content:space-between;align-items:flex-start}.desktop-profile-block .official-accounts>a,.desktop-profile-block .official-accounts>.share-button{flex:1 1 0;min-width:0;margin:0;gap:7px}.desktop-profile-block .official-accounts a,.desktop-profile-block .share-label{font-size:10px;letter-spacing:-.15px}.desktop-profile-block .account-icon,.desktop-profile-block .official-accounts a .account-icon,.desktop-profile-block .share-button .account-icon{width:36px;height:36px}.desktop-profile-block .platform-logo,.desktop-profile-block .social-tiktok .platform-logo,.desktop-profile-block .social-whatsapp .platform-logo{width:24px;height:24px}.desktop-profile-block .share-button .account-icon svg{width:22px;height:22px}}
@media(min-width:768px) and (max-width:1050px){.desktop-profile-block .profile-toolbar{padding-inline:6px}.desktop-profile-block .account-icon,.desktop-profile-block .official-accounts a .account-icon,.desktop-profile-block .share-button .account-icon{width:33px;height:33px}.desktop-profile-block .official-accounts a,.desktop-profile-block .share-label{font-size:9px}}

/* Bounded desktop and tablet frame */
@media(min-width:768px){header{width:calc(100% - 48px);max-width:1200px;height:70px;margin:18px auto 0;padding:0 25px;border:1px solid #303033;border-radius:8px;box-shadow:0 5px 16px -7px #0009}main{width:calc(100% - 48px);max-width:1200px;margin:22px auto 0;padding:0;grid-template-columns:250px minmax(0,1fr);gap:24px;min-height:70vh}.desktop-content .section-links{display:flex;width:max-content;max-width:100%;padding:0 8px;min-height:58px;border:1px solid #303033;border-radius:7px;gap:0}.desktop-content .section-links a{flex:0 0 137px;max-width:none;min-height:58px;padding-inline:12px;font-size:15px}.desktop-content .section-links a[href="/fans"]{font-size:17px}.desktop-content .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.desktop-content .image-wrap{aspect-ratio:3/4}.desktop-sidebar{top:20px}.desktop-profile-block .profile-toolbar{padding-inline:7px}.desktop-profile-block .official-accounts a,.desktop-profile-block .share-label{font-size:10px}footer{width:calc(100% - 48px);max-width:1200px;margin:45px auto 0;padding:23px 0 28px}}
@media(min-width:768px) and (max-width:1023px){header{width:calc(100% - 36px);margin-top:14px;padding-inline:20px;height:66px}main{width:calc(100% - 36px);margin-top:18px;grid-template-columns:220px minmax(0,1fr);gap:18px}.desktop-content .section-links{width:100%;padding:0 4px}.desktop-content .section-links a{flex:1 1 0;min-width:0;font-size:14px;padding-inline:8px;gap:7px}.desktop-content .section-links a[href="/fans"]{font-size:16px}.desktop-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.desktop-profile-block .dark-profile{padding:23px 10px 19px}.desktop-profile-block .profile-avatar{width:96px;height:96px}.desktop-profile-block .profile-identity h1{font-size:24px}.desktop-profile-block .account-icon,.desktop-profile-block .official-accounts a .account-icon,.desktop-profile-block .share-button .account-icon{width:33px;height:33px}.desktop-profile-block .official-accounts a,.desktop-profile-block .share-label{font-size:9px}.profile-about{padding:18px}.profile-about p{font-size:13px}footer{width:calc(100% - 36px);margin:38px auto 0}}

/* Flush top header and full content navigation */
@media(min-width:768px){header{margin-top:0;border-top:0;border-radius:0 0 7px 7px}.desktop-content .section-links{width:100%;max-width:100%}.desktop-content .section-links a{flex:1 1 0;max-width:none}.desktop-content .section-links a.current:after{left:23%;right:23%}}

/* Full-width archive search and balanced brand bars */
@media(min-width:768px){.desktop-content .filters,body[data-page="media"] .desktop-content .filters{display:flex;width:100%;margin:23px 0 21px;justify-content:stretch}.desktop-content .filters input,body[data-page="media"] .desktop-content .filters input{flex:1 1 100%;width:100%;max-width:none;min-width:0;margin:0;padding:14px 18px;height:47px}header{display:flex;justify-content:space-between;align-items:center;padding-inline:28px}header .brand-logo{width:112px;height:42px}header .header-actions{display:flex;align-items:center}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px;padding:24px 0 28px;margin-top:48px}footer .brand-logo{display:block;width:89px;height:34px;object-fit:contain;filter:invert(1) hue-rotate(180deg) saturate(1.15) brightness(1.12);mix-blend-mode:screen}footer small{font-size:12px;line-height:1.8;text-align:end;color:#9797a0}footer small span{font-size:11px;margin-top:3px;color:#72727d}}

/* Compact aligned desktop footer */
@media(min-width:768px){footer.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 48px);max-width:1200px;min-height:0;margin:38px auto 0;padding:21px 0 24px;border-top:1px solid #2d2d32}.site-footer .footer-brand{display:flex;align-items:center;flex-shrink:0}.site-footer .brand-logo{width:86px;height:33px;display:block}.footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:17px;min-width:0}.site-footer .footer-meta small{display:block;margin:0;font-size:12px;font-weight:400;line-height:1.6;color:#90909a;text-align:start}.site-footer .footer-meta .footer-rights{color:#70707b}.footer-divider{display:block;width:1px;height:12px;background:#3a3a40;flex-shrink:0}}
@media(min-width:768px) and (max-width:1023px){footer.site-footer{width:calc(100% - 36px);margin-top:30px;gap:20px}.footer-meta{flex-direction:column;align-items:flex-end;gap:3px}.site-footer .footer-meta small{text-align:end}.footer-divider{display:none}}

/* Unified centred footer */
@media(min-width:768px){footer.site-footer{flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#202020;border:1px solid #303033;border-radius:7px;padding:20px 24px;margin-top:30px;margin-bottom:18px}.site-footer .footer-brand{justify-content:center}.site-footer .brand-logo{width:82px;height:31px}.site-footer .footer-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.site-footer .footer-meta small{font-size:12px;line-height:1.6;text-align:center;color:#a3a3ad}.site-footer .footer-meta .footer-rights{color:#898994}.site-footer .footer-divider{display:block;height:11px}main{min-height:0}}
@media(min-width:768px) and (max-width:1023px){.site-footer .footer-meta{flex-direction:column;gap:3px}.site-footer .footer-divider{display:none}.site-footer .footer-meta small{text-align:center}}

/* Natural-ratio masonry media grid */
.cards.masonry-grid,.desktop-content .cards.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-auto-rows:2px;grid-auto-flow:row dense;gap:12px;align-items:start}.masonry-grid .card{min-width:0;align-self:start}.masonry-grid .image-wrap,.desktop-content .masonry-grid .image-wrap{aspect-ratio:auto;height:auto}.masonry-grid .image-wrap img{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:auto}.masonry-grid .image-wrap:hover img{transform:none}
@media(min-width:768px) and (max-width:1050px){.desktop-content .cards.masonry-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:9px}}

/* Compact bounded thumbnails, original proportions */
.cards.masonry-grid,.desktop-content .cards.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),210px));justify-content:start;gap:10px}.masonry-grid .card{max-width:210px;min-width:0}.masonry-grid .image-wrap,.desktop-content .masonry-grid .image-wrap{width:100%;height:auto;aspect-ratio:auto;background:transparent}.masonry-grid .image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:300px;margin-inline:auto;object-fit:contain;aspect-ratio:auto}.masonry-grid .media-type{font-size:11px;inset-inline-start:10px;bottom:12px}.masonry-grid .media-mark{width:23px;height:23px;bottom:8px;inset-inline-end:8px}
@media(min-width:768px) and (max-width:1050px){.desktop-content .cards.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),180px));gap:9px}.masonry-grid .card{max-width:180px}.masonry-grid .image-wrap img{max-height:260px}}

/* Standalone content viewer */
.watch-top{padding:22px 0 18px}.watch-top a{display:inline-flex;align-items:center;gap:9px;color:#aaaab4;font-size:13px}.watch-top .icon{width:15px;height:15px;transform:rotate(180deg)}.watch-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:24px;align-items:start;padding:0 0 25px}.watch-stage{background:#080809;border:1px solid #29292e;display:flex;align-items:center;justify-content:center;min-width:0;min-height:260px;border-radius:8px;overflow:hidden}.watch-stage img,.watch-stage video{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;object-fit:contain}.watch-stage iframe{display:block;width:100%;height:min(70vh,680px);min-height:420px;border:0;aspect-ratio:9/16}.watch-details{padding:17px;background:#19191c;border:1px solid #2c2c31;border-radius:8px}.watch-author{font-size:13px;color:#83c9e3;margin:0 0 12px;direction:ltr}.watch-details h1{font-size:22px;font-weight:500;line-height:1.6;margin:0 0 18px}.watch-note{font-size:13px;color:#9898a3;line-height:1.7}.watch-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.watch-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 13px;border:1px solid #414149;border-radius:5px;background:#242429;color:#eee;font-size:13px;cursor:pointer}.watch-action .icon{width:16px;height:16px}.watch-next{display:block;font-size:13px;line-height:1.8;border-top:1px solid #33333b;padding-top:18px;margin-top:22px;color:#8ccfe5}.watch-stage.is-zoomed{overflow:auto;display:block;max-height:75vh}.watch-stage.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto;margin:0}.watch-stage .watch-note{padding:15px}@media(max-width:1050px){.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-details{padding:18px}.watch-stage iframe{max-width:390px}.watch-details h1{font-size:20px}}

.watch-layout{margin-top:22px}.watch-creator{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #33333b;color:#f2f2f5}.creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 12%;flex-shrink:0}.watch-creator>div{min-width:0;flex:1}.watch-creator strong{display:block;font-size:16px;font-weight:600;line-height:1.5}.watch-creator span{display:block;font-size:13px;line-height:1.6;color:#9696a3;direction:ltr}.watch-creator>.icon{width:17px;height:17px;color:#8fcde5}.watch-demo{font-size:12px;color:#90a7b3;padding:8px 10px;background:#22272d;border-radius:4px}@media(max-width:767px){.watch-layout{margin-top:20px}}

/* Refined author links and viewer actions */
.watch-creator{cursor:default}.watch-creator>a{display:flex;flex-shrink:0;border-radius:50%}.watch-creator>div>a{display:inline-block;color:#9cabb9;font-size:13px;line-height:1.6;direction:ltr}.watch-creator>div>a:hover{color:#8dd7ef;text-decoration:underline}.watch-creator>a:hover{outline:1px solid #7bc6df;outline-offset:3px}.watch-actions{display:flex;align-items:stretch;gap:10px;margin-top:21px;padding-top:18px;border-top:1px solid #303037}.watch-actions .watch-action{flex:1;min-width:0;min-height:42px;padding:11px 12px;border-radius:7px;font-size:13px;font-weight:500;line-height:1.4;white-space:normal}.watch-actions .watch-source{background:#dceef5;border-color:#dceef5;color:#172a36}.watch-actions .watch-source:hover{background:#f1faff;border-color:#f1faff}.watch-actions .watch-share{background:transparent;border-color:#414149;color:#dce3e9;gap:9px}.watch-actions .watch-share:hover{background:#27272d;border-color:#6b6b75}.watch-actions .watch-share .icon{width:17px;height:17px;flex-shrink:0}

/* Branded shorts player */
#watchMount{position:relative;margin-top:20px;--short-height:min(76svh,760px)}.shorts-feed{position:relative;height:var(--short-height);max-width:440px;margin:0 auto;background:#08080a;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;border:1px solid #333338;border-radius:10px}.shorts-feed::-webkit-scrollbar{display:none}.short-slide{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.short-canvas{position:relative;height:100%;width:100%;isolation:isolate;background:#08080a;overflow:hidden}.short-media{display:block;width:100%;height:100%;object-fit:contain;background:#08080a}.short-canvas:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#08080a40 28%,#08080ae8);pointer-events:none;z-index:1}.short-top{position:absolute;top:15px;inset-inline:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:white;z-index:3;pointer-events:none}.short-counter{font-size:11px;letter-spacing:1px;background:#10101270;border-radius:4px;padding:5px 7px}.short-demo{font-size:10px;color:#e0e5eb;background:#101012a0;padding:5px 7px;border-radius:4px}.short-bottom{position:absolute;bottom:57px;inset-inline-start:18px;inset-inline-end:72px;z-index:3;color:#fff}.short-owner{display:flex;align-items:center;gap:11px}.short-avatar-link{display:block;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #90d8ef,0 0 0 5px #1118}.short-avatar{display:block;width:43px;height:43px;border-radius:50%;object-fit:cover;object-position:50% 12%}.short-owner-text{min-width:0}.short-owner-text strong{display:block;font-size:16px;font-weight:600;line-height:1.5;text-shadow:0 1px 6px #000}.short-username{display:inline-block;font-size:12px;color:#bde9f7;direction:ltr}.short-caption{font-size:13px;line-height:1.6;margin:13px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#edf2f5}.short-rail{position:absolute;bottom:67px;inset-inline-end:13px;z-index:4;display:flex;flex-direction:column;gap:10px}.short-tool{width:39px;height:39px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;background:#2020249c;backdrop-filter:blur(10px);color:#f4f7f9;padding:0;cursor:pointer}.short-tool .icon{width:20px;height:20px}.short-tool:hover{background:#33404acc;color:#9addf2}.short-progress{position:absolute;bottom:15px;inset-inline:17px;width:calc(100% - 34px);height:18px;padding:0;margin:0;z-index:5;background:transparent;appearance:none;cursor:pointer;--progress:0%;direction:ltr}.short-progress::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#85d5ee var(--progress),#ffffff40 var(--progress))}.short-progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#a9e4f7;margin-top:-3.5px}.short-progress::-moz-range-track{height:3px;background:#ffffff40}.short-progress::-moz-range-progress{height:3px;background:#85d5ee}.short-progress::-moz-range-thumb{height:10px;width:10px;border:0;border-radius:50%;background:#a9e4f7}.short-time{position:absolute;bottom:35px;inset-inline-start:18px;font-size:10px;color:#b7c6d0;z-index:3;direction:ltr}.brand-loading{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#101012b8;backdrop-filter:blur(6px)}.brand-loading[hidden]{display:none}.loading-b{width:45px;height:57px;filter:invert(1) hue-rotate(180deg) saturate(1.15);mix-blend-mode:screen}.loading-hearts{display:flex;gap:8px}.loading-hearts img{width:14px;height:14px;animation:short-heart 1.3s ease-in-out infinite}.loading-hearts img:nth-child(2){animation-delay:.17s}.loading-hearts img:nth-child(3){animation-delay:.34s}@keyframes short-heart{0%,100%{opacity:.35;transform:translateY(0) scale(.8)}45%{opacity:1;transform:translateY(-5px) scale(1.05)}}.short-status{position:absolute;top:44%;left:12%;right:12%;text-align:center;z-index:7;font-size:13px;color:#fff;line-height:1.8;pointer-events:none}.short-status:empty{display:none}.short-retry{display:block;margin:10px auto 0;border:1px solid #70c8e5;border-radius:5px;background:#202025;color:#b6e8f8;padding:9px 15px;pointer-events:auto}.shorts-navigation{position:absolute;left:calc(50% + 240px);top:40%;display:flex;flex-direction:column;gap:12px}.shorts-nav-button{width:42px;height:42px;border-radius:50%;background:#202023;border:1px solid #39393e;color:#dfeaf0;font-size:23px;cursor:pointer}.shorts-nav-button:disabled{opacity:.25;cursor:default}.short-canvas:fullscreen{max-width:none;width:100%;height:100%;background:#08080a}.short-canvas:fullscreen .short-media{object-fit:contain}@media(max-width:1150px){.shorts-navigation{left:auto;right:5px;top:15px}.shorts-nav-button{width:32px;height:32px;font-size:18px}}@media(prefers-reduced-motion:reduce){.loading-hearts img{animation:none;opacity:1}}

#watchMount{min-height:var(--short-height)}

/* Immersive standalone viewer */
html:has(body[data-page="watch"]){height:100%;overflow:hidden;background:#08080a}body[data-page="watch"]{height:100%;overflow:hidden;background:#08080a}body[data-page="watch"] main{display:block;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;min-height:0;margin:0;padding:0;background:#08080a}body[data-page="watch"] #watchMount{position:relative;width:100%;height:100%;margin:0;min-height:100%;--short-height:100dvh}body[data-page="watch"] .shorts-feed{width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;touch-action:pan-y pinch-zoom}body[data-page="watch"] .short-canvas{width:100%;height:100%;max-width:min(100vw,calc(100dvh * var(--media-aspect,.5625)));margin-inline:auto}body[data-page="watch"] .shorts-navigation{position:fixed;inset-inline-end:24px;left:auto;top:calc(50% - 48px)}.shorts-close{position:fixed;z-index:15;top:max(15px,env(safe-area-inset-top));inset-inline-end:max(18px,env(safe-area-inset-right));width:39px;height:39px;padding:0;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;background:#202024a0;backdrop-filter:blur(10px);color:#fff;cursor:pointer}.shorts-close .icon{width:19px;height:19px}body[data-page="watch"] .short-bottom{bottom:calc(57px + env(safe-area-inset-bottom))}body[data-page="watch"] .short-progress{bottom:calc(15px + env(safe-area-inset-bottom))}body[data-page="watch"] .short-time{bottom:calc(35px + env(safe-area-inset-bottom))}body[data-page="watch"] .short-rail{bottom:calc(67px + env(safe-area-inset-bottom))}@media(max-width:767px){body[data-page="watch"] .shorts-navigation{display:none}body[data-page="watch"] .short-top{inset-inline-end:64px;top:max(15px,env(safe-area-inset-top))}.shorts-close{width:34px;height:34px}}

/* Transparent vector loader monogram */
.loading-b{filter:none;mix-blend-mode:normal;background:transparent;object-fit:contain}

/* Database-fed lists */
.api-empty{grid-column:1/-1;min-height:160px;padding:55px 22px;text-align:center;color:#9595a2;font-size:14px;line-height:1.8}.api-empty button{display:block;margin:15px auto 0;padding:9px 17px;background:#242429;color:#d5e7ee;border:1px solid #43434c;border-radius:5px}.cover-missing{height:180px;display:grid;place-items:center;background:#1f1f24;color:#78818c}.load-more{display:block;margin:25px auto;padding:11px 24px;background:#202024;color:#e7edf0;border:1px solid #3b3b44;border-radius:6px;font-size:14px}.load-more[hidden]{display:none}.creators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin-top:20px}.creator-card{padding:23px 16px;background:#19191c;border:1px solid #2e2e35;border-radius:8px;text-align:center;min-width:0}.creator-main{display:flex;flex-direction:column;align-items:center;gap:9px}.fan-avatar{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:top}.fan-placeholder{display:grid;place-items:center;background:#28343f;color:#a3d7eb;font-size:28px}.creator-main strong{font-size:17px}.fan-handle{font-size:13px;color:#8cbdcf;overflow-wrap:anywhere}.fan-count{font-size:12px;color:#91919d}.fan-source{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:12px;color:#a6cad9}.fan-source .icon{width:14px;height:14px}.fan-profile{display:flex;align-items:center;gap:18px;margin:25px 0 18px}.fan-profile h1{font-size:24px;margin:0 0 7px}.fan-profile p{font-size:13px;color:#9999a6;margin:0 0 9px}.fan-profile a{font-size:13px;color:#94d4eb}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:17px}.news-card{background:#19191d;border:1px solid #2e2e35;border-radius:7px;overflow:hidden}.news-card img{width:100%;height:190px;object-fit:cover;display:block}.news-card> a> div{padding:19px}.news-card h2{font-size:20px;line-height:1.6;margin:9px 0}.news-card time,.news-detail time{font-size:12px;color:#8bc9df}.news-card p{font-size:14px;line-height:1.8;color:#9797a4}.news-detail{padding:30px 0}.news-detail h1{font-size:30px;line-height:1.6;margin:12px 0 23px}.news-cover{width:100%;height:auto;max-height:550px;object-fit:contain;background:#08080a}.news-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:2;margin:25px 0;color:#d0d0d8}.news-attachment{display:block;max-width:100%;height:auto;margin:20px 0;border-radius:4px}.news-attachment:is(a){color:#91cde2;font-size:15px}@media(max-width:767px){.creators-grid,.news-grid{margin:20px;gap:12px}.creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-card{padding:19px 12px}.fan-avatar{width:64px;height:64px}.creator-main strong{font-size:15px}.fan-profile{margin:24px 20px}.fan-profile h1{font-size:22px}.news-detail{padding:25px 20px}.news-detail h1{font-size:25px}.news-body{font-size:16px}.news-card h2{font-size:19px}}