:root{--accent:#b80000;--ink:#14202f;--muted:#637080;--line:#e0e5ed;--soft:#f5f7fa;--green:#15803d;--radius:7px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans Devanagari','Nirmala UI',Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;padding:10px 18px;line-height:1.5;font-weight:650;text-align:center}button:hover,.button:hover{filter:brightness(.93);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.outline{background:#fff;color:var(--accent);border-color:var(--accent)}.secondary:hover{background:var(--soft);color:var(--ink)}.outline:hover{color:var(--accent);background:#fff6f6}.small{font-size:13px;padding:6px 11px}.full{width:100%}.text-button{border:0;background:none;color:var(--muted);padding:4px 8px;font-weight:500}.text-button:hover{color:var(--accent);background:var(--soft)}.danger{color:#b91c1c}.inline{display:inline-block}input,select,textarea{display:block;width:100%;border:1px solid #d5dde6;border-radius:6px;background:#fff;padding:10px 12px;color:var(--ink);min-width:0}input[type=color]{height:48px;width:100px;padding:4px}textarea{resize:vertical;line-height:1.75}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input[type=file]{padding:7px}label{display:block;font-weight:600;margin:14px 0 5px}label input,label textarea,label select{margin-top:6px;font-weight:400}label small{font-weight:400}.check{display:flex;align-items:center;gap:10px;margin:18px 0}.check input{margin:0;flex:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{margin-top:24px}form>button.full{margin-top:22px}h1,h2,h3{line-height:1.4;letter-spacing:-.025em;margin:0 0 12px;font-weight:750}h1{font-size:32px}h2{font-size:23px}h3{font-size:21px}p{margin:0 0 14px}small,.muted{color:var(--muted)}small{display:block;font-size:12px;line-height:1.6}.eyebrow{font-size:13px;font-weight:750;color:var(--accent)}.notice{padding:13px 17px;border:1px solid var(--line);border-left:4px solid var(--accent);background:#fff;margin:0 0 18px;border-radius:5px}.notice.success{border-left-color:#159447;background:#f2fcf5}.notice.error{border-left-color:#b91c1c;background:#fff4f4}.notice a{text-decoration:underline}.brand{font-size:31px;font-weight:850;letter-spacing:-1.6px;line-height:1.1;color:#101a27;white-space:nowrap}.brand>span{color:var(--accent)}.logo{max-width:220px;max-height:52px;object-fit:contain}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;min-width:0}.panel-heading,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2{margin:0}.panel-heading>a{color:var(--accent);font-size:13px;white-space:nowrap}.heading p{margin:0;color:var(--muted)}.heading h1{margin:0 0 4px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{background:#f5f7fa;font-size:13px;font-weight:700}th,td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:middle}td small{margin-top:4px}.table-title{font-weight:600}.nowrap{white-space:nowrap}.badge{display:inline-block;border-radius:20px;background:#edf0f4;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}.badge.published{background:#e9f8ef;color:#147835}.badge.scheduled{background:#fff3da;color:#965c0a}.badge.draft{color:#647080}.empty{text-align:center;padding:44px 24px}.empty strong{font-size:20px}.empty p{color:var(--muted);margin-top:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0}.pagination span{font-size:14px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #216ad0;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
/* Admin workspace */
.admin-body{background:#f6f8fb}.sidebar{position:fixed;left:0;top:0;bottom:0;width:234px;background:#fff;border-right:1px solid var(--line);z-index:20;overflow-y:auto;padding:28px 14px 18px}.sidebar-brand{display:block;text-align:center;margin-bottom:30px}.sidebar-brand .brand{font-size:28px}.sidebar-brand small{letter-spacing:7px;margin-top:7px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:11px 17px;border-radius:6px;margin-bottom:4px;font-weight:550}.sidebar nav a>span{font-family:Arial,sans-serif;font-size:24px;line-height:1;width:25px;text-align:center}.sidebar nav a.active{background:var(--accent);color:#fff}.sidebar nav a:not(.active):hover{background:#f8f0f0}.sidebar-foot{color:var(--muted);font-size:11px;padding:25px 15px}.admin-shell{margin-left:234px}.admin-top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:25px}.search{display:flex;align-items:center;gap:8px}.admin-top .search{width:min(480px,48%)}.search input{background:#f8fafc}.top-actions{display:flex;gap:22px;align-items:center;font-size:13px;white-space:nowrap}.admin-main{padding:30px;max-width:1700px;margin:auto}.admin-footer{padding:15px 30px;text-align:right;font-size:12px;color:var(--muted)}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:20px 14px}.stat strong{display:block;font-size:30px;line-height:1.25}.stat div>span{font-size:12px;white-space:nowrap}.stat-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;font-size:25px}.red{background:#fee9e9;color:#bb0000}.green{background:#e7f9ed;color:#17823c}.gray{background:#eef1f5;color:#758196}.amber{background:#fff4dc;color:#d08700}.quick .button{margin-top:12px}.reminder{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.reminder small{margin-top:5px}.section-chips{display:flex;gap:15px;flex-wrap:wrap}.section-chips>span{padding:15px;border:1px solid var(--line);border-radius:6px;flex:1;font-size:14px}.section-chips .badge{display:table;margin-top:12px}.filters{display:flex;gap:12px;margin-bottom:24px}.filters input{flex:2}.filters select{flex:1}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.title-input{font-size:21px;font-weight:650}.sticky{position:sticky;top:20px}.editor-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 10px}.cover-preview{width:100%;height:auto;max-height:200px;object-fit:contain;margin:14px 0;border-radius:5px}.revision{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.split{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px}.settings-panel{max-width:850px}.upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin-bottom:12px}.upload-form label{margin:0}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.media-card{padding:15px}.media-card>img{width:100%;height:150px;object-fit:contain;background:var(--soft);border-radius:5px;margin-bottom:12px}.media-card strong{display:block;overflow-wrap:anywhere;font-size:13px}.menu-toggle{display:none}.auth-body{background:#f5f7fa;min-height:100vh;display:grid;place-items:center;padding:35px 20px}.auth-card{width:100%;max-width:550px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px}.auth-logo{text-align:center;margin-bottom:30px}.auth-logo p{font-size:13px;color:var(--muted);margin-top:12px}.auth-card h1{font-size:27px}.auth-card form{margin-bottom:20px}.error-code{font-size:70px;font-weight:800;color:var(--accent)}
/* Reader website */
.container{width:min(1440px,calc(100% - 64px));margin:0 auto}.site-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:25px;padding-bottom:23px}.site-brand small{font-size:13px;margin-top:7px}.site-top .search{flex:1;max-width:620px}.site-top .brand{font-size:37px}.language{display:flex;gap:12px;align-items:center;white-space:nowrap}.language a{color:var(--muted)}.language a.active{color:var(--accent);font-weight:700}.site-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.site-nav .container{display:flex;align-items:center;justify-content:space-between;gap:26px;overflow:auto}.site-nav a{padding:15px 3px 12px;border-bottom:3px solid transparent;font-weight:650;white-space:nowrap;font-size:15px}.site-nav a.active{border-bottom-color:var(--accent);color:var(--accent)}.public-main{min-height:60vh;padding-top:28px;padding-bottom:40px}.public-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px}.public-layout.no-sidebar{grid-template-columns:1fr}.section-heading{border-left:5px solid var(--accent);padding-left:13px;margin:0 0 20px}.section-heading h1,.section-heading h2{margin:0;font-size:28px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;padding:9px;min-width:0;background:#fff}.cover{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:var(--soft)}.cover>img{width:100%;height:100%;object-fit:cover}.placeholder{width:100%;height:100%;background:#edf1f6;display:flex;align-items:center;justify-content:center;color:#718096}.placeholder span{font-size:70px;font-family:Arial,sans-serif;line-height:1}.kind-movie{background:#f5efeb;color:#987b64}.kind-vehicle{background:#edf2ea;color:#74856a}.kind-exam{background:#eef0f9;color:#737b9e}.kind-scheme{background:#eef5ef;color:#6d9078}.story-body{padding:12px 5px 3px;display:flex;flex-direction:column;flex:1}.story :is(h2,h3){margin:4px 0 10px;font-size:21px}.story p{font-size:14px;color:#596574;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin-top:auto;padding-top:15px;color:var(--muted)}.story-meta a{color:var(--accent);font-weight:650;white-space:nowrap}.events{align-self:start;padding:21px;margin-top:0;background:#fafbfd}.events h2{font-size:21px}.event-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.event-row strong{font-size:14px;font-weight:600}.event-row>span:nth-child(2){flex:1}.event-icon{font-size:25px}.source-note{font-size:12px;color:var(--muted);padding-top:20px}.guides{margin-top:32px}.guide-row{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:5px;padding:8px;margin-bottom:10px}.guide-cover{display:block;flex:none;width:145px;height:90px;overflow:hidden;border-radius:4px}.guide-cover img{width:100%;height:100%;object-fit:cover}.guide-row h3{font-size:19px;margin:2px 0 5px}.guide-row p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-link{margin-left:auto;flex:none;font-size:12px;color:var(--accent);padding:0 10px}.site-footer{background:#f6f8fb;border-top:1px solid var(--line);padding:25px 0}.site-footer .container{display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer .brand{font-size:23px}.site-footer p{font-size:12px;color:var(--muted);margin:8px 0 0}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.article-layout{display:grid;grid-template-columns:minmax(0,880px) 270px;gap:55px;justify-content:center}.article h1{font-size:38px;line-height:1.45;margin:10px 0 18px}.lead{font-size:19px;color:var(--muted)}.byline{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0 18px;margin-bottom:24px}.article-cover{width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:7px}.article-text{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.article-text h2{font-size:26px;margin:32px 0 15px;scroll-margin-top:25px}.article-text h3{font-size:22px;margin:24px 0 12px}.article-text p{margin-bottom:20px}.article-text a{color:var(--accent);text-decoration:underline}.article-text blockquote{margin:20px 0;padding:15px 22px;border-left:4px solid var(--accent);background:var(--soft)}.article-text pre{overflow:auto;background:var(--soft);padding:20px;font-size:13px}.article-text table{display:block;overflow-x:auto;margin:20px 0}.facts{margin:28px 0}.facts table{border:1px solid var(--line)}.facts th{width:35%;font-size:15px}.facts td{font-size:15px}.toc{font-size:14px}.toc ul{padding-left:18px}.toc li{margin:10px 0}.toc a{color:var(--muted)}.mobile-toc{display:none}.faqs,.sources{margin:35px 0}.faqs details{border:1px solid var(--line);border-radius:5px;padding:15px 18px;margin:12px 0}.faqs summary{font-weight:650;cursor:pointer}.faqs p{margin:12px 0 0}.sources{padding:22px;background:var(--soft);border-radius:6px}.sources a{display:block;padding:7px 0;color:var(--accent)}.share-row{display:flex;align-items:center;gap:15px;margin:35px 0}.related{grid-template-columns:repeat(3,1fr);max-width:1150px}.standalone{max-width:900px;margin:20px auto}
@media(min-width:1500px){.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1250px){.dashboard-layout{grid-template-columns:minmax(0,1fr) 235px}.stats{grid-template-columns:repeat(2,1fr)}.admin-main{padding:22px}.admin-top{padding:0 22px}.top-actions{gap:10px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,1fr)}.read-link{display:none}.editor-layout{grid-template-columns:minmax(0,1fr) 265px}.article-layout{gap:30px}.split{grid-template-columns:1fr}.upload-form{grid-template-columns:1fr 1fr}.upload-form button{justify-self:start}.form-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.sidebar{width:210px}.sidebar-brand .brand{font-size:24px}.admin-shell{margin-left:210px}.dashboard-layout{grid-template-columns:1fr}.dashboard-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-top .search{display:none}.admin-top{justify-content:flex-end}.editor-layout{grid-template-columns:1fr}.editor-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.editor-layout .sticky{position:static}.media-grid{grid-template-columns:repeat(2,1fr)}.public-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.container{width:calc(100% - 40px)}.site-top{gap:20px}.site-top .brand{font-size:30px}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.mobile-toc{display:block;padding:15px;border:1px solid var(--line);margin:20px 0}.article{max-width:850px}.story :is(h2,h3){font-size:19px}.story-meta{flex-wrap:wrap}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:240px;box-shadow:10px 0 30px #15202b16}.sidebar.open{transform:translateX(0)}.admin-shell{margin-left:0}.menu-toggle{display:inline-flex;padding:7px 12px}.admin-top{height:66px;padding:0 15px;justify-content:space-between;position:relative;z-index:25}.top-actions{font-size:12px;gap:10px}.admin-main{padding:20px 15px}.heading{align-items:flex-start}.heading h1{font-size:27px}.heading p{font-size:13px}.heading>.button{font-size:13px;padding:9px 12px;white-space:nowrap}.panel{padding:18px;margin-bottom:18px}.panel h2{font-size:20px}.stat{padding:17px 12px}.stats{gap:12px}.dashboard-layout{gap:0}.dashboard-layout>aside{display:block}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex-basis:35%}.editor-layout aside{display:block}.media-grid{gap:12px}.media-card{padding:12px}.upload-form{grid-template-columns:1fr}.section-chips>span{min-width:120px}.site-top{padding:19px 0;flex-wrap:wrap;gap:15px}.site-top .site-brand{flex:1}.site-top .brand{font-size:30px}.site-top .search{order:3;flex-basis:100%;max-width:none}.language{font-size:14px}.site-nav .container{justify-content:flex-start;gap:23px}.site-nav a{font-size:14px;padding:12px 0}.container{width:calc(100% - 30px)}.public-main{padding-top:23px}.public-layout{grid-template-columns:1fr}.section-heading h1,.section-heading h2{font-size:24px}.story-grid{gap:12px}.story{padding:7px}.story-body{padding:10px 3px 4px}.story :is(h2,h3){font-size:18px}.story p{font-size:13px}.story .eyebrow{font-size:11px}.events{margin-top:10px}.events .source-note{display:none}.event-row{padding:13px 0}.guide-cover{width:100px;height:80px}.guide-row{gap:12px}.guide-row h3{font-size:17px}.guide-row .eyebrow{font-size:11px}.site-footer .container{align-items:flex-start;flex-direction:column;gap:18px}.site-footer nav{gap:16px}.article h1{font-size:30px}.article-text{font-size:16px}.lead{font-size:17px}.article-text h2{font-size:23px}.related{grid-template-columns:repeat(2,1fr)}.auth-card{padding:25px}.auth-body{padding:20px 12px}.revision{font-size:12px}.revision button{white-space:nowrap}.byline{line-height:1.8}}
@media(max-width:420px){.story-grid{grid-template-columns:1fr}.story :is(h2,h3){font-size:23px}.story p{font-size:15px}.cover{aspect-ratio:16/9}.stat-icon{width:36px;height:36px;font-size:21px}.stat{gap:8px}.stat strong{font-size:27px}.top-actions{gap:5px}.media-grid{grid-template-columns:1fr}.brand{font-size:27px}.guide-row p{display:none}.guide-cover{width:80px;height:70px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .12s,color .12s}.sidebar{transition:transform .18s}}
/* Existing theme extensions; no external assets. */
.category-sidebar{padding:1rem;margin-bottom:1rem;background:#fff;border:1px solid var(--border,#ddd);border-radius:8px}.category-sidebar a{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid #eee}.inline-related{border-top:3px solid var(--accent);border-bottom:1px solid #ddd;padding:1rem;margin:1.5rem 0;background:#fafafa}.inline-related h2{font-size:1.15rem;margin:0 0 .5rem}.related-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #ddd}.related-row strong{flex:1;min-width:0}.related-row>span{flex:0 0 100px}.related-row img{width:100px;height:70px;object-fit:cover;border-radius:5px}.related-row .placeholder{height:70px}.tag-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tag-chips a{border:1px solid #ddd;border-radius:20px;padding:.3rem .8rem;color:var(--accent)}.social-embed{border:1px solid #ddd;border-radius:8px;padding:1rem;margin:1.5rem 0;overflow:hidden;max-width:100%}.social-frame{display:block;width:100%;border:0;min-height:400px}.youtube .social-frame{min-height:0;aspect-ratio:16/9}.instagram .social-frame{height:650px}.social-embed>a{display:block;margin-top:.75rem}.code-summary{white-space:pre-wrap;overflow-wrap:anywhere}.article-text,.article,.panel{min-width:0}.source-note{margin:1rem 0}.article-text table{max-width:100%}#social-tools{padding:1rem;border:1px solid #ddd;margin:1rem 0}#social-tools[hidden]{display:none}@media(max-width:600px){.inline-related{padding:.75rem}.related-row>span{flex-basis:85px}.related-row img{width:85px;height:64px}.social-embed{padding:.5rem}.social-frame{min-height:360px}}
@media(max-width:1000px){.article-aside{display:block}.article-aside>.sticky{display:none}}.sidebar-brand .brand{max-width:100%;font-size:24px;overflow-wrap:anywhere}

.dates-sidebar{background:#fff;border-radius:12px}.dates-sidebar h2{display:flex;align-items:center;gap:8px;margin:0;padding-bottom:14px;border-bottom:1px solid var(--line)}.calendar-icon{color:var(--accent);font-size:30px}.dates-sidebar .event-row:last-child{border-bottom:0}.dates-sidebar small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.dates-sidebar .event-row:hover strong{color:var(--accent)}

.comments{margin:40px 0;padding-top:24px;border-top:1px solid var(--line)}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment p{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere}.comment-form{margin-top:24px;padding:20px;background:var(--soft);border-radius:var(--radius)}.comment-form h3{font-size:19px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.comment-text{white-space:pre-line;overflow-wrap:anywhere;max-width:520px}

.side-related{padding:21px}.side-related h2{font-size:21px;padding-bottom:12px;border-bottom:1px solid var(--line)}.side-related-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.side-related-row:last-child{border-bottom:0}.side-related-thumb{flex:none;width:84px;height:60px;border-radius:4px;overflow:hidden;background:var(--soft)}.side-related-thumb img,.side-related-thumb .placeholder{width:100%;height:100%;object-fit:cover}.side-related-thumb .placeholder span{font-size:30px}.side-related-row strong{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.side-related-row:hover strong{color:var(--accent)}

.wys{margin:8px 0}.wys-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;position:sticky;top:0;z-index:5;background:#fff;padding:6px 0}.wys-toolbar button{min-width:38px}.wys-area{min-height:420px;border:1px solid #d5dde6;border-radius:6px;padding:16px 18px;background:#fff;outline:none;overflow-wrap:anywhere}.wys-area:focus{border-color:var(--accent)}.wys-area:empty::before,.wys-area:has(>p:only-child>br:only-child)::before{content:attr(data-placeholder);color:#8a94a3;position:absolute;pointer-events:none}.wys-area table{display:table;width:100%;border-collapse:collapse}.wys-area th,.wys-area td{border:1px solid var(--line);padding:8px 10px}.wys-source{font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.6;min-height:420px}

.article-text img,.wys-area img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:6px}.wys-status{display:block;font-size:13px;color:var(--muted);margin:0 0 8px}.wys-status:empty{display:none}.photo-upload{margin-top:14px}.photo-upload label{margin-bottom:10px}.photo-upload button{margin-bottom:8px}

/* Mobile header: tighter spacing between logo, search box and category menu */
.site-brand small:empty{display:none}
@media(max-width:760px){.site-top{padding:10px 0 12px;gap:10px 15px}.site-top .site-brand{display:flex;flex-direction:column;justify-content:center}.site-top .site-brand small{margin-top:3px}.logo{max-height:46px}.site-top .search{margin:0}.site-nav a{padding:10px 0 9px}.public-main{padding-top:18px}}

/* Mobile header: slightly tighter again, logo nudged left */
@media(max-width:760px){.site-top{padding:6px 0 8px;gap:6px 15px}.site-top .site-brand{margin-left:-10px}.logo{max-height:44px}.site-nav a{padding:8px 0 7px}}

/* Logo: keep its real proportions (width/height attributes were stretching the box, so the logo looked wide and centred) */
.logo{display:block;width:auto;height:auto;max-width:220px;max-height:52px;object-fit:contain;object-position:left center}
@media(max-width:760px){.site-top .site-brand{margin-left:0}.logo{max-height:46px;max-width:190px}}

.settings-stack .panel h2{margin:0 0 4px}.settings-stack .panel>.muted{margin:0 0 6px;font-size:13px}.settings-stack .form-actions{max-width:850px;margin:0 0 30px}

/* AdSense */
.ad-slot{margin:20px auto;text-align:center;max-width:100%;overflow:hidden}.ad-label{display:block;font-size:11px;color:var(--muted);letter-spacing:.6px;margin-bottom:4px}.adsbygoogle{display:block}.ad-wrap .ad-slot{margin:14px auto 0}.article-aside .ad-slot{margin-top:18px}
.ads-status{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-left:6px solid #9aa6b5}.ads-status h2{margin:6px 0 4px}.ads-status p{margin:0}.ads-status form{margin:0}.ads-badge{display:inline-block;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700;background:#edf0f4;color:#4a5568}.ads-status.is-on{border-left-color:#17823c}.ads-status.is-on .ads-badge{background:#e7f9ed;color:#17823c}.settings-stack h2 .badge{margin-left:8px;vertical-align:middle}

/* Contact page and admin messages */
.contact-page .lead{margin-bottom:20px}.contact-form{max-width:640px}
.nav-count{margin-left:auto;background:var(--accent);color:#fff;border-radius:20px;min-width:22px;padding:1px 7px;font-size:12px;text-align:center}.sidebar nav a.active .nav-count{background:#fff;color:var(--accent)}
.msg-card{margin-bottom:16px}.msg-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.msg-email{display:block;color:var(--accent);overflow-wrap:anywhere}.msg-subject{font-size:18px;margin:12px 0 0}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.msg-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.msg-actions form{margin:0}

/* Contact page: centered card + bold pill send button */
.article.contact-page{max-width:640px;margin:28px auto 48px;text-align:center}
.contact-page h1{font-size:34px;margin-bottom:8px}
.contact-page .lead{color:var(--muted);margin-bottom:26px}
.contact-page .contact-form{max-width:none;width:100%;margin:0 auto;padding:28px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(20,32,47,.09)}
.contact-form label{font-size:14px}
.contact-form input,.contact-form textarea{padding:12px 14px;border-radius:8px;background:var(--soft);transition:border-color .15s,background .15s,box-shadow .15s}
.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(184,0,0,.12);outline:none}
.contact-form>button{display:flex;margin:28px auto 0;min-width:260px;padding:15px 40px;font-size:17px;font-weight:800;letter-spacing:.3px;border-radius:999px;box-shadow:0 8px 20px rgba(184,0,0,.30);transition:transform .15s,box-shadow .15s}
.contact-form>button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,0,0,.38)}
.contact-form>button:active{transform:translateY(0);box-shadow:0 4px 10px rgba(184,0,0,.30)}
.contact-form>small{text-align:center;margin-top:16px}
@media(max-width:520px){.article.contact-page{margin-top:12px}.contact-page h1{font-size:28px}.contact-page .contact-form{padding:20px 16px}.contact-form>button{width:100%;min-width:0}}

/* Admin: Menu and Design page */
.menu-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.menu-chips span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600}
.menu-chips span.extra{background:#fff6f6;border-color:var(--accent);color:var(--accent)}
.settings-stack code{background:#eef1f5;border-radius:4px;padding:1px 6px;font-size:13px}

/* Card titles: smaller, max 3 lines. Descriptions: max 4 lines. */
.story .story-body :is(h2,h3){font-size:18px;line-height:1.45;font-weight:700;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.story .story-body p{-webkit-line-clamp:4}
.side-related-row strong{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.related-row strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.story .story-body :is(h2,h3){font-size:16px}}

/* Tighter spacing: home cards and article page */
.story .story-body{padding:8px 4px 2px}
.story .story-body :is(h2,h3){margin:2px 0 4px;line-height:1.35}
.story .story-body p{margin:0;line-height:1.5}
.story .story-meta{padding-top:8px}
.article h1{line-height:1.3;margin:6px 0 10px}
.article .lead{line-height:1.5;margin:0 0 8px}
.article .byline{padding:6px 0 12px;margin-bottom:16px}
.article-text{line-height:1.75}
.article-text p{margin-bottom:14px}
.article-text h2{margin:24px 0 10px}
.article-text h3{margin:18px 0 8px}
.share-row{margin:22px 0}

/* In-depth guides rows: photo and text stay inside the box; title max 2 lines, description max 2 lines */
.guide-row{align-items:center;gap:12px;padding:10px;overflow:hidden}
.guide-row>div{flex:1;min-width:0}
.guide-cover{width:112px;height:80px}
.guide-row .eyebrow{font-size:11px}
.guide-row h3{font-size:16px;line-height:1.35;margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.guide-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45}
@media(max-width:760px){.guide-row .read-link{display:none}}

/* In-depth guides: title exactly max 1 line */
.guide-row h3{-webkit-line-clamp:1;line-clamp:1}

/* "Stories You May Like" box inside articles: compact (article-text image margins no longer leak in) */
.article-text .inline-related{padding:.75rem 1rem;margin:1rem 0}
.article-text .inline-related h2{font-size:17px;line-height:1.3;margin:0 0 4px}
.article-text .related-row{padding:.5rem 0;gap:.75rem;text-decoration:none;color:var(--ink)}
.article-text .related-row:last-child{border-bottom:0}
.article-text .related-row:hover strong{color:var(--accent)}
.article-text .related-row strong{font-size:14.5px;line-height:1.4;font-weight:650}
.article-text .related-row>span{flex:0 0 84px}
.article-text .related-row img,.article-text .related-row .placeholder{display:block;margin:0;width:84px;height:60px;object-fit:cover;border-radius:5px}

/* Article share buttons */
.share-row{flex-wrap:wrap;gap:8px}
.share-row .share-label{font-size:14px;margin-right:4px}
.share-row .share-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:0;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2;color:#fff;text-decoration:none;cursor:pointer}
.share-row .share-btn:hover{color:#fff;filter:brightness(.9)}
.share-btn.fb{background:#1877f2}.share-btn.xx{background:#111}.share-btn.wa{background:#25d366}.share-btn.pin{background:#e60023}
.share-btn.more{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.share-btn.copy{background:#fff;color:var(--ink);border:1px solid var(--line)}
.share-row .share-btn.copy{color:var(--ink)}.share-row .share-btn.copy:hover{color:var(--ink);background:var(--soft)}
#share-status{flex-basis:100%;font-size:13px;color:var(--muted)}

/* Article top: tighter space around "Home / Category" and the category label */
.public-main:has(.breadcrumbs){padding-top:10px}
.breadcrumbs{margin:0 0 6px;line-height:1.4}
.article>.eyebrow{display:block;line-height:1.3;margin:0}
.article h1{margin:4px 0 10px}

.seo-preview{border:1px solid var(--line);border-radius:8px;padding:14px;margin:14px 0;background:#fff;max-width:600px;overflow-wrap:anywhere}.seo-preview span,.seo-preview strong{display:block}.seo-url{color:#188038;font-size:13px}.seo-title{color:#1a0dab;font-size:19px;line-height:1.3;margin:2px 0;font-weight:500}.seo-desc{color:#4d5156;font-size:14px;line-height:1.5}.seo-check{list-style:none;margin:8px 0;padding:0}.seo-check li{padding:3px 0 3px 22px;position:relative}.seo-check li:before{position:absolute;left:0}.seo-check .ok:before{content:"\2714";color:var(--green)}.seo-check .warn:before{content:"\26A0";color:#b45309}.settings-form h2{font-size:17px;margin:22px 0 4px}
.contact-details{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px}.settings-form h2:first-child{margin-top:4px}

.snippet-card{border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0;background:#fff}.snippet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.snippet-card p{margin:4px 0 8px}.snippet-card summary{cursor:pointer;color:var(--accent)}.snippet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.snippet-actions form{margin:0}.snip-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.snip-badge.on{background:#dcfce7;color:#166534}.snip-badge.off{background:#eef0f3;color:#637080}.snippet-quick-form{display:grid;gap:10px;max-width:560px}#advanced summary{cursor:pointer}

.counter{display:block;text-align:right;color:var(--muted);font-size:12px;margin-top:3px}.counter.warn{color:#b45309}#slug-preview{overflow-wrap:anywhere}.save-bar{display:none}@media(max-width:1000px){.save-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px #15202b14}.save-bar span{font-weight:700;color:var(--muted)}.save-bar button{min-width:150px}.editor-layout{padding-bottom:70px}}

.post-list{display:grid;gap:0}.post-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start}.post-row:last-child{border-bottom:0}.post-thumb{flex:0 0 112px;width:112px;height:80px;border-radius:8px;overflow:hidden;background:var(--soft);display:block}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-thumb .placeholder{width:100%;height:100%;min-height:0;aspect-ratio:auto}.post-info{flex:1;min-width:0}.post-info .table-title{display:block;font-weight:700;font-size:16px;line-height:1.35;overflow-wrap:anywhere;margin-bottom:6px}.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:var(--muted);font-size:13px}.post-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.post-actions form{margin:0}.status-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px}.status-tabs a{white-space:nowrap;padding:7px 14px;border:1px solid var(--line);border-radius:20px;color:var(--ink);font-weight:600;font-size:14px}.status-tabs a.active{background:var(--accent);border-color:var(--accent);color:#fff}.post-count{margin:12px 0 0}@media(max-width:480px){.post-thumb{flex-basis:88px;width:88px;height:66px}}

.dash .stats{gap:16px}.dash .stat{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 2px 10px #15202b0d;transition:transform .15s,box-shadow .15s}.dash .stat:hover{transform:translateY(-2px);box-shadow:0 8px 22px #15202b18}.dash .stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--line)}.dash .stat:nth-child(1):before{background:var(--accent)}.dash .stat:nth-child(2):before{background:var(--green)}.dash .stat:nth-child(3):before{background:#94a3b8}.dash .stat:nth-child(4):before{background:#f59e0b}.dash .stat strong{font-size:30px;line-height:1.1}.dash .stat-icon{width:46px;height:46px;border-radius:14px}.dash .panel{border-radius:14px;box-shadow:0 2px 10px #15202b0d}.dash .panel-heading h2{font-size:19px}.dash .post-row{border-radius:10px;padding:14px 8px;transition:background .15s}.dash .post-row:hover{background:#f8fafc}.dash .post-thumb{box-shadow:0 1px 4px #15202b1f}.dash .section-chips{display:flex;flex-wrap:wrap;gap:10px}.dash .section-chips span{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;font-weight:600}.dash .reminder{border-radius:10px}.heading h1{letter-spacing:-.5px}.heading p strong{color:var(--ink)}

/* Profile */
.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;background:#fbe9e9;color:var(--accent);font-weight:800;line-height:1;vertical-align:middle;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-sm{width:30px;height:30px;font-size:14px;border-width:1px}.avatar-lg{width:84px;height:84px;font-size:34px}.avatar-xl{width:116px;height:116px;font-size:46px;box-shadow:0 0 0 1px var(--line),0 6px 18px #15202b1f}
.verified{display:inline-flex;color:#1d7be0;vertical-align:middle;margin-left:6px;flex:none}.verified svg{display:block}
.profile-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start;max-width:1100px}.profile-card{text-align:center;padding:30px 24px}.profile-card .avatar{margin-bottom:14px}.profile-name{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0 0 2px;font-size:24px;overflow-wrap:anywhere}.profile-handle{color:var(--muted);margin:0 0 12px}.profile-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.verified-pill{background:#e6f1fd;color:#1366c1}.profile-facts{margin:20px 0 0;text-align:left;border-top:1px solid var(--line)}.profile-facts>div{padding:12px 0;border-bottom:1px solid var(--line)}.profile-facts>div:last-child{border-bottom:0}.profile-facts dt{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.profile-facts dd{margin:2px 0 0;overflow-wrap:anywhere;font-weight:550}.profile-note{font-size:12px;color:var(--muted);background:var(--soft);border-radius:6px;padding:9px 12px;margin:6px 0 0}.profile-forms .panel h2{margin-bottom:6px}.photo-field{display:flex;gap:18px;align-items:center;margin:14px 0 6px}.photo-field>div:last-child{flex:1;min-width:0}.photo-label{margin:0 0 6px}.photo-field .check{margin:10px 0 0;font-weight:500}.profile-forms input:disabled{background:var(--soft);color:var(--muted)}.profile-forms form>button.full{margin-top:24px}.top-user{display:inline-flex;align-items:center;gap:8px}.user-cell{display:flex;align-items:center;gap:12px}.user-cell>div{min-width:0}.user-cell .verified{margin-left:4px}.user-cell .verified svg{width:17px;height:17px}.user-cell strong{font-weight:650}
@media(max-width:1000px){.profile-layout{grid-template-columns:1fr}.profile-card{padding:24px 18px}}
@media(max-width:480px){.top-user .avatar{display:none}.photo-field{align-items:flex-start}.avatar-lg{width:68px;height:68px;font-size:28px}.profile-name{font-size:22px}}

/* Article author line */
.article h1,.article .lead{overflow-wrap:anywhere}.article .byline{display:flex;flex-direction:column;gap:8px}.author-line{display:flex;align-items:center;gap:12px;min-width:0}.author-line .avatar-sm{width:42px;height:42px;font-size:18px}.author-info{display:flex;flex-direction:column;min-width:0;line-height:1.35}.author-name{display:flex;align-items:center;flex-wrap:wrap;font-size:16px;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.author-name .verified svg{width:18px;height:18px}.author-handle{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.author-verified{color:#1366c1;font-weight:650}.byline-date{font-size:12px;overflow-wrap:anywhere}

/* AdSense */
.ad-inline{margin:28px auto;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-text .ad-slot{clear:both}.ad-preview{border:0}.ad-preview-box{display:flex;align-items:center;justify-content:center;min-height:90px;border:2px dashed #b9c3d0;border-radius:8px;background:repeating-linear-gradient(45deg,#f4f6f9,#f4f6f9 10px,#eef1f5 10px,#eef1f5 20px);color:#6b7a8c;font-weight:650;font-size:14px}.ad-inline.ad-preview .ad-preview-box,.ad-sidebar.ad-preview .ad-preview-box{min-height:120px}.ads-preview-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ads-preview-card h2{margin:0 0 6px}.ads-preview-card p{margin:0;max-width:620px}.ads-preview-card form{margin:0}.ads-inline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 4px}.ads-steps{margin:8px 0 14px;padding-left:20px}.ads-steps li{margin:8px 0}@media(max-width:600px){.ads-inline-grid{grid-template-columns:1fr}.ads-preview-card form,.ads-preview-card button{width:100%}}
/* Related stories under the comments: 2 per row on phones, more per row as the screen gets wider (6 on a computer) */
.story-grid.related{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}.story-grid.related .story{padding:7px}.story-grid.related .story .story-body :is(h2,h3){font-size:15px;line-height:1.4;margin:2px 0 4px}.story-grid.related .story p{display:-webkit-box;-webkit-line-clamp:2;font-size:13px;margin:0}.story-grid.related .cover{aspect-ratio:16/10}.story-grid.related .story-meta{padding-top:6px;flex-wrap:wrap}
@media(min-width:640px){.story-grid.related{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:900px){.story-grid.related{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){.story-grid.related{grid-template-columns:repeat(6,minmax(0,1fr))}.story-grid.related .story .story-body :is(h2,h3){font-size:14.5px}.story-grid.related .story p{font-size:12.5px}}

/* Article sidebar: reader favourites (most read in 30 days) */
.article-aside>.toc-panel{position:static}.popular{margin-top:18px;padding:18px}.popular h2{font-size:20px;margin:0 0 2px}.popular-sub{margin:0 0 6px;font-size:12px;color:var(--muted)}.popular-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.popular-row:last-child{border-bottom:0;padding-bottom:0}.popular-thumb{flex:none;width:92px;height:68px;border-radius:5px;overflow:hidden;background:var(--soft)}.popular-thumb img,.popular-thumb .placeholder{display:block;width:100%;height:100%;object-fit:cover;margin:0}.popular-thumb .placeholder span{font-size:26px}.popular-text{min-width:0;display:flex;flex-direction:column;gap:3px}.popular-text small{font-size:12px;font-weight:700;color:var(--accent)}.popular-text strong{font-size:14.5px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.popular-row:hover strong{color:var(--accent)}
@media(min-width:1001px){.article-layout{grid-template-columns:minmax(0,860px) 340px;gap:40px}}
@media(max-width:1000px){.article-aside .popular{margin:24px 0 0}}
/* Comments: list stays short, the form opens on click */
.comments{margin:28px 0;padding-top:18px}.comments>h2{margin-bottom:6px}.comments>.muted{margin:6px 0 0;font-size:14px}.comment{padding:10px 0}.comment-box{margin-top:14px}.comment-box>summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 18px;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-weight:700;background:#fff}.comment-box>summary::-webkit-details-marker{display:none}.comment-box>summary::before{content:"+";font-size:18px;line-height:1}.comment-box[open]>summary::before{content:"−"}.comment-box>summary:hover{background:var(--accent);color:#fff}.comment-box[open]>summary{margin-bottom:12px}.comment-box .comment-form{margin:0;padding:16px}.comment-box .comment-form label{margin:0 0 10px}.comment-box .comment-form button{margin-top:4px}
.event-row small{display:block}.events-all{float:right;font-size:13px;font-weight:700;margin-top:4px}

.heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.article-text a.auto-link{text-decoration:underline dotted;text-underline-offset:3px}
.post-updates{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:12px 16px;border-left:4px solid var(--accent);background:#fbf3f3;border-radius:8px}.post-updates a{font-weight:600}.post-updates em{font-style:normal;font-size:12px;color:var(--accent);margin-right:4px}

.site-footer{padding:34px 0 0}
.site-footer .container{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.site-footer .footer-brand p{font-size:14px;line-height:1.5;margin:10px 0 0;color:var(--muted)}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px;font-weight:600}
.site-footer .footer-links a{color:var(--text,#1b2430);padding:4px 0}
.site-footer .footer-links a:hover{color:var(--accent)}
.site-footer .footer-bottom{width:100%;border-top:1px solid var(--line);padding:16px 0 20px;margin-top:6px}
.site-footer .footer-bottom .copyright{margin:0;font-size:13px;color:var(--muted)}
@media(max-width:700px){.site-footer{padding-top:26px}.site-footer .footer-links{flex-direction:column;gap:2px}.site-footer .footer-links a{padding:9px 0;font-size:16px;border-bottom:1px solid var(--line);width:100%}.site-footer .footer-bottom{text-align:center}}

img.blur-up{clip-path:inset(0);transition:filter .45s ease}
img.blur-up.is-loading{filter:blur(14px)}
@media(prefers-reduced-motion:reduce){img.blur-up{transition:none}}

/* Mobile reading comfort: body 17px / line-height 1.7, calmer title and intro so the hierarchy is balanced */
@media(max-width:700px){
.article h1{font-size:26px;line-height:1.35}
.article .lead{font-size:16px;line-height:1.55}
.article-text{font-size:17px;line-height:1.7}
.article-text p{margin-bottom:16px}
.article-text h2{font-size:21px;line-height:1.4}
.article-text h3{font-size:19px;line-height:1.4}
}

/* Mobile: tighter, even spacing so article pages feel full and neat instead of empty */
@media(max-width:700px){
.breadcrumbs{margin-bottom:10px}
.article h1{margin:4px 0 8px}
.article .lead{margin:0 0 6px}
.article .byline{padding:4px 0 10px;margin-bottom:12px}
.article-cover{margin-bottom:0}
.mobile-toc{margin:12px 0;padding:11px 14px}
.facts{margin:16px 0}
.article-text p{margin-bottom:12px}
.article-text h2{margin:20px 0 8px}
.article-text h3{margin:16px 0 6px}
.article-text img,.wys-area img{margin:12px auto}
.article-text blockquote{margin:14px 0;padding:12px 16px}
.faqs,.sources{margin:20px 0}
.faqs h2,.sources h2,.comments h2{font-size:20px;line-height:1.35;margin:0 0 10px}
.faqs details{padding:11px 14px;margin:8px 0}
.faqs p{margin:8px 0 0}
.sources{padding:14px 16px}
.sources a{padding:4px 0}
.source-note{margin:.6rem 0;padding-top:4px;font-size:13px}
.tag-chips{margin:.6rem 0;gap:.4rem}
.tag-chips a{padding:.2rem .7rem;font-size:14px}
.share-row{margin:14px 0;gap:8px}
.share-row .share-btn{padding:7px 13px;font-size:14px}
.comments{margin:22px 0;padding-top:14px}
.article-layout{gap:18px}
}

/* Mobile: compact bottom of article page (popular box + footer) */
@media(max-width:700px){
.comments{margin:16px 0 8px}
.comment-box{margin-top:8px}
.article-aside .popular,.popular{margin:8px 0 0;padding:14px}
.popular h2{font-size:19px}
.popular-sub{margin:0 0 2px}
.popular-row{padding:9px 0;gap:10px}
.popular-thumb{width:84px;height:62px}
.popular-text strong{font-size:14px;line-height:1.35}
.public-main{padding-bottom:16px;min-height:0}
.related-row{padding:.5rem 0}
.site-footer{padding-top:18px}
.site-footer .container{gap:12px}
.site-footer .footer-brand p{font-size:13px;margin-top:6px}
.site-footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;width:100%}
.site-footer .footer-links a{padding:9px 0;font-size:15px}
.site-footer .footer-bottom{padding:12px 0 14px;margin-top:0}
.site-footer .footer-bottom .copyright{font-size:12px}
}

.petal-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}

/* Admin: Backup page */
.backup-health{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:22px;background:#fff;border:1px solid var(--line);border-left:6px solid #9aa6b5;border-radius:var(--radius)}
.backup-health>div{flex:1;min-width:0}.backup-health strong{display:block;font-size:17px}.backup-health p{margin:2px 0 0;color:var(--muted);font-size:14px}
.backup-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#9aa6b5}
.backup-health.is-ok{border-left-color:#17823c;background:#f6fcf8}.backup-health.is-ok .backup-dot{background:#17823c;box-shadow:0 0 0 5px #17823c22}
.backup-health.is-warn{border-left-color:#d08700;background:#fffaf0}.backup-health.is-warn .backup-dot{background:#d08700;box-shadow:0 0 0 5px #d0870022}
.backup-health.is-bad{border-left-color:#b91c1c;background:#fff6f6}.backup-health.is-bad .backup-dot{background:#b91c1c;box-shadow:0 0 0 5px #b91c1c22}
.backup-stats{grid-template-columns:repeat(3,1fr)}.backup-stats .stat strong small{font-size:14px;font-weight:500}
.backup-info{min-width:0}.backup-info>strong{display:block}.backup-file{font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-wrap:anywhere;opacity:.8}
.backup-actions{display:flex;gap:8px;align-items:center;flex:none}.backup-actions form{margin:0}.backup-actions .danger{color:#b91c1c}.backup-actions .danger:hover{background:#fff4f4;color:#b91c1c}
.backup-list{margin:8px 0 16px;padding-left:20px}.backup-list li{margin:6px 0}
.backup-help details{border:1px solid var(--line);border-radius:6px;padding:14px 18px;background:var(--soft)}.backup-help summary{font-weight:650;cursor:pointer}
.backup-help ol{padding-left:20px}.backup-help pre{overflow-x:auto;background:#14202f;color:#e8eef6;border-radius:6px;padding:14px;font-size:12.5px;line-height:1.6}.backup-help pre code{background:none;color:inherit;padding:0;font-size:inherit}
.backup-help code{background:#eef1f5;border-radius:4px;padding:1px 6px;font-size:13px;overflow-wrap:anywhere}
@media(max-width:760px){.backup-health{flex-wrap:wrap;padding:16px}.backup-health .button{width:100%}.backup-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.backup-stats .stat{flex-direction:column;align-items:flex-start;padding:12px 10px}.backup-stats .stat strong{font-size:21px}.backup-stats .stat div>span{white-space:normal;font-size:11px}.backup-row{flex-direction:column;align-items:stretch}.backup-actions .button,.backup-actions form,.backup-actions button{flex:1}.backup-create button{white-space:nowrap}}

/* Photo-feed home (masonry, 2 columns on phones) */
.photo-home{padding-top:2px}.photo-title{font-size:24px;margin:0 0 14px;border-left:5px solid var(--accent);padding-left:12px}
.photo-feed{column-count:2;column-gap:12px}
.photo-tile{position:relative;display:block;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 12px;border-radius:20px;overflow:hidden;background:var(--soft);color:#fff;transform:translateZ(0)}
.photo-tile:hover{color:#fff}
.photo-media{display:block;line-height:0}
.photo-media img{display:block;width:100%;height:auto}
.photo-media .placeholder{aspect-ratio:4/5;height:auto}
.photo-caption{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 11px;font-size:13px;font-weight:650;line-height:1.35;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.photo-tile.no-photo .photo-caption{color:var(--ink);background:none;text-shadow:none;top:0;display:flex;align-items:flex-end}
@media(min-width:700px){.photo-feed{column-count:3;column-gap:16px}.photo-tile{margin-bottom:16px}.photo-caption{font-size:14px;padding:40px 14px 13px}}
@media(min-width:1100px){.photo-feed{column-count:4}}
@media(min-width:1500px){.photo-feed{column-count:5}}
@media(max-width:700px){.photo-tile{border-radius:18px}}

/* Photos only + infinite scroll */
.photo-tile:not(.no-photo) .photo-caption{display:none}
.photo-cols{display:flex;gap:12px;align-items:flex-start}.photo-col{flex:1;min-width:0}.photo-col .photo-tile{margin-bottom:12px}
@media(min-width:700px){.photo-cols{gap:16px}.photo-col .photo-tile{margin-bottom:16px}}
.photo-loader{display:flex;justify-content:center;align-items:center;min-height:64px;padding:18px 0}
.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}
.photo-loader.is-error .spinner{display:none}
.photo-js .photo-pager{display:none}
.photo-tile{animation:tilein .35s ease both}@keyframes tilein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.photo-tile{animation:none}}
/* Fix: once JS builds its own columns, switch off the CSS-columns fallback (it was splitting them again -> 4 tiny columns) */
.photo-feed.is-js{column-count:auto!important;columns:auto!important;display:block}

/* Header profile icon (replaces the language switch) + reader account pages */
.account{display:flex;align-items:center;white-space:nowrap}
.account-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:650;padding:4px}
.account-link:hover{color:var(--accent)}
.account-text{display:none;max-width:140px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:760px){.account-text{display:inline}}
.member-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:750;font-size:16px;flex:none}
.member-avatar.big{width:72px;height:72px;font-size:32px}
.account-card{max-width:440px;margin:10px auto 30px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.account-card.wide{max-width:560px}
.account-card h1{font-size:26px;margin-bottom:6px}
.account-card form{margin-bottom:6px}
.account-switch{text-align:center;margin:16px 0 0;font-size:14px}.account-switch a{color:var(--accent);font-weight:650}
.account-card .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.profile-head h1{margin:0}.profile-head p{margin:0}
.profile-info{margin:0 0 6px;border-top:1px solid var(--line)}.profile-info>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.profile-info dt{color:var(--muted)}.profile-info dd{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}
.account-block{margin:22px 0}.account-block h2{font-size:18px;margin-bottom:4px}.account-block form button{margin-top:14px}
@media(max-width:760px){.account-card{margin-top:0;padding:18px}}

/* Article page: photo first (faymas style) */
.article>.article-cover{display:block;margin:0 0 14px}

/* Faymas-style article page: full photo, action bar under it, photo grid below */
.article>.article-cover{max-height:none;border-radius:16px;object-fit:contain;background:var(--soft)}
.related{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}
.related .story{border:0;padding:0;background:none}
.related .story .cover{aspect-ratio:3/4;border-radius:16px}
.related .story .story-body{padding:8px 2px 0}
.related .story .eyebrow,.related .story p,.related .story .story-meta{display:none}
.related .story :is(h2,h3){font-size:14px;line-height:1.35;margin:0;font-weight:650}
@media(min-width:761px){.related{grid-template-columns:repeat(3,minmax(0,1fr))}.related .story :is(h2,h3){font-size:16px}}
@media(min-width:1100px){.related{grid-template-columns:repeat(4,minmax(0,1fr))}}
.copy-text-btn{background:#e11d2e;color:#fff;border:0;border-radius:10px;padding:9px 22px;font-size:15px;font-weight:700;cursor:pointer}.copy-text-btn:active{opacity:.8}
#related-more{height:1px}

/* Prompt-site article header: photo, actions, profile row, title, prompt text */
.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px}
.action-stats{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:16px}
.copy-text-btn{padding:11px 28px;font-size:17px;border-radius:12px;background:#e11d2e}
.author-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.author-row .author-line{min-width:0}
.author-meta{display:flex;align-items:center;gap:10px;flex:none;font-size:14px;color:var(--muted)}
.tool-pill{background:var(--soft);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.article>h1{font-size:24px;line-height:1.3;margin:0 0 10px}
@media(min-width:761px){.article>h1{font-size:30px}}
.prompt-collapsed{max-height:118px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.show-more{background:none;border:0;padding:4px 0 10px;font-size:16px;font-weight:700;color:var(--accent);cursor:pointer}
.show-more[hidden]{display:none}

/* ===== Prompt page (faymas style): title size, like / copy / view bar, category icon, related heading ===== */
/* Title size = same share of the screen width as the reference screenshot (about 3.9% of the width: 14px on a 360px phone, 16px on 412px).
   To make every title bigger or smaller change ONLY the next line (desktop value is in the media query below it). */
:root{--title-size:clamp(14px,3.9vw,17px)}
@media(min-width:761px){:root{--title-size:22px}}
.article>h1.post-title{font-size:var(--title-size);line-height:1.35;font-weight:700;letter-spacing:-.01em;margin:4px 0 10px}

/* Like, people who copied, reads */
.action-stats-group{display:flex;align-items:center;gap:16px;min-width:0}
.action-stat{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:15px;font-weight:600;line-height:1}
.action-stat svg{width:20px;height:20px;flex:none}
.like-btn{background:none;border:0;padding:4px 2px;border-radius:8px;cursor:pointer;color:var(--muted)}
.like-btn:hover{background:none;color:var(--accent);filter:none}
.like-btn:active svg{transform:scale(.85)}
.like-btn svg{transition:transform .12s ease}
.like-btn.is-liked{color:#e11d2e}
.like-btn.is-liked svg{fill:#e11d2e;stroke:#e11d2e}
@media(max-width:380px){.action-stats-group{gap:11px}.action-stat{font-size:14px}.copy-text-btn{padding:10px 20px}}
@media(prefers-reduced-motion:reduce){.like-btn svg{transition:none}}

/* Category icon (preset or uploaded logo) */
.cat-icon{display:inline-block;flex:none;vertical-align:middle;border-radius:50%;object-fit:contain}
.tool-pill{display:inline-flex;align-items:center;gap:7px}
.category-sidebar a .cat-label{display:inline-flex;align-items:center;gap:9px}
.cat-row{display:flex;align-items:center;gap:10px}
.cat-row small{margin-top:0}
.icon-current{display:flex;align-items:center;gap:12px;margin:6px 0}
.icon-current .check{margin:0}

/* Heading above the photo grid: "Related Prompts in <category>" */
.related-heading{margin:22px 0 12px}
.related-heading h2{margin:0;font-size:calc(var(--title-size)*1.1);line-height:1.3;font-weight:700;letter-spacing:-.01em}

/* Profile row stays on one line on small phones, now that the category pill carries an icon */
.author-row .author-line{flex:1 1 auto;min-width:0}
.author-row .author-name{flex-wrap:nowrap;white-space:nowrap}
.author-meta{gap:8px}
.author-meta .time-ago{font-size:13px;white-space:nowrap}
.tool-pill{font-size:13px;padding:6px 12px;gap:6px}
.tool-pill .cat-icon{width:18px;height:18px}
@media(min-width:761px){.tool-pill{font-size:14px;padding:7px 14px}.author-meta .time-ago{font-size:14px}}

/* Single small Share button; related section shows photos only */
.share-row .share-btn.share-small{background:var(--accent);color:#fff;padding:6px 16px;font-size:13px}
.related .story.photo-only .cover{display:block}

.share-icon:hover{color:var(--accent)}
.share-status{font-size:13px;color:var(--muted);margin:-6px 2px 8px}.share-status:empty{display:none}
.post-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.post-actions form{margin:0}
.post-actions .danger{background:#fff;color:#b91c1c;border:1px solid #f1c4c4}.post-actions .danger:hover{background:#fff4f4;color:#b91c1c}
.slug-box{margin-top:14px}.slug-box summary{cursor:pointer;color:var(--muted);font-size:14px}.editor-layout .cover-preview{max-width:320px;border-radius:12px;margin:8px 0}

.site-nav a{display:inline-flex;align-items:center;gap:7px}.site-nav a .cat-icon{width:20px;height:20px}.site-nav a svg{width:20px;height:20px;flex:none}

/* ---- Login / register / member pages ---- */
.account-card.auth-card{max-width:440px;margin:18px auto 34px;padding:32px 26px 24px;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px -24px rgba(20,32,47,.35);text-align:center;position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--accent),#ff5a4d)}
.auth-icon{width:64px;height:64px;margin:4px auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fdeceb;color:var(--accent)}
.auth-card h1{font-size:28px;margin:0 0 6px;letter-spacing:-.01em}
.auth-card>.muted{margin:0 0 20px;font-size:15px}
.auth-card form{text-align:left;display:grid;gap:14px;margin:0}
.auth-card label{font-weight:650;font-size:14px;display:grid;gap:6px}
.auth-card input:not([type=file]),.auth-card select,.auth-card textarea{width:100%;padding:13px 14px;font-size:16px;border:1.5px solid var(--line);border-radius:12px;background:#fafbfd}
.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{outline:0;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #b8000018}
.auth-card small{font-weight:400;color:var(--muted)}
.auth-card button.full,.auth-card .button.full{padding:14px;font-size:17px;border-radius:12px;margin-top:4px}
.pw-field{position:relative;display:block}.pw-field input{padding-right:78px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--accent);font-weight:700;font-size:13px;padding:8px 10px;cursor:pointer}
.auth-perks{list-style:none;margin:22px 0 4px;padding:16px 0 0;border-top:1px dashed var(--line);display:grid;gap:8px;text-align:left;font-size:14px;color:var(--muted)}
.auth-perks li{display:flex;align-items:center;gap:10px}.auth-perks span{width:28px;height:28px;border-radius:8px;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.auth-card .account-switch{margin:16px 0 0;font-size:15px}.auth-card .account-switch a{font-weight:750}
.file-hidden{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.photo-drop{display:flex;align-items:center;justify-content:center;min-height:170px;border:2px dashed #d3dae5;border-radius:16px;background:#fafbfd;cursor:pointer;overflow:hidden;color:var(--ink);font-weight:700}
.photo-drop:hover,.file-hidden:focus+.photo-drop{border-color:var(--accent);background:#fff7f6}
.photo-drop img{display:block;width:100%;max-height:340px;object-fit:cover}
.photo-drop-text{display:grid;gap:4px;justify-items:center;font-size:17px}.photo-drop-text small{font-weight:400}
.photo-drop.has-photo .photo-drop-text{display:none}
.prompt-card textarea{min-height:170px;resize:vertical;font-family:inherit}
.account-card.wide{border-radius:20px;box-shadow:0 18px 50px -28px rgba(20,32,47,.35)}
.post-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px;padding:14px;font-size:17px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:750}
.my-prompt{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.my-prompt:last-child{border-bottom:0}
.my-thumb{flex:0 0 64px;height:64px;border-radius:12px;overflow:hidden;background:var(--soft)}.my-thumb img{width:64px;height:64px;object-fit:cover;display:block}
.my-info{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.my-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}.my-info a{display:block;min-width:0;color:var(--ink);text-decoration:none}.my-prompt form{flex:0 0 auto}
.my-status{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;width:max-content}.my-status.live{background:#e7f6ec;color:var(--green)}.my-status.wait{background:#fff4dd;color:#9a6200}
.my-prompt form{margin:0}.settings-fold>summary{cursor:pointer;font-weight:700;font-size:18px;padding:6px 0}

/* ---- Reader profile (photo, socials, earnings, payment) ---- */
.pf{max-width:620px;margin:0 auto 36px}
.pf-hero{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px -28px rgba(20,32,47,.35);margin-bottom:16px}
.pf-banner{height:110px;background:linear-gradient(135deg,var(--accent) 0%,#ff7a59 55%,#ffb347 100%);position:relative}
.pf-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.35),transparent 45%)}
.pf-hero-body{padding:0 22px 22px;text-align:center;margin-top:-58px;position:relative}
.pf-avatar-wrap{position:relative;display:inline-block;border-radius:50%}
.pf-avatar-wrap .avatar-xl{width:116px;height:116px;border:4px solid #fff;background:#fbe9e9;box-shadow:0 8px 22px rgba(20,32,47,.25)}
.pf-camera{position:absolute;right:2px;bottom:6px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff}
.pf-name{font-size:24px;margin:10px 0 0}
.pf-handle{color:var(--muted);margin:0 0 6px}
.pf-bio{max-width:420px;margin:0 auto 12px;color:#34404f}
.pf-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px}
.pf-social{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:#f3f5f8;color:var(--ink);border:1px solid var(--line)}
.pf-social:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--muted)}
.pf-social:hover{color:#fff;border-color:transparent}
.pf-social.s-instagram:before{background:#e1306c}.pf-social.s-instagram:hover{background:#e1306c}
.pf-social.s-youtube:before{background:#ff0000}.pf-social.s-youtube:hover{background:#ff0000}
.pf-social.s-facebook:before{background:#1877f2}.pf-social.s-facebook:hover{background:#1877f2}
.pf-social.s-x:before{background:#111}.pf-social.s-x:hover{background:#111}
.pf-social.s-telegram:before{background:#229ed9}.pf-social.s-telegram:hover{background:#229ed9}
.pf-social.s-website:before{background:var(--accent)}.pf-social.s-website:hover{background:var(--accent)}
.pf-social:hover:before{background:#fff}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.pf-stats>div{background:var(--soft);border-radius:14px;padding:12px 6px}
.pf-stats strong{display:block;font-size:22px;line-height:1.2}.pf-stats span{font-size:12px;color:var(--muted)}
.pf .post-cta{margin-top:2px}
.pf-card{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:14px;box-shadow:0 8px 24px -20px rgba(20,32,47,.45)}
.pf-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;font-weight:750;font-size:17px;list-style:none}
.pf-card>summary::-webkit-details-marker{display:none}
.pf-card>summary:after{content:"＋";font-weight:400;color:var(--muted);margin-left:8px}
.pf-card[open]>summary:after{content:"−"}
.pf-card>summary b{margin-left:auto;font-size:14px;color:var(--muted)}
.pf-card>summary .pf-money{color:var(--green);font-size:16px}.pf-card>summary .pf-ok{color:var(--green)}
.pf-card .fold-body{padding:2px 20px 20px;border-top:1px solid var(--line)}
.pf-card .fold-body form button{margin-top:16px}
.pf-balance{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}
.pf-balance>div{border-radius:14px;padding:14px;background:linear-gradient(135deg,#ecfdf3,#f7fffb);border:1px solid #c9efd8}
.pf-balance>div+div{background:var(--soft);border-color:var(--line)}
.pf-balance small{color:var(--muted)}.pf-balance strong{font-size:26px;display:block;line-height:1.3}
.pf-rule{font-size:13px}
.pf-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}
.pf-method{margin:0;cursor:pointer}.pf-method input{position:absolute;opacity:0;width:1px;height:1px}
.pf-method span{display:block;text-align:center;padding:12px 8px;border:2px solid var(--line);border-radius:14px;font-weight:750}
.pf-method small{font-weight:500}
.pf-method input:checked+span{border-color:var(--accent);background:#fff5f5;color:var(--accent)}
.pf-method input:focus-visible+span{outline:3px solid #216ad0;outline-offset:2px}
.pf-hint{margin-top:10px;color:#92400e}
.pf-sub{font-size:15px;margin:20px 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pf-list{list-style:none;margin:6px 0 0;padding:0}.pf-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.pf-list li:last-child{border-bottom:0}
.pf-status{font-size:12px;font-weight:750;padding:4px 11px;border-radius:999px;background:#fff3da;color:#965c0a}
.pf-status.paid{background:#e9f8ef;color:#147835}.pf-status.rejected{background:#fee9e9;color:#b91c1c}
.photo-field{display:flex;gap:16px;align-items:center;margin:14px 0 4px}.photo-field>div:last-child{flex:1;min-width:0}.photo-label{margin-top:0}
.member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
@media(max-width:480px){.pf-hero-body{padding:0 14px 18px}.pf-balance strong{font-size:22px}}
.photo-preview{width:84px;height:84px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* ---- Admin: members and payouts ---- */
.mem-stats{margin-bottom:18px}
.mem-card{padding:18px}.mem-card.is-off{opacity:.7}
.mem-head,.pay-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.mem-head form,.pay-actions form{margin:0}
.mem-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-top:14px}
.mem-facts{margin:0}.mem-facts>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.mem-facts>div:last-child{border-bottom:0}
.mem-facts dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.mem-facts dd{margin:0;overflow-wrap:anywhere}
.mem-facts code{background:var(--soft);padding:1px 6px;border-radius:4px}
.mem-link{display:inline-block;margin:0 10px 2px 0;color:var(--accent);font-weight:650}
.mem-nums{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.mem-nums>div{background:var(--soft);border-radius:10px;padding:10px 12px}.mem-nums small{font-size:12px}.mem-nums strong{font-size:19px;display:block;line-height:1.3}
.mem-nums .hl{background:#ecfdf3;border:1px solid #c9efd8}
.pay-card{padding:18px}.pay-amount{font-size:26px;font-weight:800;color:var(--green)}
.pay-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.pay-actions form{display:flex;gap:8px;flex:1 1 240px}.pay-actions input{flex:1}
.pay-split{grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);align-items:start}.pay-note{font-size:12px;margin:12px 0 0}
@media(max-width:900px){.mem-grid,.pay-split{grid-template-columns:1fr}}
.filter-list{list-style:none;margin:0 0 14px;padding:0}.filter-list li{padding:10px 0;border-bottom:1px solid var(--line)}.filter-list li:last-child{border-bottom:0}

.my-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.my-actions form{margin:0}.my-btn{font:inherit;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;line-height:1.4}

/* My prompts as a tidy table */
.my-table{padding:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:6px}
.my-head{display:flex;justify-content:space-between;padding:9px 16px;background:var(--soft);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5b6775)}
.my-table .my-prompt{padding:14px 16px;gap:14px;align-items:center;border-bottom:1px solid var(--line)}
.my-table .my-prompt:nth-child(even){background:rgba(20,32,47,.025)}
.my-table .my-prompt:last-child{border-bottom:0}
.my-info{align-content:center}
.my-info .my-status{display:inline-block}
.my-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:4px}
.my-actions form{margin:0;display:flex}
.my-btn,.my-actions a.my-btn,.my-actions button.my-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;margin:0;font:inherit;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;min-width:0;width:auto}

/* buttons in My prompts: beat ".pf-card .fold-body form button{margin-top:16px}" so Edit and Unpublish sit on one line */
.pf-card .fold-body .my-actions form button,.pf-card .fold-body .my-actions a,.pf-card .fold-body .my-prompt form button{margin:0}
.my-actions{align-items:center}
/* follow button + bell + notifications */
.follow-form{margin:0 0 0 auto;flex:0 0 auto}.author-line{flex:1 1 auto}
.follow-btn{font:inherit;font-size:13px;font-weight:750;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;margin:0}
.follow-btn.on{background:#fff;color:var(--accent)}
.bell-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;text-decoration:none;font-size:20px;margin-right:6px}
.bell-link b{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center}
.notif-h{font-size:16px;margin:22px 0 8px}
.notif-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.notif-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.notif-row:last-child{border-bottom:0}.notif-row:nth-child(even){background:rgba(20,32,47,.025)}
.notif-row.unread{background:#fff7f7}
.notif-row .notif-text{flex:1;min-width:0}.notif-row .notif-text small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notif-row form{margin:0}.notif-row .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.notif-empty{margin:0;padding:14px}

/* Article page: cover info as rows separated by plain lines (no side borders, full width like the photo) */
.article .action-row,.article .author-row,.article .post-title,.article .prompt-wrap{margin:0;padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.article .action-row{margin-top:12px}
.article .share-status:empty{display:none}
.article .post-title{font-size:19px;line-height:1.35}
.article .prompt-wrap{border-bottom:1px solid var(--line);margin-bottom:18px}
.article .action-row .action-time{margin-left:auto;margin-right:0;font-size:13px;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.article .author-meta{margin-left:auto}

/* public member profile */
.author-link{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.author-link:hover .author-name{text-decoration:underline}
.pf-stats{display:flex;justify-content:center;gap:28px;margin:14px 0 16px}.pf-stats div{display:flex;flex-direction:column;align-items:center;min-width:64px}.pf-stats strong{font-size:20px;line-height:1.1}.pf-stats span{font-size:13px;color:var(--muted)}
.pf-follow-form{margin:0}a.pf-follow{display:inline-flex;align-items:center;text-decoration:none;background:#fff;color:var(--accent)}.pf-follow{height:36px;padding:0 22px}
.pf-posts-title{font-size:18px;margin:6px 2px 14px}

/* search: matching profiles */
.people-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.person-card{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none}.person-card span{display:flex;flex-direction:column;line-height:1.2}.person-card small{color:var(--muted)}
.person-card{max-width:100%;min-width:0}.person-card .avatar{width:44px;height:44px;flex:none}.person-card span{min-width:0}.person-card strong,.person-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* profile banner picture */
.pf-banner.has-img{height:auto;aspect-ratio:3/1;max-height:240px;background:var(--soft)}.pf-banner.has-img:after{display:none}.pf-banner img{display:block;width:100%;height:100%;object-fit:cover}
.banner-field{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px}

/* My prompts: one link card on the profile, full list on its own page */
.prompts-link{display:flex;align-items:center;gap:12px;padding:16px 20px;font-weight:750;font-size:17px;color:inherit;text-decoration:none}.prompts-link b{margin-left:auto;font-size:14px;color:var(--muted)}.prompts-link i{font-style:normal;font-size:24px;color:var(--muted);line-height:1}
.back-link{display:inline-block;margin:0 0 12px;font-weight:700;color:var(--ink);text-decoration:none}
.prompts-page{padding:6px 0 14px;overflow:hidden}.prompts-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.prompts-head h1{font-size:20px;margin:0}.prompts-head b{color:var(--muted);font-size:14px}.prompts-page .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px 4px}

/* Mobile bottom bar: Home, Search, Add prompt, Notifications, Profile. Phones only. */
.bottom-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}
  .site-top{flex-wrap:wrap}
  .site-top .account{display:none}
  .site-top .search{display:none;flex:1 1 100%;max-width:none;margin:0}
  .site-top .search.is-open,.site-top .search:target,body.search-open .site-top .search{display:flex}
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--line);padding:0 4px env(safe-area-inset-bottom,0px)}
  .bottom-nav a{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:46px;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
  .bottom-nav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bottom-nav a.on{color:var(--accent)}.bottom-nav a.on svg{stroke-width:2.6}
  .bottom-nav b{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center}
  .bn-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid transparent;display:block}.bottom-nav a.on .bn-avatar{border-color:var(--accent)}
  .bn-initial{display:flex;align-items:center;justify-content:center;background:#fbe9e9;color:var(--accent);font-weight:800;font-size:14px}
  .save-bar{bottom:calc(47px + env(safe-area-inset-bottom,0px))}
}

/* Mobile fixes: no "Home" tab under the logo (bottom bar has it), no sideways overflow, equal left/right gutters */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
.public-main,.photo-home,.photo-feed,.photo-cols{max-width:100%;min-width:0}
.photo-col{min-width:0;overflow:hidden}
.photo-tile,.photo-media,.photo-media img{max-width:100%}
@media(max-width:760px){
  .site-nav a.nav-home{display:none}
  .site-nav .container{scrollbar-width:none;-ms-overflow-style:none}
  .site-nav .container::-webkit-scrollbar{display:none}
  .container{width:auto;margin-left:max(10px,env(safe-area-inset-left,0px));margin-right:max(10px,env(safe-area-inset-right,0px))}
  .photo-cols{gap:10px}.photo-col .photo-tile{margin-bottom:10px}
}

/* Install-app bar (Android Chrome) */
.install-bar{transform:translateY(20px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s;will-change:transform,opacity;position:fixed;left:10px;right:10px;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;background:#14202f;color:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.25);font-size:14px;font-weight:600}
.install-bar span{flex:1;min-width:0}
.install-yes{border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:700;padding:8px 16px;cursor:pointer}
.install-no{border:0;background:none;color:#fff;font-size:24px;line-height:1;padding:2px 8px;cursor:pointer;opacity:.8}
@media (prefers-reduced-motion:reduce){.install-bar{transition:none}}
.install-bar.on{transform:none;opacity:1}
@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){.install-bar{display:none!important}}
@media(min-width:761px){.install-bar{left:auto;right:20px;bottom:20px;max-width:380px}}

/* Phones: category bar (GPT Image, Gemini, Midjourney, Grok...) stays pinned at the top while scrolling, in a compact size */
@media(max-width:760px){
  .site-header{display:contents}
  .site-nav{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 6px rgba(20,32,47,.08)}
  /* tighter spacing: above the logo, between logo and categories, below the categories, and on the sides */
  .site-top{padding:0 0 2px;gap:0 15px}
  .site-top .site-brand{margin-top:-2px}
  .public-main{padding-top:8px}
  .photo-home{padding-top:0}
  .container{margin-left:max(8px,env(safe-area-inset-left,0px));margin-right:max(8px,env(safe-area-inset-right,0px))}
  .photo-cols{gap:8px}.photo-col .photo-tile{margin-bottom:8px}
}

/* Article page: "Related prompts" photos line up with the text edges and sit as close as the home feed (no inner padding) */
.story-grid.related .story.photo-only{padding:0;border:0;background:none;border-radius:0}
@media(max-width:760px){.story-grid.related{gap:8px}}

/* Phones: less empty space between the prompt box and "Related Prompts" */
@media(max-width:760px){
  .article-layout{gap:0}
  .article .prompt-wrap{margin-bottom:0}
  .article-aside{margin:0}
  .related-heading{margin:12px 0 10px}
}

/* Bell at the top right (phones), "Create" sheet, and top-prompts stats on the notifications page */
.top-bell{display:none}
@media(max-width:760px){
  .top-bell{display:inline-flex;position:relative;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;color:var(--ink);-webkit-tap-highlight-color:transparent}
  .top-bell svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .top-bell b{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center}
}
.range-tabs{display:flex;gap:8px;margin:0 0 10px}
.range-tabs a{padding:7px 16px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;background:#fff}
.range-tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.notif-total{margin:0 0 6px;font-size:15px;color:var(--muted)}.notif-total strong{font-size:22px;color:var(--ink)}
.notif-row .rank{flex:none;width:22px;text-align:center;font-size:15px;color:var(--muted)}
.notif-row .notif-title{font-size:14px}
.views-pill{flex:none;margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--soft);font-weight:700;font-size:13px;white-space:nowrap}

/* Save button, top stats icon, stats page tiles */
.save-icon.is-saved{color:var(--accent)}.save-icon.is-saved svg{fill:currentColor}
.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 6px}
.stat-tile{background:var(--soft);border-radius:12px;padding:12px 6px;text-align:center}
.stat-tile strong{display:block;font-size:24px;line-height:1.1}.stat-tile span{font-size:12.5px;color:var(--muted)}
.new-tag{display:inline-block;margin-top:2px;color:var(--green);font-weight:700;font-size:12px}
.saved-title{font-size:22px;margin:4px 0 10px}

/* Stats page: 4 tiles (2x2) and a views + quality column on each row */
.stat-tiles{grid-template-columns:repeat(2,1fr)}
.row-nums{flex:none;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.row-nums .views-pill{margin-left:0}
.q-pill{font-size:12px;font-weight:700;color:var(--green);white-space:nowrap}

/* Follow button sits right next to the author's name (not pushed to the far side) */
.author-line .follow-form{margin:0;flex:0 0 auto}
.author-line .author-link{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}
.ref-actions{display:grid;gap:10px;margin-top:4px}.ref-actions .button{text-align:center;text-decoration:none}
#ref-link{font-size:14px}
.otp-input{font-size:24px;letter-spacing:8px;text-align:center}
.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.or-line{text-align:center;margin:12px 0}

/* ---- Login polish: Google button sits inside the card, clean "or" divider ---- */
.auth-card::before{height:4px}
.auth-icon{width:56px;height:56px;margin:2px auto 12px}
.auth-card>.muted{margin:0 0 22px}
.auth-card .button.google-btn{gap:12px;margin-top:0;padding:13px 16px;font-size:16px;font-weight:650;color:#3c4043;background:#fff;border:1.5px solid #dadce0;border-radius:12px;box-shadow:0 1px 2px rgba(60,64,67,.12);filter:none;transition:box-shadow .15s,border-color .15s,background .15s}
.auth-card .button.google-btn:hover{color:#3c4043;background:#f8f9fa;border-color:#c6cacf;box-shadow:0 2px 8px rgba(60,64,67,.16);filter:none}
.auth-card .button.google-btn:active{background:#f1f3f4;box-shadow:none}
.auth-card .google-btn svg{flex:none}
.auth-card>.or-line{display:flex;align-items:center;gap:14px;margin:20px 0 4px;font-size:13px;line-height:1}
.auth-card>.or-line::before,.auth-card>.or-line::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-card form{gap:12px}
@media(prefers-reduced-motion:reduce){.auth-card .button.google-btn{transition:none}}

/* ---- Video posts: photo / video switch, upload progress, player box, play badge ---- */
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--soft);border-radius:14px;margin:0 0 14px}
.mode-btn{background:transparent;border:0;color:var(--muted);border-radius:10px;padding:10px 12px;font-weight:700}
.mode-btn:hover{filter:none;color:var(--ink);background:transparent}
.mode-btn.on,.mode-btn.on:hover{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(20,32,47,.16)}
.video-pick{margin:0 0 6px}
.video-drop{min-height:120px}
.video-drop.has-video{border-style:solid;border-color:var(--accent);background:#fff7f6}
.video-info{margin:8px 2px 0;font-size:13px;color:var(--muted);min-height:1em;overflow-wrap:anywhere}
.video-info.err{color:#b91c1c;font-weight:650}
.video-info.ok{color:var(--green);font-weight:650}
.video-progress{margin:10px 0 0}
.video-progress progress{display:block;width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;-webkit-appearance:none;appearance:none;background:var(--soft)}
.video-progress progress::-webkit-progress-bar{background:var(--soft);border-radius:8px}
.video-progress progress::-webkit-progress-value{background:var(--accent);border-radius:8px}
.video-progress progress::-moz-progress-bar{background:var(--accent);border-radius:8px}
.video-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-top:5px;color:var(--muted)}
.cover-note{font-size:13px;margin:10px 2px 8px}
.video-box{position:relative;width:100%;margin:0 auto;border-radius:7px;overflow:hidden;background:#000}
.video-box.r-169{aspect-ratio:16/9}
.video-box.r-11{aspect-ratio:1/1;max-width:640px}
.video-box.r-45{aspect-ratio:4/5;max-width:560px}
.video-box.r-916{aspect-ratio:9/16;max-width:min(100%,420px)}
.video-box .article-cover{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center}
.video-play svg{margin-left:4px}
.video-play:hover{filter:none;background:rgba(0,0,0,.68);color:#fff}
.video-badge{position:absolute;right:10px;top:10px;z-index:2;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;line-height:0;pointer-events:none}
.video-badge svg{margin-left:1px}
.story.photo-only .cover{position:relative}

/* ---- Video post: two prompts (photo prompt + video prompt), each with its own Copy button ---- */
#video-prompt-box[hidden]{display:none}
.prompt-pair{margin:0 0 18px}
.prompt-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0}
.prompt-block-head h2{font-size:16px;line-height:1.3;margin:0}
.prompt-block .prompt-wrap{margin-bottom:0}
.copy-text-btn.copy-one{padding:8px 18px;font-size:14px;border-radius:10px}


/* ---- Article page: tighter vertical gaps (action row, profile row, title, prompt boxes) ---- */
.article .action-row{margin-top:8px;padding:10px 0}
.article .author-row{padding:10px 0}
.article>h1.post-title{margin:0;padding:10px 0 4px;border-top:1px solid var(--line)}
.article .prompt-pair{margin:0}
.article .prompt-block-head{margin:0;padding:6px 0 8px}
.article .prompt-block .prompt-wrap{padding:8px 0 0;margin-bottom:0}
.article .prompt-wrap .article-text>:last-child{margin-bottom:0}
.article .prompt-wrap .show-more{padding:2px 0 8px}
.related-heading{margin:14px 0 10px}

/* ---- Article page: smaller, lighter text (prompt text, headings, buttons) ---- */
.article .prompt-wrap .article-text{font-size:15px;line-height:1.55}
.article .prompt-wrap .article-text.prompt-collapsed{max-height:6.2em}   /* exactly 4 lines */
.article .prompt-block-head h2{font-size:15px}
.article .prompt-wrap .show-more{font-size:14px;font-weight:600}
.article .copy-text-btn.copy-one{font-size:13px;padding:7px 16px;border-radius:9px}
.article .author-name{font-size:15px}
.article .action-stat{font-size:14px}
.related-heading h2{font-size:calc(var(--title-size)*1.05)}

/* Several photos in one post: every photo full width, natural shape, same look as the cover */
.post-gallery{display:grid;gap:12px;margin:0 0 14px}
.article>.post-gallery .post-gallery-img,.post-gallery-img{display:block;width:100%;height:auto;max-height:none;margin:0;border-radius:16px;object-fit:contain;background:var(--soft)}
.article>.article-cover{width:100%;height:auto}
.extra-photos{margin:10px 0 4px}
.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.extra-grid:empty{display:none}
.extra-thumb{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--soft)}
.extra-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.extra-thumb button{position:absolute;top:4px;right:4px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.add-photo-btn{width:100%;padding:12px;border:2px dashed #d3dae5;border-radius:14px;background:#fff;color:var(--ink);font-weight:700;font-size:16px;cursor:pointer}
.add-photo-btn small{font-weight:400;margin-left:4px}

/* Post photos: a little space on the left and right, like the Faymas post page */
.article>.article-cover,.article>.post-gallery,.article>.video-box{width:88%;margin-left:auto;margin-right:auto}
.article>.post-gallery .post-gallery-img{width:100%}

/* Member dashboard, Faymas style: top bar, round photo + counts, two pill buttons, prompt grid */
.pf-app{max-width:620px;margin:0 auto 36px;padding:0 4px}
.pf-top{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 0 14px}.pf-top>.pf-top-btn:last-of-type:not(:first-child){margin-left:auto}
.pf-top-title{font-size:19px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-top-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;color:var(--ink);cursor:pointer;padding:0}
.pf-menu{position:absolute;right:0;top:52px;z-index:30;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -16px rgba(20,32,47,.35);padding:6px;display:grid}
.pf-menu[hidden]{display:none}
.pf-menu a,.pf-menu button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:0;background:none;border-radius:10px;color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.pf-menu a:hover,.pf-menu button:hover{background:var(--soft)}.pf-menu b{color:var(--green)}
.pf-row{display:flex;align-items:center;gap:22px;margin:6px 0 14px}
.pf-avatar-round .avatar-xl{width:96px;height:96px;border:0;box-shadow:none}
.pf-row-info{min-width:0}.pf-row-info .pf-name{font-size:19px;margin:0 0 10px}
.pf-counts{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:15px}.pf-counts b{color:var(--ink);font-size:17px}
.pf-bio-left{margin:0 0 10px;text-align:left}.pf-socials-left{justify-content:flex-start;margin:0 0 12px}
.pf-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 18px}
.pf-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--ink);font-weight:700;font-size:16px}
.pf-grid{margin-top:6px}.pf-manage{display:block;text-align:center;color:var(--muted);font-weight:600;padding:8px 0 4px}
.pf-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:56px 12px 40px;color:var(--muted)}
.pf-empty strong{color:var(--ink);font-size:18px}.pf-empty p{margin:0;max-width:320px;line-height:1.6}
.pf-empty-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--soft);color:#6b7280;margin-bottom:8px}
.pf-create{margin-top:10px;padding:13px 22px;border-radius:12px;background:#151515;color:#fff;font-weight:700}.pf-create:hover{color:#fff}
.pf-more{margin-top:22px}

/* Menu = side drawer; each item opens its own page */
.pf-menu{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(82vw,320px);min-width:0;border-radius:20px 0 0 20px;padding:14px 10px;overflow-y:auto;z-index:1001;align-content:start;box-shadow:-18px 0 40px -16px rgba(20,32,47,.35)}
.pf-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000}.pf-scrim[hidden]{display:none}
.pf-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 10px;font-size:18px}
.pf-page{padding:6px 18px 22px}

/* Analytics page */
.an-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.an-tabs::-webkit-scrollbar{display:none}
.an-tabs a{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:var(--soft);color:var(--ink);font-weight:650;font-size:14px;border:1px solid var(--line)}
.an-tabs a.on{background:#151515;color:#fff;border-color:#151515}
.an-hero{padding:20px;border-radius:20px;background:linear-gradient(135deg,#151515,#3b3b4f);color:#fff;margin-bottom:12px}
.an-hero small{color:rgba(255,255,255,.75)}.an-big{font-size:44px;font-weight:800;line-height:1.15;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.an-chg{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18)}.an-chg.up{background:#15803d}.an-chg.down{background:#b91c1c}
.an-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
.an-card{display:grid;gap:2px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.an-card strong{font-size:24px;line-height:1.2}.an-card small{color:var(--muted)}.an-card em{font-style:normal;font-size:12px;color:var(--green);font-weight:650}.an-ic{font-size:18px}
.an-panel{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:12px}
.an-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.an-head h2{font-size:17px;margin:0}
.an-legend{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.an-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.an-legend .v{background:#c7d2fe}.an-legend .q{background:#4f46e5;margin-left:6px}
.an-chart{display:flex;align-items:flex-end;gap:3px;height:150px}
.an-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.an-bar{width:100%;min-height:2px;background:#c7d2fe;border-radius:5px 5px 0 0;display:flex;align-items:flex-end;overflow:hidden}
.an-barq{width:100%;background:#4f46e5}
.an-col small{font-size:10px;color:var(--muted);line-height:1;height:10px}
.an-note{font-size:12px;margin:10px 0 0}
.an-earn{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#ecfdf3;border:1px solid #bbf7d0;color:var(--ink);margin-bottom:12px}
.an-earn>div{flex:1}.an-earn small{display:block;color:#3f6b52}.an-earn strong{font-size:20px;color:var(--green)}.an-earn span{font-size:26px;color:#3f6b52}
.an-line{display:grid;grid-template-columns:minmax(70px,30%) 1fr auto;align-items:center;gap:10px;padding:6px 0;font-size:14px}.an-line b{min-width:30px;text-align:right}
.an-track{display:block;height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.an-track i{display:block;height:100%;background:#4f46e5;border-radius:99px}
.an-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink)}.an-row:first-of-type{border-top:0}
.an-rank{width:22px;text-align:center;color:var(--muted)}
.an-row .my-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--soft)}.an-row .my-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.an-info{flex:1;min-width:0;display:grid;gap:5px}.an-title{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-mini{font-size:12px;color:var(--muted)}

/* Settings drawer, Faymas style: small grouped list with icons and arrows */
.pf-menu{padding:12px 14px 24px;width:min(86vw,340px);gap:0}
.pf-menu-head{padding:2px 0 8px}.pf-menu-head strong{font-size:17px}
.mi-h{margin:16px 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pf-menu .mi{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:10px 2px;border:0;background:none;border-radius:8px;color:var(--ink);font:inherit;font-size:15px;font-weight:400;text-align:left;cursor:pointer}
.pf-menu .mi:hover{background:var(--soft)}
.pf-menu .mi>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-ic{flex:0 0 20px;color:#555}.mi-go{flex:0 0 auto;color:#9aa3af}
.pf-menu .mi-val{font-size:14px;font-weight:600;color:var(--green)}
.pf-menu .mi-out{margin-top:18px}
.pf-menu .mi-out button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:1px solid #f1b4bd;border-radius:12px;background:#fff;color:#c8102e;font:inherit;font-size:15px;font-weight:650;cursor:pointer}
.info-page{padding:4px 2px 10px;line-height:1.7}.info-page h2{font-size:17px;margin:20px 0 6px}.info-page p{margin:0 0 8px;color:#34404f;font-size:15px}.info-contact{margin-top:22px}.info-contact a{color:var(--accent);font-weight:650}

/* Creator access pop-up + form */
.ca-open{overflow:hidden}.ca-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,20,25,.45);backdrop-filter:blur(3px)}.ca-modal[hidden]{display:none}
.ca-sheet{position:relative;width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.ca-x{position:absolute;top:10px;right:12px;width:32px;height:32px;padding:0;background:none;border:0;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.ca-hero{padding:18px;border-radius:14px;background:linear-gradient(135deg,#f6f2ff,#fdf1e8 90%)}.ca-hero h1,.ca-hero h2{margin:0 0 6px;font-size:21px}.ca-hero p{margin:0;color:var(--muted,#666);font-size:15px;line-height:1.45}
.ca-sheet .ca-hero{margin:22px 0 16px}.ca-perks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;font-size:15px}.ca-perks li{display:flex;gap:10px;align-items:center}.ca-perks li:before{content:"✦";color:var(--accent)}
.ca-sheet .button.full{display:block;text-align:center;padding:14px;border-radius:999px;background:#111;color:#fff;text-decoration:none}.ca-later{display:block;width:100%;margin-top:6px;padding:12px;background:none;border:0;color:var(--ink);font-weight:600;cursor:pointer}
.ca-page{max-width:560px;margin:0 auto 90px;padding:0 14px}.ca-top{display:flex;gap:16px;align-items:center;padding:14px 4px}.ca-back{color:var(--muted,#666);text-decoration:none}
.ca-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.ca-card .ca-hero{border-radius:0;padding:20px}.ca-body{padding:20px;display:grid;gap:18px}.ca-body label{display:grid;gap:6px;font-weight:600}.ca-body label small{font-weight:400;color:var(--muted,#666);line-height:1.4}.ca-body small.ok{color:#15803d}
.ca-body input,.ca-body textarea{border-radius:12px;padding:12px 14px;font-size:16px}.ca-state{text-align:center;justify-items:center}.ca-badge{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.ca-badge.wait{background:#fff4d6;color:#8a5a00}

/* Public member profile (Instagram-style header, then the photo grid) */
.pp{max-width:1100px;margin:0 auto;padding:0 4px 90px}.pp-bar{display:flex;align-items:center;gap:16px;padding:14px 8px;font-size:20px}.pp-back{display:flex;color:var(--ink);text-decoration:none}
.pp-banner{height:110px;border-radius:16px;overflow:hidden;margin:0 8px 6px;background:linear-gradient(135deg,var(--accent),#ffb347)}.pp-banner img{width:100%;height:100%;object-fit:cover;display:block}
.pp-head{max-width:640px;margin:0 auto 18px;padding:6px 10px 0}.pp-top{display:flex;align-items:center;gap:22px}
.pp-avatar{flex:none;display:block;border-radius:50%}.pp-avatar .avatar-xl{width:84px;height:84px;font-size:32px}
.pp-info{min-width:0;flex:1}.pp-name{margin:0 0 10px;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.pp-stats{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:16px}.pp-stats strong{font-size:18px}.pp-stats span{color:var(--muted)}
.pp-bio{margin:14px 0 8px;white-space:pre-line;line-height:1.55;overflow-wrap:anywhere}
.pp-socials{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 14px}.pp-social{display:inline-flex;align-items:center;gap:6px;color:#1d4fd8;text-decoration:none;font-weight:500}.pp-social:hover{text-decoration:underline}
.pp-follow{display:block;width:100%;height:auto;padding:11px;border:0;border-radius:12px;background:#f1f1f3;color:var(--ink);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.pp-follow.on{background:#fff;border:1px solid var(--line)}
@media(max-width:480px){.pp-top{gap:16px}.pp-avatar .avatar-xl{width:78px;height:78px}}
.pp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-actions .pp-follow{display:flex;align-items:center;justify-content:center;gap:8px}
.pp-headwrap{margin-bottom:0}.pf-actions.one{grid-template-columns:1fr}button.pf-pill{font:inherit;font-weight:700;font-size:16px;cursor:pointer;width:100%}.pf-pill.on{background:#fff}a.pf-pill{text-decoration:none}.pp-bio{margin-top:0}.pp-socials{margin-top:0}

/* ==== My prompts: premium look (hero header, card rows, soft shadows) ==== */
.mp.pf-card{border:1px solid #e9e4dc;border-radius:22px;background:#fff;box-shadow:0 24px 60px -34px rgba(20,32,47,.45),0 2px 6px rgba(20,32,47,.04);padding:0;overflow:hidden}
.mp-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 22px 22px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(212,175,95,.38),transparent 55%),linear-gradient(135deg,#1b1417 0%,#2a1218 55%,#4a0f16 100%)}
.mp-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#e6c887;margin-bottom:6px}
.mp-hero h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.01em;color:#fff}
.mp-total{flex:none;min-width:68px;text-align:center;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(230,200,135,.45);backdrop-filter:blur(4px)}
.mp-total b{display:block;font-size:26px;line-height:1.1;color:#f3dca4;font-weight:800}.mp-total small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e9dcc3}
.mp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#faf8f4;border-bottom:1px solid #eee8de}
.mp-bar>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a7f6f}
.mp-new{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#d9b25f,#b88a2e);color:#201507!important;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 8px 18px -10px rgba(184,138,46,.9)}
.mp-new:hover{filter:brightness(1.05);color:#201507}
.my-table.mp-list{border:0;border-radius:0;margin:0;padding:10px 12px 12px!important;display:grid;gap:10px;background:#fff}
.mp-list .my-prompt.mp-item{position:relative;align-items:flex-start;gap:14px;padding:12px;border:1px solid #eee8de;border-radius:18px;background:#fff;box-shadow:0 10px 24px -22px rgba(20,32,47,.55);transition:box-shadow .18s,transform .18s,border-color .18s}
.mp-list .my-prompt.mp-item:nth-child(even){background:#fff}
.mp-list .my-prompt.mp-item:last-child{border-bottom:1px solid #eee8de}
.mp-list .my-prompt.mp-item:hover{border-color:#e2d4b4;box-shadow:0 16px 30px -22px rgba(120,86,20,.55);transform:translateY(-1px)}
.mp-item .my-thumb{flex:0 0 84px;width:84px;height:84px;border-radius:16px;box-shadow:0 8px 18px -10px rgba(20,32,47,.6);outline:1px solid rgba(20,32,47,.06)}
.mp-item .my-thumb img{width:84px;height:84px;border-radius:16px}
.mp-item .my-info{gap:6px;padding-right:34px}
.mp-item .my-info strong{font-size:15.5px;line-height:1.3;font-weight:750;letter-spacing:-.005em}
.mp-tags{display:flex;flex-wrap:wrap;gap:6px}
.mp-item .my-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:750;letter-spacing:.02em;padding:3px 10px 3px 9px;border:1px solid transparent}
.mp-item .my-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mp-item .my-status.live{background:#eaf7ef;color:#15803d;border-color:#cdeadb}
.mp-item .my-status.wait{background:#fff6e2;color:#9a6200;border-color:#f3e2b6}
.mp-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;font-weight:650;color:var(--muted)}
.mp-item .my-actions{margin-top:4px;gap:8px}
.mp-item .my-btn,.mp-item .my-actions a.my-btn,.mp-item .my-actions button.my-btn{height:34px;padding:0 15px;border-radius:999px;border:1px solid #e3dccd;background:#fff;color:var(--ink);font-weight:750;box-shadow:0 1px 0 rgba(20,32,47,.03)}
.mp-item .my-btn:hover{border-color:#cdb679;background:#fffaf0;color:#6b4a0a}
.mp-item .my-btn.mp-primary{background:#1b1417;border-color:#1b1417;color:#f3dca4}
.mp-item .mp-del{position:absolute;top:10px;right:10px;margin:0}
.mp-item .mp-del button,.pf-card .fold-body .mp-del button{margin:0;width:32px;height:32px;min-width:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #f0d6d6;background:#fff7f7;color:#b91c1c;font-size:14px;box-shadow:none}
.mp-item .mp-del button:hover{background:#ffeaea;border-color:#e8b4b4}
.mp-empty{text-align:center;padding:38px 20px 30px}.mp-empty h2{font-size:19px;margin:6px 0 4px}.mp-empty p{margin:0 0 16px}
.mp-empty-ico{width:56px;height:56px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#b88a2e;background:#fbf3df;border:1px solid #efdca8}
.mp .pagination{padding:6px 18px 18px}
@media(max-width:420px){.mp-hero{padding:20px 16px}.mp-hero h1{font-size:23px}.mp-bar{padding:12px 14px}.my-table.mp-list{padding:8px 8px 10px!important}.mp-item .my-thumb,.mp-item .my-thumb img{width:72px;height:72px;flex-basis:72px}.mp-list .my-prompt.mp-item{gap:12px;padding:10px}}

/* ==== Earnings: premium look (dark hero balance, gold accents, soft cards) ==== */
.earn{padding-top:4px}
.earn-hero{position:relative;overflow:hidden;margin:10px 0 12px;padding:22px 20px 18px;border-radius:22px;color:#fff;background:radial-gradient(120% 150% at 100% 0%,rgba(212,175,95,.4),transparent 55%),linear-gradient(135deg,#1b1417 0%,#2a1218 55%,#4a0f16 100%);box-shadow:0 24px 50px -28px rgba(74,15,22,.9)}
.earn-hero:after{content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(230,200,135,.25);box-shadow:0 0 0 22px rgba(230,200,135,.05)}
.earn-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e6c887}
.earn-amount{display:block;margin:4px 0 14px;font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#f7e3b0}
.earn-meter{height:7px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.earn-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d9b25f,#f3dca4)}
.earn-meter-note{display:block;margin-top:7px;font-size:12.5px;color:#e9dcc3}
.earn-paid{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(230,200,135,.35)}
.earn-paid span{font-size:13px;color:#e9dcc3}.earn-paid b{font-size:18px;color:#fff}
.earn-rule{display:flex;gap:8px;margin:0 0 14px;padding:11px 13px;border-radius:14px;background:#faf8f4;border:1px solid #eee8de;font-size:13px;line-height:1.5;color:var(--muted)}.earn-rule>span{color:#b88a2e;font-weight:800}.earn-rule strong{color:var(--ink)}
.earn-wait{display:flex;gap:10px;align-items:flex-start;border-radius:16px;background:#fff6e2;border:1px solid #f3e2b6;color:#7a4e00}
.earn-form{padding:18px 16px 16px;border:1px solid #eee8de;border-radius:20px;background:#fff;box-shadow:0 14px 30px -26px rgba(20,32,47,.6)}
.earn-title{margin:0 0 12px;font-size:16px;font-weight:800;letter-spacing:-.005em;color:var(--ink);text-transform:none}
.earn-title-list{margin:22px 4px 8px}
.earn .pf-methods{gap:10px;margin-bottom:10px}
.earn .pf-method span{border:1.5px solid #e7e0d2;border-radius:16px;background:#fff;padding:13px 8px;transition:border-color .15s,background .15s}
.earn .pf-method input:checked+span{border-color:#c9a24c;background:#fffaf0;color:#6b4a0a;box-shadow:0 8px 18px -14px rgba(184,138,46,.9)}
.earn-form label{font-weight:700;font-size:14px}
.earn-form input[type=number]{border-radius:14px;padding:13px 14px;font-size:17px;font-weight:700;border:1.5px solid #e7e0d2}
.earn-form input[type=number]:focus{border-color:#c9a24c;outline:0;box-shadow:0 0 0 4px rgba(201,162,76,.18)}
.earn .earn-cta{width:100%;margin-top:12px;height:50px;border:0;border-radius:999px;font-size:16px;font-weight:800;color:#201507;background:linear-gradient(135deg,#e2bd6c,#b88a2e);box-shadow:0 14px 26px -14px rgba(184,138,46,.95);cursor:pointer}
.earn .earn-cta:hover{filter:brightness(1.05)}
.earn .pf-hint{display:block;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff6e2;color:#8a5a00;font-size:13px}
.earn-list{margin:0;display:grid;gap:10px}
.earn-list li{padding:12px 14px;gap:12px;border:1px solid #eee8de;border-bottom:1px solid #eee8de;border-radius:16px;background:#fff;box-shadow:0 10px 22px -22px rgba(20,32,47,.6)}
.earn-list li>div{flex:1;min-width:0}.earn-list li strong{font-size:16px}.earn-list li small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px;overflow-wrap:anywhere}
.earn-ico{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;background:#fff3da;color:#965c0a}
.earn-ico.paid{background:#e9f8ef;color:#147835}.earn-ico.rejected{background:#fee9e9;color:#b91c1c}
/* Analytics page: matching earnings strip */
.an-earn{background:linear-gradient(135deg,#1b1417,#4a0f16);border:1px solid rgba(230,200,135,.4);color:#fff;border-radius:20px;box-shadow:0 18px 34px -24px rgba(74,15,22,.9)}
.an-earn:hover{color:#fff}.an-earn small{color:#e6c887}.an-earn strong{color:#f7e3b0;font-size:21px}.an-earn span{color:#e6c887}
@media(max-width:420px){.earn-amount{font-size:33px}.earn-hero{padding:20px 16px 16px}}

/* ==== Post a prompt (photo / video): premium look ==== */
.account-card.auth-card.prompt-card{max-width:560px;padding:0;border:1px solid #e9e4dc;border-radius:24px;background:#fff;box-shadow:0 28px 64px -36px rgba(20,32,47,.5),0 2px 6px rgba(20,32,47,.04);text-align:left}
.prompt-card::before{display:none}
.pc-hero{display:flex;align-items:center;gap:16px;padding:24px 22px 22px;color:#fff;background:radial-gradient(120% 150% at 100% 0%,rgba(212,175,95,.4),transparent 55%),linear-gradient(135deg,#1b1417 0%,#2a1218 55%,#4a0f16 100%)}
.pc-spark{flex:none;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#201507;background:linear-gradient(135deg,#e6c36f,#b88a2e);box-shadow:0 12px 24px -12px rgba(184,138,46,.95)}
.pc-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#e6c887;margin-bottom:3px}
.prompt-card .pc-hero h1{margin:0;font-size:24px;line-height:1.15;color:#fff;letter-spacing:-.01em}
.pc-sub{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:#e9dcc3}
.prompt-card>form{padding:20px 20px 6px;gap:14px}
.prompt-card>.notice{margin:16px 20px 0;border-radius:14px;background:#fff6e2;border:1px solid #f3e2b6;color:#7a4e00}
.prompt-card>.account-switch{margin:6px 0 0;padding:6px 20px 22px;text-align:center}
.prompt-card>.account-switch a{color:#8a6a1f}
.prompt-card label{font-weight:750;font-size:14px;letter-spacing:.005em}
.prompt-card input:not([type=file]),.prompt-card select,.prompt-card textarea{border:1.5px solid #e7e0d2;border-radius:14px;background:#fffdf9}
.prompt-card input:focus,.prompt-card select:focus,.prompt-card textarea:focus{border-color:#c9a24c;background:#fff;box-shadow:0 0 0 4px rgba(201,162,76,.18)}
.prompt-card textarea{min-height:170px;line-height:1.55}
.prompt-card .muted,.prompt-card small{color:#7a7366}
/* Photo / Video switch */
.prompt-card .mode-switch{padding:5px;background:#f4efe5;border-radius:16px;gap:6px;margin:0 0 4px}
.prompt-card .mode-btn{border-radius:12px;padding:11px 12px;color:#7a7366;font-weight:750}
.prompt-card .mode-btn.on,.prompt-card .mode-btn.on:hover{background:#1b1417;color:#f3dca4;box-shadow:0 8px 16px -10px rgba(27,20,23,.8)}
/* Drop zones */
.prompt-card .photo-drop{min-height:180px;border:2px dashed #d9c48f;border-radius:20px;background:linear-gradient(180deg,#fffdf8,#fbf4e4);color:#4a3a14;transition:border-color .15s,background .15s}
.prompt-card .photo-drop:hover,.prompt-card .file-hidden:focus+.photo-drop{border-color:#b88a2e;background:#fff8e8}
.prompt-card .photo-drop.has-photo{border-style:solid;border-color:#eadfc4}
.prompt-card .photo-drop img{max-height:380px}
.prompt-card .photo-drop-text{font-size:17px;font-weight:800}.prompt-card .photo-drop-text small{font-weight:500;color:#8a7f6f}
.prompt-card .video-drop{min-height:140px}
.prompt-card .video-info.ok{color:#15803d}
.prompt-card .video-progress progress{height:9px;background:#f1ead9}
.prompt-card .video-progress progress::-webkit-progress-bar{background:#f1ead9}
.prompt-card .video-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#d9b25f,#b88a2e)}
.prompt-card .video-progress progress::-moz-progress-bar{background:#c9a24c}
.prompt-card .cover-note{color:#8a7f6f}
/* Extra photos */
.prompt-card .add-photo-btn{border:2px dashed #d9c48f;border-radius:16px;background:#fff;color:#6b4a0a;font-weight:800;box-shadow:none}
.prompt-card .add-photo-btn:hover{background:#fffaf0;border-color:#b88a2e;filter:none}
.prompt-card .extra-thumb{border-radius:14px;box-shadow:0 8px 18px -12px rgba(20,32,47,.6)}
/* Video prompt block */
.prompt-card #video-prompt-box:not([hidden]){padding:14px;border-radius:18px;background:#faf6ec;border:1px solid #efe3c3}
.prompt-card #video-prompt-box>span{color:#6b4a0a}
/* Submit */
.prompt-card button.full{height:52px;margin-top:6px;padding:0 18px;border:0;border-radius:999px;font-size:16.5px;font-weight:800;color:#201507;background:linear-gradient(135deg,#e6c36f,#b88a2e);box-shadow:0 16px 28px -16px rgba(184,138,46,.95)}
.prompt-card button.full:hover{filter:brightness(1.05)}
@media(max-width:420px){.pc-hero{padding:20px 16px;gap:13px}.pc-spark{width:46px;height:46px;border-radius:14px}.prompt-card .pc-hero h1{font-size:21px}.prompt-card>form{padding:16px 14px 4px}.prompt-card>.notice{margin:14px 14px 0}}

/* ==== Refer & Earn, Edit profile, Payment details, Change password: premium look ==== */
.sec.pf-card{padding:0;overflow:hidden;border:1px solid #e9e4dc;border-radius:24px;box-shadow:0 28px 64px -38px rgba(20,32,47,.5),0 2px 6px rgba(20,32,47,.04)}
.sec-hero{display:flex;align-items:center;gap:15px;padding:22px 20px;color:#fff;background:radial-gradient(120% 150% at 100% 0%,rgba(212,175,95,.4),transparent 55%),linear-gradient(135deg,#1b1417 0%,#2a1218 55%,#4a0f16 100%)}
.sec-ico{flex:none;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#e6c36f,#b88a2e);box-shadow:0 12px 24px -12px rgba(184,138,46,.95)}
.sec-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e6c887;margin-bottom:2px}
.sec-title{display:block;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:#fff}
.sec-hero p{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:#e9dcc3}
.sec-body{padding:18px 20px 22px}
.sec-earnings .sec-body{padding:6px 18px 22px}
.sec form{display:grid;gap:14px}
.sec label{display:grid;gap:6px;font-weight:750;font-size:14px}
.sec label.check{display:flex;gap:8px;align-items:center;font-weight:600}
.sec input:not([type=file]):not([type=checkbox]):not([type=radio]),.sec select,.sec textarea{width:100%;padding:13px 14px;font-size:16px;border:1.5px solid #e7e0d2;border-radius:14px;background:#fffdf9}
.sec input:focus,.sec select:focus,.sec textarea:focus{outline:0;border-color:#c9a24c;background:#fff;box-shadow:0 0 0 4px rgba(201,162,76,.18)}
.sec input[readonly]{background:#faf6ec;color:#4a3a14}
.sec small{font-weight:400;color:#7a7366}
.sec .pf-rule{margin:0 0 14px;padding:11px 13px;border-radius:14px;background:#faf8f4;border:1px solid #eee8de;color:#6f685b;font-size:13px;line-height:1.55}.sec .pf-rule strong{color:var(--ink)}
.sec .pf-sub{margin:10px 0 0;padding-top:16px;border-top:1px solid #eee8de;font-size:12px;font-weight:800;letter-spacing:.14em;color:#8a6a1f}
.sec button.full,.sec .button.full{width:100%;height:50px;margin-top:6px;padding:0 18px;border:0;border-radius:999px;font-size:16px;font-weight:800;color:#201507;background:linear-gradient(135deg,#e6c36f,#b88a2e);box-shadow:0 14px 26px -14px rgba(184,138,46,.95);cursor:pointer}
.sec button.full:hover{filter:brightness(1.05)}
.sec .button.secondary.full{background:#fff;color:var(--ink);border:1.5px solid #e3dccd;box-shadow:none}
.sec .button.secondary.full:hover{border-color:#cdb679;background:#fffaf0;color:#6b4a0a}
/* Edit profile */
.sec-edit .photo-field{margin:0;padding:14px;border-radius:18px;background:#faf6ec;border:1px solid #efe3c3;gap:16px}
.sec-edit .photo-field .avatar,.sec-edit .photo-preview{border:3px solid #fff;box-shadow:0 0 0 2px #d9b25f,0 10px 20px -12px rgba(20,32,47,.6)}
.sec-edit .photo-label{font-weight:800}
.sec-edit input[type=file]{font-size:13px;max-width:100%}
.sec-edit input[type=file]::file-selector-button{margin-right:10px;border:0;border-radius:999px;padding:8px 14px;font-weight:750;background:#1b1417;color:#f3dca4;cursor:pointer}
/* Payment details */
.sec-payment form{gap:12px}
.sec-payment .pf-sub{margin-top:6px}.sec-payment .pf-sub:first-of-type{border-top:0;padding-top:0}
/* Refer & Earn */
.sec-refer .ref-actions{display:grid;gap:10px;margin:0}
.sec-refer #ref-link{font-size:14px;font-weight:700;letter-spacing:.01em;color:#4a3a14}
.sec-refer #ref-status{text-align:center;min-height:1em}
.sec-refer .pf-balance{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px}
.sec-refer .pf-balance>div{padding:14px;border-radius:18px;background:#fff;border:1px solid #eee8de;box-shadow:0 10px 22px -22px rgba(20,32,47,.6)}
.sec-refer .pf-balance>div:first-child{grid-column:1/-1;color:#fff;border-color:rgba(230,200,135,.4);background:radial-gradient(120% 150% at 100% 0%,rgba(212,175,95,.35),transparent 55%),linear-gradient(135deg,#1b1417,#4a0f16)}
.sec-refer .pf-balance>div:first-child small{color:#e6c887}.sec-refer .pf-balance>div:first-child strong{color:#f7e3b0;font-size:28px}
.sec-refer .pf-balance>div+div{background:#fff;border-color:#eee8de}
.sec-refer .pf-balance small{color:#7a7366;font-size:12.5px}
.sec-refer .pf-balance strong{font-size:22px;color:var(--ink)}
.sec-refer .pf-list{display:grid;gap:10px;margin:8px 0 0}
.sec-refer .pf-list li{padding:12px 14px;border:1px solid #eee8de;border-radius:16px;background:#fff}.sec-refer .pf-list li small{display:block;margin-top:1px}
.sec .pf-hint{display:block;margin-top:2px;padding:10px 12px;border-radius:12px;background:#fff6e2;color:#8a5a00;font-size:13px}
@media(max-width:420px){.sec-hero{padding:18px 16px}.sec-ico{width:46px;height:46px;border-radius:14px}.sec-title{font-size:20px}.sec-body{padding:16px 14px 20px}.sec-refer .pf-balance strong{font-size:20px}}

/* Phones: the search bar floats at the top of the screen, so opening it never pushes the page down or sideways */
@media(max-width:760px){
  .site-top .search input{flex:1 1 auto;min-width:0}
  .site-top .search button{flex:0 0 auto}
  body.search-open .site-top .search:not(.is-open){position:fixed;top:0;left:0;right:0;z-index:60;width:100%;max-width:none;margin:0;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;gap:8px;background:#fff;box-shadow:0 2px 10px rgba(20,32,47,.12)}
  html,body{overflow-x:clip}
}

/* Live search: results dim slightly while the next ones load (no layout change, so nothing jumps) */
.photo-home{transition:opacity .15s}.photo-home.is-searching{opacity:.55}

/* ==== App feel: smooth page changes, instant touch feedback, no accidental sideways swipes ==== */
/* Page changes: no slide or fade animation (removed) */
html{background:#fff}html[data-theme=dark]{background:#141518}
html{-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,label,select,.photo-tile{touch-action:manipulation}
.photo-tile,.bottom-nav a,.pf-pill,.my-btn,.mp-new,button.full,.mode-btn{transition:transform .1s ease,opacity .1s ease}
.photo-tile:active{transform:scale(.985)}
.bottom-nav a:active{opacity:.55;transform:scale(.92)}
.pf-pill:active,.my-btn:active,.mp-new:active,button.full:active,.mode-btn:active{transform:scale(.97)}
img{-webkit-user-drag:none}
@media (display-mode:standalone){
  .install-bar{display:none!important}
  body{padding-top:env(safe-area-inset-top,0px)}
}
.net-bar{position:fixed;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:80;transform:translate(-50%,12px);opacity:0;padding:9px 16px;border-radius:999px;background:#14202f;color:#fff;font-size:13.5px;font-weight:650;box-shadow:0 10px 24px -10px rgba(20,32,47,.6);transition:opacity .2s,transform .2s;pointer-events:none}
.net-bar.on{opacity:1;transform:translate(-50%,0)}

.fresh-bar{position:fixed;left:50%;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:61;transform:translate(-50%,16px);opacity:0;transition:transform .25s,opacity .25s;border:0;border-radius:999px;background:#14202f;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:10px 18px;box-shadow:0 6px 20px rgba(0,0,0,.28);max-width:calc(100% - 24px);cursor:pointer}.fresh-bar.on{transform:translate(-50%,0);opacity:1}
/* Night / day button */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:0;background:none;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;-webkit-tap-highlight-color:transparent}.theme-toggle:active{background:var(--soft)}.theme-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .i-sun{display:none}
@media(max-width:760px){.theme-toggle{margin-left:auto}.theme-toggle+.top-bell{margin-left:0}}

/* ===== Dark mode (night). Generated from the light rules above: every light background / border / dark text colour gets a night twin. Switched by <html data-theme="dark">. ===== */
html[data-theme=dark]{color-scheme:dark;--text:#e6ebf1;--border:#34404d;--ink:#e6ebf1;--muted:#9aa6b5;--line:#2a3440;--soft:#1b222c}
html[data-theme=dark] body{background:#0e1217;color:var(--ink)}
html[data-theme=dark] body{background:#141518}html[data-theme=dark] .secondary{background:#141518}html[data-theme=dark] .outline{background:#141518}html[data-theme=dark] .outline:hover{background:#290a0a}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border:1px solid #3b4550;background:#141518}html[data-theme=dark] .notice{background:#141518}html[data-theme=dark] .notice.success{background:#122819}html[data-theme=dark] .notice.error{background:#2b0b0b}html[data-theme=dark] .brand{color:#c4d2e4}html[data-theme=dark] .panel{background:#141518}html[data-theme=dark] th{background:#171b22}html[data-theme=dark] .badge{background:#1e2228}html[data-theme=dark] .badge.published{background:#182e21;color:#7ae29c}html[data-theme=dark] .badge.scheduled{background:#3d2e0f;color:#ecb15e}html[data-theme=dark] .skip{background:#141518}html[data-theme=dark] .admin-body{background:#151a22}html[data-theme=dark] .sidebar{background:#141518}html[data-theme=dark] .sidebar nav a:not(.active):hover{background:#261919}html[data-theme=dark] .admin-top{background:#141518}html[data-theme=dark] .search input{background:#141a20}html[data-theme=dark] .stat{background:#141518}html[data-theme=dark] .red{background:#320e0e}html[data-theme=dark] .green{background:#17301f;color:#72df97}html[data-theme=dark] .gray{background:#1d2127}html[data-theme=dark] .amber{background:#3c2e0f}html[data-theme=dark] .auth-body{background:#171b22}html[data-theme=dark] .auth-card{background:#141518}html[data-theme=dark] .story{background:#141518}html[data-theme=dark] .placeholder{background:#1b2129}html[data-theme=dark] .kind-movie{background:#2a221c}html[data-theme=dark] .kind-vehicle{background:#242a20}html[data-theme=dark] .kind-exam{background:#171a29}html[data-theme=dark] .kind-scheme{background:#1d271e}html[data-theme=dark] .events{background:#12171f}html[data-theme=dark] .site-footer{background:#151a22}html[data-theme=dark] .category-sidebar{background:#141518;border:1px solid var(--border,#3f454d)}html[data-theme=dark] .category-sidebar a{border-bottom:1px solid #32363c}html[data-theme=dark] .inline-related{border-bottom:1px solid #3f454d;background:#181a1d}html[data-theme=dark] .related-row{border-bottom:1px solid #3f454d}html[data-theme=dark] .tag-chips a{border:1px solid #3f454d}html[data-theme=dark] .social-embed{border:1px solid #3f454d}html[data-theme=dark] #social-tools{border:1px solid #3f454d}html[data-theme=dark] .dates-sidebar{background:#141518}html[data-theme=dark] .wys-toolbar{background:#141518}html[data-theme=dark] .wys-area{border:1px solid #3b4550;background:#141518}html[data-theme=dark] .ads-badge{background:#1e2228;color:#8e99ac}html[data-theme=dark] .ads-status.is-on .ads-badge{background:#17301f;color:#72df97}html[data-theme=dark] .sidebar nav a.active .nav-count{background:#141518}html[data-theme=dark] .contact-page .contact-form{background:#141518}html[data-theme=dark] .contact-form input:focus,html[data-theme=dark] .contact-form textarea:focus{background:#141518}html[data-theme=dark] .menu-chips span.extra{background:#290a0a}html[data-theme=dark] .settings-stack code{background:#1d2127}html[data-theme=dark] .share-btn.copy{background:#141518}html[data-theme=dark] .seo-preview{background:#141518}html[data-theme=dark] .seo-url{color:#74de94}html[data-theme=dark] .seo-desc{color:#9aa2ae}html[data-theme=dark] .snippet-card{background:#141518}html[data-theme=dark] .snip-badge.on{background:#133a21;color:#8be0ac}html[data-theme=dark] .snip-badge.off{background:#1f2226}@media(max-width:1000px){html[data-theme=dark] .save-bar{background:#141518}}html[data-theme=dark] .dash .stat{background:#141518}html[data-theme=dark] .dash .post-row:hover{background:#141a20}html[data-theme=dark] .dash .section-chips span{background:#141a20}html[data-theme=dark] .avatar{background:#2f1414;border:2px solid #24272b}html[data-theme=dark] .verified-pill{background:#112133}html[data-theme=dark] .comment-box>summary{background:#141518}html[data-theme=dark] .post-updates{background:#261414}html[data-theme=dark] .backup-health{background:#141518}html[data-theme=dark] .backup-health.is-ok{background:#132318}html[data-theme=dark] .backup-health.is-warn{background:#2d220b}html[data-theme=dark] .backup-health.is-bad{background:#290a0a}html[data-theme=dark] .backup-actions .danger:hover{background:#2b0b0b}html[data-theme=dark] .backup-help code{background:#1d2127}html[data-theme=dark] .account-card{background:#141518}html[data-theme=dark] .post-actions .danger{background:#141518;border:1px solid #632e2e}html[data-theme=dark] .post-actions .danger:hover{background:#2b0b0b}html[data-theme=dark] .auth-icon{background:#2f1210}html[data-theme=dark] .auth-card input:not([type=file]),html[data-theme=dark] .auth-card select,html[data-theme=dark] .auth-card textarea{background:#12171f}html[data-theme=dark] .auth-card input:focus,html[data-theme=dark] .auth-card select:focus,html[data-theme=dark] .auth-card textarea:focus{background:#141518}html[data-theme=dark] .photo-drop{border:2px dashed #3c4552;background:#12171f}html[data-theme=dark] .photo-drop:hover,html[data-theme=dark] .file-hidden:focus+.photo-drop{background:#290e0a}html[data-theme=dark] .my-status.live{background:#1b2e21}html[data-theme=dark] .my-status.wait{background:#3b2d0f;color:#f6bd59}html[data-theme=dark] .pf-hero{background:#141518}html[data-theme=dark] .pf-avatar-wrap .avatar-xl{border:4px solid #24272b;background:#2f1414}html[data-theme=dark] .pf-camera{border:3px solid #24272b}html[data-theme=dark] .pf-bio{color:#a4b1c0}html[data-theme=dark] .pf-social{background:#191d23}html[data-theme=dark] .pf-social:hover:before{background:#141518}html[data-theme=dark] .pf-card{background:#141518}html[data-theme=dark] .pf-balance>div{border:1px solid #305e42}html[data-theme=dark] .pf-method input:checked+span{background:#2a0a0a}html[data-theme=dark] .pf-hint{color:#e89562}html[data-theme=dark] .pf-status{background:#3d2e0f;color:#ecb15e}html[data-theme=dark] .pf-status.paid{background:#182e21;color:#7ae29c}html[data-theme=dark] .pf-status.rejected{background:#320e0e}html[data-theme=dark] .photo-preview{border:2px solid #24272b}html[data-theme=dark] .mem-nums .hl{background:#102e1c;border:1px solid #305e42}html[data-theme=dark] .my-btn{background:#141518}html[data-theme=dark] .my-btn,html[data-theme=dark] .my-actions a.my-btn,html[data-theme=dark] .my-actions button.my-btn{background:#141518}html[data-theme=dark] .follow-btn.on{background:#141518}html[data-theme=dark] .notif-row.unread{background:#280a0a}html[data-theme=dark] a.pf-follow{background:#141518}html[data-theme=dark] .person-card{background:#141518}@media(max-width:760px){html[data-theme=dark] .bottom-nav{background:#141518}html[data-theme=dark] .bn-initial{background:#2f1414}}@media(max-width:760px){html[data-theme=dark] .site-nav{background:#141518}}html[data-theme=dark] .range-tabs a{background:#141518}html[data-theme=dark] .auth-card .button.google-btn{background:#141518;border:1.5px solid #3f454d;color:#acb2bc}html[data-theme=dark] .auth-card .button.google-btn:hover{background:#181b1e;color:#acb2bc}html[data-theme=dark] .auth-card .button.google-btn:active{background:#1f2223}html[data-theme=dark] .mode-btn.on,html[data-theme=dark] .mode-btn.on:hover{background:#141518}html[data-theme=dark] .video-drop.has-video{background:#290e0a}html[data-theme=dark] .add-photo-btn{border:2px dashed #3c4552;background:#141518}html[data-theme=dark] .pf-menu{background:#141518}html[data-theme=dark] .an-card{background:#141518}html[data-theme=dark] .an-panel{background:#141518}html[data-theme=dark] .an-legend .v{background:#141f4b}html[data-theme=dark] .an-bar{background:#141f4b}html[data-theme=dark] .an-earn{background:#102e1c;border:1px solid #276d3f}html[data-theme=dark] .an-earn small{color:#8bb79e}html[data-theme=dark] .an-earn span{color:#8bb79e}html[data-theme=dark] .mi-ic{color:#969fab}html[data-theme=dark] .pf-menu .mi-out button{border:1px solid #702f39;background:#141518}html[data-theme=dark] .info-page p{color:#a4b1c0}html[data-theme=dark] .ca-sheet{background:#141518}html[data-theme=dark] .ca-card{background:#141518}html[data-theme=dark] .ca-body small.ok{color:#73e19c}html[data-theme=dark] .ca-badge.wait{background:#403310;color:#f7c567}html[data-theme=dark] .pp-follow{background:#1e2125}html[data-theme=dark] .pp-follow.on{background:#141518}html[data-theme=dark] .pf-pill.on{background:#141518}html[data-theme=dark] .mp.pf-card{border:1px solid #4a4338;background:#141518}html[data-theme=dark] .mp-bar{background:#231f16;border-bottom:1px solid #4a4132}html[data-theme=dark] .mp-new:hover{color:#f0dec7}html[data-theme=dark] .my-table.mp-list{background:#141518}html[data-theme=dark] .mp-list .my-prompt.mp-item{border:1px solid #4a4132;background:#141518}html[data-theme=dark] .mp-list .my-prompt.mp-item:nth-child(even){background:#141518}html[data-theme=dark] .mp-list .my-prompt.mp-item:last-child{border-bottom:1px solid #4a4132}html[data-theme=dark] .mp-item .my-status.live{background:#192c21;border-color:#365947;color:#73e19c}html[data-theme=dark] .mp-item .my-status.wait{background:#382b0e;border-color:#6f5d2c;color:#f6bd59}html[data-theme=dark] .mp-item .my-btn,html[data-theme=dark] .mp-item .my-actions a.my-btn,html[data-theme=dark] .mp-item .my-actions button.my-btn{border:1px solid #574f3e;background:#141518}html[data-theme=dark] .mp-item .my-btn:hover{background:#2d220b;color:#edc984}html[data-theme=dark] .mp-item .mp-del button,html[data-theme=dark] .pf-card .fold-body .mp-del button{border:1px solid #532f2f;background:#280a0a}html[data-theme=dark] .mp-item .mp-del button:hover{background:#320c0c}html[data-theme=dark] .mp-empty-ico{background:#382d14}html[data-theme=dark] .earn-rule{background:#231f16;border:1px solid #4a4132}html[data-theme=dark] .earn-wait{background:#382b0e;border:1px solid #6f5d2c;color:#f8c875}html[data-theme=dark] .earn-form{border:1px solid #4a4132;background:#141518}html[data-theme=dark] .earn .pf-method span{border:1.5px solid #534b3a;background:#141518}html[data-theme=dark] .earn .pf-method input:checked+span{background:#2d220b;color:#edc984}html[data-theme=dark] .earn-form input[type=number]{border:1.5px solid #534b3a}html[data-theme=dark] .earn .pf-hint{background:#382b0e;color:#f7c567}html[data-theme=dark] .earn-list li{border:1px solid #4a4132;border-bottom:1px solid #4a4132;background:#141518}html[data-theme=dark] .earn-ico{background:#3d2e0f;color:#ecb15e}html[data-theme=dark] .earn-ico.paid{background:#182e21;color:#7ae29c}html[data-theme=dark] .earn-ico.rejected{background:#320e0e}html[data-theme=dark] .account-card.auth-card.prompt-card{border:1px solid #4a4338;background:#141518}html[data-theme=dark] .prompt-card>.notice{background:#382b0e;border:1px solid #6f5d2c;color:#f8c875}html[data-theme=dark] .prompt-card>.account-switch a{color:#d7b76c}html[data-theme=dark] .prompt-card input:not([type=file]),html[data-theme=dark] .prompt-card select,html[data-theme=dark] .prompt-card textarea{border:1.5px solid #534b3a;background:#271d0a}html[data-theme=dark] .prompt-card input:focus,html[data-theme=dark] .prompt-card select:focus,html[data-theme=dark] .prompt-card textarea:focus{background:#141518}html[data-theme=dark] .prompt-card .mode-switch{background:#30291d}html[data-theme=dark] .prompt-card .photo-drop:hover,html[data-theme=dark] .prompt-card .file-hidden:focus+.photo-drop{background:#33280d}html[data-theme=dark] .prompt-card .photo-drop.has-photo{border-color:#615536}html[data-theme=dark] .prompt-card .video-info.ok{color:#73e19c}html[data-theme=dark] .prompt-card .video-progress progress{background:#3a3221}html[data-theme=dark] .prompt-card .video-progress progress::-webkit-progress-bar{background:#3a3221}html[data-theme=dark] .prompt-card .add-photo-btn{background:#141518;color:#edc984}html[data-theme=dark] .prompt-card .add-photo-btn:hover{background:#2d220b}html[data-theme=dark] .prompt-card #video-prompt-box:not([hidden]){background:#2c2515;border:1px solid #635530}html[data-theme=dark] .prompt-card #video-prompt-box>span{color:#edc984}html[data-theme=dark] .sec.pf-card{border:1px solid #4a4338}html[data-theme=dark] .sec input:not([type=file]):not([type=checkbox]):not([type=radio]),html[data-theme=dark] .sec select,html[data-theme=dark] .sec textarea{border:1.5px solid #534b3a;background:#271d0a}html[data-theme=dark] .sec input:focus,html[data-theme=dark] .sec select:focus,html[data-theme=dark] .sec textarea:focus{background:#141518}html[data-theme=dark] .sec input[readonly]{background:#2c2515;color:#e2d0a4}html[data-theme=dark] .sec .pf-rule{background:#231f16;border:1px solid #4a4132}html[data-theme=dark] .sec .pf-sub{border-top:1px solid #4a4132;color:#d7b76c}html[data-theme=dark] .sec .button.secondary.full{background:#141518;border:1.5px solid #574f3e}html[data-theme=dark] .sec .button.secondary.full:hover{background:#2d220b;color:#edc984}html[data-theme=dark] .sec-edit .photo-field{background:#2c2515;border:1px solid #635530}html[data-theme=dark] .sec-edit .photo-field .avatar,html[data-theme=dark] .sec-edit .photo-preview{border:3px solid #24272b}html[data-theme=dark] .sec-refer #ref-link{color:#e2d0a4}html[data-theme=dark] .sec-refer .pf-balance>div{background:#141518;border:1px solid #4a4132}html[data-theme=dark] .sec-refer .pf-balance>div+div{background:#141518;border-color:#4a4132}html[data-theme=dark] .sec-refer .pf-list li{border:1px solid #4a4132;background:#141518}html[data-theme=dark] .sec .pf-hint{background:#382b0e;color:#f7c567}@media(max-width:760px){html[data-theme=dark] body.search-open .site-top .search:not(.is-open){background:#141518}}
html[data-theme=dark] .site-header{background:#0e1217}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#1b222c;color:var(--ink);border-color:#34404d}html[data-theme=dark] ::placeholder{color:#7d8a99}html[data-theme=dark] .theme-toggle .i-moon{display:none}html[data-theme=dark] .theme-toggle .i-sun{display:block}

/* Photo page "more" menu (bottom sheet) */
.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}
.sheet-back{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.sheet-panel{position:relative;width:min(560px,100%);background:#fff;border-radius:22px 22px 0 0;padding:64px 12px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.sheet-x{position:absolute;top:14px;left:14px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sheet-item{display:flex;align-items:center;gap:16px;width:100%;padding:14px 12px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:600;text-align:left;text-decoration:none;border-radius:12px;cursor:pointer}
.sheet-item:hover,.sheet-item:active{background:var(--soft,#f3f4f6)}
html.sheet-open{overflow:hidden}
html[data-theme=dark] .sheet-panel{background:#141518}html[data-theme=dark] .sheet-item:hover,html[data-theme=dark] .sheet-item:active{background:#1e2125}

/* Delete profile (Edit profile page): warm rose card that matches the cream + gold form, red pill like the Save button */
.sec .pf-delete{margin:18px 0 6px;border:1.5px solid #f0d2cd;border-radius:20px;background:#fff7f5;padding:0 16px;transition:box-shadow .2s}
.sec .pf-delete[open]{box-shadow:0 18px 34px -26px rgba(198,40,40,.7)}
.sec .pf-delete>summary{display:flex;align-items:center;gap:10px;min-height:54px;cursor:pointer;font-weight:800;font-size:16px;color:#b3261e;list-style:none}
.sec .pf-delete>summary::-webkit-details-marker{display:none}
.sec .pf-delete>summary svg:first-child{flex:none;padding:7px;box-sizing:content-box;width:20px;height:20px;border-radius:12px;background:#fde4e0}
.sec .pf-delete .pf-del-chev{margin-left:auto;transition:transform .2s}.sec .pf-delete[open] .pf-del-chev{transform:rotate(180deg)}
.sec .pf-delete p{color:#7a5a55;font-size:14px;line-height:1.5;margin:2px 0 14px}
.sec .pf-delete label{display:block;font-size:14px;font-weight:700;color:#4a2b27}
.sec .pf-delete input{margin-top:8px;border-color:#efd5d0;background:#fff}
.sec .pf-delete input:focus{border-color:#d9534f;box-shadow:0 0 0 4px rgba(217,83,79,.15)}
.sec .pf-delete-btn{display:block;width:100%;height:50px;margin:16px 0 16px;border:0;border-radius:999px;font:inherit;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e5584f,#b3261e);box-shadow:0 14px 26px -14px rgba(179,38,30,.95);cursor:pointer}
.sec .pf-delete-btn:hover{filter:brightness(1.06)}
html[data-theme=dark] .sec .pf-delete{background:#241615;border-color:#5a2f2b}
html[data-theme=dark] .sec .pf-delete>summary{color:#ff8a80}html[data-theme=dark] .sec .pf-delete>summary svg:first-child{background:#3a1f1c}
html[data-theme=dark] .sec .pf-delete p{color:#c9a9a4}html[data-theme=dark] .sec .pf-delete label{color:#f0d6d2}
html[data-theme=dark] .sec .pf-delete input{background:#141518;border-color:#5a2f2b}

/* Photo slider: cover first, swipe sideways for the other photos */
.article>.ps{position:relative;width:88%;margin:0 auto 14px}
.ps-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:16px;background:var(--soft)}
.ps-track::-webkit-scrollbar{display:none}
.ps-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}
.ps-slide img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}
.ps-count{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;font-weight:700}
.ps-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 0}
.ps-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c9ced6;cursor:pointer}
.ps-dots button.on{background:#c00000;width:18px;border-radius:4px}

/* Photo count on cards (posts with more than one photo) */
.photo-count{position:absolute;right:10px;top:10px;z-index:2;display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;font-weight:700;line-height:1}
.video-badge+.photo-count{top:46px}

/* Followers / following list */
.pf-counts a{color:inherit;text-decoration:none}
.people-page{max-width:640px;margin:0 auto;padding:6px 14px 90px}
.people-top{display:flex;align-items:center;gap:14px;padding:10px 0}.people-top h1{margin:0;font-size:20px}.people-back{font-size:24px;color:var(--ink);text-decoration:none}
.people-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:6px}.people-tabs a{flex:1;text-align:center;padding:12px 0;color:var(--muted);font-weight:700;text-decoration:none;border-bottom:3px solid transparent}.people-tabs a.on{color:var(--ink);border-bottom-color:#c00000}
.people-list{display:block;list-style:none;margin:0;padding:0}.people-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 0;border-bottom:1px solid var(--line)}.people-row:last-child{border-bottom:0}.people-row form{flex:none;margin:0}
.people-who{display:flex;flex:1;align-items:center;gap:12px;min-width:0;color:var(--ink);text-decoration:none}.people-who span{display:flex;flex-direction:column;min-width:0}.people-who b{font-size:15px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-who small{color:var(--muted);font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-btn{flex:none;min-width:92px;padding:6px 14px;font-size:13px;line-height:1.3;text-align:center;border:0;border-radius:8px;background:#c00000;color:#fff;font:inherit;font-weight:700;cursor:pointer}.people-btn.on{background:#f1f1f3;color:var(--ink)}

/* Followers list: round avatars (the base .avatar has no size of its own) */
.people-list .avatar,.people-top .avatar{width:44px;height:44px;flex:none}
.people-list .avatar img,.people-top .avatar img,.dm-inbox .avatar img,.dm-head .avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Messages: inbox like Instagram */
.dm-inbox{max-width:640px;margin:0 auto;padding:6px 14px 90px}
.dm-inbox h1{margin:0;padding:12px 0 8px;font-size:24px}
.dm-row{display:flex;align-items:center;gap:14px;padding:10px 0;color:var(--ink);text-decoration:none}
.dm-row .avatar{width:56px;height:56px;border:0;box-shadow:none}
.dm-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-row-text b{font-weight:500;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-row-text span{color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-row.unread .dm-row-text b,.dm-row.unread .dm-row-text span{color:var(--ink);font-weight:700}
.dm-dot{flex:none;min-width:10px;height:10px;border-radius:50%;background:#c00000}
.dm-count{flex:none;min-width:22px;padding:3px 7px;border-radius:999px;background:#c00000;color:#fff;font-size:12px;font-weight:700;text-align:center}

/* Messages: chat like Instagram (the site header and footer are hidden on this page) */
body.dm-chat .site-header,body.dm-chat .site-footer{display:none}
.dm-page{max-width:640px;margin:0 auto;padding:0 12px}
.dm-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 0;background:var(--bg,#fff);border-bottom:1px solid var(--line)}
.dm-back{font-size:26px;line-height:1;color:var(--ink);text-decoration:none;padding:0 6px 0 0}
.dm-head .avatar{width:40px;height:40px;border:0;box-shadow:none}
.dm-who{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.dm-who span{display:flex;flex-direction:column;min-width:0}.dm-who b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-who small{color:var(--muted);font-size:12px}
.dm-list{display:flex;flex-direction:column;gap:4px;padding:14px 0 130px}
.dm-msg{max-width:78%;padding:9px 14px;border-radius:20px;background:#efefef;color:#111;font-size:16px;line-height:1.35}
.dm-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.dm-msg.me{align-self:flex-end;background:#c00000;color:#fff}.dm-msg.them{align-self:flex-start}
.dm-msg.gap{margin-top:10px}
.dm-time{align-self:center;margin:12px 0 4px;color:var(--muted);font-size:12px}
.dm-form{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg,#fff)}
.dm-box{max-width:616px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;border-radius:26px;background:#efefef}
.dm-box textarea{flex:1;min-width:0;resize:none;max-height:120px;padding:8px 0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;line-height:1.35}
.dm-box button{flex:none;padding:9px 16px;border:0;border-radius:20px;background:#c00000;color:#fff;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:760px){.dm-form{bottom:calc(47px + env(safe-area-inset-bottom,0px));padding-bottom:8px}}
.bottom-nav a{position:relative}.bn-dot{position:absolute;top:6px;right:calc(50% - 16px);width:9px;height:9px;border-radius:50%;background:#c00000;border:2px solid #fff}

/* Messages inbox v2: Instagram look (big round avatars, search, All/Unread tabs, no footer) */
body.dm-inbox-page .site-footer{display:none}
.avatar-md{width:56px;height:56px;font-size:22px}
.dm-inbox{max-width:640px;margin:0 auto;padding:4px 16px 100px}
.dm-top{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px}.dm-top h1{margin:0;padding:0;font-size:26px;font-weight:800;letter-spacing:-.01em}
.dm-search{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:12px;background:#efefef;color:#737373}
.dm-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:0}
.dm-tabs{display:flex;gap:8px;padding:12px 0 8px}
.dm-tabs button{padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.dm-tabs button.on{background:#efefef;border-color:#efefef}
.dm-tabs button i{font-style:normal;margin-left:4px;padding:1px 7px;border-radius:999px;background:#c00000;color:#fff;font-size:12px}
.dm-inbox .dm-row{gap:14px;padding:10px 0}
.dm-inbox .dm-row .avatar{width:64px;height:64px;font-size:26px;border:0;box-shadow:none}
.dm-inbox .dm-row-text b{font-size:16px;font-weight:600}
.dm-inbox .dm-row-text span{font-size:14px}
.dm-inbox .dm-row.unread .dm-row-text b,.dm-inbox .dm-row.unread .dm-row-text span{font-weight:700;color:var(--ink)}
.dm-inbox .dm-dot{width:10px;height:10px;min-width:10px;background:#c00000}
.dm-none{text-align:center;padding:30px 0}
html[data-theme=dark] .dm-search,html[data-theme=dark] .dm-tabs button.on{background:#262626;border-color:#262626}
.dm-inbox .dm-row[hidden]{display:none}

/* ===== Messages v3: chat locked to the visible screen (keyboard-safe), photo send, Active now, Requests ===== */
.dm-av{position:relative;flex:none;display:inline-flex}
.dm-on{position:absolute;right:1px;bottom:1px;width:15px;height:15px;border-radius:50%;background:#2ecc40;border:3px solid var(--bg,#fff);box-sizing:border-box}
.dm-head .dm-on{width:12px;height:12px;border-width:2px}
.dm-note{font-size:13px;line-height:1.4;padding:4px 2px 0;margin:0}
.dm-tabs button{white-space:nowrap}

body.dm-chat{position:fixed;inset:0;width:100%;overflow:hidden;overscroll-behavior:none}
body.dm-chat .site-header,body.dm-chat .site-footer,body.dm-chat .bottom-nav{display:none!important}
.dm-page{position:fixed;left:0;right:0;top:0;height:var(--vvh,100dvh);transform:translateY(var(--vvt,0px));max-width:640px;margin:0 auto;padding:0;display:flex;flex-direction:column;background:var(--bg,#fff);overflow:hidden}
.dm-head{position:static;flex:none;padding:8px 12px 8px 6px;gap:4px}
.dm-back{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%}
.dm-who{gap:12px;flex:1}
.dm-who-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dm-who-t b{font-size:16px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-who-t small{font-size:12.5px;color:var(--muted)}
.dm-flash{flex:none;margin:8px 12px 0;padding:9px 12px;border-radius:10px;font-size:14px;background:#fdecec;color:#9b1c1c}
.dm-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 12px 10px}
.dm-list>:first-child{margin-top:auto}
.dm-form{position:static;flex:none;left:auto;right:auto;bottom:auto;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.dm-preview{position:relative;display:inline-block;margin:0 0 8px 4px}
.dm-preview img{display:block;height:88px;width:auto;max-width:200px;object-fit:cover;border-radius:14px}
.dm-preview button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#222;color:#fff;font-size:17px;line-height:24px;cursor:pointer}
.dm-box{max-width:none;align-items:flex-end;gap:6px;padding:5px;border-radius:26px;background:#f0f0f0}
.dm-attach{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c00000;color:#fff;cursor:pointer}
.dm-box textarea{padding:9px 4px;font-size:16px}
.dm-box .dm-send{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;background:#c00000;color:#fff;transition:opacity .15s}
.dm-box .dm-send:disabled{opacity:.3;cursor:default}
.dm-msg{max-width:min(78%,420px)}
.dm-msg.pic-only{padding:0;background:transparent}.dm-msg.pic-only.me{background:transparent}
.dm-msg:has(.dm-pic){padding:4px}.dm-msg:has(.dm-pic) p{padding:5px 10px 4px}
.dm-pic{display:block;width:min(260px,62vw)}.dm-pic img{display:block;width:100%;height:auto;border-radius:16px;background:#e6e6e6}
html[data-theme=dark] .dm-box{background:#262626}html[data-theme=dark] .dm-msg.them{background:#262626;color:#f2f2f2}html[data-theme=dark] .dm-flash{background:#2b0b0b;color:#f2b8b8}html[data-theme=dark] .dm-on{border-color:#141518}

/* Message box v4: compact like Instagram - camera on the left, gallery icon on the right, Send appears when there is something to send */
.dm-form{padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px))}
.dm-box{gap:4px;padding:4px;border-radius:24px;min-height:44px;align-items:center}
.dm-attach{width:34px;height:34px}
.dm-box textarea{padding:8px 6px;font-size:15px;line-height:1.3;max-height:110px}
.dm-gal{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink);cursor:pointer}
.dm-box .dm-send{width:34px;height:34px;display:none}
.dm-box.ready .dm-send{display:grid}.dm-box.ready .dm-gal{display:none}
.dm-preview img{height:72px}
.dm-head{padding:6px 10px 6px 4px}.dm-head .avatar{width:38px;height:38px}
.dm-msg{font-size:15px;padding:8px 13px;border-radius:19px}
.dm-who-t b{font-size:15px}.dm-who-t small{font-size:12px}

/* Message box v5: Send always visible, fixed height, status next to the name in the inbox */
.dm-box{align-items:center;min-height:0;height:auto;padding:4px 5px}
.dm-box textarea{height:36px;min-height:36px;margin:0;padding:8px 6px;border:0!important;box-shadow:none!important;background:transparent!important;box-sizing:border-box;display:block;align-self:center}
.dm-box .dm-send{display:grid!important}
.dm-box.ready .dm-gal{display:grid}
.dm-form{padding-top:6px}
.dm-nm{display:flex;align-items:baseline;gap:8px;min-width:0}
.dm-nm b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-nm .dm-st{flex:none;font-size:12px;font-weight:400!important;color:var(--muted)}
.dm-nm .dm-st.on{color:#1fa83a;font-weight:600!important}

/* Profile: more menu (Report / Block) and blocked chat */
.pf-actions.has-more{grid-template-columns:1fr 1fr 52px}.pf-actions.has-more.only-more{grid-template-columns:1fr 52px}
.pf-off{color:var(--muted);font-weight:600;font-size:15px}
.pf-more{position:relative}.pf-more>summary{list-style:none;cursor:pointer;padding:12px 0;height:100%;box-sizing:border-box}.pf-more>summary::-webkit-details-marker{display:none}
.pf-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:min(300px,86vw);padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg,#fff);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.pf-rep>summary,.pf-pop-item{display:block;width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;list-style:none}
.pf-rep>summary::-webkit-details-marker{display:none}.pf-rep>summary:hover,.pf-pop-item:hover{background:var(--soft)}
.pf-pop-item.danger{color:#c00000}
.pf-rep form{display:flex;flex-direction:column;gap:8px;padding:4px 6px 8px}
.pf-rep select,.pf-rep textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px}
.pf-pop-btn{padding:11px;border:0;border-radius:10px;background:#c00000;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.dm-blocked{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:14px}.dm-blocked p{margin:0}
.dm-blocked form{margin:0}.dm-unblock{padding:9px 22px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}

/* Report / Block menu now lives in the top bar, right corner */
.pf-actions.has-more,.pf-actions.has-more.only-more{grid-template-columns:1fr 1fr}
.pf-top-more{margin:0 0 0 auto;flex:none}
.pf-top-more>summary.pf-top-btn{width:40px;height:40px;padding:0;border-radius:50%;border:0;background:none;display:flex;align-items:center;justify-content:center}
.pf-top-more>summary.pf-top-btn:hover,.pf-top-more[open]>summary.pf-top-btn{background:var(--soft)}
.pf-top-more .pf-pop{right:0;top:calc(100% + 4px)}

/* Profile pages (user profile + my account): compact spacing */
.pf-app{margin-bottom:8px}
.pf-top{padding:0 0 2px;gap:6px}
.pf-top-btn{width:38px;height:38px}
.pf-top-more>summary.pf-top-btn{width:36px;height:36px}
.pf-top-title{font-size:18px}
.pf-row{gap:16px;margin:0 0 8px}
.pf-avatar-round .avatar-xl,.pp-avatar .avatar-xl{width:78px;height:78px}
.pf-row-info .pf-name{font-size:18px;margin:0 0 4px;line-height:1.25}
.pf-counts{gap:2px 14px;font-size:14px}.pf-counts b{font-size:16px}
.pf-bio-left,.pp-bio{margin:0 0 4px!important;line-height:1.4}
.pf-socials-left,.pp-socials{margin:0 0 6px!important}
.pf-actions{gap:8px;margin:2px 0 8px}
.pf-pill{padding:9px 10px;font-size:15px;border-radius:12px}
.photo-home{padding-top:0}
.pp{padding-bottom:80px}
.pp .empty.panel{padding:18px 12px;margin-top:0}.pp .empty.panel h2{margin:0;font-size:17px}
.pf-empty{padding:24px 12px 20px}.pf-empty-icon{width:64px;height:64px;margin-bottom:4px}

/* Profile pages v3: smaller, lighter text and smaller buttons */
.pf-top-title{font-size:16px;font-weight:600}
.pf-top-btn,.pf-top-more>summary.pf-top-btn{width:34px;height:34px}
.pf-top-btn svg{width:22px;height:22px}
.pf-avatar-round .avatar-xl,.pp-avatar .avatar-xl{width:68px;height:68px;font-size:28px}
.pf-row{gap:14px;margin:0 0 6px}
.pf-row-info .pf-name{font-size:16px;font-weight:600;margin:0 0 2px}
.pf-counts{font-size:13px;gap:2px 12px}.pf-counts b{font-size:14px;font-weight:600}
.pf-bio-left,.pp-bio{font-size:13px;margin:0 0 2px!important}
.pp-social,.pp-socials{font-size:13px}.pp-social svg{width:16px;height:16px}
.pf-socials-left,.pp-socials{margin:0 0 4px!important}
.pf-actions{gap:6px;margin:0 0 6px}
.pf-pill,button.pf-pill,a.pf-pill{padding:7px 8px;font-size:13.5px;font-weight:600;border-radius:10px;gap:6px}
.pf-pill svg{width:16px;height:16px}
.pp .empty.panel{padding:12px}.pp .empty.panel h2{font-size:14px;font-weight:600}
.pf-pop{font-size:14px}.pf-rep>summary,.pf-pop-item{padding:10px 12px;font-size:14px;font-weight:600}
.pf-rep select,.pf-rep textarea{font-size:14px;padding:8px}.pf-pop-btn{padding:9px;font-size:14px}

/* Privacy page (Public / Private account) */
.prv{display:grid;gap:16px}
.prv-status{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1.5px solid var(--line);background:#fff}
.prv-status.is-public{background:linear-gradient(135deg,#f1fbf4,#fff);border-color:#bfe5cb}
.prv-status.is-private{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#f0c4c4}
.prv-badge{flex:none;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#fff;box-shadow:0 8px 20px -10px rgba(20,32,47,.35)}
.prv-status small{display:block;color:var(--muted);font-size:12.5px}
.prv-status strong{font-size:22px;line-height:1.2}
.prv-status p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.prv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.prv-stats>div{text-align:center;padding:12px 6px;border:1.5px solid var(--line);border-radius:14px;background:#fff}
.prv-stats b{display:block;font-size:19px}
.prv-stats span{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.prv-form{display:grid;gap:10px}
.prv-opt{margin:0;cursor:pointer;display:block}
.prv-opt input{position:absolute;opacity:0;width:1px;height:1px}
.prv-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 44px 14px 14px;border:2px solid var(--line);border-radius:16px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.prv-card>i{font-style:normal;font-size:24px;line-height:1.2}
.prv-card strong{display:block;font-size:16px}
.prv-card small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--muted);font-weight:400}
.prv-tick{position:absolute;right:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:2px solid #cfd5dc;background:#fff}
.prv-opt input:checked+.prv-card{border-color:var(--accent);background:#fff5f5;box-shadow:0 10px 22px -16px rgba(180,30,40,.6)}
.prv-opt input:checked+.prv-card .prv-tick{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px #fff}
.prv-opt input:focus-visible+.prv-card{outline:3px solid #216ad0;outline-offset:2px}
.prv-notes{margin:0;padding:0 0 0 18px;display:grid;gap:6px;font-size:13px;color:var(--muted);line-height:1.45}
.pf-locked{text-align:center;padding:28px 16px!important}
.pf-locked .pf-lock{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 8px;border-radius:50%;border:2px solid var(--line);font-size:26px;background:#fff}
.pf-locked p{margin:4px 0 0;color:var(--muted);font-size:14px}
html[data-theme=dark] .prv-status,html[data-theme=dark] .prv-stats>div,html[data-theme=dark] .prv-card,html[data-theme=dark] .prv-badge,html[data-theme=dark] .pf-locked .pf-lock{background:#1b1d22}
html[data-theme=dark] .prv-status.is-public{background:#14261b;border-color:#2a5a3a}
html[data-theme=dark] .prv-status.is-private{background:#2a1618;border-color:#5a2a2e}
html[data-theme=dark] .prv-opt input:checked+.prv-card{background:#2a1618}
html[data-theme=dark] .prv-tick{background:#1b1d22;border-color:#4a525c}

/* Messages v3: tighter spacing, smaller neat text */
.dm-inbox{padding:0 14px 90px}
.dm-top{padding:2px 0 8px}.dm-top h1{font-size:20px;font-weight:700}
.dm-search{height:36px;gap:8px;padding:0 12px;border-radius:10px}
.dm-search svg{width:16px;height:16px}
.dm-search input{font-size:14px}
.dm-tabs{gap:6px;padding:10px 0 4px}
.dm-tabs button{padding:5px 14px;font-size:12.5px;font-weight:600}
.dm-tabs button i{padding:0 6px;font-size:11px;margin-left:3px}
.dm-inbox .dm-row{gap:12px;padding:7px 0}
.dm-inbox .dm-row .avatar{width:48px;height:48px;font-size:20px}
.dm-inbox .dm-row-text{gap:1px}
.dm-inbox .dm-row-text b{font-size:14.5px;font-weight:600}
.dm-inbox .dm-row-text span{font-size:12.5px}
.dm-on{width:12px;height:12px;border-width:2px}
.dm-note{font-size:12px}
.dm-none,.notif-empty{font-size:13px}
.dm-gone{margin:0;font-size:13px;font-style:italic;opacity:.85}

/* Chat photo viewer (opens when a photo in a chat is tapped) */
html.pv-on,html.pv-on body{overflow:hidden}
.pv{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:rgba(10,10,12,.96);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pv[hidden]{display:none}
.pv-top{flex:none;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px 8px;background:linear-gradient(#000a,#0000)}
.pv-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;padding:0}
.pv-x:hover{background:rgba(255,255,255,.24)}
.pv-meta{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pv-meta b{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-meta small{font-size:12px;color:#c9ced6}
.pv-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:6px 10px;-webkit-overflow-scrolling:touch}
.pv-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 18px 50px -12px #000;opacity:0;transform:scale(.97);transition:opacity .22s,transform .22s;cursor:zoom-in}
.pv.ready .pv-stage img{opacity:1;transform:none}
.pv.zoom .pv-stage{align-items:flex-start;justify-content:flex-start}
.pv.zoom .pv-stage img{max-width:none;max-height:none;width:200%;border-radius:0;cursor:zoom-out}
.pv-bottom{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#000a)}
.pv-left{font-size:12px;color:#c9ced6}
.pv-dl{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:#fff;color:#111;font-size:13.5px;font-weight:650;text-decoration:none}
.pv-dl:hover{background:#eee}

/* Chat: small copy button at the end of a text message */
.dm-line{display:flex;align-items:flex-end;gap:6px}
.dm-line p{min-width:0}
.dm-copy{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;margin:0 -6px -3px 0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.42;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,background .15s}
.dm-copy:hover,.dm-copy:focus-visible{opacity:.85;background:rgba(127,127,127,.2)}
.dm-copy .i-ok{display:none}
.dm-copy.done{opacity:1;color:#1f9d55}.dm-msg.me .dm-copy.done{color:#fff;background:rgba(255,255,255,.28)}
.dm-copy.done .i-copy{display:none}.dm-copy.done .i-ok{display:block}
.dm-copy.fail{opacity:1;color:#c00000}
.dm-copy-tmp{position:fixed;left:-9999px;top:0;opacity:0}
.dm-msg:has(.dm-pic) .dm-line{padding-right:6px}

/* Message box v6: slim, small pill */
.dm-form{padding:4px 10px calc(6px + env(safe-area-inset-bottom,0px))}
.dm-box{gap:3px;padding:3px 4px;border-radius:20px;min-height:0;background:#f2f2f2}
.dm-box textarea{height:28px;min-height:0;max-height:96px;padding:4px 6px;font-size:14px;line-height:20px}
.dm-attach{width:28px;height:28px}
.dm-gal{width:28px;height:28px}
.dm-box .dm-send{width:28px;height:28px}
.dm-attach svg,.dm-gal svg,.dm-box .dm-send svg{width:15px;height:15px}
.dm-preview{margin-bottom:6px}.dm-preview img{height:64px}
html[data-theme=dark] .dm-box{background:#262626}
.dm-box label{margin:0}

/* Edit page: photos already saved on the post, tick x to remove */
.extra-saved{margin-bottom:8px}.extra-remove{position:absolute;top:4px;right:4px;cursor:pointer}.extra-remove input{position:absolute;opacity:0;pointer-events:none}.extra-remove span{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:1}.extra-remove .x-on{display:none;font-size:12px;font-weight:700;background:#c00000}.extra-remove input:checked~.x-off{display:none}.extra-remove input:checked~.x-on{display:flex}.extra-thumb:has(input:checked) img{opacity:.35}

/* + tile at the end of the photo slider, and photos other creators made with the prompt */
.ps-slide{position:relative}.ps-plus{flex-direction:column;gap:12px;min-height:320px;padding:20px;text-align:center;background:var(--soft)}
.ps-plus p{margin:0;max-width:240px;color:var(--muted);font-size:14px;line-height:1.4}
.ps-plus-btn{width:68px;height:68px;border-radius:50%;border:2px dashed #c00000;background:transparent;color:#c00000;font-size:38px;line-height:1;cursor:pointer}
.ps-plus-btn:disabled{opacity:.5}
.ps-by{position:absolute;left:10px;bottom:10px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;font-weight:600;text-decoration:none}
.results-page{max-width:640px;margin:0 auto;padding:6px 14px 90px}.results-list{list-style:none;margin:0;padding:0}
.results-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.results-img{flex:none;width:96px;height:128px;object-fit:cover;border-radius:12px;background:var(--soft)}
.results-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.results-info a{color:var(--ink);text-decoration:none}.results-info small{color:var(--muted)}
.results-post{font-size:14px;color:var(--muted)!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.results-act{display:flex;gap:8px;align-items:center;margin-top:auto}.results-act form{margin:0}.results-act button{padding:6px 14px;border:0;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.results-ok{background:#c00000;color:#fff}.results-no{background:#f1f1f3;color:var(--ink)}.results-live{font-size:13px;color:var(--muted)}
.an-main{gap:6px}.an-main a{padding:8px 12px;font-size:13.5px}

/* earnings breakdown */
.earn-rule-t{display:block;min-width:0}
.eb{margin:0 0 14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 30px -26px rgba(20,32,47,.6);overflow:hidden}
.eb-total{padding:16px 16px 14px;background:linear-gradient(135deg,#fff8e6,#fdf1d3);border-bottom:1px solid #f1e3bd}
.eb-total small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a6414}
.eb-total strong{display:block;font-size:32px;line-height:1.15;font-weight:800;color:#3b2a05;letter-spacing:-.02em}
.eb-mini{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:13px;color:#6b5320}.eb-mini b{color:#3b2a05}
.eb-group{padding:12px 14px 4px}
.eb-group h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px;font-size:14px;font-weight:800;color:var(--ink);text-transform:none}.eb-group h3 b{color:var(--green)}
.eb-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.eb-group h3+.eb-row{border-top:0}
.eb-ico{flex:0 0 40px;height:40px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:20px}
.eb-info{flex:1;min-width:0}.eb-info strong{display:block;font-size:15px;color:var(--ink)}.eb-info small{display:block;margin-top:1px;font-size:12px;line-height:1.35;color:var(--muted)}
.eb-bar{display:block;height:5px;margin-top:7px;border-radius:99px;background:var(--soft);overflow:hidden}.eb-bar u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d9b25f,#e8c877)}
.eb-ico{margin-top:2px}.eb-amt{margin-top:2px;flex:0 0 84px;width:84px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;color:var(--ink)}
.eb-note{margin:0;padding:8px 16px 14px;font-size:12px}

/* Copy link: choose which photo */
.sheet-pick-head{display:flex;align-items:center;gap:6px;padding:0 4px 8px;font-size:16px}.sheet-pick-head strong{font-weight:800;color:var(--ink)}
.sheet-pick-back{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:30px;line-height:1;cursor:pointer}
.sheet-pick-item{display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:650;text-align:left;cursor:pointer}
.sheet-pick-item:hover,.sheet-pick-item:active{background:var(--soft,#f3f4f6)}
.sp-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--soft,#f3f4f6)}.sp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-done{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--green,#15803d)}
.sheet-pick[hidden]{display:none}
html[data-theme=dark] .sheet-pick-item:hover,html[data-theme=dark] .sheet-pick-item:active{background:#1e2125}
.sheet-item[hidden]{display:none}
.sp-num{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--soft,#f3f4f6);border:1px solid var(--line,#e5e7eb);font-size:13px;font-weight:800}

/* ऐप (इंस्टॉल/TWA) में वेबसाइट वाला फ़ूटर नहीं दिखे; ब्राउज़र में पहले जैसा */
@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){
  .site-footer{display:none!important}
}

/* Profile: Latest / Famous tabs */
.pf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 14px;border-bottom:1px solid var(--line)}
.pf-tab{text-align:center;padding:12px 8px;font-weight:700;font-size:15px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.pf-tab.on{color:var(--ink);border-bottom-color:var(--accent)}
.pf-tab:hover{color:var(--ink)}
/* Earnings page: no outer box around the cards (was a double/triple border), cards use the full width with an equal small gap on both sides */
.sec-earnings.pf-card{border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
html[data-theme=dark] .sec-earnings.pf-card{border:0;background:transparent;box-shadow:none}
.sec-earnings .sec-body{padding:4px 0 22px}
.sec-earnings .earn-hero{margin:6px 0 12px}
.sec-earnings .eb{border:1px solid #e9e4dc;border-radius:22px}
.sec-earnings .eb-group{padding:12px 16px 4px}

/* Dashboard v2: views chart, ranking lists, attention list (no inline styles: the page policy blocks them) */
.dash .stat small{margin-top:2px;white-space:normal;line-height:1.35}.dash .stat .up{color:var(--green)}.dash .stat .down{color:#b91c1c}.small-note{font-size:13px}
.dash-chart svg{display:block;width:100%;height:auto;max-height:230px}.ch-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.ch-bar{fill:#e8b4b4}.ch-bar.now{fill:var(--accent)}.ch-val{font-size:8.5px;fill:var(--muted);font-weight:650}.ch-lab{font-size:9px;fill:var(--muted)}
.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dash-two .panel{margin-bottom:22px}
.rank-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-no{width:18px;text-align:center;color:var(--muted);font-size:13px}.rank-row img,.rank-ph{width:42px;height:42px;border-radius:8px;object-fit:cover;flex:none;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted)}.rank-t{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-v{font-weight:750;font-size:14px}
.cat-row{margin-bottom:14px}.cat-top{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;margin-bottom:5px}.cat-top span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-bar{display:block;width:100%;height:7px}.cb-bg{fill:#eef1f5}.cb-fg{fill:var(--accent)}
.todo-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.todo-row:last-of-type{border-bottom:0}.todo-ic{width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}.todo-t{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:1.3}.todo-t small{font-weight:400;margin-top:2px}.todo-n{min-width:26px;text-align:center;border-radius:20px;padding:2px 8px;font-size:13px;background:#eef1f5;color:var(--muted)}.todo-row.has .todo-ic{background:#fee9e9;color:var(--accent)}.todo-row.has .todo-n{background:var(--accent);color:#fff}.all-clear{margin:14px 0 0;color:var(--green);font-weight:600;font-size:14px}
.person-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}.person-row:last-of-type{border-bottom:0}.person-t{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.person-t small{font-weight:400}.person-row b{font-size:14px}.person-d{white-space:nowrap}.quick-btn{margin-top:12px}
@media(max-width:1000px){.dash-two{grid-template-columns:1fr}}
@media(max-width:760px){.dash-two{gap:0}.dash .stat small{font-size:11px}.dash .stat div>span{white-space:normal}}
html[data-theme=dark] .ch-bar{fill:#5b2a2a}html[data-theme=dark] .ch-bar.now{fill:#e05252}html[data-theme=dark] .cb-bg{fill:#232830}html[data-theme=dark] .cb-fg{fill:#e05252}html[data-theme=dark] .todo-n{background:#232830}html[data-theme=dark] .todo-row.has .todo-ic{background:#320e0e}html[data-theme=dark] .todo-row.has .todo-n{background:#b80000}html[data-theme=dark] .rank-row img,html[data-theme=dark] .rank-ph,html[data-theme=dark] .todo-ic{background:#1d2127}

/* ---- Full photos, no cropping: Related Prompts is now a masonry like the home feed (each photo keeps its own height) ---- */
.photo-media img{height:auto!important;object-fit:contain}
.story-grid.related.is-masonry{display:flex;align-items:flex-start;gap:8px}
.related-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.related-col>.photo-tile{margin:0}
@media(min-width:761px){.story-grid.related.is-masonry{gap:12px}.related-col{gap:12px}}
.story-grid.related{align-items:start}
.related .story .cover,.story-grid.related .story.photo-only .cover{aspect-ratio:auto!important;height:auto;border-radius:16px;overflow:hidden;background:var(--soft)}
.related .story .cover>img,.story-grid.related .cover img{display:block;width:100%;height:auto;object-fit:contain}

/* ---- Profile: cover photo on top + 3 photos per row (Pinterest style) ---- */
.pf-cover{display:block;position:relative;aspect-ratio:16/9;max-height:380px;overflow:hidden;border-radius:16px;background:var(--soft);margin:0 0 12px}
.pf-cover img{display:block;width:100%;height:100%;object-fit:cover}
.pf-cover-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:16/5;background:linear-gradient(135deg,#fde4e4,#fff1dc);color:var(--muted);font-weight:650;border:2px dashed var(--line)}
.pf-cover-empty:hover{color:var(--accent)}
.photo-feed.pf-3 .photo-cols{gap:6px}
.photo-feed.pf-3 .photo-col .photo-tile{margin-bottom:6px;border-radius:12px}
@media(min-width:700px){.photo-feed.pf-3 .photo-cols{gap:10px}.photo-feed.pf-3 .photo-col .photo-tile{margin-bottom:10px;border-radius:16px}}
.photo-feed.pf-3:not(.is-js){column-count:3;column-gap:6px}
.cover-field .cover-preview-box{flex:0 0 120px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:28px}
.cover-field .photo-preview-wide{display:block;width:100%;height:100%;object-fit:cover}

/* ---- Crop screen for profile / cover photo ---- */
.crop-modal{position:fixed;inset:0;z-index:2000;background:rgba(10,14,20,.72);display:flex;align-items:center;justify-content:center;padding:14px}
.crop-sheet{width:min(100%,560px);max-height:100%;overflow:auto;background:#fff;color:var(--ink);border-radius:20px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.crop-title{display:block;font-size:18px;margin:0 0 12px}
.crop-stage{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#111;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.crop-stage:active{cursor:grabbing}
.crop-stage.round{width:min(100%,320px);margin:0 auto;border-radius:50%}
.crop-img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}
.crop-zoom{display:flex;align-items:center;gap:12px;margin:14px 0 4px;font-weight:650}
.crop-zoom input{flex:1;padding:0;border:0;accent-color:var(--accent)}
.crop-hint{font-size:13px;color:var(--muted);margin:6px 0 14px}
.crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-theme=dark] .crop-sheet{background:#1d1f24;color:#f1f1f1}

.crop-bg{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(18px) brightness(.9);pointer-events:none}
.crop-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
.crop-actions button:disabled{opacity:.6}

/* ---- Profile hero: photo/DP/name/counts/bio/links/buttons all INSIDE the cover photo ---- */
.pf-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:20px;margin:0 0 12px;color:#fff;background:linear-gradient(135deg,#3a1d24,#b80000);aspect-ratio:4/5;max-height:620px}
.pf-hero.no-img{aspect-ratio:auto;min-height:270px}
.pf-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pf-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 34%,rgba(0,0,0,0) 62%);pointer-events:none}
.pf-hero-body{position:relative;padding:14px 14px 14px;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.pf-hero-edit{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-size:18px;backdrop-filter:blur(4px)}
.pf-hero-edit:hover{color:#fff;background:rgba(0,0,0,.6)}
.pf-hero .pf-row{margin:0 0 8px}
.pf-hero .pf-name,.pf-hero .pf-counts,.pf-hero .pf-counts a,.pf-hero .pf-counts span,.pf-hero .pf-bio{color:#fff}
.pf-hero .pf-counts{opacity:.92}.pf-hero .pf-counts b{color:#fff}
.pf-hero .pf-avatar-round .avatar-xl{border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.pf-hero .pf-bio{margin:0 0 6px;font-size:14px}
.pf-hero .pp-socials{margin:0 0 10px}
.pf-hero .pp-social{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.pf-hero .pf-actions{margin:6px 0 0}
.pf-hero .pf-pill,.pf-hero button.pf-pill,.pf-hero a.pf-pill{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(6px);text-shadow:none}
.pf-hero .pf-pill.on{background:rgba(255,255,255,.92);color:#14202f}
.pf-hero .pf-pill svg{stroke:currentColor}
@media(min-width:761px){.pf-hero{max-width:560px;margin-left:auto;margin-right:auto}}
.cover-field .cover-preview-box{flex:0 0 96px;aspect-ratio:4/5}

/* ---- Compact hero: only as tall as the info needs, a little photo shows above ---- */
.pf-hero{aspect-ratio:16/10;max-height:none}
.pf-hero.no-img{aspect-ratio:auto;min-height:200px}
.pf-hero-shade{background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.06) 100%)}
.pf-hero-body{padding:10px 12px 12px}
.pf-hero .pf-row{gap:12px;margin:0 0 6px}
.pf-hero .pf-avatar-round .avatar-xl{width:64px;height:64px}
.pf-hero .pf-row-info{text-align:left}
.pf-hero .pf-row-info .pf-name{font-size:17px;margin:0 0 2px}
.pf-hero .pf-counts{font-size:13px}
.pf-hero .pf-bio{font-size:13px;margin:0 0 4px}
.pf-hero .pp-socials{margin:0 0 6px}
.pf-hero .pf-actions{gap:8px;margin:4px 0 0}
.pf-hero .pf-pill,.pf-hero button.pf-pill,.pf-hero a.pf-pill{font-size:14px;padding:7px 8px;min-height:0;line-height:1.3}
.pf-hero-edit{width:34px;height:34px;font-size:16px;right:10px;top:10px}
.cover-field .cover-preview-box{flex:0 0 120px;aspect-ratio:16/10}

/* ---- Cover shows the WHOLE photo (zoomed out, nothing cut); empty sides are filled with a soft blur of the same photo ---- */
.pf-hero-bg{position:absolute;inset:-10%;width:120%;height:120%;max-width:none;object-fit:cover;filter:blur(18px) brightness(.85);pointer-events:none}
.pf-hero-img{object-fit:contain;object-position:center center}

/* ---- Full-screen cover on phones: edge to edge, starts right under the category bar; username + menu sit INSIDE the photo ---- */
.pf-hero-img{object-fit:cover;object-position:center top}
.pf-hero-shade{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 22%),linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 38%,rgba(0,0,0,0) 66%)}
.pf-hero-top{position:absolute;left:0;right:0;top:0;padding:6px 10px 0}
.pf-hero-top .pf-top{padding:0;gap:6px}
.pf-hero-top .pf-top-title,.pf-hero-top .pf-top-btn{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pf-hero-top .pf-top-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.pf-hero-top .pf-top-more>summary.pf-top-btn:hover,.pf-hero-top .pf-top-more[open]>summary.pf-top-btn{background:rgba(255,255,255,.2)}
.pf-hero-edit{top:54px}
.pf-hero{aspect-ratio:1/1}
.pf-hero.no-img{aspect-ratio:auto;min-height:300px}
@media(max-width:760px){.pf-hero{width:100vw;max-width:none;margin:-8px calc(50% - 50vw) 12px;border-radius:0}}
@media(min-width:761px){.pf-hero{aspect-ratio:4/3}}
.cover-field .cover-preview-box{flex:0 0 96px;aspect-ratio:1/1}

/* ---- Shorter cover: info sits close under the username ---- */
.pf-hero{aspect-ratio:5/4;min-height:260px}
.pf-hero.no-img{min-height:260px}
@media(min-width:761px){.pf-hero{aspect-ratio:16/10}}
.cover-field .cover-preview-box{aspect-ratio:5/4}

/* ---- 4:2 (2:1) cover; it never gets shorter than its own text, so the username row and the info never overlap ---- */
.pf-hero,.pf-hero.no-img{aspect-ratio:2/1;min-height:0}
.pf-hero-body{padding-top:46px}
@media(min-width:761px){.pf-hero{aspect-ratio:2/1}}
.cover-field .cover-preview-box{aspect-ratio:2/1}

/* ---- Less empty space between the cover and "Latest Prompts / Famous Prompts" ---- */
.pf-app,.pp .pf-app,.pp-headwrap{margin-bottom:0}
.pf-hero{margin-bottom:0}
.pf-tabs{margin:0 0 8px}
.pf-tab{padding:9px 8px}

/* ---- Upload progress bar (Post / Edit prompt): fixed at the top, shows the real percentage ---- */
.up-bar{position:fixed;left:0;right:0;top:0;z-index:3000;display:flex;align-items:center;gap:10px;min-height:48px;padding:env(safe-area-inset-top,0px) 12px 0 14px;background:#1d1f24;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.35);overflow:hidden}
.up-bar[hidden]{display:none}
.up-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--accent),#ff7a59);transition:width .25s ease}
.up-bar-text{position:relative;flex:1;font-weight:700;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.up-bar-x{position:relative;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:650;cursor:pointer}
.up-bar.indet .up-bar-fill{background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 12px,#ff7a59 12px,#ff7a59 24px);background-size:34px 34px;animation:upstripe .8s linear infinite}
@keyframes upstripe{to{background-position:34px 0}}
.up-bar.err{background:#7f1d1d}.up-bar.err .up-bar-fill{background:#b91c1c;width:100%!important}.up-bar.err .up-bar-x{display:none}
@media(prefers-reduced-motion:reduce){.up-bar.indet .up-bar-fill{animation:none}}

/* Live Users & Apps (admin) */
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#16a34a;margin-right:6px;vertical-align:baseline;animation:livepulse 1.6s infinite}.live-dot.off{background:#b91c1c;animation:none}
@keyframes livepulse{0%{box-shadow:0 0 0 0 #16a34a66}70%{box-shadow:0 0 0 9px #16a34a00}100%{box-shadow:0 0 0 0 #16a34a00}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}
.live .stat{border-radius:14px;box-shadow:0 2px 10px #15202b0d}.live .stat small{margin-top:2px;white-space:normal;line-height:1.35}.live .stat div>span{white-space:normal}
.live-split{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}.live-split>div{display:flex;align-items:center;gap:8px}.live-split strong{font-size:18px}.live-split small{flex-basis:100%;margin:0}
.live-key{display:inline-block;width:11px;height:11px;border-radius:3px;background:#94a3b8}.live-key.pwa{background:#16a34a}.live-key.android{background:#f59e0b}
.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-tile{border:1px solid var(--line);border-radius:12px;padding:14px;background:#f8fafc;min-width:0}.live-tile>span{font-size:12px;color:var(--muted);font-weight:600}.live-tile strong{display:block;font-size:28px;line-height:1.2}.live-tile small{margin-top:2px;white-space:normal}
.live-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
.live-table td,.live-table th{padding:11px 12px;white-space:nowrap}.badge.live-pwa{background:#e9f8ef;color:#147835}.badge.live-android{background:#fff3da;color:#965c0a}.badge.live-web{background:#edf0f4;color:#475569}
.live-info ul{margin:0;padding-left:20px;font-size:14px}.live-info li{margin-bottom:8px}.live-info h2{font-size:19px}
@media(max-width:760px){.live-grid{gap:8px}.live-tile{padding:11px}.live-tile strong{font-size:23px}.live-split{gap:8px 16px}}
html[data-theme=dark] .live-tile{background:#1d2127;border-color:#2a2f37}html[data-theme=dark] .live-info li{color:#c9d1d9}

/* Profile menu button: the visible icon stays small, but the area that reacts to a finger is now about 50px (was 34px), and nothing can sit on top of it. */
.pf-hero-top{z-index:3}
.pf-top-btn{position:relative;-webkit-tap-highlight-color:transparent}
.pf-top-btn::after{content:"";position:absolute;inset:-6px -8px -10px -10px}
.pf-hero-top .pf-top-btn{width:40px;height:40px}
.pf-hero-top .pf-top{min-height:40px}

/* Settings drawer: always above the pinned category bar (z 40), bottom bar (z 50) and other fixed bars; close button keeps normal colours now that it is outside the hero */
.pf-scrim{z-index:3500}
.pf-menu{z-index:3501;top:0;bottom:0;height:100%;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:#fff}
.pf-menu .pf-top-btn{color:var(--ink);text-shadow:none;width:40px;height:40px}
.pf-menu .pf-top-btn svg{filter:none}
html[data-theme=dark] .pf-menu{background:#141518}

/* Login: "Forgot password?" link under the password box */
.forgot-row{margin:-4px 0 14px;text-align:right;font-size:14px}.forgot-row a{color:var(--accent);font-weight:650}

/* Desktop: the same five buttons as the phone bar (Home, Search, Add prompt, Messages, Profile), as a small floating pill at the bottom centre */
@media(min-width:761px){
  .bottom-nav{display:flex;position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;align-items:center;gap:2px;padding:4px 8px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 24px -8px rgba(20,32,47,.28)}
  .bottom-nav a{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:999px;color:var(--ink);text-decoration:none}
  .bottom-nav a:hover{background:var(--soft);color:var(--ink)}
  .bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bottom-nav a.on{color:var(--accent)}.bottom-nav a.on svg{stroke-width:2.6}
  .bottom-nav b{position:absolute;top:2px;left:calc(50% + 4px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;line-height:16px;text-align:center}
  .bn-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid transparent;display:block}.bottom-nav a.on .bn-avatar{border-color:var(--accent)}
  .bn-initial{display:flex;align-items:center;justify-content:center;background:#fbe9e9;color:var(--accent);font-weight:800;font-size:13px}
  .bn-dot{top:5px;right:calc(50% - 14px)}
  .site-footer{padding-bottom:78px}                       /* so the pill never covers the footer */
  html[data-theme=dark] .bottom-nav{background:#141518;border-color:#2a2f37}
  html[data-theme=dark] .bn-dot{border-color:#141518}
  html[data-theme=dark] .bn-initial{background:#2f1414}
  html[data-theme=dark] .bottom-nav a:hover{background:#1e2228}
}
.league-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;background:none;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.league-link svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.league-link:hover{background:none;opacity:.75}.league-link:focus-visible{outline:3px solid #b47bd1;outline-offset:3px}@media(max-width:760px){.league-link{margin-left:auto}.league-link+.top-bell{margin-left:0}}