:root{--bg: #f4f8ff;--bg-deep: #e9f2ff;--surface: #ffffff;--surface-soft: rgba(255, 255, 255, .76);--surface-muted: #f6faff;--line: rgba(21, 94, 164, .12);--line-strong: rgba(21, 94, 164, .22);--text: #16324f;--muted: #667a94;--muted-strong: #4f647d;--brand: #1b9cf0;--brand-deep: #087cd0;--brand-soft: #dff2ff;--brand-glow: rgba(27, 156, 240, .24);--success: #1ea971;--success-soft: #ecfbf4;--warning: #ffb347;--warning-soft: #fff6e7;--danger: #e45c5c;--danger-soft: #fff1f1;--shadow: 0 28px 70px rgba(31, 73, 125, .14);--shadow-soft: 0 18px 44px rgba(31, 73, 125, .08);color:var(--text);background:linear-gradient(180deg,#f8fbff,#edf5ff 54%,#f8fbff);color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(27,156,240,.14),transparent 28%),radial-gradient(circle at 85% 12%,rgba(18,196,255,.13),transparent 22%),radial-gradient(circle at 15% 82%,rgba(255,198,112,.16),transparent 24%),linear-gradient(180deg,#f8fbff,#edf5ff 54%,#f8fbff)}body:before,body:after{position:fixed;inset:auto auto 8% -6%;z-index:-1;width:26rem;height:26rem;border-radius:999px;background:radial-gradient(circle,rgba(27,156,240,.14),transparent 70%);content:"";filter:blur(16px);pointer-events:none}body:after{inset:8% -8% auto auto;background:radial-gradient(circle,rgba(18,196,255,.12),transparent 68%)}img{display:block;max-width:100%}a{color:var(--brand-deep)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.03em}h1{margin-bottom:1rem;font-size:clamp(2.9rem,6vw,5.2rem);line-height:.94}h2{margin-bottom:.8rem;font-size:1.45rem}h3{margin-bottom:.55rem;font-size:1.12rem}button,input,select,textarea{font:inherit}button,.queue-card{border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;cursor:pointer;font-weight:700;padding:.92rem 1.22rem;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background-color .16s ease;box-shadow:0 16px 28px #1b9cf038}button:hover:not(:disabled),.queue-card:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 34px #1b9cf03d}button:disabled,.queue-card:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.queue-card:focus-visible{outline:3px solid rgba(27,156,240,.22);outline-offset:2px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:1rem;background:#fffffff0;color:var(--text);padding:.95rem 1rem;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;box-shadow:inset 0 1px #ffffffb3}input::placeholder,textarea::placeholder{color:#4f647db3}input:hover,select:hover,textarea:hover{border-color:#155ea433}input:focus,select:focus,textarea:focus{border-color:#1b9cf07a;box-shadow:0 0 0 4px #1b9cf01a,inset 0 1px #fffc}textarea{resize:vertical}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.app-shell{width:min(1220px,calc(100vw - 2rem));margin:0 auto;padding:1.4rem 0 4.4rem}.brand-bar,.hero-band,.panel,.hero-sidecar,.control-bar{border:1px solid var(--line);box-shadow:var(--shadow-soft)}.brand-bar,.hero-band,.control-bar,.panel{animation:rise-in .42s ease both}.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding:.95rem 1.15rem;border-radius:1.5rem;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.hero-sidecar-top,.section-head,.creator-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{justify-content:flex-start}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 34%),linear-gradient(145deg,var(--brand),#47c3ff);color:#fff;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.04em;box-shadow:0 14px 28px #1b9cf03d}.brand-name{margin-bottom:.2rem;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.05rem;font-weight:700}.brand-caption,.hero-lede,.section-copy,.muted-copy,.creator-bio,.sidecar-meta{color:var(--muted)}.brand-caption{margin:0;font-size:.94rem}.brand-actions,.hero-pills,.action-row,.view-nav,.post-topline,.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.brand-pill,.hero-pills span,.status-pill,.spotlight-strip span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(27,156,240,.12);padding:.45rem .82rem}.brand-pill,.hero-pills span,.spotlight-strip span{background:#ffffffc2;color:var(--muted-strong);font-size:.82rem}.status-pill{background:var(--brand-soft);color:var(--brand-deep);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-band{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.92fr);gap:1.35rem;margin-bottom:1.2rem;border-radius:2rem;overflow:hidden;background:linear-gradient(135deg,#fffffff0,#f2f8ffdb),linear-gradient(180deg,rgba(27,156,240,.08),transparent 45%);box-shadow:var(--shadow)}.hero-band:before,.hero-band:after{position:absolute;border-radius:999px;content:"";pointer-events:none}.hero-band:before{top:-10rem;right:-6rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(27,156,240,.16),transparent 68%)}.hero-band:after{bottom:-9rem;left:-7rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(255,198,112,.18),transparent 68%)}.hero-copy,.hero-sidecar{position:relative;z-index:1}.hero-copy{padding:2.35rem 2.45rem 2.3rem}.hero-sidecar{margin:1.1rem 1.1rem 1.1rem 0;padding:1.5rem;border-radius:1.55rem;background:linear-gradient(180deg,#dff2ffe6,#fffffff5),var(--surface)}.eyebrow{margin:0 0 .75rem;color:var(--brand-deep);font-size:.82rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero-lede{max-width:50rem;margin-bottom:1.35rem;font-size:1.08rem}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;margin-top:1.45rem}.hero-kpi{display:grid;gap:.38rem;min-height:100%;border:1px solid rgba(27,156,240,.1);border-radius:1.3rem;background:#ffffffb8;padding:1rem 1.05rem;box-shadow:0 12px 30px #1f497d0f}.hero-kpi strong{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:.98rem}.hero-kpi span{color:var(--muted);font-size:.92rem}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack span{display:inline-block;width:2.45rem;height:2.45rem;margin-left:-.55rem;border:3px solid rgba(255,255,255,.92);border-radius:999px;background:linear-gradient(145deg,#1b9cf0d9,#47c3ffdb);box-shadow:0 8px 18px #1f497d1f}.avatar-stack span:first-child{margin-left:0}.avatar-stack span:nth-child(2){background:linear-gradient(145deg,#ffc670f2,#ff965ce6)}.avatar-stack span:nth-child(3){background:linear-gradient(145deg,#25d69aeb,#1b9cf0db)}.spotlight-badge{display:inline-flex;align-items:center;border-radius:999px;background:#fffc;color:var(--brand-deep);padding:.46rem .86rem;font-size:.82rem;font-weight:700;box-shadow:0 10px 20px #1f497d14}.sidecar-title{margin-bottom:.3rem;font-size:1.08rem;font-weight:700}.sidecar-meta{margin-bottom:.25rem}.spotlight-strip{display:grid;gap:.7rem;margin:1.2rem 0 1.3rem}.control-bar{position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding:1rem;border-radius:1.45rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.view-nav{flex:1 1 auto}.view-nav button{background:#ffffffeb;color:var(--muted-strong);box-shadow:none;border:1px solid rgba(21,94,164,.08)}.view-nav button.active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 18px 30px #1b9cf02e}.creator-search{display:grid;grid-template-columns:minmax(240px,360px) auto;gap:.75rem;align-items:center}.creator-search input{background:#ffffffeb}.flash-banner,.error-banner{margin:0 0 1rem;padding:.95rem 1rem;border-radius:1.2rem}.flash-banner{border:1px solid rgba(30,169,113,.22);background:var(--success-soft);color:#116543}.error-banner,.error-text{border:1px solid rgba(228,92,92,.22);background:var(--danger-soft);color:#a33a3a}.auth-grid,.content-grid,.card-grid,.post-grid,.membership-grid{display:grid;gap:1.25rem}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.25rem}.content-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-studio-grid,.admin-review-grid{align-items:start}.panel{border-radius:1.7rem;padding:1.5rem;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.accent-panel{background:linear-gradient(180deg,#dff2ffc2,#ffffffeb),var(--surface)}.stack-form,.detail-stack,.document-stack,.queue-list,.notification-list,.inline-grid{display:grid;gap:.95rem}.compact-detail-stack{gap:.4rem;justify-items:end}.top-spaced-section{margin-top:1.2rem}.inline-label{display:grid;gap:.45rem}.discover-search-form{display:grid;gap:.85rem;padding:1rem;border:1px solid rgba(21,94,164,.1);border-radius:1.2rem;background:#ffffffb3}.stack-form label,.inline-grid label,.discover-search-form label{display:grid;gap:.45rem}.stack-form span,.inline-grid span,.discover-search-form span{color:var(--muted-strong);font-size:.92rem;font-weight:600}.field-hint{color:var(--muted);font-size:.82rem;font-weight:500}.app-textarea{min-height:7.8rem}.full-span{grid-column:1 / -1}.section-head{align-items:flex-start}.section-copy,.creator-bio{max-width:42rem}.creator-stack{display:grid;gap:1.4rem}.creator-header{align-items:flex-start;padding-bottom:.95rem;border-bottom:1px solid rgba(21,94,164,.08)}.creator-handle{margin-bottom:.35rem;color:var(--brand-deep);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.subscription-banner{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:.95rem 1rem;border-radius:1.15rem;border:1px solid rgba(30,169,113,.18);background:var(--success-soft);color:#116543}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tier-card,.post-card,.membership-card,.notification-card,.document-card,.queue-card,.payout-panel,.review-note-banner{border-radius:1.3rem;border:1px solid rgba(21,94,164,.1);background:#fffc;box-shadow:0 12px 28px #1f497d0f}.tier-card,.post-card,.membership-card,.notification-card,.document-card,.payout-panel,.review-note-banner{padding:1.15rem}.tier-card,.membership-card,.post-card,.notification-card{display:grid;gap:.8rem}.discover-card{align-content:start}.tier-price{margin-bottom:.1rem;color:var(--brand-deep);font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.72rem;font-weight:700}.post-grid,.membership-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.post-media-frame{position:relative;overflow:hidden;min-height:210px;border-radius:1.1rem;border:1px solid rgba(21,94,164,.08);background:linear-gradient(180deg,#dff2ff80,#ffffffeb),var(--surface)}.post-media-preview{width:100%;height:100%;min-height:210px;object-fit:cover}.media-count-badge{position:absolute;right:.85rem;bottom:.85rem;display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;min-height:2.3rem;padding:.3rem .65rem;border-radius:999px;background:#0c1a2ed1;color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 12px 24px #0a12222e}.post-topline{justify-content:space-between;gap:.8rem;font-size:.86rem}.creator-stat-row{display:flex;flex-wrap:wrap;gap:.75rem}.message-grid{align-items:start}.message-thread-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem}.message-list{display:grid;gap:.85rem;max-height:32rem;overflow-y:auto;padding-right:.25rem}.message-bubble{display:grid;gap:.55rem;padding:1rem;border-radius:1.2rem;border:1px solid rgba(21,94,164,.1)}.message-bubble.mine{background:linear-gradient(180deg,#dff2ffdb,#fffffffa)}.message-bubble.theirs{background:#ffffffd1}.message-flag-input{min-width:220px;flex:1 1 240px}.pagination-row{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:1rem;flex-wrap:wrap}.secondary-button{background:#ffffffe6;color:var(--brand-deep);border:1px solid rgba(27,156,240,.16);box-shadow:none}.secondary-button:hover:not(:disabled){box-shadow:0 14px 26px #1b9cf01f}.danger-button{background:linear-gradient(135deg,var(--danger),#d94848);color:#fff;box-shadow:0 16px 28px #e45c5c38}.danger-button:hover:not(:disabled){box-shadow:0 22px 34px #e45c5c38}.inline-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.payout-panel,.review-note-banner{display:grid;gap:.9rem}.review-note-banner{border-color:#ffb34738;background:var(--warning-soft)}.document-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.document-card{display:grid;gap:.75rem}.live-session-card{border-color:#1b9cf029;background:linear-gradient(180deg,#dff2ff9e,#fffffffa)}.live-player-card{align-content:start}.live-player{width:100%;min-height:260px;border-radius:1rem;background:#08111f;border:1px solid rgba(21,94,164,.12);box-shadow:inset 0 0 0 1px #ffffff0a}.document-preview{width:100%;max-height:220px;object-fit:cover;border-radius:1rem;border:1px solid rgba(21,94,164,.08)}.pending-document{border-style:dashed}.queue-card{display:grid;gap:.65rem;width:100%;padding:1rem;border-radius:1.2rem;text-align:left;background:#ffffffe6;color:var(--text);box-shadow:none}.queue-card.active{border-color:#1b9cf038;background:linear-gradient(180deg,#dff2ffcc,#fffffff5);box-shadow:0 16px 30px #1b9cf01f}.text-link{color:var(--brand-deep);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.notification-card.unread{border-color:#1b9cf038;background:linear-gradient(180deg,#dff2ffd1,#fffffff5)}.notification-card.read{opacity:.9}@media (max-width: 1120px){.hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.brand-bar,.control-bar,.creator-header,.hero-band,.auth-grid,.content-grid.two-up,.inline-grid.two-columns{grid-template-columns:1fr}.brand-bar,.control-bar{align-items:stretch;flex-direction:column}.hero-band{display:grid}.hero-sidecar{margin:0 1.1rem 1.1rem}.creator-search{grid-template-columns:1fr}}@media (max-width: 720px){.hero-kpis{grid-template-columns:1fr}.brand-actions,.view-nav{overflow-x:auto;padding-bottom:.15rem}.brand-actions::-webkit-scrollbar,.view-nav::-webkit-scrollbar{display:none}}@media (max-width: 640px){.app-shell{width:min(100vw - 1rem,1220px);padding-top:.9rem}.brand-bar,.hero-copy,.panel,.hero-sidecar{padding:1.2rem}.control-bar{top:.5rem}h1{font-size:2.55rem}}