:root{font-family:Inter,Arial,Helvetica,system-ui,sans-serif;color:#19222b;background:#faf9f7;--ink:#19222b;--muted:#6f7780;--paper:#faf9f7;--sun:#ffd35a;--border:#e4e5e6;--shadow:0 5px 24px rgba(24,35,43,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efb928;outline-offset:3px}
.topbar{position:sticky;top:0;z-index:90;background:#fffefdf7;border-bottom:1px solid #ecebed;backdrop-filter:blur(14px)}.topbar-inner{max-width:1340px;margin:auto;min-height:72px;display:flex;align-items:center;gap:22px;padding:0 24px}.brand,.footer-brand{font-size:22px;color:#19222b;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.brand span,.footer-brand span{color:#e5a715}.main-nav{display:flex;gap:24px;align-items:center;margin-left:auto}.main-nav a,.main-nav button{border:0;background:none;color:#26303a;font-size:13px;font-weight:600;white-space:nowrap;padding:26px 0 23px;position:relative}.main-nav .nav-active:after{content:"";height:2px;background:var(--sun);position:absolute;left:0;right:0;bottom:15px}.search-field{display:flex;align-items:center;gap:7px;border-radius:30px;background:#f0f0f0;color:#68717a;padding:9px 14px;width:220px;min-width:150px}.search-field span{font-size:22px;line-height:14px}.search-field input{background:transparent;border:0;outline:none;min-width:0;width:100%;font-size:12px;color:#25303c}.top-actions{display:flex;gap:12px;align-items:center}.ghost,.dark-button{border:0;padding:12px 14px;font-size:12px;white-space:nowrap}.ghost{background:transparent;color:var(--ink)}.dark-button{background:#17212b;color:white;border-radius:10px;font-weight:700}
main{max-width:1320px;margin:auto;padding:0 24px}.hero{margin:0 auto}.hero-visual{position:relative;min-height:410px;display:flex;align-items:center;overflow:hidden;background:#242323;background-image:linear-gradient(90deg,rgba(10,13,16,.94) 0%,rgba(9,12,15,.76) 37%,rgba(8,12,16,.05) 79%),url("assets/after-shift-approved-editorial.webp");background-repeat:no-repeat;background-position:center,right top;background-size:cover,auto 131%;isolation:isolate}
.hero-content{position:relative;z-index:1;padding:50px 56px;max-width:620px;color:white}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-.035em;margin:0}.hero h1 span{display:block;color:#ffd35a}.hero p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.25vw,33px);line-height:1.13;letter-spacing:-.018em;color:#fff;margin:17px 0 22px}.primary{background:var(--sun);color:#18212b;padding:13px 25px;border-radius:9px;border:none;font-weight:800;font-size:14px;box-shadow:0 5px 14px rgba(0,0,0,.12)}.primary span{margin-left:10px}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#fff;border-bottom:1px solid var(--border);padding:23px 34px}.trust-item{display:flex;align-items:center;gap:13px;min-width:0}.trust-icon{display:grid;place-items:center;flex:none;color:#1c2732;font-size:27px;line-height:1;width:34px;height:34px}.trust-item strong{display:block;font-size:13px;color:#202830}.trust-item small{display:block;color:#737b83;font-size:11px;margin-top:3px;line-height:1.3}
.section{padding:36px 0 54px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3.3vw,39px);font-weight:500;letter-spacing:-.04em;margin:0}.text-btn{border:0;background:none;color:#26323b;font-size:13px;font-weight:600}.see-all{white-space:nowrap}.see-all span{margin-left:9px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{border:1px solid #e4e4e2;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);min-width:0;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #171f2920}.card .cover{height:195px;background:linear-gradient(130deg,#8f989a,#2e3942);position:relative;overflow:hidden}.creator-photo{width:100%;height:100%;object-fit:cover;display:block}.creator-photo-fallback{width:100%;height:100%;display:grid;place-items:center;font:italic 74px Georgia,serif;color:#fff9;background:linear-gradient(125deg,#8e9a9a,#293b47)}.info{padding:13px 14px 14px}.name{font:600 17px Georgia,"Times New Roman",serif;letter-spacing:-.02em}.handle{font-size:12px;color:#7b838a;margin-top:4px}.creator-demo{display:block;color:#7a7e82;font-size:10px;margin-top:8px}.card-footer{margin-top:10px;border-top:1px solid #eeeeed;padding-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px}.card-price{font-size:12px;color:#39454d;font-weight:700}.profile-open{background:#fbfbfa;border:1px solid #d7d8d8;border-radius:7px;padding:9px 12px;color:#1b252f;font-size:12px;font-weight:700;width:100%}.demo-note{font-size:11px;color:#82888d;margin:17px 0 0}.empty-posts,.empty-creators{padding:24px;color:#777;border:1px dashed #ced1d2;border-radius:12px;text-align:center;grid-column:1/-1}
.account-section{background:#fff;border:1px solid #ecebea;border-radius:15px;margin-top:24px;padding:22px}.account-section .section-head h2{font-size:24px;font-family:inherit;font-weight:800}.account-actions{display:flex;gap:12px}.account-card>div:first-child{font-weight:700}.account-card>div:nth-child(2){font-size:12px;color:var(--muted);margin-top:4px}.account-stats{display:flex;gap:22px;margin-top:14px}.account-stats div{display:flex;flex-direction:column}.account-stats strong{font-size:20px}.account-stats span{font-size:11px;color:#6e767d}
.site-footer{background:#19222b;color:#fff}.footer-inner{max-width:1320px;margin:auto;padding:22px 24px;display:flex;align-items:center;gap:26px}.footer-brand{color:#fff;font-size:19px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#dadcdf;margin-left:auto}.footer-note{color:#a5aaaf;font-size:11px;white-space:nowrap}
.profile-overlay{position:fixed;inset:0;z-index:9999;background:rgba(17,23,29,.78);overflow:auto;padding:22px;backdrop-filter:blur(5px)}.creator-profile,.creator-studio{position:relative;max-width:930px;margin:22px auto 44px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #070e18a0}.profile-close{position:absolute;right:17px;top:17px;z-index:3;width:40px;height:40px;border:1px solid #e1e1e1;border-radius:50%;background:#fff;color:#151d25;font-size:28px;cursor:pointer}.profile-cover{height:240px;background:linear-gradient(125deg,#6f7779,#15202b);background-position:center;background-size:cover}.profile-head{display:flex;align-items:flex-start;gap:20px;padding:0 28px 24px}.avatar{border-radius:50%;width:112px;height:112px;flex:none;position:relative;margin-top:-46px;background:#536674;border:5px solid #fff;display:grid;place-items:center;color:#fff;font:italic 50px Georgia,serif;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-main{padding-top:18px;min-width:0;flex:1}.profile-main .eyebrow{display:none}.profile-main h2{font:500 32px Georgia,serif;letter-spacing:-.03em;margin:0}.profile-handle{color:#7c838a;font-size:13px;margin-top:5px}.profile-main p{margin:12px 0 0;color:#68737c;font-size:13px;line-height:1.55}.profile-actions{padding-top:20px;display:flex;flex-direction:column;gap:8px;min-width:176px}.action-btn{border:1px solid #d7d9da;border-radius:9px;padding:11px 14px;background:#fff;color:#1c2630;font-size:13px;font-weight:750}.action-primary{background:#17212b;color:#fff;border-color:#17212b}.profile-actions #followAction{order:2;background:#fff}.profile-actions #subAction{order:1}.profile-tabs{display:flex;justify-content:center;gap:60px;border-bottom:1px solid #e9e9e9;margin:0 24px}.profile-tab{border:0;background:none;padding:18px 0 16px;color:#707880;font-size:13px;position:relative}.profile-tab.active{color:#17202a;font-weight:800}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#19222b}.profile-panel[hidden]{display:none}.post-heading{display:none}.posts{padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.post-card{background:#fff;min-width:0;border:1px solid #e9e9e9;border-radius:10px;overflow:hidden;padding:0 0 12px;box-shadow:0 2px 6px #00000008}.post-media,.secured-media-frame{display:block;width:100%;height:190px;object-fit:cover;border-radius:0;margin:0 0 11px;background:#23252a}.post-card>.post-media{margin-bottom:12px}.post-card .secured-media-frame{position:relative;overflow:hidden;height:190px}.secured-media-frame .post-media{height:100%;width:100%;margin:0;object-fit:cover}.secured-watermark{position:absolute;inset:0;pointer-events:none;z-index:2}.secured-watermark-viewer{position:absolute;top:10px;right:8px;max-width:80%;text-align:right;color:#ffffff66;font-size:9px;text-shadow:0 1px 2px #0009}.post-card .post-label{padding:0 11px;color:#777f88;font-size:9px;letter-spacing:.09em;font-weight:700}.post-card h4{font-size:13px;margin:5px 11px 3px}.post-card p{font-size:11px;color:#889099;line-height:1.4;margin:0 11px}.locked{display:block;border:0;margin:10px 11px 0;padding:9px 5px;border-radius:7px;font-size:10px;background:#f3f4f5;color:#5f6871;text-align:center}.read-post{display:block;margin:10px 11px 0;border:1px solid #dce0e3;border-radius:7px;padding:8px 9px;background:#fff;color:#24303b;font-size:11px;font-weight:700}.profile-panel-extra{padding:22px 30px 30px;color:#56616c;font-size:14px;line-height:1.6}.profile-panel-extra h3{font:500 25px Georgia,serif;color:#19222b}.profile-panel-extra .action-btn{margin-top:12px}.post-card .unlock-post-action{background:#ffd35a!important;color:#19222b!important;border-color:#ffd35a!important;font-size:11px!important;border-radius:7px!important}.post-card .post-media[role=button]{cursor:pointer}.secured-media-unavailable{padding:40px 10px;color:#71808b;font-size:11px}
.creator-studio{padding:28px}.studio-head{display:flex;gap:20px;justify-content:space-between;align-items:start;margin:0 55px 24px 0}.studio-head h2{margin:4px 0;font:500 29px Georgia,serif}.studio-head p{font-size:13px;color:#818891}.studio-profile{background:#f7f8f8;border-radius:12px;padding:18px;display:flex;gap:28px;justify-content:space-between}.studio-profile div{display:flex;flex-direction:column;gap:4px}.studio-profile span{color:var(--muted);font-size:12px}.creator-studio .posts{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 0}.studio-post .delete-post{margin:10px 12px;border:1px solid #cbd0d4;border-radius:7px;background:#fff;color:#663e3e;padding:9px;font-size:11px}.creator-studio .post-heading{display:block;margin-top:25px}.creator-studio .post-heading h3{font-size:17px}.creator-studio .post-card{padding-bottom:10px}
.auth-modal,.form-overlay{position:fixed;inset:0;z-index:11000;background:#10151db8;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;backdrop-filter:blur(4px)}.auth-box,.post-form{position:relative;background:#fff;border-radius:16px;border:1px solid #e4e4e4;width:min(480px,100%);padding:30px 26px;box-shadow:0 20px 70px #0005}.auth-box h2,.post-form h2{font:500 30px Georgia,serif;margin:6px 0}.auth-box p{color:#6c757d;font-size:13px;line-height:1.4}.auth-box label,.post-form label{display:block;color:#37434c;font-size:12px;font-weight:700;margin-top:16px}.auth-box input,.post-form input,.post-form textarea,.post-form select{display:block;width:100%;border:1px solid #d9dddf;background:#f9f9f9;border-radius:9px;padding:12px;color:#19222b;margin-top:7px}.auth-box form .action-primary{margin-top:20px;width:100%}.auth-box .text-btn{margin-top:15px;width:100%}.post-form h2{margin-bottom:17px}.post-form textarea{min-height:90px}.form-actions{display:flex;gap:12px;margin-top:22px}.form-msg{margin-top:14px;color:#ad492e;font-size:12px}.media-preview{margin-top:10px}.post-form input[type=file]{cursor:pointer}
.subscription-confirm-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:18px;background:#10141cdd;overflow:auto}.subscription-confirm-card{position:relative;width:min(100%,460px);padding:28px;border-radius:15px;border:1px solid #e8e9e9;background:white;color:#19222b;box-shadow:0 22px 60px #0006}.subscription-confirm-card h2{font:500 29px Georgia,serif;margin:9px 0}.subscription-confirm-card p{font-size:13px;color:#56626c;line-height:1.55}.subscription-confirm-close{position:absolute;top:13px;right:13px;border:0;background:none;font-size:30px}.subscription-confirm-price{display:flex;flex-direction:column;gap:4px;background:#f7f8f8;border:1px solid #e4e6e7;border-radius:10px;margin:17px 0;padding:15px}.subscription-confirm-price span{font-size:12px;color:#757d85}.subscription-confirm-price strong{font-size:24px}.subscription-confirm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.subscription-confirm-actions button{flex:1;min-width:125px}.profile-feedback{position:fixed;left:50%;transform:translateX(-50%);bottom:28px;background:#17212b;color:white;padding:14px 17px;border-radius:12px;box-shadow:0 8px 32px #0004;z-index:10050;text-align:center;font-size:13px;max-width:92vw;pointer-events:none}
@media(min-width:1200px){.hero-visual{min-height:460px}.card .cover{height:225px}}
@media(max-width:1020px){.topbar-inner{flex-wrap:wrap;justify-content:space-between;gap:8px 15px;padding:12px 18px}.main-nav{order:3;width:100%;justify-content:center;gap:27px}.main-nav a,.main-nav button{padding:9px 0}.main-nav .nav-active:after{bottom:1px}.search-field{flex:1;max-width:240px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){main{padding:0 12px}.topbar-inner{padding:11px 13px;gap:10px}.brand{font-size:19px}.top-actions{gap:4px;margin-left:auto}.ghost,.dark-button{padding:9px 10px;font-size:11px}.main-nav{order:4;width:100%;justify-content:space-around;margin:0;gap:10px}.search-field{order:3;flex-basis:100%;width:100%;max-width:none}.hero-visual{min-height:320px;border-radius:0;background-position:center,right top}.hero-content{padding:37px 24px;max-width:100%}.hero h1{font-size:46px}.hero p{font-size:23px}.trust-row{gap:12px;padding:16px 12px}.trust-item{display:block;text-align:center}.trust-icon{margin:0 auto 6px}.trust-item strong{font-size:10px}.trust-item small{font-size:9px}.section{padding:29px 0 38px}.section-head h2{font-size:29px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .cover{height:155px}.info{padding:10px}.name{font-size:15px}.profile-open{padding:8px;font-size:11px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.footer-links{justify-content:center;margin:0;width:100%}.footer-note{width:100%}.profile-overlay{padding:0}.creator-profile,.creator-studio{margin:0;min-height:100vh;border-radius:0}.profile-cover{height:180px}.profile-head{padding:0 15px 20px;gap:10px;flex-wrap:wrap}.avatar{width:82px;height:82px;margin-top:-33px;font-size:35px}.profile-main{padding-top:12px}.profile-main h2{font-size:26px}.profile-main p{font-size:12px}.profile-actions{width:100%;padding-top:0;flex-direction:row;min-width:0}.profile-actions button{flex:1}.profile-tabs{gap:33px}.posts{padding:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.post-media,.secured-media-frame,.post-card .secured-media-frame{height:175px}.studio-head{display:block}.studio-head .action-btn{margin-top:15px}.creator-studio .posts{grid-template-columns:repeat(2,minmax(0,1fr))}.account-section .section-head{display:block}.account-actions{justify-content:flex-start;margin-top:12px}}
@media(max-width:360px){.hero h1{font-size:39px}.hero-content{padding:30px 16px}.grid{gap:7px}.card .cover{height:125px}.profile-tabs{gap:20px}.trust-item strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* AFTER SHIFT approved editorial: preserve a LIGHT site even on Android force-dark browsers. */
:root,html{color-scheme:only light!important}
html,body{background-color:#faf9f7!important}
.creator-photo-sprite{display:block;width:100%;height:100%;background-image:url("assets/after-shift-approved-editorial.webp");background-repeat:no-repeat;background-size:400% auto;background-position-y:bottom}
.creator-photo-sprite.sprite-0,.sprite-avatar.sprite-0{background-position-x:0%}
.creator-photo-sprite.sprite-1,.sprite-avatar.sprite-1{background-position-x:33.333%}
.creator-photo-sprite.sprite-2,.sprite-avatar.sprite-2{background-position-x:66.667%}
.creator-photo-sprite.sprite-3,.sprite-avatar.sprite-3{background-position-x:100%}
.card .cover{height:auto!important;aspect-ratio:5/4}
.demo-profile .profile-cover{background-image:linear-gradient(90deg,#0002,#0001),url("assets/after-shift-approved-editorial.webp");background-size:cover,auto 131%;background-position:center,right top}
.sprite-avatar{background-image:url("assets/after-shift-approved-editorial.webp");background-repeat:no-repeat;background-size:400% auto;background-position-y:bottom;color:transparent}
.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:680px){.hero-visual{background-size:cover,auto 131%;background-position:center,-24% top}.card .cover{aspect-ratio:5/4}.demo-profile .profile-cover{background-size:cover,auto 131%;background-position:center,left top}}

/* V0 - Active subscriptions in My Account. Editorial colors unchanged. */
.account-subscriptions-button{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:0;border:0;border-radius:9px;background:transparent;color:inherit;padding:1px 8px;min-width:118px;text-align:left}
.account-subscriptions-button strong{font-size:20px}
.account-subscriptions-button span{font-size:11px;color:#66717c}
.account-subscriptions-button:hover,.account-subscriptions-button[aria-expanded="true"]{background:#fff8e8}
.my-subscriptions-panel{border-top:1px solid #e8e9e9;margin-top:22px;padding-top:20px}
.my-subscriptions-panel[hidden]{display:none!important}
.my-subscriptions-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.my-subscriptions-heading h3{font:500 24px Georgia,"Times New Roman",serif;margin:0}
.my-subscriptions-loading,.my-subscriptions-empty,.my-subscriptions-error{margin:0;padding:15px;background:#f7f7f6;border-radius:11px;color:#63707a;font-size:13px}
.my-subscription-card{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #ececec}
.my-subscription-card:first-child{border-top:0}
.my-subscription-avatar{width:48px;height:48px;flex:none;border-radius:50%;background:#222d37;color:#ffd35a;display:grid;place-items:center;font:500 25px Georgia,serif}
.my-subscription-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.my-subscription-info strong{font:500 18px Georgia,serif;color:#1c2731}
.my-subscription-info span{font-size:12px;color:#66717a}
.my-subscription-info small{font-size:11px;color:#68747e;line-height:1.45}
.my-subscription-open{border:1px solid #dee0e2;background:#fff;border-radius:8px;padding:10px 12px;color:#202b34;font-size:12px;font-weight:700;text-align:center;cursor:pointer}
.my-subscription-open:hover{background:#fff6dc;border-color:#ffd35a}
@media(max-width:680px){.my-subscription-card{flex-wrap:wrap}.my-subscription-open{width:100%;margin-left:61px}.my-subscriptions-heading h3{font-size:22px}}

/* AFTER SHIFT - full post reader. Keep approved editorial theme intact. */
.post-detail-overlay{position:fixed;inset:0;z-index:10200;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:16px;background:rgba(15,23,30,.78);backdrop-filter:blur(5px)}
.post-detail-card{position:relative;background:#fff;width:min(100%,760px);max-height:calc(100vh - 32px);overflow:auto;border-radius:16px;color:#19222b;box-shadow:0 20px 60px #0006}
.post-detail-close{position:absolute;right:14px;top:14px;z-index:3;border:1px solid #e0e0e0;background:#fff;color:#19222b;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}
.post-detail-loading{padding:65px 30px 50px;color:#59656e;text-align:center;font-size:14px}
.post-detail-head{padding:28px 64px 17px 26px}
.post-detail-eyebrow{color:#927012;letter-spacing:.09em;font-size:10px;font-weight:800}
.post-detail-head h2{font:500 34px Georgia,"Times New Roman",serif;letter-spacing:-.025em;line-height:1.1;margin:8px 0}
.post-detail-head p{font-size:13px;color:#77818a;margin:0}
.post-detail-media{width:100%;background:#f4f3f1;display:flex;justify-content:center;align-items:center;min-height:80px}
.post-detail-media .post-media{width:auto!important;max-width:100%;height:auto!important;max-height:60vh;object-fit:contain;border-radius:0;margin:0 auto!important}
.post-detail-media .secured-media-frame{position:relative;width:100%;height:auto!important;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0}
.post-detail-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#35424d;font-size:14px;line-height:1.6;margin:0;padding:24px 27px 28px}
@media(max-width:680px){.post-detail-overlay{padding:10px}.post-detail-card{max-height:calc(100vh - 20px);border-radius:12px}.post-detail-head{padding:26px 58px 15px 18px}.post-detail-head h2{font-size:29px}.post-detail-description{padding:17px 19px 23px}.post-detail-media .post-media{max-height:65vh}}

/* Account recovery, matching AFTER SHIFT's approved light design. */
.auth-recovery-link{display:block;margin:13px 0 0 auto;border:0;background:transparent;color:#45505c;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.auth-recovery-link:hover{color:#9c7423}
.auth-box #authMsg:not(:empty){line-height:1.45;margin:12px 0;color:#654d1d;background:#fff8e8;padding:11px 13px;border-radius:8px}

/* Show/hide password control. Password stays concealed by default. */
.auth-password-field{width:100%}
.auth-password-control{position:relative;margin-top:7px}
.auth-password-control input{width:100%;margin-top:0!important;padding-right:55px!important;min-height:47px}
.auth-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:42px;height:42px;color:#48535f;border:0;border-radius:8px;background:transparent;padding:0;cursor:pointer}
.auth-password-toggle:hover{background:#eeeeec;color:#19222b}
.auth-password-toggle:focus-visible{outline:2px solid #edbf48;outline-offset:-1px}
.auth-password-toggle .eye-hidden-line{display:none}
.auth-password-toggle.is-visible .eye-hidden-line{display:block}

/* Creator Studio pricing drafts: visual styles only; no checkout. */
.studio-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}
.as-pricing{width:min(680px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;padding:25px}
.as-pricing .as-help{color:#697680;font-size:12px;line-height:1.55;margin:12px 35px 16px 0}
.as-pricing h3{font-size:14px;font-weight:750;color:#1f2b35;margin:20px 0 10px}
.as-pricing form>label{display:block;margin:15px 0}
.as-pricing #asBasePrice{max-width:240px}
.as-plan-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;margin-bottom:8px;background:white;border:1px solid #e1e3e4;border-radius:9px}
.as-plan-row label{margin:0;display:flex;gap:6px;align-items:center;font-size:12px;color:#33404b;font-weight:600}
.as-plan-row input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#19222b}
.as-plan-row input[type=number]{width:60px;padding:8px;margin:0;text-align:right;background:white}
.as-intro{background:#fffbeb;border-color:#e7d69b}
.as-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.as-price-card{display:flex;flex-direction:column;gap:4px;border:1px solid #e3e4e5;border-radius:10px;padding:14px;min-width:0;background:white}
.as-price-card strong{font-size:14px;color:#1f2a35}
.as-price-card span,.as-price-card small{font-size:11px;color:#68747e}
.as-price-card b{font-size:22px;color:#19222b}
.as-welcome{background:#fffbec;border-color:#ebd28b}
@media(max-width:680px){.studio-actions{width:100%;justify-content:stretch}.studio-actions .action-btn{flex:1;min-width:132px}.as-pricing{padding:22px 15px}.as-plan-row label{font-size:11px}.as-plan-row input[type=number]{width:49px;padding:7px}}

/* Distinguish proposed creator prices from the active free trial price. */
.studio-profile>div{min-width:0}
.studio-profile>div:last-child{text-align:right}
.studio-profile .studio-live-price{color:#77828a;font-size:11px;font-weight:400;line-height:1.45;margin-top:4px}
#studioDraftPrice{overflow-wrap:anywhere}
@media(max-width:680px){.studio-profile{gap:10px}.studio-profile>div:last-child{max-width:60%}}

/* Creator Studio offer durations: local draft validity, no live checkout. */
.as-pricing .as-offer-duration{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0 8px;padding:2px 0;color:#35414c;font-size:12px;font-weight:650}
.as-offer-duration select{width:auto;min-width:175px;max-width:55%;margin:0;background:#fff;border:1px solid #d9dddf;border-radius:9px;color:#1b2731;padding:11px 8px;cursor:pointer;font-size:13px}
.as-offer-status{padding:11px 13px;font-size:12px;line-height:1.45;color:#485865;background:#f6f7f8;border:1px solid #e2e4e5;border-radius:9px;margin:7px 0}
.as-restart-offer{font-size:12px;margin:5px 0 10px}
.as-restart-offer[hidden]{display:none!important}
@media(max-width:680px){.as-pricing .as-offer-duration{display:block;line-height:1.5}.as-offer-duration select{display:block;width:100%;max-width:none;margin-top:7px}.as-offer-status{font-size:11px}}

/* On smaller screens the subscription dialog must never be clipped at the top. */
@media(max-width:680px){
  .subscription-confirm-overlay{
    align-items:flex-start;
    justify-content:center;
    padding:14px 12px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .subscription-confirm-card{
    flex:0 0 auto;
    width:100%;
    max-height:calc(100dvh - 28px);
    overflow-y:auto;
    margin:auto 0;
    padding:27px 21px;
    overscroll-behavior:contain;
  }
}


/* AFTER SHIFT V0 · isolated payment simulation; original site design unchanged. */
.payment-lab-overlay{position:fixed;inset:0;z-index:10060;display:flex;justify-content:center;align-items:flex-start;padding:16px 12px;background:#10141cdd;overflow-y:auto;overscroll-behavior:contain}
.payment-lab-card{position:relative;flex:0 0 auto;width:min(100%,620px);max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto 0;padding:25px;background:#fff;color:#19222b;border:1px solid #e5e6e7;border-radius:16px;box-shadow:0 22px 65px #0005;overscroll-behavior:contain}
.payment-lab-header{position:relative;padding-right:38px}
.payment-lab-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6a7781}
.payment-lab-title{font:500 30px/1.17 Georgia,serif;margin:8px 0 13px;color:#1d2730}
.payment-lab-close{position:absolute;top:-5px;right:-8px;width:44px;height:44px;border:0;background:transparent;border-radius:50%;font-size:29px;color:#1a2630;cursor:pointer}
.payment-lab-disclaimer{font-size:13px;line-height:1.6;color:#3c4953;border:1px solid #eddbac;background:#fffbef;padding:12px 13px;border-radius:10px;margin:7px 0 14px}
.payment-lab-by{font-size:14px;font-weight:700;margin:10px 0 4px}
.payment-lab-source{font-size:11px;color:#77838a;margin:0 0 16px}
.payment-lab-card h3{font-size:14px;color:#27313c;margin:17px 0 10px}
.payment-lab-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.payment-lab-term{border:1px solid #dadfe2;border-radius:8px;padding:11px 5px;background:#fff;font-size:12px;font-weight:700;color:#24303a;cursor:pointer}
.payment-lab-term.is-selected{border:2px solid #1b2832;background:#fffaf0;padding:10px 4px}
.payment-lab-promo{display:flex;gap:9px;align-items:center;font-size:12px;color:#3f4c55;margin:14px 0 12px;cursor:pointer}
.payment-lab-promo input{width:18px;height:18px;accent-color:#1b2932}
.payment-lab-promo[hidden]{display:none}
.payment-lab-total{border:1px solid #e1e3e3;border-radius:10px;background:#f8f8f7;padding:14px;display:flex;flex-direction:column;gap:5px}
.payment-lab-total span{font-size:12px;color:#6c7880}
.payment-lab-total strong{font-size:29px;letter-spacing:-.025em}
.payment-lab-total small{font-size:11px;color:#62717c}
.payment-lab-state{font-size:13px;padding:15px 0 11px}
.payment-lab-state strong{font-size:14px}
.payment-lab-state p{font-size:12px;line-height:1.5;color:#65717d;margin:6px 0 0}
.payment-lab-content{border:1px dashed #b7bfc4;border-radius:12px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;padding:18px 16px;background:#fcfcfc}
.payment-lab-lock{font-size:28px}
.payment-lab-content strong{font-size:14px}
.payment-lab-content small{font-size:11px;line-height:1.5;color:#66737b;max-width:390px}
.payment-lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0 8px}
.payment-lab-actions .action-btn{font-size:12px;min-width:0;line-height:1.3;white-space:normal;padding:11px 8px}
.payment-lab-actions .action-btn:disabled{opacity:.36;cursor:not-allowed}
.payment-lab-history{list-style:decimal;margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.payment-lab-history li{font-size:12px;line-height:1.45;color:#626e77}
.payment-lab-foot{font-size:11px;color:#65717a;line-height:1.55;border-top:1px solid #e6e8e8;margin:14px 0 0;padding-top:14px}
@media(max-width:680px){.payment-lab-overlay{padding:10px}.payment-lab-card{max-height:calc(100dvh - 20px);padding:21px 15px}.payment-lab-title{font-size:28px}.payment-lab-term{font-size:11px}.payment-lab-actions{gap:7px}.payment-lab-actions .action-btn{font-size:11px;padding:11px 6px}.subscription-confirm-actions .payment-lab-launch{flex-basis:100%}}

/* Payment test: visible feedback directly below buttons, also on narrow mobile screens. */
.payment-lab-action-feedback{
  margin:12px 0 14px;
  padding:13px 14px;
  border:1px solid #d2dce2;
  border-left:4px solid #1b2932;
  border-radius:9px;
  background:#f6f8f9;
  color:#1c2933;
  font-size:13px;
  font-weight:700;
  line-height:1.5
}
.payment-lab-action-feedback[hidden]{display:none!important}
.payment-lab-actions .action-btn.action-primary:not(:disabled){background:#17212b;color:#fff}


/* V0: gallery to exercise fictional photo/video/post icons after a simulated payment. */
.payment-lab-demo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:11px}
.payment-lab-demo-button{min-width:0;padding:11px 5px;background:#17212b;color:#fff;border:1px solid #17212b;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}
.payment-lab-demo-button:disabled{background:#f0f1f1;border-color:#d6d9dc;color:#747e85;cursor:not-allowed}
.payment-lab-demo-backdrop{position:fixed;inset:0;z-index:10090;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(10,16,23,.86);overflow-y:auto}
.payment-lab-demo-dialog{position:relative;width:min(100%,500px);max-height:calc(100dvh - 30px);overflow-y:auto;background:#fff;color:#1b2630;border-radius:15px;padding:23px;box-shadow:0 20px 60px #0008}
.payment-lab-demo-dialog h2{font:500 26px Georgia,serif;margin:7px 40px 14px 0}
.payment-lab-demo-dialog p{font-size:13px;line-height:1.5;color:#63717d}
.payment-lab-demo-dialog .action-btn{width:100%;margin-top:12px}
.payment-lab-demo-close{position:absolute;right:11px;top:11px;width:38px;height:38px;border:0;border-radius:50%;background:#f3f3f3;font-size:25px}
.payment-lab-demo-eyebrow{font-size:10px;font-weight:800;letter-spacing:.1em;color:#8d711b}
.payment-lab-demo-photo{width:100%;height:300px;max-height:44dvh;border-radius:10px;background-color:#28313b}
.payment-lab-demo-video{display:block;width:100%;max-height:52dvh;min-height:180px;background:#131c25;border-radius:10px}
.payment-lab-demo-story{background:#f7f7f4;padding:18px;border-radius:10px}
@media(max-width:400px){.payment-lab-demo-button{font-size:11px;padding:10px 4px}.payment-lab-demo-dialog{padding:19px}}


/* AFTER SHIFT V21 · Subtle editorial account actions. Functional, not bulky. */
.account-section .account-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.account-section .account-actions .text-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:9px 13px;border:1px solid transparent;border-radius:9px;
  background:transparent;color:#4d5962;box-shadow:none;
  font-size:12px;font-weight:600;line-height:1.25;text-align:center;
  transition:background .15s ease,border-color .15s ease
}
.account-section #creatorBtn{
  color:#293640;background:#f8f6f0;border-color:#e6e2d7;
  font-weight:650
}
.account-section #creatorBtn::before{
  content:"";display:inline-block;flex:none;width:5px;height:5px;
  margin-right:8px;border-radius:50%;background:#daa927
}
.account-section #creatorBtn:hover{background:#f4f0e5;border-color:#d9d0bd}
.account-section #logoutBtn{color:#777f86;font-weight:550}
.account-section #logoutBtn:hover{color:#26333e;background:#f6f6f5}
.account-section .account-actions .text-btn:focus-visible{outline:2px solid #e4af32;outline-offset:2px}
.top-actions #loginBtn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:8px 12px;border:1px solid #e9e7e1;
  border-radius:9px;background:#fbfaf8;color:#25323c;box-shadow:none;
  font-size:12px;font-weight:600
}
.top-actions #loginBtn:hover{background:#f4f1e9}
.account-section .account-subscriptions-button{
  min-height:56px;padding:5px 8px;border:0;border-bottom:1px solid #e8e2d7;
  border-radius:0;background:transparent;box-shadow:none
}
.account-section .account-subscriptions-button:hover,
.account-section .account-subscriptions-button[aria-expanded="true"]{
  border-bottom-color:#d5ae42;background:#fdfbf7
}
.account-section #hideSubscriptions{min-height:36px;padding:7px 10px;border:0;background:transparent;color:#69747c;border-radius:7px}
.account-section #hideSubscriptions:hover{background:#f5f3ed}
.creator-section .see-all{
  min-height:38px;padding:8px 4px;border:0;border-radius:0;
  background:transparent;color:#404c57;font-size:12px;font-weight:600;box-shadow:none
}
.creator-section .see-all:hover{color:#946c0b;text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){
  .account-section .account-actions{
    display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;
    width:100%;margin-top:12px;gap:6px
  }
  .account-section .account-actions .text-btn{
    width:auto;min-width:0;min-height:42px;padding:9px 11px;
    font-size:12px;white-space:normal
  }
  .creator-section .see-all{min-width:0;padding:8px 2px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.account-section .account-actions .text-btn{transition:none}}


/* AFTER SHIFT V22 · consistent mobile spacing and harmonious card geometry.
   Account and Creator Studio actions remain the same; this is CSS-only. */
:root{--as-mobile-gutter:20px;--as-layout-gap:12px}
.section.account-section{padding:24px}
.account-section .section-head{gap:15px;margin-bottom:22px}
.account-section .section-head h2{margin:4px 0 0;overflow-wrap:anywhere}
.account-section .account-card{min-width:0}
.account-section #accountEmail{overflow-wrap:anywhere;word-break:normal}
.account-section .account-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:var(--as-layout-gap);align-items:stretch;margin-top:17px
}
.account-section .account-stats>div,
.account-section .account-stats>.account-subscriptions-button{
  width:100%;min-width:0;min-height:61px;margin:0;padding:7px 9px 10px;
  border-bottom:1px solid #e8e2d7;text-align:left
}
.account-section .account-stats>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}
.account-section .account-stats>.account-subscriptions-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}
.account-section .account-stats strong{font-size:20px;line-height:1.2}
.account-section .account-stats span{line-height:1.35}
.creator-studio{--studio-gutter:28px;padding:var(--studio-gutter)}
.creator-studio .studio-head{
  display:block;margin:0 0 23px;
}
.creator-studio .studio-head>div:first-child{padding-right:52px}
.creator-studio .studio-head h2{margin:5px 0 8px;line-height:1.14}
.creator-studio .studio-head p{line-height:1.5;margin:0}
.creator-studio .studio-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--as-layout-gap);width:100%;margin-top:21px
}
.creator-studio .studio-actions .action-btn{
  width:100%;min-width:0;min-height:46px;padding:11px 10px;
  border:1px solid #e1e2e0;border-radius:10px;box-shadow:none;
  background:#fff;color:#28333d;font-size:12px;font-weight:650;
  line-height:1.25;text-align:center
}
.creator-studio .studio-actions .action-primary{
  background:#f9f6ee;border-color:#e4dccc;color:#253039
}
.creator-studio .studio-actions .action-btn:hover{background:#f6f6f3}
.creator-studio .studio-actions .action-primary:hover{background:#f2ead9}
.creator-studio .studio-profile{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;gap:var(--as-layout-gap);padding:20px
}
.creator-studio .studio-profile>div{min-width:0;max-width:none}
.creator-studio .studio-profile strong{line-height:1.3}
.creator-studio .studio-profile span,
.creator-studio .studio-profile small{line-height:1.45;overflow-wrap:anywhere}
.creator-studio .post-heading{margin:26px 0 13px}
.creator-studio .post-heading h3{margin:6px 0 0;line-height:1.25}
.creator-studio .posts{
  padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:var(--as-layout-gap);row-gap:var(--as-layout-gap)
}
.creator-studio .studio-post{display:flex;flex-direction:column;min-width:0;padding:0 0 12px}
.creator-studio .studio-post>div{flex:1;min-width:0}
.creator-studio .studio-post .post-media{
  display:block;width:100%;aspect-ratio:1/1;height:auto;min-height:0;
  margin:0 0 11px;object-fit:cover
}
.creator-studio .studio-post .delete-post{align-self:stretch;margin:auto 11px 0;min-height:37px}
.creator-section .section-head{align-items:flex-end;gap:12px}
.creator-section .section-head h2{line-height:1.12}
@media(max-width:680px){
  .section.account-section{padding:var(--as-mobile-gutter);margin-top:22px}
  .account-section .section-head{display:block;margin-bottom:22px}
  .account-section .account-actions{margin-top:14px;gap:7px}
  .account-section .account-stats{gap:12px}
  .creator-studio{--studio-gutter:var(--as-mobile-gutter);padding:var(--studio-gutter)}
  .creator-studio .studio-head{margin-bottom:23px}
  .creator-studio .studio-head h2{font-size:30px}
  .creator-studio .studio-actions{gap:10px;margin-top:22px}
  .creator-studio .studio-actions .action-btn{
    min-width:0;min-height:45px;font-size:12px;padding:9px 8px;
    white-space:normal
  }
  .creator-studio .studio-profile{
    grid-template-columns:1fr;gap:12px;padding:17px
  }
  .creator-studio .studio-profile>div:last-child{
    max-width:none;border-top:1px solid #e4e7e7;
    padding-top:13px;text-align:left
  }
  .creator-studio .post-heading{margin-top:25px}
  .creator-studio .posts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:0;gap:10px
  }
  .creator-section .section-head{align-items:flex-end}
  .creator-section .section-head h2{font-size:clamp(26px,6.5vw,32px)}
}
@media(max-width:370px){
  :root{--as-mobile-gutter:17px}
  .creator-studio .studio-actions .action-btn{font-size:11px}
}

/* V24 i18n: unobtrusive mobile-friendly ES / EN / PT selector. */
.lang-control{display:inline-flex;align-items:center;flex:0 0 auto}
.lang-control select{box-sizing:border-box;width:61px;min-height:38px;border:1px solid #e9e7e1;border-radius:9px;padding:7px 3px;background:#fbfaf8;color:#25323c;font-size:11px;font-weight:750;text-align:center;cursor:pointer}
.lang-control select:focus-visible{outline:2px solid #bc8b32;outline-offset:2px}
@media(max-width:680px){.top-actions{gap:3px}.lang-control select{width:52px;min-height:36px;padding:7px 1px;font-size:10px}.top-actions #loginBtn,.top-actions #signupBtn{padding:8px 8px;font-size:11px}}


/* AFTER SHIFT V25 · isolated, clearly labeled coin DEMO. Preserve V22 layout. */
.account-section #coinLabTrigger{background:#fffaf0;border:1px solid #e7d7aa;color:#654c18;font-weight:700}
.account-section #coinLabTrigger:hover{background:#fff4d7}
.coin-lab-overlay{position:fixed;inset:0;z-index:10100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;background:#10141cdd;padding:15px}
.coin-lab-card{width:min(100%,590px);flex:0 0 auto;position:relative;margin:auto 0;padding:26px;border-radius:17px;background:#fff;color:#19222b;border:1px solid #e7e6e3;box-shadow:0 20px 70px #0005}
.coin-lab-close{position:absolute;right:14px;top:11px;background:#f6f5f1;border:0;border-radius:50%;width:39px;height:39px;font-size:26px}
.coin-lab-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#857348}
.coin-lab-title{margin:9px 44px 16px 0;font:500 30px/1.15 Georgia,serif}
.coin-lab-warning{margin:0 0 10px;padding:12px 13px;border:1px solid #eddaae;background:#fffbf0;border-radius:9px;font-size:12px;line-height:1.5;font-weight:650}
.coin-lab-intro,.coin-lab-small{font-size:12px;color:#606e78;line-height:1.5;margin:10px 0}
.coin-lab-balance{margin:16px 0;padding:17px;background:#18232c;border-radius:11px;color:#fff;font-size:22px;font-weight:800}
.coin-lab-card h3{font-size:14px;line-height:1.3;margin:19px 0 9px;color:#25313a}
.coin-lab-packs,.coin-lab-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.coin-lab-gifts{grid-template-columns:repeat(4,minmax(0,1fr))}
.coin-lab-pack,.coin-lab-gift,.coin-lab-use,.coin-lab-reset{border:1px solid #dedfdc;border-radius:9px;background:#fbfaf8;color:#26333d;font-size:12px;font-weight:700;line-height:1.4;min-height:46px;padding:11px 8px}
.coin-lab-pack:hover,.coin-lab-gift:hover,.coin-lab-use:hover{border-color:#bea35d;background:#fff7e7}
.coin-lab-gift{min-height:65px}
.coin-lab-other{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.coin-lab-use:disabled{opacity:.6;cursor:not-allowed}
.coin-lab-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 12px}
.coin-lab-metric{min-width:0;background:#f6f6f4;border:1px solid #ededeb;padding:11px;border-radius:9px}
.coin-lab-metric dt{font-size:11px;line-height:1.3;color:#64727d}
.coin-lab-metric dd{margin:5px 0 0;font-weight:800;font-size:17px;color:#1d2b33}
.coin-lab-feedback{padding:12px;border:1px solid #d2dbdf;border-left:3px solid #c49a30;background:#fcfcfb;border-radius:8px;font-size:12px;font-weight:650;line-height:1.5}
.coin-lab-history{margin:10px 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.coin-lab-history li{font-size:12px;color:#5c6c77;line-height:1.45}
.coin-lab-fine{border-top:1px solid #eae8e2;padding-top:14px}
.coin-lab-reset{width:100%;margin-top:12px}
@media(max-width:680px){.coin-lab-overlay{padding:10px}.coin-lab-card{padding:21px 14px}.coin-lab-title{font-size:25px}.coin-lab-pack,.coin-lab-gift,.coin-lab-use{font-size:11px;padding:9px 5px;min-height:52px}.coin-lab-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}.coin-lab-stats{gap:6px}.coin-lab-metric dd{font-size:15px}}


/* AFTER SHIFT V26 · compact creator-profile LIVE teaser and isolated LIVE lab. */
.premium-live-teaser{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e8dfc7;background:#fffaf0;padding:14px 17px;border-radius:12px;margin:0 0 23px}
.premium-live-teaser-text{min-width:0}
.premium-live-teaser-label{display:inline-block;margin:0 0 5px;color:#a07612;font-size:10px;font-weight:800;letter-spacing:.09em}
.premium-live-teaser strong{display:block;font-size:13px;color:#24323b}
.premium-live-teaser p{margin:6px 0 0;color:#64717b;font-size:11px;line-height:1.4}
.premium-live-teaser-btn{flex:0 0 auto;border:1px solid #25333e;background:#1b2933;color:#fff;border-radius:8px;min-height:40px;padding:9px 12px;font-size:11px;font-weight:800}
.premium-live-overlay{position:fixed;inset:0;z-index:10150;background:#10141ce8;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:14px;overscroll-behavior:contain}
.premium-live-dialog{position:relative;flex:0 0 auto;width:min(100%,620px);margin:auto 0;background:#fff;color:#1c2831;padding:25px;border:1px solid #e5e6e7;border-radius:16px;box-shadow:0 25px 75px #0007}
.premium-live-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:#f3f3ef;border-radius:50%;font-size:27px}
.premium-live-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:#97731c}
.premium-live-title{font:500 29px/1.2 Georgia,serif;margin:8px 42px 14px 0}
.premium-live-disclaimer{margin:0 0 15px;padding:12px 14px;border-radius:9px;background:#fff9e9;border:1px solid #ead6a3;font-size:12px;line-height:1.5;font-weight:650}
.premium-live-creator{font-size:13px;font-weight:750;margin:10px 0}
.premium-live-sub-status{border-left:3px solid #9aa2a9;background:#f5f6f6;border-radius:7px;padding:12px;color:#4e5a62;font-size:12px;font-weight:650;line-height:1.5}
.premium-live-sub-status.is-eligible{border-left-color:#bf9b3c}
.premium-live-note{font-size:12px;line-height:1.5;color:#63717b;margin:10px 0}
.premium-live-muted{padding:11px 12px;border-radius:9px;border:1px solid #d9d3c3;background:#f8f5ed;font-size:12px;font-weight:700;color:#25333a;margin:7px 0}
.premium-live-muted[hidden],.premium-live-stage[hidden]{display:none}
.premium-live-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e6e5e1;border-radius:10px;padding:13px 15px;margin:16px 0 9px;font-size:13px}
.premium-live-ticket b{font-size:24px}
.premium-live-ticket-btn{width:100%;min-height:45px;border:0;background:#182630;color:#fff;border-radius:9px;font-size:13px;font-weight:800;padding:12px}
.premium-live-ticket-btn:disabled{opacity:.48;cursor:not-allowed}
.premium-live-stage{margin:19px 0;border-radius:12px;overflow:hidden;background:#1d1b26;color:#f7f2f6;padding:13px}
.premium-live-stage-tag{font-size:10px;letter-spacing:.07em;color:#e6bf6a}
.premium-live-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2b2836;aspect-ratio:16/9;border-radius:9px;text-align:center;padding:20px}
.premium-live-camera{font-size:29px;color:#e5c76f}
.premium-live-placeholder p{font-size:13px;font-weight:700;line-height:1.4}
.premium-live-placeholder small{font-size:11px;line-height:1.4;color:#c6c0ce}
.premium-live-dialog h3{font-size:14px;line-height:1.3;margin:22px 0 10px}
.premium-live-packs,.premium-live-gifts{display:grid;gap:8px}
.premium-live-packs{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-live-gifts{grid-template-columns:repeat(4,minmax(0,1fr))}
.premium-live-pack,.premium-live-gift{border:1px solid #dcdeda;border-radius:9px;background:#fafaf8;color:#26323a;min-height:48px;font-weight:700;font-size:11px;line-height:1.35;padding:9px 7px}
.premium-live-gift{min-height:65px}
.premium-live-pack:disabled,.premium-live-gift:disabled{opacity:.45;cursor:not-allowed}
.premium-live-pack:hover:not(:disabled),.premium-live-gift:hover:not(:disabled){border-color:#b99c51;background:#fffbec}
.premium-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:21px 0 12px}
.premium-live-metric{background:#f6f6f4;padding:11px;border:1px solid #efefed;border-radius:9px;min-width:0}
.premium-live-metric span{font-size:11px;line-height:1.3;color:#65737d;display:block}
.premium-live-metric strong{font-size:16px;margin-top:5px;display:block}
.premium-live-feedback{border:1px solid #dcdedf;border-left:3px solid #c6a655;border-radius:9px;background:#fbfbfa;font-size:12px;line-height:1.5;font-weight:650;padding:12px}
.premium-live-history{padding-left:19px;margin:8px 0}
.premium-live-history li{font-size:12px;color:#61707a;line-height:1.45;margin:6px 0}
.premium-live-foot{border-top:1px solid #eae7df;padding-top:12px}
.premium-live-reset{width:100%;padding:12px;background:#f7f5f0;border:1px solid #dcd9ce;border-radius:9px;font-size:12px;font-weight:700}
@media(max-width:680px){.premium-live-teaser{flex-wrap:wrap;padding:13px}.premium-live-teaser-btn{width:100%}.premium-live-overlay{padding:10px}.premium-live-dialog{padding:20px 14px}.premium-live-title{font-size:25px}.premium-live-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-live-metric strong{font-size:14px}}


/* AFTER SHIFT V27 · standalone LIVE PREMIUM creator planner */
.creator-live-manager-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 22px;padding:15px 17px;border:1px solid #e7dcc1;border-radius:11px;background:#fffcf4}
.creator-live-manager-info{min-width:0}.creator-live-manager-info strong{font-size:13px;color:#26343e}
.creator-live-manager-info p{font-size:11px;color:#67747b;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
.creator-live-manager-trigger{min-height:41px;border:1px solid #ceb36c;border-radius:9px;background:#fff7df;color:#5c4616;padding:9px 13px;font-size:11px;font-weight:800;flex:0 0 auto}
.live-manager-overlay{position:fixed;inset:0;z-index:10200;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:12px;background:#111820e3}
.live-manager-card{position:relative;flex:0 0 auto;width:min(100%,620px);margin:auto 0;border-radius:16px;border:1px solid #e4e6e6;padding:24px;background:#fff;color:#1d2832;box-shadow:0 22px 75px #0006}
.live-manager-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#f4f4f1;font-size:27px}
.live-manager-eyebrow{font-size:11px;font-weight:800;letter-spacing:.07em;color:#99771a}
.live-manager-title{font:500 29px/1.2 Georgia,serif;margin:9px 42px 15px 0}
.live-manager-warning{border:1px solid #e8d7a8;background:#fff9e8;border-radius:9px;font-size:12px;line-height:1.5;font-weight:650;padding:12px}
.live-manager-form{display:grid;gap:12px;margin:17px 0}
.live-manager-form label{display:flex;flex-direction:column;gap:6px;min-width:0}
.live-manager-form label span{font-size:12px;font-weight:700;color:#25333c}
.live-manager-form input,.live-manager-form textarea{min-height:44px;width:100%;border:1px solid #d8dddf;border-radius:8px;background:#fff;color:#192732;padding:10px;font-size:13px}
.live-manager-form textarea{min-height:75px;resize:vertical}
.live-manager-date-row{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}
.live-manager-save{min-height:46px;border:0;border-radius:9px;background:#1b2933;color:white;font-size:13px;font-weight:800}
.live-manager-card h3{font-size:14px;color:#293640;margin:23px 0 9px}
.live-manager-preview{border:1px solid #e4e5e5;border-radius:10px;background:#f7f8f7;padding:14px}
.live-manager-tag{font-size:10px;color:#a07b28;font-weight:800;letter-spacing:.07em}
.live-manager-preview strong{display:block;font-size:15px;line-height:1.35;margin:7px 0 0;overflow-wrap:anywhere}
.live-manager-preview p{font-size:12px;color:#67747d;margin:5px 0}
.live-manager-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.live-manager-control{border:1px solid #dadee0;background:#fffdfa;color:#24313c;min-height:45px;font-size:12px;font-weight:700;padding:9px;border-radius:9px}
.live-manager-control:disabled{opacity:.4;cursor:not-allowed}
.live-manager-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.live-manager-metric{padding:12px;border:1px solid #ededec;background:#f7f7f5;border-radius:9px}
.live-manager-metric span{display:block;font-size:11px;color:#65747f}
.live-manager-metric strong{display:block;font-size:17px;margin-top:6px}
.live-manager-status{padding:11px 12px;border-left:3px solid #c9aa56;background:#f8f9f7;border-radius:7px;font-size:12px;line-height:1.5}
.live-manager-note{border-top:1px solid #e5e6e5;padding-top:12px;color:#68757e;font-size:11px;line-height:1.5}
@media(max-width:680px){.creator-live-manager-banner{flex-wrap:wrap;padding:14px}.creator-live-manager-trigger{width:100%}.live-manager-card{padding:20px 14px}.live-manager-title{font-size:25px}.live-manager-date-row{grid-template-columns:1fr}.live-manager-metric strong{font-size:15px}}

/* AFTER SHIFT V28 · actual LOCAL camera preview for creator LIVE lab. Not broadcast. */
.live-manager-camera{margin:18px 0;padding:13px;background:#1c2330;border-radius:12px;color:#fff}
.live-manager-camera[hidden]{display:none!important}
.live-manager-camera h3{color:#f8e6a9;font-size:13px;margin:0 0 10px}
.live-manager-camera-video{display:block;aspect-ratio:3/4;width:min(100%,315px);max-height:400px;object-fit:cover;background:#101722;border-radius:11px;transform:scaleX(-1);margin:0 auto}
.live-manager-camera-caption{color:#dce2e6;font-size:11px;line-height:1.4;text-align:center;margin:10px 0 0}
@media(max-width:680px){.live-manager-camera{padding:12px}.live-manager-camera-video{max-height:350px}}


/* AFTER SHIFT V29 · account buttons per mobile review: clear logout + quiet demo tools.
   Preserve IDs/handlers, creator actions, active sessions and all other screens. */
.account-section .account-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto;
  align-items:stretch;
  justify-content:stretch;
  width:min(100%,408px);
  gap:8px;
  margin-left:auto;
}
.account-section .account-actions #creatorBtn,
.account-section .account-actions #logoutBtn{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:47px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 10px;
  border-radius:10px;
  font-size:12px;
  line-height:1.25;
  text-align:center;
  white-space:normal;
}
.account-section .account-actions #creatorBtn{
  grid-column:1;
  grid-row:1;
  color:#26323b;
  background:#f8f6ef;
  border:1px solid #e0d7c4;
  font-weight:750;
}
.account-section .account-actions #logoutBtn{
  grid-column:2;
  grid-row:1;
  background:#fff;
  color:#36444d;
  border:1px solid #d9dddf;
  font-weight:700;
}
.account-section .account-actions #logoutBtn:hover{
  background:#f3f5f4;
  border-color:#b9c0c4;
  color:#192832;
}
.account-section .account-actions #coinLabTrigger{
  grid-column:1/-1;
  grid-row:2;
  justify-self:start;
  width:auto;
  min-width:0;
  min-height:34px;
  margin:2px 0 0;
  padding:7px 11px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  border:1px solid #e6e1d6;
  border-radius:8px;
  background:#fbfaf6;
  color:#716858;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  box-shadow:none;
}
.account-section .account-actions #coinLabTrigger:hover{
  background:#f6f1e7;
  color:#50432d;
}
@media(max-width:680px){
  .account-section .account-actions{
    width:100%;
    margin:15px 0 0;
    gap:9px;
  }
}
@media(max-width:360px){
  .account-section .account-actions #creatorBtn,
  .account-section .account-actions #logoutBtn{font-size:11px;padding:9px 7px;}
}


/* AFTER SHIFT V30 · purchase-facing demo wallet with packages first.
   UI only: no financial writes, no real purchases, same original 3 choices and math. */
.account-section .account-actions #coinLabTrigger{
  min-height:40px;
  padding:9px 13px;
  border:1px solid #ddcc9f;
  background:#fff9eb;
  color:#624918;
  font-size:12px;
  font-weight:750;
}
.account-section .account-actions #coinLabTrigger:hover{background:#fff1d5;color:#3e301b}
.coin-lab-card .coin-lab-packs{margin:13px 0 16px}
.coin-lab-card .coin-lab-pack{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  min-height:145px;
  padding:13px 10px 10px;
  background:#fffefa;
  text-align:center;
  gap:6px;
  border:1px solid #dedbd2;
  border-radius:11px;
}
.coin-lab-card .coin-lab-pack:focus-visible{outline:3px solid #ddb34c;outline-offset:2px}
.coin-lab-card .coin-lab-pack:hover{background:#fff7e3;border-color:#d5b45b}
.coin-lab-pack-qty{color:#1f2f3a;font-size:14px;line-height:1.3}
.coin-lab-pack-total{display:block;font-size:23px;line-height:1.15;letter-spacing:-.04em;color:#192b35}
.coin-lab-pack-nominal{display:block;color:#6b7780;font-size:10px;line-height:1.3;font-weight:500}
.coin-lab-pack-action{display:block;margin-top:4px;background:#1b2933;color:#fff;border-radius:7px;padding:9px 3px;font-size:10px;font-weight:800}
.coin-lab-card .coin-lab-balance{margin:17px 0 10px}
.coin-lab-card .coin-lab-intro{margin:7px 0 15px}
@media(max-width:680px){
  .coin-lab-card .coin-lab-pack{padding:12px 5px 8px;min-height:148px;gap:4px}
  .coin-lab-pack-qty{font-size:12px}
  .coin-lab-pack-total{font-size:19px}
  .coin-lab-pack-nominal{font-size:9px}
  .coin-lab-pack-action{font-size:9px;padding:8px 2px}
}

/* AFTER SHIFT V31 · package composition and available gift inventory */
.coin-lab-card .coin-lab-pack{min-height:275px;gap:6px;justify-content:flex-start}
.coin-lab-pack-contents{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-radius:8px;background:#f7f6f2;text-align:left}
.coin-lab-contents-heading{font-size:11px;color:#38454e;font-weight:800}
.coin-lab-contents-line{font-size:10px;line-height:1.4;color:#33424b;font-weight:600}
.coin-lab-contents-flex{font-size:10px;line-height:1.4;color:#33424b;border-top:1px dashed #d5d5cf;padding-top:7px;margin-top:auto;font-weight:800}
.coin-lab-card .coin-lab-pack-action{margin-top:auto}
.coin-lab-stock{margin:12px 0;padding:11px;border:1px solid #e5d6ae;border-radius:9px;background:#fff9eb;color:#544426;font-size:12px;line-height:1.5;font-weight:700}
.coin-lab-stock[hidden]{display:none!important}
.coin-lab-card .coin-lab-gift{white-space:pre-line;min-height:88px;line-height:1.6}
@media(max-width:680px){.coin-lab-card .coin-lab-pack{min-height:295px;padding:9px 4px}.coin-lab-pack-contents{padding:7px 4px;gap:5px}.coin-lab-contents-heading,.coin-lab-contents-line,.coin-lab-contents-flex{font-size:9px}.coin-lab-card .coin-lab-pack-total{font-size:17px}.coin-lab-card .coin-lab-gift{min-height:94px}}

/* AFTER SHIFT V32 — subscriber-only VIP post purchase demo, separate from LIVE gifts. */
.coin-lab-vip-panel{
  padding:15px;
  margin:20px 0;
  border:1px solid #dac99d;
  border-radius:12px;
  background:linear-gradient(145deg,#fffcf3,#f7f0df);
}
.coin-lab-vip-panel .coin-lab-vip-heading{
  font-size:14px;
  line-height:1.35;
  color:#564018;
  letter-spacing:.012em;
  margin:0 0 9px;
}
.coin-lab-vip-description{color:#35434a;line-height:1.5;margin:8px 0 12px}
.coin-lab-vip-gate{
  min-height:42px;
  border:1px solid #ccb16e;
  border-radius:8px;
  padding:10px 12px;
  background:#fff;
  color:#564321;
  font-size:12px;
  font-weight:750;
}
.coin-lab-vip-gate:focus-visible{outline:3px solid #a78332;outline-offset:3px}
.coin-lab-vip-gate-status{color:#536066;margin:8px 0 12px}
.coin-lab-vip-purchase{margin:12px 0}
.coin-lab-vip-purchase button{
  min-height:46px;
  width:100%;
  border:0;
  border-radius:9px;
  background:#243440;
  color:white;
  font-size:13px;
  font-weight:800;
  padding:11px 14px;
  text-align:center;
}
.coin-lab-vip-purchase button:disabled{opacity:.55}
.coin-lab-vip-rule{margin:11px 0 0;color:#5b666e}
.coin-lab-vip-success{border:1px solid #bdcbb6;background:#f5f9ef;padding:10px;border-radius:8px;color:#315b37;font-weight:700}
.coin-lab-vip-success[hidden]{display:none!important}
@media(max-width:680px){.coin-lab-vip-panel{padding:12px}}


/* AFTER SHIFT V33 · VIP private publishing + subscriber-facing locked catalog */
.vip-studio-section{margin:22px 0;padding:16px;border:1px solid #e8ddc5;background:#fffcf6;border-radius:12px}
.vip-studio-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vip-studio-header h3{font:600 22px/1.2 Georgia,serif;color:#2a3139;margin:0}
.vip-studio-header p{font-size:12px;color:#53616b;margin:7px 0;line-height:1.5;max-width:470px}
.vip-studio-create,.vip-studio-preview{background:#273641;color:white;border:0;border-radius:8px;min-height:42px;padding:9px 13px;font-weight:750;font-size:11px}
.vip-studio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vip-studio-status{font-size:12px;color:#6d7881}
.vip-studio-item{display:flex;flex-direction:column;gap:12px;padding:13px;background:#fff;border:1px solid #e6e2d9;border-radius:10px}
.vip-studio-item strong{color:#25313b;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.vip-studio-item p{margin:8px 0;font-size:12px;line-height:1.45;color:#64717c;overflow-wrap:anywhere}
.vip-studio-item-price{display:block;font-size:13px;font-weight:850;color:#806227}
.vip-studio-owner-tag{display:block;font-size:10px;font-weight:750;margin:5px 0;color:#69747b}
.vip-studio-item-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.vip-studio-remove{border:1px solid #e6b4a8;background:#fffafa;color:#994b3a;border-radius:8px;min-height:39px;padding:8px 12px;font-size:11px;font-weight:750}
.vip-upload-overlay,.vip-preview-overlay{position:fixed;inset:0;z-index:10400;padding:12px;display:flex;align-items:flex-start;justify-content:center;background:#111923df;overflow-y:auto}
.vip-upload-form,.vip-preview-dialog{position:relative;margin:auto 0;width:min(100%,570px);background:#fff;color:#202d37;border-radius:15px;padding:26px;box-shadow:0 22px 65px #0006;display:grid;gap:13px}
.vip-upload-close,.vip-preview-close{position:absolute;top:9px;right:9px;width:40px;height:40px;border:0;border-radius:50%;background:#f1f0ef;font-size:28px}
.vip-upload-eyebrow{color:#957322;font-size:11px;font-weight:850;letter-spacing:.07em}
.vip-upload-heading{font:500 27px/1.25 Georgia,serif;margin:2px 38px 3px 0}
.vip-upload-info{background:#fff9e8;border:1px solid #eee0bb;border-radius:8px;color:#5d532f;padding:12px;font-size:12px;line-height:1.5;margin:0}
.vip-upload-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:720}
.vip-upload-form input,.vip-upload-form textarea{width:100%;min-height:43px;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid #d9dedf;background:white;color:#202e38;font-size:13px}
.vip-upload-form textarea{min-height:70px;resize:vertical}
.vip-upload-hint{font-size:11px;color:#6b777d;margin:0}
.vip-upload-actions{display:flex;justify-content:flex-end;gap:9px}
.vip-upload-actions button{min-height:43px;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800}
.vip-upload-cancel{background:#f6f6f5;border:1px solid #dfe0df;color:#47535b}
.vip-upload-submit{background:#21303b;color:white;border:0}
.vip-upload-feedback{font-size:12px;line-height:1.5;color:#8c6025;min-height:16px}
.vip-profile-section{margin:14px 0 27px;padding:16px;border:1px solid #e5dcc9;background:#fdfaf4;border-radius:12px}
.vip-profile-heading{font:500 25px/1.2 Georgia,serif;color:#302d27;margin:0 0 9px}
.vip-profile-desc{font-size:12px;color:#59646b;margin:0 0 15px;line-height:1.5}
.vip-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vip-profile-card{overflow:hidden;border-radius:10px;border:1px solid #e1dbce;background:white;display:flex;flex-direction:column}
.vip-profile-lock{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:125px;background:linear-gradient(140deg,#403b44,#171f2a 70%,#5b4643);color:white;gap:8px}
.vip-profile-lock-icon{font-size:28px}
.vip-profile-lock small{font-size:11px;font-weight:740;letter-spacing:.04em}
.vip-profile-card-body{padding:13px;display:flex;flex-direction:column;gap:8px;flex:1}
.vip-profile-kicker{color:#8b6b27;font-weight:800;font-size:10px}
.vip-profile-card h4{font-size:15px;color:#25313b;line-height:1.4;margin:0}
.vip-profile-card p{color:#64717d;font-size:11px;line-height:1.5;margin:0}
.vip-profile-cost{font-size:14px;color:#4c3b21}
.vip-profile-buy{border:0;border-radius:8px;background:#243440;color:white;padding:10px;font-weight:780;font-size:11px;min-height:43px}
.vip-profile-buy:disabled{opacity:.56}
.vip-profile-feedback{font-size:11px!important;color:#355c37!important}
.vip-preview-dialog{max-height:95vh}
.vip-preview-dialog h2{font-size:20px;margin:0 40px 0 0}
.vip-preview-warning,.vip-preview-status{font-size:12px;line-height:1.5;color:#5e6c73}
.vip-preview-media{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#1c2024;margin:0 auto}
@media(max-width:680px){
 .vip-studio-section,.vip-profile-section{padding:12px}
 .vip-studio-header{flex-wrap:wrap}
 .vip-studio-header h3,.vip-profile-heading{font-size:21px}
 .vip-studio-create{width:100%}
 .vip-studio-list,.vip-profile-grid{grid-template-columns:1fr}
 .vip-upload-form,.vip-preview-dialog{padding:20px 13px}
}

/* 5:30 YOUR WAY — isolated development branch premium theme */
:root{color-scheme:dark;--ink:#f4eee2;--muted:#b8aa96;--paper:#0c0b0a;--sun:#d9b46b;--border:#3b3024;--shadow:0 10px 35px rgba(0,0,0,.34)}
body{color:var(--ink);background:var(--paper)}
.topbar{background:rgba(12,11,10,.96);border-bottom:1px solid #3b3024}
.brand,.footer-brand{color:#f7ead3;letter-spacing:-.04em}.brand span,.footer-brand span{color:#d9b46b;font-size:.57em;letter-spacing:.11em;vertical-align:middle}
.main-nav a,.main-nav button,.ghost,.text-btn{color:#f0e3cd}
.search-field{background:#231e18;color:#c7bda9;border:1px solid #403326}.search-field input{color:#fff}
.dark-button,.action-primary{background:#c9a15a;color:#120f0b;border-color:#c9a15a}
.hero-visual{background-color:#110e0c;background-image:linear-gradient(90deg,rgba(10,8,7,.97) 0%,rgba(13,10,8,.84) 47%,rgba(20,14,9,.36) 100%),url("assets/after-shift-approved-editorial.webp");border-bottom:1px solid #564026}
.hero h1{font-family:Georgia,serif;letter-spacing:-.07em;font-size:clamp(66px,10vw,132px);font-weight:500}
.hero h1 span{font-family:Inter,Arial,sans-serif;font-size:clamp(18px,2.4vw,31px);font-weight:650;letter-spacing:.28em;color:#d9b46b;margin-top:12px}
.hero p{font-family:Inter,Arial,sans-serif;font-size:clamp(17px,2vw,23px);line-height:1.5;color:#dfd0b9;letter-spacing:.01em}
.primary{background:linear-gradient(120deg,#e5c482,#b88d45);color:#17110a;border-radius:6px}
.trust-row,.card,.account-section,.creator-profile,.creator-studio,.auth-box{background:#181511;color:#f1e8d8;border-color:#3b3024}
.trust-item strong,.section-head h2,.name,.profile-main h2,.account-card,.vip-profile-heading{color:#f2e7d6}
.trust-item small,.handle,.demo-note{color:#b5a995}
.trust-icon{color:#d9b46b}.card .cover{background:linear-gradient(130deg,#463a29,#13110f)}
.profile-open,.action-btn{background:#2b241b;color:#f4e9d7;border-color:#665035}
.card-footer,.profile-tabs{border-color:#49392a}.site-footer{background:#090807;border-top:1px solid #403020}
.footer-links,.footer-note{color:#b8a68c}
input,select,textarea{accent-color:#d9b46b}
@media(max-width:680px){.hero-content{padding:42px 25px}.hero-visual{min-height:370px}.hero h1{font-size:clamp(64px,17vw,95px)}.hero h1 span{font-size:17px;letter-spacing:.2em}}

/* 5:30 approved visual reference — editorial luxury composition */
.topbar-inner{max-width:1510px;min-height:84px;gap:30px;padding:0 4%}.brand{font:400 37px Georgia,serif;letter-spacing:-.055em;color:#e8c391}.brand span{display:none}.main-nav{gap:clamp(18px,3.5vw,62px)}.main-nav a,.main-nav button{font-size:11px;letter-spacing:.19em;font-weight:500}.top-actions .ghost,.top-actions .dark-button{letter-spacing:.17em;font-size:11px}.top-actions .dark-button{border-radius:30px;padding:13px 32px;background:linear-gradient(120deg,#f3d4a3,#b78c57)}
main{max-width:none;padding:0}.hero-visual{min-height:485px;background-position:center,right center;background-size:cover,auto 135%;justify-content:center;text-align:center;border:0}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 55%,rgba(8,6,5,.75),transparent 58%);pointer-events:none}.hero-content{max-width:720px;padding:70px 30px 50px;margin-right:12%;}.hero h1{font-size:clamp(90px,11vw,174px);line-height:.86;color:#f1d1a3;text-shadow:0 0 32px rgba(187,120,53,.23)}.hero h1 span{font-size:clamp(16px,2vw,25px);font-weight:400;letter-spacing:.46em;color:#f5dfbd;margin-top:23px}.hero p{font:400 clamp(16px,1.5vw,22px)/1.4 Georgia,serif;color:#ddc8b0;margin:27px auto 24px}.primary{font-size:11px;letter-spacing:.16em;font-weight:600;border-radius:28px;padding:16px 32px}.trust-row{grid-template-columns:repeat(3,minmax(0,1fr));background:#090807;padding:30px 5% 35px;gap:0}.trust-item{justify-content:center;text-align:center;flex-direction:column;gap:8px;border-right:1px solid #423225}.trust-item:last-child{border-right:0}.trust-item strong{font-size:11px;font-weight:500;letter-spacing:.16em}.trust-item small{font:14px Georgia,serif;color:#b8a18a}.trust-icon{color:#d9b46b}.creator-section{padding:0 4% 65px}.creator-section>.section-head{padding-top:30px}.creator-section .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.creator-section .card{border-color:#3b3024}.creator-section .card .cover{height:245px}
@media(min-width:1200px){.hero-visual{min-height:500px}.creator-section .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.topbar-inner{min-height:70px;padding:0 16px}.brand{font-size:29px}.hero-visual{min-height:510px;background-size:cover,auto 100%;background-position:center,72% center}.hero-content{margin-right:0;padding:50px 17px;background:rgba(0,0,0,.25);width:100%}.hero h1{font-size:clamp(85px,22vw,128px)}.hero h1 span{font-size:15px;letter-spacing:.33em}.hero p{font-size:17px}.trust-row{padding:22px 12px;gap:10px}.trust-item{padding:0 5px}.trust-item strong{font-size:9px;letter-spacing:.06em}.trust-item small{font-size:11px}.creator-section{padding:0 13px 40px}.creator-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-section .card .cover{height:175px}}

/* 5:30 responsive stability — preserve existing app markup and interactions */
html,body{width:100%;max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
.topbar-inner,.main-nav,.top-actions,.search-field,.section,.grid,.card{min-width:0}
@media(max-width:800px){
 .topbar-inner{flex-wrap:wrap;gap:10px 14px;padding:12px 16px;justify-content:space-between}
 .brand{flex:none}.main-nav{order:3;width:100%;margin:0;justify-content:space-between;gap:8px;overflow-x:auto}
 .main-nav a,.main-nav button{padding:10px 0;font-size:10px;white-space:nowrap}
 .main-nav .nav-active:after{bottom:3px}
 .search-field{order:4;width:100%;flex-basis:100%;max-width:none}
 .top-actions{margin-left:auto;gap:7px;flex-wrap:wrap;justify-content:flex-end}
 .top-actions .ghost,.top-actions .dark-button{padding:10px 12px;font-size:10px}
 .hero-visual{width:100%;min-height:440px;overflow:hidden}
 .hero-content{max-width:100%;box-sizing:border-box}
 .trust-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .creator-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .creator-profile,.creator-studio{width:100%;max-width:100%;margin:0 auto}
 .profile-head{flex-wrap:wrap}.profile-actions{width:100%}
}
@media(max-width:380px){.brand{font-size:25px}.top-actions .dark-button{padding:9px 10px}.trust-item small{font-size:10px}}


/* 5:30 stable visual baseline while approved art is prepared */
html,body,main,.creator-section{background:#090807;color:#eadac3}
.hero-visual{background:#090807!important;min-height:440px}
.hero-visual::before,.hero-visual::after{content:none!important}
.hero-content{margin:0 auto;max-width:720px;transform:none;background:transparent}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.hero-secondary{color:#f3dbb8;text-decoration:none;border:1px solid #b89562;border-radius:25px;padding:13px 22px;font-size:11px;letter-spacing:.08em}
.trust-row{grid-template-columns:repeat(4,minmax(0,1fr));background:#090807}
.creator-section{background:#090807}
@media(max-width:700px){.hero-visual{min-height:380px}.hero-content{padding:36px 18px}.hero h1{font-size:clamp(72px,19vw,104px)}.hero-actions{gap:8px}.hero-actions .primary,.hero-secondary{font-size:9px;padding:11px 12px}.trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trust-item{padding:10px 5px}}

/* 5:30 reference template applied to existing functional application */
.topbar{background:#080706!important;border-bottom:0!important}
.topbar-inner{min-height:76px;max-width:1500px}
.hero{background:#070605!important}
.hero-visual{min-height:455px!important;isolation:isolate;overflow:hidden;position:relative;background:linear-gradient(90deg,#080706 0%,#110d0a 70%,#070605 100%)!important}
.hero-visual::before{content:""!important;display:block!important;position:absolute;inset:-48% auto auto -40%;width:95%;height:165%;border:2px solid rgba(244,172,90,.8);border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 24px rgba(243,145,54,.25);pointer-events:none;z-index:0;background:transparent}
.hero-visual::after{content:""!important;display:block!important;position:absolute;inset:0 0 0 auto;width:40%;background:linear-gradient(90deg,#090807 0%,rgba(9,8,7,.2) 48%,rgba(9,8,7,.15)),url("assets/after-shift-approved-editorial.webp") center center/cover no-repeat;opacity:.85;pointer-events:none;z-index:0}
.hero-content{position:relative;z-index:1;max-width:670px;margin:0 auto!important;transform:translateX(-7%);padding:54px 18px 32px;text-align:center}
.hero h1{font-family:Georgia,serif;font-size:clamp(95px,11vw,166px);font-weight:400;letter-spacing:-.075em;line-height:.88;background:linear-gradient(130deg,#fff0d9 10%,#dca86a 45%,#fff3d6 65%,#ad6b35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 span{display:block;-webkit-text-fill-color:#e6d5c3;letter-spacing:.42em;font:400 clamp(15px,1.8vw,24px) Georgia,serif;margin-top:19px}
.hero p{font:400 clamp(16px,1.5vw,21px)/1.45 Georgia,serif;color:#dfcbb6}
.trust-row{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:20px 4% 23px;background:#080706!important}
.trust-item{border-right:1px solid #33251c;text-align:center;flex-direction:column;gap:6px;align-items:center}
.trust-item:last-child{border:0}
.trust-icon{color:#e5b56e;font-size:30px}
.trust-item strong{font-size:10px;letter-spacing:.12em}
.trust-item small{font:13px Georgia,serif}
.editorial-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;padding:8px 3.5% 22px;background:#080706}
.editorial-shot{min-width:0;aspect-ratio:1.18;border-radius:8px;background-image:url("assets/after-shift-approved-editorial.webp");background-repeat:no-repeat;background-size:600% auto;background-color:#21170f;box-shadow:0 0 0 1px rgba(208,149,80,.1)}
.shot-one{background-position:0% center}.shot-two{background-position:20% center}.shot-three{background-position:40% center}.shot-four{background-position:60% center}.shot-five{background-position:80% center}.shot-six{background-position:100% center}
.creator-section>.section-head{padding-top:32px}
@media(max-width:700px){.hero-visual{min-height:465px!important}.hero-visual::before{left:-120%;top:-22%;width:150%;height:130%}.hero-visual::after{width:55%;opacity:.62}.hero-content{transform:none;margin:0!important;padding:74px 15px 24px}.hero h1{font-size:clamp(80px,21vw,118px)}.hero h1 span{font-size:15px}.hero p{font-size:15px}.hero-actions{gap:9px}.trust-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0;padding:10px 8px 16px}.trust-item{padding:14px 4px;border-bottom:1px solid #33251c}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(n+3){border-bottom:0}.editorial-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:8px 12px 20px}.editorial-shot{flex:0 0 32%;aspect-ratio:.85;scroll-snap-align:start;background-size:600% auto}.topbar-inner{min-height:60px}}

/* v6: repair mobile overflow and oversized photographic tiles */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%;width:100%}
.hero-visual{width:100%;max-width:100%;overflow:hidden}
.hero-content{width:min(100%,680px);min-width:0;max-width:calc(100% - 20px);transform:none!important;margin:0 auto!important}
.hero h1{max-width:100%;white-space:nowrap;overflow:visible;font-size:clamp(70px,11vw,156px)}
.hero p{max-width:100%;overflow-wrap:break-word}
.hero-actions{max-width:100%;flex-wrap:wrap}
.editorial-strip{max-width:100%;overflow:hidden}
.editorial-shot{background-size:cover!important;background-position:center!important;aspect-ratio:1.18}
.five30-about{padding:28px 5%;text-align:center;background:#080706;color:#d9c5ab}
.five30-about h2{font:400 19px Georgia,serif;letter-spacing:.2em;color:#d6ac73}
.five30-about p{font:15px Georgia,serif}
@media(max-width:800px){
 .topbar-inner{width:100%;max-width:100%;gap:8px;padding:10px 12px}
 .main-nav{display:flex;gap:12px;justify-content:space-between;order:3;width:100%;flex-wrap:nowrap}
 .main-nav a,.main-nav button{font-size:clamp(8px,2.3vw,11px);letter-spacing:.04em}
 .search-field{max-width:100%;width:100%;order:4}
 .hero-visual{min-height:430px!important}
 .hero-visual::before{left:-130%!important;top:-15%!important;width:145%!important;height:130%!important;border-width:1px!important;opacity:.55}
 .hero-visual::after{width:40%!important;opacity:.48!important}
 .hero-content{padding:60px 12px 25px!important;width:100%!important;max-width:100%!important;transform:none!important;margin:0!important}
 .hero h1{font-size:clamp(65px,20vw,104px)!important;letter-spacing:-.08em;line-height:1}
 .hero h1 span{font-size:clamp(12px,3.5vw,16px)!important;letter-spacing:.24em;margin-top:8px}
 .hero p{font-size:clamp(13px,3.7vw,16px)!important;line-height:1.35;max-width:320px;margin:22px auto}
 .hero p br{display:none}
 .hero-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
 .hero-actions .primary,.hero-secondary{width:min(100%,270px);min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}
 .editorial-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px 16px;overflow:visible}
 .editorial-shot{width:100%;min-width:0;aspect-ratio:1;flex:none}
}
@media(max-width:380px){.hero h1{font-size:19vw!important}.main-nav{gap:6px}}

/* v7: remove the rejected circular border and tiled photo background entirely */
.hero-visual::before{content:none!important;display:none!important;border:0!important;box-shadow:none!important}
.hero-visual::after{content:none!important;display:none!important;background:none!important}
.hero-visual{background:linear-gradient(105deg,#080706 0%,#100b09 58%,#080706 100%)!important}
.hero-content{transform:none!important}
@media(max-width:800px){
 .hero-visual::before,.hero-visual::after{content:none!important;display:none!important}
 .hero-visual{background:linear-gradient(105deg,#080706,#120c09 65%,#080706)!important}
 .hero-content{padding:48px 14px 28px!important}
}