:root{--bg: #08111f;--card: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: #f6f3ec;--muted: rgba(246, 243, 236, .72);--gold: #f5c56d;--gold-2: #f1a93d;--mint: #7ae8c0;--danger: #ff7d72;--shadow: 0 24px 80px rgba(0, 0, 0, .34);--radius-md: 18px;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(245,197,109,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(122,232,192,.12),transparent 22%),linear-gradient(135deg,#07101d,#101b31 56%,#09111d)}button,input,select,textarea{font:inherit}#root{min-height:100vh}.brand-mark h1,.feed-topbar h2,.flow-screen h2,.landing-screen h2,.video-copy h3{margin:0;font-family:Arial Black,Trebuchet MS,sans-serif}.card-label,.eyebrow,.mini-label,.budget-pill-label,.summary-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.primary-button,.secondary-button,.wallet-button,.chip,.mode-pill,.round-action,.nav-item,.text-button,.preset-card{border:none;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button:hover,.secondary-button:hover,.wallet-button:hover,.chip:hover,.mode-pill:hover,.round-action:hover,.nav-item:hover,.text-button:hover,.preset-card:hover{transform:translateY(-1px)}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 18px;border-radius:18px;color:#161107;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-2))}.secondary-button,.wallet-button,.panel,.status-panel,.budget-summary,.budget-pill,.mini-panel,.bottom-nav,.metric-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.secondary-button{padding:15px 18px;border-radius:18px;color:var(--text);font-weight:700}.status-panel,.panel,.budget-summary,.mini-panel,.metric-card,.wallet-summary-panel{border-radius:20px;padding:16px}.status-title,.panel-title,.summary-value,.mini-value,.budget-pill-value{margin:0}.status-copy{margin:6px 0 0;color:var(--muted)}.ghost-link,.text-button,.inline-link{align-self:flex-start;padding:0;background:transparent;color:var(--gold);text-decoration:none}.inline-link:hover{color:#ffd89a}.budget-summary,.dashboard-grid,.feed-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-screen{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:14px}.metric-card.glow{background:radial-gradient(circle at top left,rgba(245,197,109,.2),transparent 34%),#ffffff14}.metric-value,.summary-value{margin-top:8px;font-size:1.7rem;font-weight:800}.metric-value{font-size:1.85rem}.metric-footnote{margin:6px 0 0;color:var(--muted);font-size:.88rem}.feed-screen{display:grid;grid-template-rows:auto auto auto 1fr auto auto auto;gap:14px}.feed-topbar,.list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.feed-topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.mode-pill{padding:10px 14px;border-radius:999px;color:var(--text);background:#ffffff14}.wallet-summary-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#ffffff0f;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.compact-wallet-summary{padding-top:14px;padding-bottom:14px}.wallet-inline-address{margin:8px 0 0;color:var(--text);font-size:.9rem;line-height:1.5;word-break:break-all}.budget-pill{padding:12px 14px;border-radius:18px;display:flex;justify-content:space-between;align-items:center}.video-card{min-height:380px;border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.video-backdrop{position:relative;height:100%;min-height:360px;padding:18px;background:radial-gradient(circle at 20% 20%,rgba(122,232,192,.36),transparent 22%),radial-gradient(circle at 80% 25%,rgba(245,197,109,.34),transparent 26%),linear-gradient(180deg,#1f2637,#0b1020 56%,#12172c)}.video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#050915}.video-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(circle at 20% 20%,rgba(122,232,192,.18),transparent 24%),radial-gradient(circle at 80% 25%,rgba(245,197,109,.18),transparent 24%),linear-gradient(180deg,#0a0f1cf5,#060a14fa);color:var(--muted)}.video-empty-label{display:inline-flex;margin-bottom:10px;padding:8px 12px;border-radius:999px;background:#ffffff14;color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 28%,rgba(4,7,14,.82))}.video-badge{position:relative;z-index:1;display:inline-flex;padding:8px 10px;border-radius:999px;background:#ffffff1f;color:var(--text);font-size:.76rem;letter-spacing:.12em}.video-copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:1}.creator-handle{margin:0 0 6px;color:var(--gold);font-weight:700}.video-caption,.insight-copy{margin:8px 0 0;color:var(--muted);line-height:1.55}.feed-side-actions{position:absolute;right:14px;bottom:22px;z-index:2;display:grid;gap:10px}.round-action{width:48px;height:48px;border-radius:50%;color:var(--text);background:#ffffff1f;font-size:1.15rem}.action-icon{line-height:1}.like-action.liked{background:linear-gradient(135deg,#ff8f88,#ff6175)}.toast{min-height:24px;color:var(--mint);font-weight:700}.danger-text{color:var(--danger)}.bottom-nav{border-radius:22px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nav-item{padding:12px 8px;border-radius:16px;color:var(--muted);background:transparent}.nav-item.active{color:#161107;background:linear-gradient(135deg,var(--gold),#ffd08d)}.list-panel,.insight-panel,.supporter-preview,.activity-list,.supporter-list,.preset-stack,.agent-reason-list,.panel-stack{display:grid;gap:12px}.supporter-chip,.activity-row,.supporter-row,.preset-card,.reason-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.preset-card{text-align:left;color:var(--text);width:100%}.supporter-avatar,.supporter-rank{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:linear-gradient(135deg,#f5c56de6,#f5a93dc7);color:#161107;flex-shrink:0}.supporter-rank{border-radius:999px}.supporter-main{flex:1}.preset-title,.activity-title,.supporter-name{display:block;margin:0;font-weight:800}.preset-copy,.activity-subtitle,.supporter-meta{display:block;margin:4px 0 0;color:var(--muted);font-size:.88rem}.activity-amount{font-weight:800;color:var(--text)}.positive{color:var(--mint)}.eligibility-tag,.agent-badge{padding:8px 10px;border-radius:999px;font-size:.78rem;white-space:nowrap}.eligibility-tag{background:#7ae8c024;color:var(--mint)}.agent-badge,.muted-tag{background:#ffffff14;color:var(--muted)}.field-stack{display:grid;gap:8px}.app-input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);outline:none}.app-input::placeholder{color:var(--muted)}.app-input:focus{border-color:#f5c56d6b;box-shadow:0 0 0 3px #f5c56d1f}.app-textarea{min-height:120px;resize:vertical}.helper-text{color:var(--muted);font-size:.84rem;line-height:1.4}.site-shell{min-height:100vh;padding:32px}.site-grid{width:min(1580px,100%);margin:0 auto;display:grid;gap:28px;align-items:start}.stacked-grid{grid-template-columns:1fr}.marketing-shell{display:grid;gap:24px}.site-nav,.hero-data-card,.protocol-card,.story-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #00000038}.site-nav{border-radius:26px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.site-brand{display:flex;align-items:center;gap:16px}.site-brand h1,.site-headline,.section-head h3,.protocol-card h4,.story-card h3{margin:0;font-family:Georgia,Times New Roman,serif;letter-spacing:-.04em}.site-brand-ring{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--gold);border:2px solid rgba(245,197,109,.86);font-size:1.65rem;font-weight:700;background:radial-gradient(circle at center,rgba(245,197,109,.16),transparent 62%)}.nav-badges{display:flex;gap:10px;flex-wrap:wrap}.nav-badge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#f5c56d2e,#f5a93d1f);color:var(--gold);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.nav-badge.muted{background:#ffffff0f;color:var(--muted)}.hero-block{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,360px);gap:18px;align-items:stretch}.hero-copy-stack{padding:8px 6px 8px 2px}.site-headline{margin-top:10px;font-size:clamp(3.6rem,8vw,6.4rem);line-height:.92;max-width:10ch}.site-subcopy{max-width:56ch;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.site-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-data-card{border-radius:28px;padding:20px;background:radial-gradient(circle at top left,rgba(245,197,109,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(122,232,192,.14),transparent 22%),#ffffff0f}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.metric.large{display:block;font-weight:800;font-size:2rem;line-height:1}.metric-label{display:block;margin-top:6px;color:var(--muted);font-size:.82rem}.site-section{display:grid;gap:16px}.section-head h3{font-size:clamp(2rem,4vw,3rem);line-height:1}.summary-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-tile{border-radius:24px;padding:18px 18px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #0000002e}.summary-tile h4{margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.34rem;line-height:1.08;letter-spacing:-.03em}.summary-tile p{color:var(--muted);line-height:1.62}.protocol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.protocol-card,.story-card{border-radius:24px;padding:18px 18px 20px}.protocol-card h4,.story-card h3{margin-top:8px;font-size:1.45rem;line-height:1.05}.protocol-card p,.story-card p{color:var(--muted);line-height:1.62}.split-section{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.story-card.emphasized{background:radial-gradient(circle at top left,rgba(245,197,109,.16),transparent 34%),#ffffff0f}.story-list{margin:16px 0 0;padding-left:18px;display:grid;gap:10px;color:var(--text)}.phone-stage{display:flex;align-items:flex-start;justify-content:center}.compact-stage{width:100%}.dual-phone-stage{display:grid;grid-template-columns:minmax(320px,420px) 88px minmax(320px,420px);justify-content:center;gap:22px;align-items:start}.phone-column{display:grid;gap:10px;align-items:start}.phone-shell-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 8px}.surface-heading{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--gold);line-height:1.1}.phone-shell-status{color:var(--gold);font-size:.98rem;font-weight:700}.flow-connector{min-height:860px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-top:54px}.flow-connector-line{width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,#f5c56d1f,#f5c56dfa,#f5c56d1f);opacity:.86;position:relative;overflow:hidden}.flow-connector-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.95) 8px 18px,transparent 18px 32px);animation:flowDash 1.35s linear infinite}.flow-connector-line.delayed:after{animation-delay:.5s}.flow-connector-pulse{width:18px;height:18px;border-radius:999px;background:radial-gradient(circle,#ffd89a 0%,var(--gold) 54%,rgba(245,197,109,.12) 100%);box-shadow:0 0 #f5c56d8c;animation:flowPulse 1.8s ease-in-out infinite}@keyframes flowDash{0%{transform:translate(-36px)}to{transform:translate(36px)}}@keyframes flowPulse{0%{transform:scale(.92);box-shadow:0 0 #f5c56d73}70%{transform:scale(1.06);box-shadow:0 0 0 16px #f5c56d00}to{transform:scale(.92);box-shadow:0 0 #f5c56d00}}.phone-frame{width:100%;max-width:420px;height:860px;border-radius:42px;background:linear-gradient(180deg,#101626fa,#080e19fa);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 120px #0000006b;overflow:hidden;position:relative}.phone-frame.fan-surface{box-shadow:0 28px 120px #0000006b}.phone-frame.creator-surface{box-shadow:0 28px 120px #f5c56d1f;border-color:#f5c56d33}.status-bar{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#ffffffa3;font-size:.82rem}.screen{position:absolute;top:34px;right:0;bottom:0;left:0;overflow:hidden}.dual-screen{top:34px;right:0;bottom:0;left:0}.screen-body{height:100%;padding:22px 20px 32px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.wallet-screen{grid-template-rows:auto auto auto 1fr}.wallet-panel{padding:18px;border-radius:24px;background:#00000047;border:1px solid rgba(255,255,255,.08);display:grid;gap:14px}.creator-wallet-panel{background:radial-gradient(circle at top left,rgba(245,197,109,.14),transparent 32%),#00000047}.wallet-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.wallet-balance{font-size:1.8rem;font-weight:800}.wallet-chain-list{display:grid;gap:10px}.wallet-chain-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.wallet-chain-icon{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--text);font-weight:700}.wallet-chain-main{display:grid;gap:2px}.wallet-chain-name{font-weight:700}.wallet-chain-address,.wallet-copy-mark{color:var(--muted);font-size:.9rem;word-break:break-all}.action-card{cursor:pointer}.disabled-card{opacity:.82}.session-strip{margin-top:18px;padding:14px 16px;border-radius:20px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.session-strip strong{display:block;margin:0}.session-strip p{margin:6px 0 0;color:var(--muted);line-height:1.5}.session-dot{width:12px;height:12px;border-radius:999px;margin-top:6px}.session-dot.live{background:var(--mint)}.session-dot.pending{background:var(--gold)}.session-dot.error{background:var(--danger)}@media (max-width: 1340px){.hero-block,.protocol-grid,.summary-strip-grid,.split-section,.dual-phone-stage{grid-template-columns:1fr}.dual-phone-stage{justify-items:center}.flow-connector{min-height:auto;width:min(360px,100%);padding-top:0;padding-bottom:8px}}@media (max-width: 720px){.site-shell{padding:14px}.site-nav{flex-direction:column;align-items:start}.site-headline{font-size:clamp(2.8rem,16vw,4.4rem)}.feed-panels,.budget-summary,.dashboard-grid,.data-grid{grid-template-columns:1fr}}.site-footer{margin-top:12px;padding:24px;border-radius:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #00000038;display:grid;gap:20px}.site-footer-brand{display:flex;align-items:center;gap:16px}.site-footer-brand h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em}.site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}.footer-block{padding:16px;border-radius:20px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.footer-block p{margin:0;color:var(--muted);line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-address{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1100px){.site-footer-grid,.compact-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.site-footer-grid,.compact-footer-grid{grid-template-columns:1fr}}