:root {
  --bg: #07090c;
  --panel: #0d1117;
  --panel-2: #121821;
  --line: #25303d;
  --text: #f5f7fa;
  --muted: #9ba7b6;
  --orange: #ff7a00;
  --yellow: #ffe500;
  --red: #e20d18;
  --green: #4ee58a;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 70% 0%, rgba(255,122,0,.08), transparent 28rem), var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { min-height: 76px; padding: 0 6vw; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #1b222b; position: sticky; top: 0; z-index: 20; background: rgba(7,9,12,.92); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 13px; }
.brand-mark { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(145deg,#171a1f,#090a0c); border: 1px solid #323843; box-shadow: inset 0 0 15px rgba(226,13,24,.15), 0 8px 24px rgba(0,0,0,.4); color: var(--red); font-size: 31px; font-weight: 1000; font-style: italic; }
.brand-copy { display: grid; letter-spacing: .18em; line-height: 1; }
.brand-copy strong { font-size: 17px; }
.brand-copy small { margin-top: 6px; color: var(--orange); font-size: 9px; }
nav { display: flex; gap: 28px; color: #c4ccd6; font-weight: 700; font-size: 14px; }
nav a:hover { color: var(--yellow); }
main { min-height: 100vh; }
.hero { min-height: 610px; padding: 130px 7vw 90px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(90deg, rgba(7,9,12,.98), rgba(7,9,12,.74)), radial-gradient(circle at 75% 48%, rgba(226,13,24,.13), transparent 24rem); border-bottom: 1px solid #171d25; }
.eyebrow, .dialog-eyebrow { color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: .19em; }
h1 { max-width: 870px; margin: 16px 0 22px; font-size: clamp(46px, 6vw, 84px); line-height: .98; letter-spacing: -.045em; }
h1 span { color: var(--yellow); }
.hero p { max-width: 720px; color: #bbc3ce; font-size: 19px; line-height: 1.65; }
.primary-button { margin-top: 20px; display: inline-flex; width: fit-content; padding: 15px 23px; border-radius: 9px; background: linear-gradient(135deg,var(--orange),#b74300); color: white; font-weight: 900; box-shadow: 0 12px 36px rgba(255,122,0,.18); }
.section { padding: 90px 7vw; }
.store-section { max-width: 1500px; margin: 0 auto; }
.section-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; }
h2 { margin: 8px 0 0; font-size: clamp(32px,4vw,52px); letter-spacing: -.035em; }
.beta-pill { border: 1px solid #654d00; color: var(--yellow); background: rgba(255,229,0,.06); border-radius: 999px; padding: 9px 14px; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.section-intro { max-width: 900px; color: var(--muted); line-height: 1.7; font-size: 17px; }
.streamer-grid { margin-top: 36px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.streamer-card, .loading-card { background: linear-gradient(160deg,rgba(18,24,33,.95),rgba(10,13,18,.98)); border: 1px solid var(--line); border-radius: 16px; padding: 26px; min-height: 210px; }
.streamer-card { display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.streamer-card::after { content:""; position:absolute; right:-60px; top:-60px; width:180px; height:180px; border-radius:50%; background: radial-gradient(circle,rgba(255,122,0,.18),transparent 68%); pointer-events:none; }
.streamer-card[data-accent="pink"]::after { background: radial-gradient(circle,rgba(255,80,180,.16),transparent 68%); }
.streamer-meta { color: var(--muted); font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.streamer-name { margin: 8px 0 10px; font-size: 29px; font-weight: 900; }
.streamer-status { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 14px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #6c7582; }
.status-dot.ready { background: var(--green); box-shadow: 0 0 12px rgba(78,229,138,.55); }
.streamer-action { margin-top: 26px; border: 1px solid #74400e; background: #1a120b; color: #fff; border-radius: 9px; padding: 13px 17px; width: fit-content; font-weight: 900; cursor: pointer; }
.streamer-action:hover { border-color: var(--orange); color: var(--yellow); }
.steps-section { border-top: 1px solid #171d25; background: #090c11; }
.steps-section > * { max-width: 1300px; margin-left: auto; margin-right: auto; }
.steps-grid { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.steps-grid article { border: 1px solid var(--line); background: var(--panel); padding: 25px; border-radius: 14px; }
.steps-grid article > span { width: 34px; height: 34px; display:grid; place-items:center; border:1px solid #827500; border-radius:50%; color:var(--yellow); font-weight:900; }
.steps-grid h3 { font-size: 20px; margin: 18px 0 10px; }
.steps-grid p { color: var(--muted); line-height: 1.6; margin:0; }
.notice { margin-top: 24px; padding: 17px 19px; border-left: 3px solid var(--yellow); background: #15191f; color: #c7ced7; border-radius: 8px; }
footer { padding: 38px 7vw; border-top: 1px solid #171d25; color: var(--muted); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.footer-brand { opacity:.8; }
.store-dialog { width: min(980px, calc(100vw - 28px)); border: 1px solid #384554; background: #0d1117; color: white; border-radius: 18px; padding: 30px; box-shadow: 0 30px 100px rgba(0,0,0,.65); }
.store-dialog::backdrop { background: rgba(0,0,0,.76); backdrop-filter: blur(4px); }
.dialog-close { position:absolute; right:16px; top:12px; border:0; background:transparent; color:#9fa9b5; font-size:32px; cursor:pointer; }
.dialog-status { color: var(--muted); line-height:1.6; }

.store-wallet-summary{margin-top:20px;border:1px solid #344252;background:linear-gradient(135deg,#111923,#0b1016);border-radius:13px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.store-wallet-summary>div{display:grid;gap:4px}.store-wallet-label{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.14em}.store-wallet-summary strong{font-size:28px;line-height:1}.store-wallet-refund{color:var(--muted);font-size:12px;text-align:right}.store-wallet-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:16px;align-items:start}.store-wallet-panel{border:1px solid var(--line);border-radius:13px;background:#0a0f15;padding:17px}.store-panel-heading h3,.live-actions-heading h3{margin:5px 0 0;font-size:19px}.store-wallet-panel .packs{margin-top:14px}.store-wallet-panel .fine-print{margin-top:13px}
.packs { display:grid; gap:10px; margin-top:22px; }
.packs button { text-align:left; border:1px solid var(--line); border-radius:10px; background:#111720; color:white; padding:15px 16px; cursor:pointer; display:flex; justify-content:space-between; gap:20px; }
.packs button:hover { border-color:#685300; }
.packs span { color:var(--muted); }
.fine-print { color:#798390; font-size:12px; margin-top:18px; }
@media (max-width: 820px) {
  nav { display:none; }
  .store-wallet-workspace { grid-template-columns:1fr; }
  .store-wallet-summary { align-items:flex-start; flex-direction:column; }
  .store-wallet-refund { text-align:left; }
  .hero { min-height: 520px; padding-top: 100px; }
  .streamer-grid, .steps-grid { grid-template-columns: 1fr; }
  .section-heading { align-items:start; flex-direction:column; }
  footer { align-items:flex-start; flex-direction:column; }
}
.account-strip { margin: 24px 0 0; display:flex; align-items:center; gap:18px; flex-wrap:wrap; border:1px solid #2a3542; background:#0c1117; border-radius:12px; padding:14px 16px; }
.account-strip strong { font-size:17px; }
.account-strip span { color:var(--muted); }
.account-strip a { margin-left:auto; color:var(--yellow); font-weight:800; }
.portal-main { min-height:100vh; }
.portal-hero { padding:100px 7vw 60px; border-bottom:1px solid #171d25; background:linear-gradient(90deg,rgba(7,9,12,.98),rgba(7,9,12,.8)),radial-gradient(circle at 78% 40%,rgba(255,122,0,.12),transparent 24rem); }
.portal-hero h1 { max-width:950px; }
.portal-hero p { max-width:800px; color:#bbc3ce; font-size:18px; line-height:1.65; }
.compact-hero { padding-bottom:44px; }
.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding:48px 7vw 90px; max-width:1500px; margin:0 auto; }
.portal-single { padding:48px 7vw 90px; max-width:760px; margin:0 auto; }
.portal-card { background:linear-gradient(160deg,rgba(18,24,33,.96),rgba(10,13,18,.99)); border:1px solid var(--line); border-radius:16px; padding:28px; }
.portal-card h2 { font-size:32px; }
.login-card { max-width:620px; margin:0 auto; }
.form-stack { display:grid; gap:16px; margin-top:24px; }
.form-stack label { display:grid; gap:8px; color:#c7ced7; font-size:13px; font-weight:800; }
.form-stack input,.form-stack select { width:100%; border:1px solid #344050; border-radius:9px; background:#0a0f15; color:#fff; padding:13px 14px; font:inherit; outline:none; }
.form-stack input:focus,.form-stack select:focus { border-color:var(--orange); }
.inline-field { display:flex; gap:8px; }
.inline-field button { flex:0 0 auto; border:1px solid #5e4520; border-radius:9px; background:#17120c; color:#fff; font-weight:900; padding:0 16px; cursor:pointer; }
.form-button { border:0; cursor:pointer; justify-content:center; width:100%; margin-top:2px; }
.form-status { color:#ffad66; margin:0; min-height:18px; font-size:13px; }
.check-row { grid-template-columns:auto 1fr !important; align-items:start; }
.check-row input { width:auto; margin-top:3px; }
.check-row a { color:var(--yellow); }
.identity-results { display:grid; gap:8px; }
.identity-result { display:grid; text-align:left; gap:4px; border:1px solid var(--line); border-radius:9px; background:#0d131a; color:#fff; padding:12px 14px; cursor:pointer; }
.identity-result span { color:var(--muted); font-size:13px; }
.identity-result.selected { border-color:var(--yellow); box-shadow:0 0 0 1px rgba(255,229,0,.18); }
.portal-section { max-width:1500px; margin:0 auto; }
.identity-card { margin:24px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.identity-card > div { border:1px solid var(--line); background:var(--panel); border-radius:12px; padding:18px; display:grid; gap:7px; }
.muted-label { color:var(--muted); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.wallet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.wallet-card { border:1px solid var(--line); background:linear-gradient(160deg,#111821,#0b0f15); border-radius:14px; padding:22px; }
.wallet-title { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.wallet-title h3 { font-size:25px; margin:0; }
.wallet-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:20px 0; }
.wallet-stats > div,.refund-row { border:1px solid #25303d; background:#0a0f15; border-radius:9px; padding:13px; display:grid; gap:5px; }
.wallet-stats span,.refund-row span { color:var(--muted); font-size:12px; }
.wallet-stats strong,.refund-row strong { font-size:20px; }
.refund-row { margin-bottom:14px; }
.ok-pill,.danger-pill { border-radius:999px; padding:6px 9px; font-size:10px; font-weight:900; letter-spacing:.08em; }
.ok-pill { color:var(--green); border:1px solid #285d42; background:rgba(78,229,138,.06); }
.danger-pill { color:#ff6e78; border:1px solid #6b2830; background:rgba(226,13,24,.08); }
.warning-text { color:#ffbd7a; font-size:13px; line-height:1.5; }
.secondary-button,.danger-button { display:inline-flex; align-items:center; justify-content:center; border-radius:9px; padding:12px 16px; font-weight:900; cursor:pointer; text-decoration:none; }
.secondary-button { border:1px solid #3c4858; background:#111720; color:#fff; }
.secondary-button:hover { border-color:#718096; }
.secondary-button:disabled { opacity:.45; cursor:not-allowed; }
.danger-button { border:1px solid #7d252d; background:#241014; color:#ff9aa1; }
.lower-grid { padding-left:0; padding-right:0; padding-bottom:0; }
.muted { color:var(--muted); line-height:1.65; }
.history-list { display:grid; gap:10px; margin-top:20px; max-height:560px; overflow:auto; }
.history-item { border:1px solid var(--line); border-radius:10px; background:#0b1016; padding:14px; display:grid; grid-template-columns:1fr auto; gap:10px; }
.history-item > div:first-child,.history-values { display:grid; gap:4px; }
.history-item span { color:var(--muted); font-size:12px; }
.history-values { text-align:right; }
.history-sub { grid-column:1/-1; color:#ffbd7a; font-size:12px; border-top:1px solid #242d38; padding-top:8px; }
.dashboard-actions { display:flex; gap:9px; flex-wrap:wrap; }
.earnings-grid { margin-top:26px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.metric-card { border:1px solid var(--line); background:linear-gradient(160deg,#111821,#0b0f15); border-radius:13px; padding:19px; display:grid; gap:6px; }
.metric-card > span { color:var(--muted); font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }
.metric-card > strong { font-size:28px; }
.metric-card > small { color:#798390; }
.reserve-alert { margin-top:24px; border-radius:12px; padding:17px 19px; display:grid; gap:5px; }
.reserve-alert.healthy { border:1px solid #2b6948; background:rgba(78,229,138,.07); }
.reserve-alert.warning { border:1px solid #76571d; background:rgba(255,180,0,.07); }
.reserve-alert.danger { border:1px solid #7d252d; background:rgba(226,13,24,.09); }
.reserve-alert span { color:#c7ced7; line-height:1.5; }
.wide-card { grid-column:1/-1; }
.table-wrap { overflow:auto; margin-top:20px; }
.data-table { width:100%; border-collapse:collapse; min-width:1050px; }
.data-table th,.data-table td { border-bottom:1px solid #26303c; padding:12px 10px; text-align:left; white-space:nowrap; font-size:13px; }
.data-table th { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.data-table td small { display:block; color:var(--muted); margin-top:3px; }
.split-buttons { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.legal-main { max-width:980px; margin:0 auto; padding:100px 7vw; }
.legal-main h1 { font-size:clamp(42px,6vw,70px); margin-bottom:10px; }
.legal-version { color:var(--muted); margin-bottom:48px; }
.legal-main section { border-top:1px solid #222b35; padding:26px 0; }
.legal-main section h2 { font-size:25px; }
.legal-main section p { color:#bcc5d0; line-height:1.75; }
@media (max-width: 920px) {
  .portal-grid,.wallet-grid,.earnings-grid { grid-template-columns:1fr; }
  .identity-card { grid-template-columns:1fr; }
  .wide-card { grid-column:auto; }
  .account-strip a { margin-left:0; width:100%; }
}
.access-card { margin-top:24px; border:1px solid #3a3321; background:linear-gradient(160deg,rgba(36,27,13,.72),rgba(12,16,22,.98)); }
.access-card h3 { margin:8px 0 6px; font-size:24px; }
.compact-form { max-width:720px; }
.streamer-controls { max-width:none; margin:28px 0 0; padding:0 0 30px; }
.dashboard-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }
.dashboard-heading h2 { margin-top:7px; }
#streamer-access-select { min-width:220px; border:1px solid #3c4858; border-radius:9px; background:#111720; color:#fff; padding:12px 14px; font:inherit; font-weight:800; }
@media (max-width: 720px) {
  .dashboard-heading { align-items:start; flex-direction:column; }
  #streamer-access-select { width:100%; }
  .dashboard-actions { width:100%; }
}

.account-mode-nav { margin:22px 0 28px; display:flex; gap:10px; flex-wrap:wrap; border-bottom:1px solid #242d38; padding-bottom:14px; }
.account-mode-nav[hidden] { display:none !important; }
.mode-button { border:1px solid #364252; background:#0d131a; color:#aeb8c4; border-radius:9px; padding:11px 16px; font:inherit; font-weight:900; cursor:pointer; }
.mode-button:hover { color:#fff; border-color:#5e6b7b; }
.mode-button.active { color:#fff; border-color:#8a5718; background:#21170b; box-shadow:0 0 0 1px rgba(255,122,0,.08) inset; }
.viewer-wallet-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin:8px 0 18px; }
.viewer-wallet-heading h2 { margin:5px 0 0; font-size:30px; }
.viewer-wallet-heading p { max-width:620px; color:var(--muted); line-height:1.55; margin:0; text-align:right; }
.viewer-wallet-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wallet-empty { grid-column:1/-1; border:1px dashed #33404f; background:#0a0f15; border-radius:14px; padding:24px; display:grid; gap:7px; }
.wallet-empty strong { font-size:20px; }
.wallet-empty span { color:var(--muted); line-height:1.55; }
#viewer-controls[hidden], #streamer-controls[hidden] { display:none !important; }
@media (max-width: 720px) {
  .viewer-wallet-heading { align-items:start; flex-direction:column; }
  .viewer-wallet-heading p { text-align:left; }
  .account-mode-nav { display:grid; grid-template-columns:1fr; }
}

.merchant-card { margin:22px 0 4px; border-color:#3a3321; background:linear-gradient(160deg,rgba(34,26,13,.78),rgba(10,14,20,.99)); }
.merchant-card[hidden], #merchant-connected-view[hidden], #merchant-form[hidden] { display:none !important; }
.merchant-heading { display:flex; justify-content:space-between; align-items:start; gap:18px; }
.merchant-heading h2 { margin:6px 0 0; }
.merchant-summary { margin-top:20px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.merchant-summary > div { border:1px solid #2d3744; background:#0a0f15; border-radius:10px; padding:13px; display:grid; gap:5px; min-width:0; }
.merchant-summary span { color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.merchant-summary strong { overflow-wrap:anywhere; }
.merchant-summary small { color:#798390; overflow-wrap:anywhere; }
.merchant-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
@media (max-width: 1100px) { .merchant-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .merchant-summary { grid-template-columns:1fr; } .merchant-actions { display:grid; grid-template-columns:1fr; } }

.live-actions-section{margin-top:0;padding-top:17px}
.live-actions-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.live-actions-heading h3{margin:5px 0 0;font-size:20px}.live-status{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.live-status.online{color:#b7ff58;border-color:rgba(183,255,88,.42)}.live-status.offline{color:#aab3bd}.live-action-list{display:grid;gap:9px;margin-top:12px;max-height:360px;overflow:auto;padding-right:3px}.live-action-button{width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#101720;color:#fff;padding:13px 14px;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;align-items:center}.live-action-button:hover:not(:disabled){border-color:#685300}.live-action-button:disabled{opacity:.48;cursor:not-allowed}.live-action-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-action-button .action-price{font-weight:900;color:#ffe900}.live-action-button small{color:var(--muted);grid-column:1/-1}.live-action-empty{border:1px dashed var(--line);border-radius:10px;padding:15px;color:var(--muted);line-height:1.5}.live-action-result{margin-top:10px;color:#b7ff58;font-size:13px;font-weight:700}.live-action-result.error{color:#ff9d9d}

.terms-update-card{margin:16px 0 22px;border:1px solid rgba(255,216,0,.45);background:rgba(255,216,0,.06);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.terms-update-card[hidden]{display:none!important}.terms-update-card>div:first-child{display:grid;gap:5px}.terms-update-card span{color:var(--muted);line-height:1.5}.terms-update-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.terms-update-actions .primary-button,.terms-update-actions .secondary-button{margin:0;white-space:nowrap}

/* v0.3.15 responsive storefront + account polish */
[hidden] { display:none !important; }
button, input, select { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
.store-dialog { max-height:calc(100dvh - 28px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.dialog-topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; }
.dialog-heading-copy { min-width:0; }
.dialog-heading-copy h2 { margin:10px 0 0; font-size:clamp(38px,5vw,56px); line-height:1; overflow-wrap:anywhere; }
.dialog-heading-copy .dialog-status { margin:16px 0 0; max-width:760px; }
.dialog-close { position:static; width:44px; height:44px; border:1px solid #465363; border-radius:10px; background:#111720; display:grid; place-items:center; line-height:1; padding:0; flex:0 0 auto; }
.dialog-close:hover { color:#fff; border-color:#738194; }
.store-wallet-summary { min-height:84px; }
.store-wallet-summary strong { font-size:32px; }
.store-wallet-refund { max-width:48%; line-height:1.45; }
.purchase-result { margin-top:12px; border-left-color:var(--green); background:rgba(78,229,138,.07); padding:13px 16px; }
.purchase-result h3 { margin:0 0 4px; font-size:16px; }
.purchase-result p { margin:0; line-height:1.45; color:#cbd4dd; }
.store-wallet-panel { min-width:0; }
.packs button, .live-action-button { min-height:54px; }
.live-action-button strong { white-space:normal; overflow:visible; text-overflow:clip; }
.live-action-button small { line-height:1.35; overflow-wrap:anywhere; }
.live-action-list { scrollbar-width:thin; }
body:has(.store-dialog[open]) { overflow:hidden; }

@media (max-width: 820px) {
  .site-header { min-height:64px; padding:0 18px; }
  .brand { gap:10px; }
  .brand-mark { width:38px; height:38px; border-radius:9px; font-size:27px; }
  .brand-copy strong { font-size:15px; }
  .brand-copy small { margin-top:5px; }
  nav { display:flex; gap:0; }
  nav a:not(:last-child) { display:none; }
  nav a:last-child { display:inline-flex; align-items:center; min-height:42px; padding:0 4px; font-size:13px; }

  .hero { min-height:auto; padding:78px 18px 62px; }
  .hero h1 { font-size:clamp(42px,12vw,62px); }
  .hero p { font-size:16px; line-height:1.55; }
  .section { padding:58px 18px; }
  .section-intro { font-size:15px; line-height:1.6; }
  .streamer-grid { margin-top:24px; gap:14px; }
  .streamer-card, .loading-card { min-height:170px; padding:20px; border-radius:14px; }
  .streamer-name { font-size:25px; }
  .streamer-action { width:100%; min-height:46px; }
  .steps-grid { margin-top:24px; gap:12px; }
  .steps-grid article { padding:20px; }
  footer { padding:30px 18px; }

  .store-dialog { width:min(100vw - 16px, 720px); max-height:calc(100dvh - 16px); padding:20px; border-radius:16px; }
  .dialog-heading-copy h2 { font-size:clamp(34px,10vw,46px); }
  .dialog-heading-copy .dialog-status { margin-top:12px; font-size:14px; }
  .store-wallet-workspace { grid-template-columns:1fr; gap:12px; margin-top:12px; }
  .live-actions-section { order:-1; }
  .store-wallet-summary { margin-top:14px; padding:14px 15px; min-height:74px; flex-direction:row; align-items:center; }
  .store-wallet-summary strong { font-size:29px; }
  .store-wallet-refund { max-width:52%; text-align:right; }
  .store-wallet-panel { padding:15px; }
  .packs { gap:8px; margin-top:12px; }
  .packs button { padding:13px 14px; gap:12px; min-height:50px; }
  .packs strong { font-size:14px; }
  .packs span { font-size:13px; text-align:right; }
  .live-actions-heading { gap:10px; }
  .live-actions-heading h3 { font-size:19px; }
  .live-status { padding:6px 9px; font-size:10px; }
  .live-action-list { max-height:none; overflow:visible; }
  .live-action-button { padding:13px; }
  .fine-print { line-height:1.45; }

  .portal-hero { padding:64px 18px 42px; }
  .portal-hero h1 { font-size:clamp(38px,11vw,56px); }
  .portal-hero p { font-size:16px; line-height:1.55; }
  .portal-grid, .portal-single { padding:34px 18px 60px; gap:14px; }
  #account-panel.section { padding:40px 18px 64px; }
  .portal-card { padding:20px; border-radius:14px; }
  .portal-card h2 { font-size:clamp(27px,8vw,32px); }
  .identity-card { margin:18px 0; gap:9px; }
  .identity-card > div { padding:15px; }
  .viewer-wallet-heading { margin-top:2px; gap:10px; }
  .viewer-wallet-heading h2 { font-size:28px; }
  .wallet-grid { gap:12px; }
  .wallet-card { padding:18px; }
  .wallet-title { flex-wrap:wrap; }
  .wallet-title h3 { font-size:22px; }
  .wallet-stats { margin:15px 0; gap:8px; }
  .history-list { max-height:none; }
  .history-item { grid-template-columns:1fr; }
  .history-values { text-align:left; }
  .inline-field { display:grid; grid-template-columns:1fr; }
  .inline-field button { min-height:44px; padding:11px 14px; }
  .form-stack input, .form-stack select { min-height:46px; font-size:16px; }
  .primary-button, .secondary-button, .danger-button, .mode-button { min-height:44px; }
  .dashboard-actions { display:grid; grid-template-columns:1fr; }
  .dashboard-actions .secondary-button { width:100%; }
  .terms-update-card { align-items:stretch; flex-direction:column; }
  .terms-update-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .terms-update-actions .primary-button, .terms-update-actions .secondary-button { width:100%; }
  .merchant-heading { align-items:flex-start; flex-direction:column; }
  .reserve-alert { margin-top:16px; }
  .metric-card { padding:16px; }
  .metric-card > strong { font-size:25px; }
  .table-wrap { margin-left:-4px; margin-right:-4px; padding-bottom:4px; -webkit-overflow-scrolling:touch; }
  .data-table { min-width:900px; }
  .split-buttons { grid-template-columns:1fr; }
  .legal-main { padding:64px 18px; }
}

@media (max-width: 520px) {
  .site-header { padding-left:14px; padding-right:14px; }
  .brand-copy { letter-spacing:.14em; }
  .hero { padding-top:62px; }
  .section { padding-left:14px; padding-right:14px; }
  .beta-pill { padding:7px 10px; }
  .account-strip { gap:8px; padding:12px 13px; }
  .account-strip span { width:100%; }

  .store-dialog { width:100vw; height:100dvh; max-height:100dvh; margin:0; border:0; border-radius:0; padding:18px 14px calc(22px + env(safe-area-inset-bottom)); }
  .dialog-topbar { position:sticky; top:-18px; z-index:10; margin:-18px -14px 0; padding:calc(18px + env(safe-area-inset-top)) 14px 12px; background:rgba(13,17,23,.97); border-bottom:1px solid #202a35; backdrop-filter:blur(14px); }
  .dialog-heading-copy h2 { margin-top:7px; font-size:34px; }
  .dialog-heading-copy .dialog-status { margin:9px 0 0; font-size:13px; line-height:1.45; }
  .dialog-close { width:42px; height:42px; font-size:29px; }
  .store-wallet-summary { margin-top:12px; padding:13px; gap:12px; }
  .store-wallet-summary strong { font-size:27px; }
  .store-wallet-refund { max-width:55%; font-size:11px; }
  .purchase-result { padding:12px 13px; }
  .store-wallet-panel { padding:14px; }
  .store-panel-heading h3, .live-actions-heading h3 { font-size:18px; }
  .live-actions-heading { display:grid; grid-template-columns:1fr auto; }
  .packs button { align-items:center; }
  .packs span { max-width:52%; }
  #checkout-fine-print { margin-bottom:0; }

  #account-panel.section, .portal-grid, .portal-single { padding-left:14px; padding-right:14px; }
  .portal-hero { padding-left:14px; padding-right:14px; }
  .section-heading { gap:12px; }
  .section-heading > .secondary-button { width:100%; }
  .account-mode-nav { margin:16px 0 22px; gap:8px; }
  .wallet-stats, .viewer-wallet-stats { grid-template-columns:1fr; }
  .wallet-empty { padding:18px; }
  .merchant-card { padding:17px; }
  .earnings-grid { gap:10px; }
  footer { padding-left:14px; padding-right:14px; }
}

/* v0.3.16 navigation + dedicated Store / Integrations / My Seven tabs */
.site-nav { display:flex; align-items:center; gap:22px; }
.site-nav > a, .nav-dropdown > summary, .nav-signout { color:#c4ccd6; font-weight:800; font-size:14px; }
.site-nav > a.active, .nav-dropdown.active > summary { color:var(--yellow); }
.nav-dropdown { position:relative; }
.nav-dropdown > summary { list-style:none; cursor:pointer; padding:12px 0; }
.nav-dropdown > summary::-webkit-details-marker { display:none; }
.nav-dropdown > summary::after { content:'▾'; margin-left:7px; color:#727e8d; font-size:10px; }
.nav-dropdown[open] > summary { color:#fff; }
.nav-dropdown-menu { position:absolute; top:calc(100% + 8px); right:0; width:210px; padding:8px; border:1px solid #2e3946; border-radius:11px; background:#0d1218; box-shadow:0 20px 55px rgba(0,0,0,.48); display:grid; gap:4px; z-index:50; }
.nav-dropdown-menu a { padding:11px 12px; border-radius:8px; color:#cbd3dd; }
.nav-dropdown-menu a:hover, .nav-dropdown-menu a.active { background:#151c25; color:var(--yellow); }
.nav-signout { border:1px solid #384554; background:#111720; color:#d5dbe3; border-radius:8px; padding:9px 12px; cursor:pointer; }
.nav-signout:hover { border-color:#6c7a8a; color:#fff; }
.hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:8px; }
.hero-actions .primary-button { margin-top:0; }
.hero-secondary { min-height:48px; }
.streamer-card-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.streamer-card-actions .streamer-action { margin-top:0; }
.secondary-streamer-action { background:#10151c; border-color:#334050; }

.hub-main { min-height:100vh; }
.hub-hero { padding:82px 7vw 54px; border-bottom:1px solid #171d25; background:linear-gradient(90deg,rgba(7,9,12,.98),rgba(7,9,12,.82)),radial-gradient(circle at 80% 36%,rgba(255,122,0,.12),transparent 24rem); }
.compact-hub-hero h1 { margin-bottom:18px; font-size:clamp(44px,5.2vw,72px); }
.compact-hub-hero p { max-width:820px; color:#bbc3ce; font-size:17px; line-height:1.6; }
.hub-section { max-width:1500px; margin:0 auto; padding:44px 7vw 90px; }
.hub-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.toolbar-label { display:block; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.14em; margin-bottom:9px; }
.streamer-switcher { display:flex; gap:9px; flex-wrap:wrap; }
.streamer-switch-button { border:1px solid #344050; border-radius:999px; background:#0d131a; color:#cbd3dd; padding:10px 15px; font-weight:900; cursor:pointer; }
.streamer-switch-button:hover { border-color:#6a7888; }
.streamer-switch-button.active { border-color:#a95b11; color:#fff; background:#20150b; box-shadow:inset 0 0 0 1px rgba(255,122,0,.08); }
.store-page-card, .integration-summary-card, .integration-category { border:1px solid var(--line); background:linear-gradient(160deg,rgba(18,24,33,.96),rgba(10,13,18,.99)); border-radius:16px; }
.store-page-card { padding:28px; }
.page-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.page-section-heading h2 { font-size:clamp(32px,4vw,48px); }
.page-section-heading h3 { margin:6px 0 0; font-size:25px; }
.page-section-heading > p { max-width:620px; margin:0; color:var(--muted); text-align:right; line-height:1.5; }
.page-wallet-summary { margin-top:22px; }
.pack-heading { margin-top:30px; }
.pack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pack-grid button { min-height:74px; align-items:center; }
.pack-grid button strong { font-size:16px; }
.inline-link { color:var(--yellow); font-weight:900; margin-left:10px; }

.integrations-page { display:grid; gap:18px; }
.integration-summary-card { padding:25px 28px; display:flex; justify-content:space-between; align-items:flex-start; gap:22px; }
.integration-summary-card h2 { font-size:clamp(34px,4vw,48px); }
.integration-summary-right { display:flex; align-items:flex-start; gap:14px; }
.compact-wallet { min-width:155px; border:1px solid #344252; background:#0b1118; border-radius:11px; padding:12px 14px; display:grid; gap:4px; text-align:right; }
.compact-wallet span { color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.1em; }
.compact-wallet strong { font-size:23px; }
.preset-note { color:var(--muted); line-height:1.5; padding:2px 2px 0; }
.page-action-result { margin:0; padding:13px 16px; border:1px solid rgba(183,255,88,.22); background:rgba(183,255,88,.06); border-radius:10px; }
.page-action-result.error { border-color:rgba(255,100,100,.28); background:rgba(255,100,100,.06); }
.integration-categories { display:grid; gap:16px; }
.integration-category { padding:20px; }
.integration-category-heading { margin-bottom:13px; }
.integration-category-heading h3 { margin:5px 0 0; font-size:20px; }
.integration-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.integration-action-card { width:100%; min-height:88px; border:1px solid #2c3744; background:#0c1219; color:#fff; border-radius:11px; padding:15px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:15px; text-align:left; cursor:pointer; }
.integration-action-card:hover:not(:disabled) { border-color:#7f5a19; background:#111923; }
.integration-action-card:disabled { opacity:.48; cursor:not-allowed; }
.integration-action-main { display:grid; gap:6px; min-width:0; }
.integration-action-main strong { font-size:16px; line-height:1.25; }
.integration-action-main span { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.integration-action-side { display:grid; justify-items:end; gap:5px; white-space:nowrap; }
.integration-action-side strong { color:var(--yellow); font-size:17px; }
.integration-action-side span { color:#8f9aa8; font-size:9px; font-weight:900; letter-spacing:.08em; }

.account-shell { max-width:1500px; margin:0 auto; padding:44px 7vw 90px; }
.account-page-heading { margin-bottom:20px; }
.account-page-heading h1 { margin:8px 0 0; font-size:clamp(44px,5vw,68px); max-width:none; }
.account-tabs { position:sticky; top:76px; z-index:12; display:flex; gap:7px; overflow-x:auto; padding:10px; margin:0 0 24px; border:1px solid #26313d; border-radius:12px; background:rgba(10,14,19,.94); backdrop-filter:blur(14px); scrollbar-width:none; }
.account-tabs::-webkit-scrollbar { display:none; }
.account-tab { flex:0 0 auto; border:1px solid transparent; border-radius:8px; background:transparent; color:#aeb8c4; padding:10px 13px; font-weight:900; cursor:pointer; }
.account-tab:hover { color:#fff; background:#111821; }
.account-tab.active { color:#fff; border-color:#70410f; background:#1a120b; }
.account-tab-panels { min-height:480px; }
.account-tab-panel { display:none; }
.account-tab-panel.active { display:block; }
.account-tab-panel[hidden] { display:none !important; }
.overview-card { padding:26px; }
.overview-card .identity-card { margin:22px 0 0; }
.overview-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.overview-actions .primary-button { margin:0; }
.account-form-card { max-width:820px; }
.dashboard-grid-clean { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr); gap:18px; margin-top:18px; }
#streamer-controls { margin:0; padding:0; }
#viewer-controls { margin:0; }
#merchant-card { max-width:980px; }
.auth-grid { padding-top:36px; }

@media (max-width: 1050px) {
  .pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .integration-action-grid { grid-template-columns:1fr; }
  .dashboard-grid-clean { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  .site-header { gap:12px; }
  .site-nav { display:flex; gap:8px; margin-left:auto; }
  .site-nav > a, .nav-dropdown > summary, .nav-signout { font-size:12px; }
  .site-nav > a { display:inline-flex !important; align-items:center; min-height:40px; padding:0 4px; }
  .site-nav > a[href="/"] { display:none !important; }
  .nav-signout { min-height:40px; padding:7px 9px; }
  .nav-dropdown > summary { padding:11px 4px; }
  .nav-dropdown-menu { width:190px; right:-10px; }
  .hub-hero { padding:58px 18px 36px; }
  .compact-hub-hero h1 { font-size:clamp(38px,11vw,56px); }
  .hub-section { padding:30px 18px 60px; }
  .hub-toolbar { align-items:stretch; flex-direction:column; }
  .hub-toolbar > .secondary-button { width:100%; }
  .store-page-card { padding:20px; }
  .page-section-heading { align-items:flex-start; flex-direction:column; }
  .page-section-heading > p { text-align:left; }
  .pack-grid { grid-template-columns:1fr; }
  .integration-summary-card { flex-direction:column; padding:20px; }
  .integration-summary-right { width:100%; justify-content:space-between; }
  .compact-wallet { text-align:left; }
  .integration-category { padding:15px; }
  .account-shell { padding:30px 18px 60px; }
  .account-tabs { top:64px; margin-left:-4px; margin-right:-4px; }
  .identity-card { grid-template-columns:1fr; }
  .overview-actions { display:grid; grid-template-columns:1fr; }
  .overview-actions .primary-button, .overview-actions .secondary-button { width:100%; }
  .streamer-card-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .streamer-card-actions .streamer-action { width:100%; }
}

@media (max-width: 520px) {
  .site-header { padding:0 12px; }
  .brand-copy { display:none; }
  .site-nav { gap:5px; }
  .site-nav > a, .nav-dropdown > summary, .nav-signout { font-size:11px; }
  .site-nav > a { padding:0 2px; }
  .nav-signout { padding:7px 8px; }
  .hub-hero { padding-left:14px; padding-right:14px; }
  .hub-section { padding-left:14px; padding-right:14px; }
  .streamer-switcher { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .streamer-switch-button { width:100%; padding:10px 8px; }
  .store-page-card { padding:16px; border-radius:14px; }
  .page-wallet-summary { flex-direction:column; align-items:flex-start; }
  .store-wallet-refund { max-width:100%; text-align:left; }
  .integration-summary-right { display:grid; grid-template-columns:1fr; }
  .live-status { width:max-content; }
  .compact-wallet { width:100%; }
  .integration-action-card { grid-template-columns:1fr; gap:10px; }
  .integration-action-side { justify-items:start; grid-template-columns:auto 1fr; align-items:center; }
  .account-shell { padding-left:14px; padding-right:14px; }
  .account-page-heading h1 { font-size:40px; }
  .account-tabs { margin-left:-2px; margin-right:-2px; padding:7px; }
  .account-tab { padding:9px 10px; font-size:12px; }
  .overview-card { padding:18px; }
  .terms-update-card { margin-top:0; }
}

/* v0.3.17 shared merchant split */
.merchant-split-card{margin-top:18px}
.compact-section-heading{align-items:center;margin-bottom:18px}.compact-section-heading h2{font-size:30px}.compact-section-heading>.muted{max-width:420px;text-align:right}
.merchant-split-total{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 18px}.merchant-split-total>div{border:1px solid #2d3744;background:#0a0f15;border-radius:10px;padding:14px;display:grid;gap:5px}.merchant-split-total span,.merchant-split-metrics span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.merchant-split-total strong{font-size:20px}
.merchant-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.merchant-split-streamer{border:1px solid #2d3744;background:linear-gradient(160deg,#111821,#0a0f15);border-radius:13px;padding:18px;position:relative;overflow:hidden}.merchant-split-streamer::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-60px;background:radial-gradient(circle,rgba(255,122,0,.15),transparent 70%);pointer-events:none}.merchant-split-streamer[data-accent="pink"]::after{background:radial-gradient(circle,rgba(255,80,180,.15),transparent 70%)}.merchant-split-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}.merchant-split-heading h3{font-size:24px;margin:5px 0 0}.merchant-split-heading>strong{font-size:14px;color:var(--green);text-align:right}.merchant-split-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;position:relative;z-index:1}.merchant-split-metrics>div{border:1px solid #26313d;background:#090d12;border-radius:9px;padding:11px;display:grid;gap:5px;min-width:0}.merchant-split-metrics strong{font-size:16px;overflow-wrap:anywhere}
@media(max-width:1050px){.merchant-split-total{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-split-grid{grid-template-columns:1fr}}
@media(max-width:620px){.compact-section-heading{align-items:flex-start;flex-direction:column}.compact-section-heading>.muted{text-align:left}.merchant-split-total{grid-template-columns:1fr 1fr}.merchant-split-metrics{grid-template-columns:1fr 1fr}.merchant-split-heading{flex-direction:column}.merchant-split-heading>strong{text-align:left}}


/* v0.3.19 guided live Stripe linking */
.merchant-onboarding{gap:16px}.merchant-link-intro{display:grid;gap:7px}.merchant-link-intro h3{margin:0;font-size:24px}.merchant-link-intro p{margin:0;color:var(--muted);line-height:1.55;max-width:900px}.merchant-steps{margin:0;padding:0;list-style:none;counter-reset:merchantstep;display:grid;gap:10px}.merchant-steps li{counter-increment:merchantstep;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:2px;border:1px solid #2d3744;background:#0a0f15;border-radius:10px;padding:12px 14px}.merchant-steps li::before{content:counter(merchantstep);grid-row:1/3;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#1b1206;border:1px solid rgba(255,122,0,.45);color:#ff8a18;font-weight:900}.merchant-steps li strong{align-self:end}.merchant-steps li span{color:var(--muted);line-height:1.45}.merchant-steps code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8edf3}.merchant-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:850px){.merchant-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.merchant-summary{grid-template-columns:1fr}.merchant-steps li{grid-template-columns:34px minmax(0,1fr);padding:11px 12px}.merchant-link-intro h3{font-size:21px}}

/* v0.3.21 support + recovery */
.narrow-page{max-width:900px;margin:0 auto}.support-single-card{max-width:720px;margin:0 auto}.form-help-link{display:inline-block;margin-top:-4px;color:#f29a5c;text-decoration:none;font-weight:700}.form-help-link:hover{text-decoration:underline}.support-inline-help{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:8px}.support-inline-help span{color:#aeb5c0}.support-inline-help .secondary-button{justify-self:start}.support-contact-grid,.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.text-link{color:#f29a5c;font-weight:800;word-break:break-all}.form-stack textarea,.form-stack select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:#0e1117;color:#fff;border-radius:8px;padding:12px;font:inherit}.form-stack textarea{resize:vertical;min-height:110px}.support-ticket-card{min-width:0}.support-ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-ticket-list{display:grid;gap:14px;margin-top:16px}.support-ticket-item{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:10px;padding:14px}.support-ticket-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.support-ticket-item-head>div{display:grid;gap:4px;min-width:0}.support-ticket-item-head strong{overflow-wrap:anywhere}.support-ticket-item-head span{color:#9da5b0;font-size:.82rem}.support-status-pill{flex:0 0 auto;border:1px solid rgba(242,154,92,.35);background:rgba(242,154,92,.08);color:#f4ad7a;border-radius:999px;padding:5px 9px;font-size:.72rem!important;font-weight:800;letter-spacing:.04em}.support-thread{display:grid;gap:9px;margin:14px 0}.support-message{padding:11px 12px;border-left:3px solid rgba(255,255,255,.18);background:rgba(255,255,255,.035);border-radius:6px}.support-message-staff{border-left-color:#e96d23;background:rgba(233,109,35,.08)}.support-message strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.support-message p{margin:6px 0;line-height:1.45}.support-message small{color:#8d96a3}.support-reply-form{display:grid;gap:8px}.support-reply-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:#0c0f14;color:#fff;border-radius:7px;padding:10px;font:inherit;resize:vertical}.support-reply-form .secondary-button{justify-self:start}
@media(max-width:820px){.support-contact-grid,.support-grid{grid-template-columns:1fr}.support-ticket-item-head{flex-direction:column}.support-status-pill{align-self:flex-start}}