:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe4;--bg-accent:#ead9bb;--ink:#17231f;--muted:#5f695f;--panel:#fffaf1db;--line:#17231f1f;--brand:#cd5c35;--brand-deep:#8c2d1b;--highlight:#1a7f5a;--shadow:0 24px 60px #2e1e1029;--radius-lg:28px;--radius-md:18px}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,#cd5c3538,transparent 38%),radial-gradient(circle at bottom right,#1a7f5a1f,transparent 32%),linear-gradient(180deg,#fbf6ee 0%,var(--bg)100%);min-height:100%}body{min-height:100vh;color:var(--ink);margin:0;font-family:Trebuchet MS,Gill Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;padding:28px}.site-header{max-width:1180px;margin:0 auto 28px}.brand-lockup{align-items:center;gap:14px;display:inline-flex}.brand-lockup strong{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;display:block}.brand-mark{background:linear-gradient(135deg,var(--brand)0%,#ec9b64 100%);width:54px;height:54px;box-shadow:var(--shadow);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.brand-mark-icon{width:34px;height:auto;display:block}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:.95rem;display:block}.site-main{max-width:1180px;margin:0 auto}.stack{gap:24px;display:grid}.hero-card,.panel,.stream-card,.instruction-card,.empty-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-card{gap:28px;padding:32px;display:grid}.hero-grid{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.eyebrow{color:var(--brand-deep);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:700}.hero-card h1,.panel h1,.panel h2,.panel h3{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.04}.hero-card h1{font-size:clamp(2.6rem,4vw,4.5rem)}.landing-hero-copy h1{text-wrap:balance;font-size:clamp(2.15rem,3vw,3.25rem)}.landing-hero-copy .lede{font-size:1rem}.lede{max-width:38rem;color:var(--muted);margin:16px 0 0;font-size:1.08rem;line-height:1.65}.hero-steps-label{margin:24px 0 10px;font-weight:700}.cta-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button-primary,.button-secondary,.button-ghost{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex}.button-primary{background:linear-gradient(135deg,var(--brand)0%,#ed7f4d 100%);color:#fff}.button-secondary{border-color:var(--line);color:var(--ink);background:#17231f0f}.button-ghost{border-color:var(--line);color:var(--muted);background:0 0}.button-primary:hover,.button-secondary:hover,.button-ghost:hover{transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled{cursor:progress;opacity:.72}.list{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.7}.panel{padding:28px}.hero-media-panel{align-content:start;gap:12px}.hero-media-panel h2{font-size:clamp(1.45rem,1.8vw,1.9rem)}.hero-media-panel .twitch-frame{min-height:380px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-subtitle{color:var(--muted);margin:6px 0 0}.live-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stream-card{text-align:left;gap:14px;padding:18px;display:grid}.stream-card.is-interactive{cursor:pointer}.stream-card.is-selected{border-color:#cd5c3570;box-shadow:0 22px 50px #8c2d1b2e}.stream-meta{align-items:center;gap:12px;display:flex}.stream-avatar{object-fit:cover;background:#17231f14;border-radius:16px;width:52px;height:52px}.stream-card h3{margin:0;font-size:1.15rem}.stream-card p{color:var(--muted);margin:0;line-height:1.45}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{min-height:32px;color:var(--muted);background:#17231f0f;border-radius:999px;align-items:center;padding:0 12px;font-size:.9rem;display:inline-flex}.pill.live{color:var(--brand-deep);background:#cd5c3524}.split-grid{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.twitch-frame{background:#171717;border:0;border-radius:24px;width:100%;min-height:580px;overflow:hidden}.input-row{gap:14px;display:grid}.text-input{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;width:100%;min-height:52px;padding:0 18px}.helper,.error-text,.status-text{color:var(--muted);margin:0}.error-text{color:var(--brand-deep)}.status-text{color:var(--highlight)}.instruction-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.instruction-card{padding:20px}.instruction-index{width:38px;height:38px;color:var(--highlight);background:#1a7f5a1f;border-radius:12px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff80;padding:18px}.stat-label{color:var(--muted);margin-bottom:8px;font-size:.88rem;display:block}.stat-value{font-family:Georgia,Times New Roman,serif;font-size:2rem;display:block}.empty-card{padding:24px}@media (max-width:920px){.hero-grid,.split-grid{grid-template-columns:1fr}}@media (max-width:640px){.page-shell{padding:18px}.hero-card,.panel{padding:22px}.hero-card h1{font-size:2.45rem}.landing-hero-copy h1{font-size:2rem}.twitch-frame{min-height:400px}.hero-media-panel .twitch-frame{min-height:300px}}