:root{color:#191a1d;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;min-width:0}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{max-width:100%;font:inherit}h1,h2,h3,p,span,small,strong,button,label{overflow-wrap:anywhere}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at top left,rgba(183,145,66,.16),transparent 34%),linear-gradient(135deg,#101114,#20242a 48%,#111315)}.phone-frame{position:relative;width:min(100%,430px);height:min(920px,calc(100vh - 36px));min-height:720px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#f5f4ef;box-shadow:0 32px 90px #00000057}.tg-header{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:14px 14px 12px;color:#f7f4ec;background:#101114f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tg-header p,.tg-header strong{display:block;margin:0}.tg-header p{color:#a6adb8;font-size:11px;line-height:1.2}.tg-header strong{margin-top:2px;font-size:14px;line-height:1.25}.icon-button{width:40px;height:40px;border-radius:50%;color:#f7f4ec;background:#ffffff14;font-size:25px;line-height:1}.content{height:calc(100% - 69px);overflow-y:auto;padding:12px 14px 108px;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.status-strip{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 10px;border:1px solid rgba(25,26,29,.08);border-radius:8px;color:#5e626b;background:#ffffffad;font-size:12px}.status-strip strong{color:#191a1d}.status-strip button{margin-left:auto;color:#7e641f;background:transparent;font-size:12px;font-weight:700;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#31a66a;box-shadow:0 0 0 4px #31a66a1f}.creator-card,.section-block,.studio-hero{border:1px solid rgba(25,26,29,.08);border-radius:8px;background:#ffffffd1;box-shadow:0 16px 36px #211f1a14}.creator-card{padding:10px}.cover-art{width:100%;height:128px;display:block;object-fit:cover;border-radius:7px;background:#191a1d}.css-art{display:grid;place-items:center;color:#f7f4ec;background:linear-gradient(135deg,#d6ad5be0,#20242af2),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.08) 16px 17px)}.css-art span{padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff7df;background:#00000038;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.creator-main{display:flex;align-items:center;gap:12px;margin-top:-24px;padding:0 6px}.avatar{width:64px;height:64px;flex:0 0 64px;border:3px solid #fff;border-radius:18px;object-fit:cover;background:#d6ad5b}.creator-main h1,.creator-main p,.creator-card h2,.creator-card .bio{margin:0}.creator-main h1{color:#191a1d;font-size:22px;line-height:1.1}.creator-main p{margin-top:4px;color:#70757e;font-size:13px}.creator-card h2{margin-top:16px;padding:0 6px;color:#191a1d;font-size:20px;line-height:1.17}.bio{padding:8px 6px 0;color:#5e626b;font-size:14px;line-height:1.5}.tag-row{display:flex;flex-wrap:wrap;gap:6px;padding:13px 6px 0}.tag-row span,.access,.plan-topline span,.studio-hero span{border-radius:999px;color:#6d5520;background:#f3e4bf;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.tag-row span{padding:7px 8px}.stats-grid,.purchase-summary,.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-grid{margin-top:14px}.stats-grid div,.purchase-summary div,.metrics-grid div{padding:10px;border-radius:8px;background:#f4f1e9}.stats-grid strong,.stats-grid span,.purchase-summary strong,.purchase-summary span,.metrics-grid strong,.metrics-grid span,.metrics-grid small{display:block}.stats-grid strong,.purchase-summary strong,.metrics-grid strong{color:#191a1d;font-size:16px;line-height:1.1}.stats-grid span,.purchase-summary span,.metrics-grid span,.metrics-grid small{margin-top:5px;color:#777b83;font-size:11px;line-height:1.25}.creator-cta-row{display:grid;grid-template-columns:1fr 132px;gap:10px;align-items:stretch}.creator-cta-row .primary-action{margin-top:14px}.access-mini-card{display:grid;align-content:center;gap:5px;margin-top:14px;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:10px;background:#f4f1e9}.access-mini-card span{color:#6d5520;font-size:10px;font-weight:900;text-transform:uppercase}.access-mini-card strong{color:#191a1d;font-size:12px;line-height:1.25}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.trust-strip span{border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:8px;color:#555b64;background:#fbfaf6;font-size:11px;font-weight:800;line-height:1.25}.primary-action,.secondary-action,.compact-row button{width:100%;min-height:44px;border-radius:8px;font-size:14px;font-weight:800}.primary-action{margin-top:14px;color:#17130a;background:linear-gradient(135deg,#e6c46b,#c89d48);box-shadow:0 10px 22px #9f741729}.secondary-action,.compact-row button{color:#191a1d;background:#ece7db}.section-block{margin-top:12px;padding:14px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2,.section-block>h2{margin:0;color:#191a1d;font-size:18px;line-height:1.2}.section-heading p{margin:5px 0 0;color:#70757e;font-size:13px;line-height:1.4}.section-heading>span{min-width:30px;padding:7px 9px;border-radius:999px;text-align:center;color:#191a1d;background:#f1dfb4;font-size:12px;font-weight:800}.coupon-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin-bottom:12px;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:10px;color:#565b63;background:#fbfaf6}.coupon-box span,.coupon-box strong{font-size:11px;font-weight:900;text-transform:uppercase}.coupon-box input{min-width:0;border:1px solid rgba(25,26,29,.12);border-radius:8px;padding:10px;color:#191a1d;background:#fff;outline:none}.coupon-box strong{grid-column:1 / -1;color:#7e641f}.content-list,.compact-list,.receipt-list{display:grid;gap:8px}.material-row,.reader-card,.compact-row,.receipt-row,.channel-card{border:1px solid rgba(25,26,29,.08);border-radius:8px;background:#fbfaf6}.lifecycle-card{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:12px;background:#fbfaf6}.lifecycle-card.active,.lifecycle-card.trial{border-color:#31a66a3d}.lifecycle-card.canceled,.lifecycle-card.failed{border-color:#a94a343d;background:#fff4ef}.lifecycle-card span{color:#787d85;font-size:11px;font-weight:900;text-transform:uppercase}.lifecycle-card strong{display:block;margin-top:5px;color:#191a1d;font-size:17px}.lifecycle-card p{margin:6px 0 0;color:#666b73;font-size:13px;line-height:1.4}.lifecycle-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lifecycle-actions button,.receipt-actions button{min-height:34px;border-radius:8px;color:#191a1d;background:#ece7db;font-size:12px;font-weight:800}.material-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px}.access{display:inline-flex;padding:6px 7px}.access.open{color:#23653f;background:#d9efdf}.material-row h3,.reader-card h3,.product-card h3,.plan-card h3,.channel-card h3{margin:8px 0 0;color:#191a1d;font-size:15px;line-height:1.25}.material-row p,.reader-card p,.product-card p,.plan-card p,.channel-card p,.empty-state{margin:7px 0 0;color:#666b73;font-size:13px;line-height:1.45}.read-time{color:#898d94;font-size:12px;white-space:nowrap}.product-grid{display:grid;gap:10px}.product-card,.plan-card{padding:12px;border:1px solid rgba(25,26,29,.08);border-radius:8px;background:#fbfaf6}.product-art{width:100%;height:112px;display:block;object-fit:cover;border-radius:7px;background:#20242a}.product-card ul,.plan-card ul{margin:10px 0 0;padding:0;list-style:none}.product-card li,.plan-card li{display:flex;gap:7px;align-items:flex-start;margin-top:7px;color:#50545c;font-size:13px;line-height:1.35}.product-card li:before,.plan-card li:before{content:"✓";color:#2c8b58;font-weight:900}.plans-screen{margin-top:0}.plan-card+.plan-card{margin-top:10px}.plan-card.recommended{border-color:#bb872261;background:linear-gradient(180deg,#fffaf0,#fbfaf6);box-shadow:inset 0 0 0 1px #d6ad5b33}.plan-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-topline span{display:inline-flex;padding:6px 7px}.plan-topline h3{margin-top:8px;font-size:20px}.plan-topline strong{color:#191a1d;font-size:18px;white-space:nowrap}.plan-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.plan-value-grid span{display:grid;gap:5px;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:9px;color:#646974;background:#fffdf8;font-size:12px;line-height:1.3}.plan-value-grid b{color:#191a1d;font-size:11px;text-transform:uppercase}.unlock-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.unlock-list span{border-radius:999px;padding:7px 8px;color:#32434c;background:#e8ecef;font-size:11px;font-weight:800}.plan-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.plan-actions .primary-action,.plan-actions .secondary-action{margin-top:14px}.purchase-summary{margin-bottom:10px}.channel-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;background:#f2eee4}.channel-card.granted{border-color:#31a66a4d;background:#eef7ee}.channel-card span{color:#787d85;font-size:11px;font-weight:800;text-transform:uppercase}.channel-card strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#245f3f;background:#31a66a24;font-size:20px}.compact-row,.receipt-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px}.compact-row strong,.compact-row span,.receipt-row strong,.receipt-row span{display:block}.compact-row strong,.receipt-row strong{color:#191a1d;font-size:14px}.compact-row span,.receipt-row span{margin-top:4px;color:#777b83;font-size:12px}.compact-row button{width:auto;min-height:36px;padding:0 12px;font-size:12px}.receipt-row b{color:#191a1d;font-size:14px;white-space:nowrap}.receipt-actions{display:grid;justify-items:end;gap:6px}.receipt-actions button{min-width:78px}.receipt-actions button:disabled{opacity:.55;cursor:default}.studio-hero{display:grid;grid-template-columns:1fr 118px;gap:14px;align-items:end;padding:16px;color:#f7f4ec;background:linear-gradient(135deg,#191a1d,#30343a)}.studio-hero span{display:inline-flex;padding:7px 8px;color:#f5e1a7;background:#f3cf721f}.studio-hero h1,.studio-hero p{margin:0}.studio-hero h1{margin-top:18px;font-size:32px;line-height:1}.studio-hero p{margin-top:8px;color:#c8cbd0;font-size:13px;line-height:1.4}.mini-chart{display:flex;align-items:end;gap:7px;height:96px;padding:10px;border-radius:8px;background:#ffffff14}.mini-chart i{flex:1;border-radius:999px;background:linear-gradient(180deg,#f3cf72,#8fcf9f)}.mini-chart i:nth-child(1){height:36%}.mini-chart i:nth-child(2){height:58%}.mini-chart i:nth-child(3){height:45%}.mini-chart i:nth-child(4){height:78%}.mini-chart i:nth-child(5){height:92%}.metrics-grid{grid-template-columns:repeat(2,1fr);margin-top:12px}.metrics-grid div{background:#ffffffd1;border:1px solid rgba(25,26,29,.08)}.studio-panel{color:#f7f4ec;background:#191a1d}.studio-panel .section-heading h2{color:#f7f4ec}.studio-panel .section-heading p{color:#b8bdc5}.analytics-funnel{display:grid;gap:10px}.analytics-funnel div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.analytics-funnel span{color:#b8bdc5;font-size:12px}.analytics-funnel strong{color:#f7f4ec;font-size:14px}.analytics-funnel i{grid-column:1 / -1;height:8px;border-radius:999px;background:linear-gradient(90deg,#d6ad5b,#8fcf9f)}.business-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.business-metrics span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 8px;color:#e8ddc4;background:#ffffff0f;font-size:11px;font-weight:800}.donation-box{display:grid;gap:10px}.donation-box label{display:grid;gap:6px;color:#565b63;font-size:12px;font-weight:800;text-transform:uppercase}.donation-box input,.donation-box textarea{width:100%;border:1px solid rgba(25,26,29,.12);border-radius:8px;padding:12px;color:#191a1d;background:#fbfaf6;outline:none;resize:vertical}.success-note{margin:0;padding:10px;border-radius:8px;color:#245f3f;background:#e4f3e8;font-size:13px;line-height:1.4}.reader-card{padding:12px}.reader-card.open{border-color:#31a66a38}.paywall-box{margin-top:12px;padding:12px;border-radius:8px;color:#f8f2e2;background:linear-gradient(135deg,#191a1df5,#2d3035f2),linear-gradient(90deg,rgba(243,207,114,.22),transparent)}.paywall-box strong{display:block;font-size:14px}.paywall-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.paywall-flow span{border:1px solid rgba(243,207,114,.18);border-radius:8px;padding:8px;color:#f5e1a7;background:#f3cf7214;font-size:11px;font-weight:900;text-align:center}.paywall-box p{color:#c7ccd4}.settings-screen{margin-top:0}.settings-panel{display:grid;gap:12px;margin-top:12px;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:12px;background:#fbfaf6}.settings-panel h3,.settings-panel p{margin:0}.settings-panel h3{color:#191a1d;font-size:16px}.settings-panel p{color:#666b73;font-size:13px;line-height:1.45}.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.provider-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-button{min-height:40px;border:1px solid rgba(25,26,29,.08);border-radius:8px;color:#4e535b;background:#ece7db;font-size:12px;font-weight:850}.provider-button.active{color:#17130a;border-color:#b5892d61;background:#f1dfb4}.settings-panel label{display:grid;gap:6px;color:#565b63;font-size:12px;font-weight:850;text-transform:uppercase}.settings-panel input{width:100%;border:1px solid rgba(25,26,29,.12);border-radius:8px;padding:11px;color:#191a1d;background:#fff;outline:0}.settings-checkbox{grid-template-columns:18px 1fr;align-items:start;text-transform:none!important}.settings-checkbox input{width:17px;height:17px;padding:0;margin:2px 0 0}.section-heading.compact{margin-bottom:0}.settings-checklist,.contract-list{display:grid;gap:8px}.settings-check,.contract-list span{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border:1px solid rgba(25,26,29,.08);border-radius:8px;padding:10px;color:#646974;background:#f4f1e9;font-size:12px;line-height:1.35}.settings-check.done{color:#245f3f;background:#e4f3e8}.settings-check span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#191a1d14;font-weight:900}.settings-check strong{color:inherit;font-size:12px}.contract-list span{display:block}.bottom-nav{position:absolute;right:12px;bottom:12px;left:12px;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;border:1px solid rgba(25,26,29,.1);border-radius:16px;background:#ffffffe0;box-shadow:0 16px 36px #211f1a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-width:0;min-height:54px;border-radius:12px;color:#737780;background:transparent;font-size:10px;font-weight:800}.bottom-nav button span{display:block;margin-bottom:5px;color:currentColor;font-size:15px}.bottom-nav button.active{color:#191a1d;background:#f1dfb4}@media(max-width:520px){.app-shell{display:block;padding:0;background:#f5f4ef}.phone-frame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}.tg-header{padding-top:max(12px,env(safe-area-inset-top))}}@media(max-width:360px){.stats-grid,.purchase-summary,.trust-strip,.plan-value-grid,.plan-actions,.lifecycle-actions,.paywall-flow,.provider-grid,.creator-cta-row,.coupon-box,.studio-hero{grid-template-columns:1fr}.mini-chart{height:72px}}