﻿:root{color-scheme:dark;--bg:#000;--panel:#121216;--border:#2b2b34;--text:#fafafa;--muted:#a8a8b5;--pink:#ec3897;--chip:#202026}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}body.light{color-scheme:light;--bg:#fafafa;--panel:#fff;--border:#dedee4;--text:#16161c;--muted:#686874;--chip:#e8e8ee}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.header,main{width:calc(100% - 48px);max-width:640px;margin:auto}.header{height:73px;display:flex;align-items:flex-start;padding-top:7px;justify-content:space-between}.brand{display:flex;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.5px;height:34px}.brand-accent{color:var(--pink)}.brand-icon{display:grid;place-items:center;background:linear-gradient(145deg,#ff78bc,#d71579);border-radius:13px;width:33px;height:33px;margin-right:11px;color:#fff;box-shadow:0 5px 16px #e52a8740}.brand-icon svg{width:24px;height:24px}.header-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:40px;height:40px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:13px}.icon-button:hover{color:var(--pink);border-color:var(--pink)}.cover{height:177px;border-radius:16px 16px 0 0;background:linear-gradient(0deg,#0003,#0001),url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1100&q=85') center 43%/cover}.profile{margin-top:12px}.identity{display:flex;gap:17px;align-items:flex-end}.avatar-wrap{width:124px;height:124px;flex-shrink:0;border:3px solid #7e899a;border-radius:50%;padding:3px;position:relative;overflow:hidden}.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(.7)}.avatar-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;color:white}h1{font-size:25px;letter-spacing:-.6px;margin:0 0 7px;font-weight:750}.bio{line-height:1.65;font-size:14px;color:var(--text);margin:17px 0 16px}.subscribe{width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(105deg,#ed429c,#dc207f);box-shadow:0 3px 5px #ed329638;color:white;font-weight:750;font-size:16px;display:flex;align-items:center;justify-content:center;gap:11px}.subscribe>span{font-size:25px}.subscribe:hover{filter:brightness(1.1)}.access-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:0 3px;color:var(--muted);font-size:12px}.access-row>span{display:flex;align-items:center;gap:6px}.access-row svg{width:13px;height:13px}.access-row button{border:0;background:transparent;color:var(--text);font-size:12px;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.filters{display:flex;gap:7px;margin:25px 0 13px}.filters button{border:0;border-radius:22px;background:var(--chip);color:var(--muted);padding:7px 13px;font-size:12px;font-weight:600}.filters button.active{background:var(--pink);color:white}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.content-card{border:0;padding:0;position:relative;aspect-ratio:3/4;background:var(--panel);overflow:hidden;color:white}.content-card>img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.content-card:hover>img{transform:scale(1.04)}.content-card.locked>img{filter:blur(12px) brightness(.5);transform:scale(1.17)}.content-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0005);pointer-events:none}.card-type{position:absolute;top:11px;right:10px;font-size:17px;text-shadow:0 1px 4px #000;z-index:1}.card-lock{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.card-lock svg{width:27px;height:27px}.preview-label{position:absolute;left:10px;bottom:11px;font-size:10px;letter-spacing:.4px;z-index:1;color:#ffffffe0}#members-note{text-align:center;font-size:12px;color:var(--muted);margin:22px 0}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:24px 0 30px;margin-top:20px;border-top:1px solid var(--border)}dialog{position:fixed;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);padding:30px;width:400px;max-width:calc(100% - 30px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;top:10px;right:13px;background:transparent;border:0;color:var(--muted);font-size:28px}.modal-icon{display:grid;place-items:center;background:#ec389720;color:var(--pink);width:45px;height:45px;border-radius:13px}dialog h2{font-size:23px;margin:19px 0 9px}dialog p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.order{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin:20px 0;border-block:1px solid var(--border)}.order strong{font-size:21px}.demo-explanation{margin-bottom:20px!important}dialog .subscribe{font-size:14px}#modal-error{color:#ff91bb;margin-top:10px}#viewer{width:620px;padding-top:45px}#viewer-image{width:100%;max-height:65vh;object-fit:contain}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:var(--panel);border:1px solid var(--border);color:var(--text);padding:14px 20px;border-radius:12px;z-index:5;font-size:13px;max-width:90%;text-align:center;transition:transform .2s}#toast.visible{transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:480px){.header,main{width:calc(100% - 28px)}.header{height:65px}.cover{height:150px}.avatar-wrap{width:100px;height:100px}.identity{gap:14px}h1{font-size:23px}.bio{font-size:13px}.subscribe{font-size:14px}.filters{margin-top:21px}footer{font-size:9px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.bio{white-space:pre-line}.cover>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.content-card>video{width:100%;height:100%;object-fit:cover}.protected-card{background:radial-gradient(ellipse at 30% 10%,#533042,transparent 70%),linear-gradient(135deg,#29202a,#151217)}.feed-empty{grid-column:1/-1;text-align:center;padding:45px 15px;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:10px}#viewer-media img,#viewer-media video{width:100%;max-height:65vh;object-fit:contain}.preview-label{right:10px;overflow-wrap:anywhere}
/* Keep the saved cover crop identical at every screen width. */
.cover{height:auto;aspect-ratio:640/177}.cover>img{display:block}
#checkout{width:430px;max-height:calc(100dvh - 30px);overflow:auto}.processor-note{font-size:11px!important;line-height:1.6!important;margin-bottom:18px!important}.sandbox-note{padding:10px;background:#ec389718;border:1px solid #ec389760;border-radius:8px;margin-bottom:15px!important}#checkout label{display:block;font-size:12px;color:var(--muted);margin:12px 0 8px}#payment-mode{width:100%;max-width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font:12px Arial}.pix-secondary{width:100%;background:var(--chip);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;margin-top:9px}#payment-status{text-align:center;margin:15px 0 6px}#confirm{margin-top:15px}.offer-processor{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}.access-row{flex-wrap:wrap}#billing-portal{color:var(--pink)}
[hidden]{display:none!important}#card-fields{border:0;padding:0;margin:16px 0;text-align:left}#card-fields legend{color:var(--muted);font-size:12px}#card-form input:not([type=checkbox]){display:block;width:100%;min-width:0;padding:11px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font:16px Arial;margin-top:6px}.card-row{display:flex;gap:10px}.card-row label{flex:1;min-width:0}#card-form .card-consent{display:flex;align-items:flex-start;gap:9px;line-height:1.5}.card-consent input{margin-top:3px}#billing-manage{color:var(--pink)}
