.landing{--color-paper:oklch(8.5% 0.008 274);--color-paper-2:oklch(11.5% 0.010 274);--color-paper-3:oklch(14.5% 0.013 274);--color-ink:oklch(91.5% 0.004 274);--color-ink-2:oklch(67% 0.016 264);--color-rule:oklch(100% 0 0/0.05);--color-rule-b:oklch(100% 0 0/0.09);--color-accent:oklch(59% 0.22 289);--color-accent-b:oklch(55% 0.25 357);--color-accent-c:oklch(51% 0.23 29);--color-focus:oklch(76% 0.13 289);--font-display:"Syne",sans-serif;--font-body:"Space Mono",monospace;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:6rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:160ms;--dur-base:240ms;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}:root{--twitch:#9147ff;--tiktok:#ff0050;--youtube:#ff0000;--bg:#0d0d12;--surface:#14141e;--surface2:#1c1c2a;--text:#e8e8f0;--muted:#a7a7c5;--radius:10px;--app-footer-height:42px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Space Mono,monospace;overflow:hidden}body.overlay-body,html.overlay-root{background:transparent}body:has(.overlay-mode),html:has(.overlay-mode){background:transparent}button,input{font:inherit}.chatfusion{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100dvh;min-width:0;overflow:hidden}.app-header{align-items:center;background:var(--surface);border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 20px}.app-header .footer-brand{flex:0 0 auto}.app-connection-summary{align-items:center;display:flex;flex:1 1 auto;gap:8px;justify-content:center;min-width:0;overflow:hidden}.app-connection-pill{--platform-color:#ffffff;align-items:center;background:color-mix(in srgb,var(--platform-color) 12%,#151521);border:1px solid color-mix(in srgb,var(--platform-color) 32%,#ffffff12);border-radius:999px;color:#f5f5ff;display:inline-flex;flex:0 1 auto;font-size:.68rem;gap:6px;line-height:1;max-width:190px;min-width:0;padding:7px 10px}.app-connection-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-connection-pill.twitch{--platform-color:var(--twitch)}.app-connection-pill.tiktok{--platform-color:var(--tiktok)}.app-connection-pill.youtube{--platform-color:var(--youtube)}.app-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;min-width:0}.app-header-actions .btn{align-items:center;background:#151521;border:1px solid #ffffff12;border-radius:7px;color:#e8e8f0;display:flex;gap:7px;height:34px;justify-content:center;min-width:0;padding:0 11px}.app-header-actions .btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-header-actions .btn:hover{background:#202034;border-color:#ffffff24;opacity:1}.app-header-actions .btn svg{flex-shrink:0}.app-header-actions .btn-setup{border-color:#61e8ff33;color:#f4fdff}.app-header-actions .btn-obs,.app-header-actions .btn-overlay{color:#f4f1ff}.config{align-items:stretch;background:linear-gradient(180deg,#181823,#14141e);border-bottom:1px solid #ffffff08;display:grid;flex-shrink:0;grid-gap:9px;gap:9px;grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(280px,auto);padding:12px 20px}.input-group{align-items:center;background:#0b0b12;border:1px solid #ffffff12;border-radius:8px;display:flex;gap:10px;min-width:0;overflow:hidden;padding:7px 10px;position:relative;transition:background .2s,border-color .2s,box-shadow .2s}.input-group:focus-within{border-color:#ffffff30}.platform-input{--platform-color:#ffffff}.platform-input:before{background:var(--platform-color);content:"";inset:8px auto 8px 0;opacity:.85;position:absolute;width:3px}.platform-input:focus-within{background:#10101a;border-color:color-mix(in srgb,var(--platform-color) 62%,#ffffff24);box-shadow:0 0 0 1px color-mix(in srgb,var(--platform-color) 26%,transparent)}.platform-input.twitch{--platform-color:var(--twitch)}.platform-input.tiktok{--platform-color:var(--tiktok)}.platform-input.youtube{--platform-color:var(--youtube)}.platform-input-icon{align-items:center;background:color-mix(in srgb,var(--platform-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--platform-color) 34%,transparent);border-radius:7px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.platform-input-content{display:grid;flex:1 1;grid-gap:1px;gap:1px;min-width:0}.platform-input-label{color:var(--platform-color);font-size:.55rem;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap}.input-prefix{align-items:center;border-right:1px solid #ffffff10;display:flex;font-size:.7rem;font-weight:700;height:36px;letter-spacing:.05em;padding:0 10px;white-space:nowrap}.input-prefix.twitch{color:var(--twitch)}.input-prefix.tiktok{color:var(--tiktok)}.input-prefix.youtube{color:var(--youtube)}.input-group input{background:transparent;border:0;color:var(--text);flex:1 1;font-size:.78rem;height:18px;min-width:0;outline:0;padding:0}.input-group input::placeholder{color:var(--muted)}.config .btn{border-radius:8px;height:46px;padding:0 16px}.config-actions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(124px,1.24fr) minmax(88px,.9fr) minmax(72px,.76fr);min-width:0}.config-actions .btn{align-items:center;background:#151521;border:1px solid #ffffff12;border-radius:7px;box-shadow:none;color:#d9d9ee;display:flex;font-family:Syne,sans-serif;gap:7px;height:38px;justify-content:center;padding:0 12px;transition:background .18s,border-color .18s,color .18s,transform .1s;width:100%}.config-actions .btn:hover{background:#202034;border-color:#ffffff24;opacity:1}.config-actions .btn svg{flex-shrink:0}.btn{border:0;border-radius:var(--radius);cursor:pointer;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;height:36px;letter-spacing:.03em;padding:0 18px;transition:opacity .2s,transform .1s;white-space:nowrap}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.config-actions .btn-connect{background:linear-gradient(135deg,var(--twitch),var(--tiktok)),#151521;border-color:#ffffff24;box-shadow:0 10px 24px #00000024;color:#fff}.config-actions .btn-connect:hover{background:linear-gradient(135deg,#5f28c8,#9b0036),#151521;border-color:#ffffff38;box-shadow:0 12px 28px #00000032;color:#fff}.config-actions .btn-overlay{background:#151521;color:#f3fdff}.config-actions .btn-overlay:hover{background:linear-gradient(135deg,#9147ff18,#ff005014),#202034;border-color:#61e8ff55;color:#ffffff}.config-actions .btn-overlay:active{transform:scale(.97)}.config-actions .btn-overlay svg{stroke:currentColor}.config-actions .btn-obs{background:#151521;color:#f4f1ff}.config-actions .btn-obs:hover{background:linear-gradient(135deg,#9147ff22,#ff00500d),#202034;border-color:#8f7dff66;color:#ffffff}.connection-mode{background:linear-gradient(145deg,#0d0d12 0,#14141e 48%,#110f16 100%),var(--bg);position:relative}.connection-mode:before{background:linear-gradient(90deg,#ffffff05 1px,transparent 0),linear-gradient(180deg,#ffffff04 1px,transparent 0);background-size:72px 72px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent);pointer-events:none;position:fixed}.connection-mode>*{position:relative;z-index:1}.connection-topbar{align-items:center;background:#101019d9;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.connection-stage{align-items:center;display:flex;flex:1 1;min-height:0;overflow-y:auto;padding:42px 20px}.connection-shell{align-items:center;display:grid;grid-gap:36px;gap:36px;grid-template-columns:minmax(260px,.95fr) minmax(380px,1.05fr);margin:0 auto;max-width:1120px;width:100%}.connection-copy{display:grid;grid-gap:18px;gap:18px;min-width:0}.connection-kicker{color:#bfc1d8;font-size:.72rem;font-weight:700;text-transform:uppercase}.connection-copy h1{color:#ffffff;font-family:Syne,sans-serif;font-size:4rem;line-height:.92;margin:0;max-width:560px}.connection-copy p{color:var(--muted);font-size:.9rem;line-height:1.7;margin:0;max-width:520px}.connection-signal-list{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.connection-signal{--platform-color:#ffffff;background:color-mix(in srgb,var(--platform-color) 10%,#101019);border:1px solid color-mix(in srgb,var(--platform-color) 26%,#ffffff10);border-left:3px solid var(--platform-color);border-radius:8px;color:#f2f2ff;font-size:.68rem;font-weight:800;padding:10px 11px;text-transform:uppercase}.connection-signal.twitch{--platform-color:var(--twitch)}.connection-signal.tiktok{--platform-color:var(--tiktok)}.connection-signal.youtube{--platform-color:var(--youtube)}.connection-panel{background:linear-gradient(180deg,#1b1b29,#12121c),var(--surface);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 24px 70px #0000004a,inset 0 1px 0 #ffffff0d;display:grid;grid-gap:14px;gap:14px;min-width:0;padding:18px}.connection-panel-header{align-items:center;color:#f6f6ff;display:flex;font-family:Syne,sans-serif;font-size:.9rem;font-weight:800;justify-content:space-between}.connection-panel-header span:last-child{color:var(--muted);font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;text-transform:uppercase}.connection-fields{display:grid;grid-gap:10px;gap:10px}.connection-fields .platform-input{min-height:62px;padding:10px 12px}.connection-fields .platform-input:before{inset:10px auto 10px 0;width:4px}.connection-fields .platform-input-icon{height:36px;width:36px}.connection-fields .input-group input{font-size:.92rem;height:24px}.connection-actions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(150px,1.25fr) repeat(2,minmax(106px,.8fr))}.connection-actions .btn{align-items:center;background:#151521;border:1px solid #ffffff12;border-radius:7px;color:#e8e8f0;display:flex;gap:8px;height:44px;justify-content:center;min-width:0;padding:0 12px;width:100%}.connection-actions .btn:hover{background:#202034;border-color:#ffffff24;opacity:1}.connection-actions .btn svg{flex-shrink:0}.connection-actions .btn-connect{background:linear-gradient(135deg,var(--twitch),var(--tiktok)),#151521;border-color:#ffffff24;box-shadow:0 14px 34px #00000036;color:#ffffff}.connection-actions .btn-connect:hover{background:linear-gradient(135deg,#5f28c8,#9b0036),#151521;border-color:#ffffff38;color:#ffffff}.app-header-actions .btn-overlay:hover,.connection-actions .btn-overlay:hover{background:linear-gradient(135deg,#9147ff18,#ff005014),#202034;border-color:#61e8ff55;color:#ffffff}.app-header-actions .btn-obs:hover,.connection-actions .btn-obs:hover{background:linear-gradient(135deg,#9147ff22,#ff00500d),#202034;border-color:#8f7dff66;color:#ffffff}.filters{background:var(--bg)}.filters,.filters-demo{border-bottom:1px solid #ffffff06;display:flex;flex-shrink:0;gap:8px;padding:8px 20px}.filter-btn{background:transparent;border:1px solid #ffffff12;border-radius:20px;color:var(--muted);cursor:pointer;font-size:.68rem;padding:4px 12px;transition:all .2s}.filter-btn.active{background:#ffffff15;border-color:#ffffff25;color:var(--text)}.filter-btn.active.twitch{background:#9147ff20;border-color:var(--twitch);color:var(--twitch)}.filter-btn.active.tiktok{background:#ff005020;border-color:var(--tiktok);color:var(--tiktok)}.filter-btn.active.youtube{background:#ff000020;border-color:var(--youtube);color:var(--youtube)}.chat{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:12px 16px;scroll-behavior:smooth}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:#ffffff10;border-radius:2px}.msg{align-items:flex-start;animation:slideIn .18s ease-out;border-left:2px solid transparent;border-radius:8px;display:flex;gap:8px;line-height:1.45;padding:6px 10px;transition:background .15s}.msg:hover{background:#ffffff05}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg.twitch{border-left-color:var(--twitch)}.msg.twitch.announcement{background:linear-gradient(90deg,color-mix(in srgb,var(--announcement-color,var(--twitch)) 18%,transparent),transparent 74%);border-left-color:var(--announcement-color,var(--twitch));box-shadow:inset 0 0 0 1px #ffffff10}.msg.twitch.cheer{background:linear-gradient(90deg,#9147ff10,transparent 70%)}.msg.twitch.viewermilestone{background:linear-gradient(90deg,#ffaa0018,transparent 74%);border-left-color:#ffaa00;box-shadow:inset 0 0 0 1px #ffffff10}.msg.tiktok{border-left-color:var(--tiktok)}.msg.tiktok.follow{background:linear-gradient(90deg,#ff005018,transparent 74%)}.msg.tiktok.follow,.msg.tiktok.gift{box-shadow:inset 0 0 0 1px #ffffff10}.msg.tiktok.gift{background:linear-gradient(90deg,#ff005028,transparent 74%)}.msg.youtube{border-left-color:var(--youtube)}.msg.youtube.superchat{background:linear-gradient(90deg,#ffffff0f,transparent 72%);border-left-color:var(--superchat-color,var(--youtube));box-shadow:inset 0 0 0 1px #ffffff10}.msg-source{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.msg-source svg{height:10px;width:10px}.msg.twitch .msg-source{background:#9147ff22}.msg.tiktok .msg-source{background:#ff005022}.msg.youtube .msg-source{background:#ff000022}.msg-body{flex:1 1;font-size:.82rem;min-width:0;overflow-wrap:anywhere}.source-tag{align-items:center;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff18;color:#fff;display:inline-flex;font-size:.55rem;font-weight:700;height:17px;letter-spacing:.06em;margin-right:6px;padding:0 6px;vertical-align:middle}.source-tag.twitch{background:var(--twitch)}.source-tag.tiktok{background:var(--tiktok)}.source-tag.youtube{background:var(--youtube)}.msg-author{color:var(--author-color,var(--twitch));font-size:.75rem;font-weight:700;margin-right:6px}.msg.tiktok .msg-author{color:var(--tiktok)}.msg.youtube .msg-author{color:var(--youtube)}.msg.twitch.announcement .msg-author{color:var(--announcement-color,var(--twitch))}.msg-time{color:var(--muted);float:right;font-size:.65rem;margin-left:8px;margin-top:2px}.msg-text{color:var(--text)}.chat-emote{height:28px;margin:-4px 1px -6px;max-width:150px;object-fit:contain;vertical-align:middle;width:auto}.bttv-emote,.seventv-emote{height:30px}.tiktok-emote,.youtube-emote{height:28px}.youtube-emote.custom{height:30px}.msg-badges{align-items:center;display:inline-flex;gap:3px;margin-right:5px;vertical-align:middle}.cf-badge,.tiktok-badge,.twitch-badge,.youtube-badge{display:block;flex-shrink:0;height:18px;object-fit:contain;width:18px}.youtube-role-badge{align-items:center;background:#222232;border:1px solid #ffffff1f;border-radius:3px;color:#ffffffd8;display:inline-flex;font-size:.48rem;font-weight:800;height:17px;letter-spacing:.04em;line-height:1;padding:0 4px;text-transform:uppercase;white-space:nowrap}.youtube-role-badge.owner{background:#3b310f;border-color:#a8891f;color:#fff4bf}.youtube-role-badge.moderator{background:#20294d;border-color:#6d8cff;color:#dce5ff}.youtube-role-badge.verified{background:#303044;border-color:#ffffff40;color:#ffffff}.youtube-role-badge.member{background:#16351e;border-color:#4dbf60;color:#c8f5cf}.tiktok-role-badge{align-items:center;background:#351323;border:1px solid #ff5b94;border-radius:3px;color:#ffc1d5;display:inline-flex;font-size:.48rem;font-weight:800;height:17px;line-height:1;padding:0 4px;text-transform:uppercase;white-space:nowrap}.tiktok-role-badge.moderator{background:#12341f;border-color:#4ed277;color:#c6f8d2}.tiktok-role-badge.subscriber{background:#0e3434;border-color:#31d9d4;color:#d1fffd}.tiktok-role-badge.gifter,.tiktok-role-badge.top-gifter{background:#3a300d;border-color:#d3ad21;color:#fff4bc}.tiktok-role-badge.privilege,.tiktok-role-badge.team{background:#303044;border-color:#ffffff34;color:#ffffff}.tiktok-follow-label{background:#4a0028;color:#ff6080;font-size:.62rem;padding:1px 6px}.tiktok-follow-label,.tiktok-gift-label{border:1px solid #ff005066;border-radius:4px;display:inline-block;font-weight:700;margin-right:5px;vertical-align:middle}.tiktok-gift-label{background:#4a1f00;color:#ff8040;font-size:.72rem;padding:1px 8px}.tiktok-gift-image{height:20px;margin-right:4px;object-fit:contain;width:20px}.tiktok-emote-emoji,.tiktok-gift-image{display:inline-block;vertical-align:middle}.tiktok-emote-emoji{font-size:1.1em;line-height:1;margin:0 1px}.tiktok-emote-text{background:#3a0020;border:1px solid #ff005040;color:#ff6080;display:inline-block;font-size:.8em;font-weight:600;padding:0 3px}.tiktok-emote-text,.youtube-superchat{border-radius:4px;vertical-align:middle}.youtube-superchat{background:var(--superchat-color,var(--youtube));box-shadow:inset 0 0 0 1px #ffffff22;color:#fff;display:inline-flex;font-size:.62rem;font-weight:800;line-height:1;margin-right:6px;padding:3px 5px}.youtube-sticker{display:inline-block;height:42px;margin:-8px 4px -12px 0;object-fit:contain;vertical-align:middle;width:auto}.badge-fallback{align-items:center;background:#ffffff12;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff18;color:var(--muted);display:inline-flex;font-size:.5rem;font-weight:700;height:17px;justify-content:center;line-height:1;width:17px}.badge-fallback.bits,.badge-fallback.bits-leader{background:#2c1d4a;border:1px solid #8e67dd;color:#eee4ff;padding:0 5px;width:auto}.badge-fallback.bits:before{color:#eadcff;content:"◆";font-size:.46rem;margin-right:3px}.badge-fallback.bits-leader{background:#3b310f;border-color:#c6a53b;color:#fff1a8}.twitch-announcement-label{background:var(--announcement-color,var(--twitch));color:#fff}.twitch-announcement-label,.twitch-streak-label{border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff22;display:inline-flex;font-size:.58rem;font-weight:800;line-height:1;margin-right:6px;padding:3px 5px;text-transform:uppercase;vertical-align:middle}.twitch-streak-label{background:#ffaa00;color:#1a1000}.sys-msg{animation:slideIn .2s ease-out;background:#ffffff05;border-radius:6px;color:var(--muted);font-size:.7rem;padding:6px;text-align:center}.sys-msg.error{background:#2e1518;color:#ffb0b0}.sys-msg.ok{background:#102b24;color:#93e8cc}.sys-msg.warning{background:#2b1f08;color:#ffd580}.empty{align-items:center;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:12px;justify-content:center;padding:40px;text-align:center}.empty-icon{animation:pulse 2.5s ease-in-out infinite;font-size:2.5rem;opacity:.3}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.toast{background:var(--surface2);border:1px solid #ffffff15;border-radius:10px;bottom:20px;font-size:.75rem;opacity:0;padding:10px 16px;pointer-events:none;position:fixed;right:20px;transform:translateY(8px);transition:all .25s;z-index:99}.toast.show{opacity:1;transform:translateY(0)}.app-footer{align-items:center;background:linear-gradient(90deg,#9147ff12,transparent 28%,transparent 72%,#ff005014),var(--surface);border-top:1px solid #ffffff0d;color:var(--muted);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;gap:14px;justify-content:space-between;min-height:var(--app-footer-height);overflow:hidden;padding:8px 20px calc(8px + env(safe-area-inset-bottom));position:relative}.app-footer:before{background:linear-gradient(90deg,var(--twitch),#ffffff25,var(--tiktok));content:"";display:block;height:1px;left:0;opacity:.35;position:absolute;right:0;top:0}.footer-badge-frame,.footer-brand,.footer-meta{align-items:center;display:flex}.footer-brand{color:var(--text);font-family:Syne,sans-serif;font-size:.78rem;font-weight:800;flex:1 1 150px;gap:8px;letter-spacing:.02em;min-width:0}.footer-signal{background:linear-gradient(135deg,var(--twitch),var(--tiktok));border-radius:50%;box-shadow:0 0 0 4px #ffffff08,0 0 18px #9147ff55;flex-shrink:0;height:8px;width:8px}.header-badge-label{align-items:center;background:#241321;border:1px solid #ff4d8a55;border-radius:999px;box-shadow:0 0 18px #9147ff2d,inset 0 0 0 1px #ffffff10;color:#fff6fb;display:inline-flex;flex-shrink:0;font-size:.56rem;font-weight:800;letter-spacing:.08em;line-height:1;padding:5px 7px;text-transform:uppercase;white-space:nowrap}.footer-meta{flex:0 1 auto;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.footer-badge-frame{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;box-shadow:0 0 18px #ffffff10;flex-shrink:0;gap:6px;height:28px;justify-content:center;padding:0 9px 0 7px;width:auto}.footer-badge{display:block;height:20px;object-fit:contain;width:20px}.footer-badge-label{color:#ffffffd6;font-size:.62rem;line-height:1}.footer-badge-label,.footer-mark{font-weight:700;white-space:nowrap}.footer-mark{color:#ffffff9c;flex-shrink:0;font-size:.64rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}.autoscroll-btn{background:var(--surface2);border:1px solid #ffffff20;border-radius:20px;bottom:20px;color:var(--muted);cursor:pointer;font-size:.7rem;left:50%;opacity:0;padding:6px 16px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .2s}.autoscroll-btn.visible{opacity:1;pointer-events:all}.chatfusion:not(.overlay-mode) .toast,.chatfusion:not(.overlay-mode):not(.chat-only-mode) .autoscroll-btn{bottom:calc(var(--app-footer-height) + 16px)}.overlay-mode,.overlay-mode .chat{background:transparent}.overlay-mode .chat{gap:8px;justify-content:flex-end;overflow:hidden;padding:24px}.overlay-mode .msg{align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left-width:4px;box-shadow:0 10px 28px #00000045;max-width:min(760px,calc(100vw - 48px));padding:8px 12px;text-shadow:0 1px 2px #000}.overlay-mode .msg,.overlay-mode .msg:hover{background:#07070cbd}.overlay-mode .msg.twitch.viewermilestone{background:linear-gradient(90deg,#ffaa0028,transparent 74%),#07070cbd;box-shadow:0 10px 28px #00000045,inset 0 0 0 1px #ffaa0030}.overlay-mode .msg.twitch.announcement{background:linear-gradient(90deg,color-mix(in srgb,var(--announcement-color,var(--twitch)) 22%,transparent),transparent 74%),#07070cbd;box-shadow:0 10px 28px #00000045,inset 0 0 0 1px #ffffff15}.overlay-mode .msg-body{font-size:1rem}.overlay-mode .msg-author{font-size:.9rem}.overlay-mode .msg-time{display:none}.overlay-mode .source-tag{height:19px}.overlay-mode .chat-emote{height:34px}.overlay-mode .bttv-emote,.overlay-mode .seventv-emote{height:36px}.overlay-mode .tiktok-emote,.overlay-mode .youtube-emote{height:34px}.overlay-mode .youtube-emote.custom{height:36px}.overlay-mode .youtube-sticker{height:54px}@media (max-width:760px){:root{--app-footer-height:40px}.app-header{align-items:stretch;flex-wrap:wrap;gap:10px}.app-connection-summary{flex-basis:100%;justify-content:flex-start;order:3;overflow-x:auto;padding-bottom:2px}.app-header-actions{flex:1 1 auto;justify-content:flex-end}.connection-stage{align-items:flex-start;padding:28px 16px}.connection-shell{gap:24px;grid-template-columns:1fr}.connection-copy h1{font-size:3rem}.config{grid-template-columns:repeat(2,minmax(0,1fr))}.config-actions,.platform-input.youtube{grid-column:1/-1}.config-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.app-footer{gap:10px;padding:8px 14px}.footer-brand{flex-basis:120px;font-size:.74rem}.footer-badge-frame{height:26px;padding-right:8px}.footer-badge{height:18px;width:18px}.footer-badge-label{font-size:.58rem}.footer-mark{font-size:.6rem;max-width:120px}}@media (max-width:640px){:root{--app-footer-height:calc(76px + env(safe-area-inset-bottom))}.app-header,.config,.filters{padding-left:12px;padding-right:12px}.app-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.app-header-actions .btn{padding:0 8px}.app-header-actions .btn span{font-size:.68rem}.connection-topbar{padding:14px 12px}.connection-stage{padding:18px 12px}.connection-copy{gap:14px}.connection-copy h1{font-size:2.35rem}.connection-copy p{font-size:.82rem}.connection-signal-list{grid-template-columns:1fr}.connection-panel{padding:12px}.connection-actions{grid-template-columns:1fr}.config{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-input{grid-column:1/-1}.config .btn{min-width:0;width:100%}.app-footer{align-items:center;display:grid;flex:0 0 auto;grid-gap:7px;gap:7px;grid-template-columns:minmax(0,1fr);justify-items:stretch;max-height:none;min-height:auto;overflow:visible;padding:7px 12px calc(7px + env(safe-area-inset-bottom))}.app-footer:before{grid-column:1/-1;position:-webkit-sticky;position:sticky;top:0}.footer-brand,.footer-meta{justify-content:flex-start}.footer-meta{display:flex;max-width:100%;overflow:hidden}.btn{flex:1 1}}@media (max-width:380px){:root{--app-footer-height:calc(72px + env(safe-area-inset-bottom))}.app-footer{gap:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-top:6px}.config-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.config-actions .btn-connect{grid-column:1/-1}.footer-brand{font-size:.7rem}.footer-badge-frame{gap:5px;height:24px;padding:0 6px}.footer-badge{height:17px;width:17px}.footer-badge-label{font-size:.54rem}.footer-mark{max-width:96px}}.btn-obs{align-items:center;background:#1e1e2e;border:1px solid #3a3a55;border-radius:var(--radius);color:#a0a0c0;cursor:pointer;display:flex;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;gap:6px;height:36px;letter-spacing:.04em;padding:0 14px;transition:background .18s,border-color .18s,color .18s,transform .1s;white-space:nowrap}.btn-obs:hover{background:#2a2a40;border-color:#6b4aff;color:#d0d0f0}.btn-obs:active{transform:scale(.97)}.obs-backdrop{align-items:center;animation:obsBackdropIn .18s ease-out;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}dialog.obs-backdrop{border:0;color:inherit;height:100dvh;margin:0;max-height:none;max-width:none;width:100vw}dialog.obs-backdrop::-webkit-backdrop{background:transparent}dialog.obs-backdrop::backdrop{background:transparent}@keyframes obsBackdropIn{0%{opacity:0}to{opacity:1}}.obs-modal{animation:obsModalIn .22s cubic-bezier(.34,1.2,.64,1);background:#12121e;border:1px solid #2a2a42;border-radius:18px;box-shadow:0 0 0 1px #6b4aff18,0 32px 80px rgba(0,0,0,.7),0 0 60px rgba(107,74,255,.07);display:flex;flex-direction:column;gap:0;max-width:480px;overflow:hidden;width:100%}@keyframes obsModalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.obs-header{background:linear-gradient(135deg,#1a1a2e,#16162a);border-bottom:1px solid #2a2a42;justify-content:space-between;padding:20px 22px}.obs-header,.obs-header-left{align-items:center;display:flex;gap:14px}.obs-title{color:#e8e8f8;font-family:Space Mono,monospace;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.obs-subtitle{color:#c2c2dd;font-size:.72rem;margin-top:2px}.obs-close{align-items:center;background:#1e1e32;border:1px solid #2a2a42;border-radius:8px;color:#c2c2dd;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:30px}.obs-close:hover{background:#2a2a42;border-color:#3a3a58;color:#e8e8f8}.obs-steps{display:flex;flex-direction:column;gap:0;padding:8px 0}.obs-step{align-items:flex-start;border-bottom:1px solid #1c1c2e;display:flex;gap:14px;padding:14px 22px;transition:background .15s}.obs-step:last-child{border-bottom:none}.obs-step:hover{background:#ffffff04}.obs-step-icon{align-items:center;background:#1e1e32;border:1px solid #2e2e48;border-radius:8px;color:#b5a6ff;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:1px;width:36px}.obs-step-body{flex:1 1}.obs-step-num{color:#b5a6ff;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;margin-bottom:2px;opacity:.8}.obs-step-title{color:#d0d0ee;font-size:.82rem;font-weight:700;margin-bottom:3px}.obs-step-desc{color:#bdbdd4;font-size:.74rem;line-height:1.5}.obs-step-field{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.obs-step-field+.obs-step-field{margin-top:5px}.obs-step-field strong{color:#d0d0e6;min-width:34px}.obs-step-desc code{background:#1e1e32;border:1px solid #2e2e48;border-radius:4px;color:#d8ceff;font-size:.7rem;padding:1px 5px}.obs-step-desc code.obs-menu-path{display:inline-block;white-space:nowrap}.obs-step-desc strong{color:#c0c0e0}.obs-url-section{background:#0e0e1a;border-top:1px solid #1c1c2e;padding:16px 22px}.obs-url-label{color:#b5b5cf;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.obs-url-box{align-items:center;background:#16162a;border:1px solid #2a2a44;border-radius:10px;display:flex;gap:8px;overflow:hidden;padding:10px 10px 10px 14px;transition:border-color .2s}.obs-url-box:hover{border-color:#3a3a58}.obs-url-text{color:#d6d6ef;flex:1 1;font-size:.7rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-copy-btn,.obs-url-text{font-family:Space Mono,monospace}.obs-copy-btn{align-items:center;background:#6b4aff;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.68rem;font-weight:700;gap:5px;height:30px;letter-spacing:.04em;padding:0 12px;transition:background .15s,transform .1s}.obs-copy-btn:hover{background:#7d5fff}.obs-copy-btn:active{transform:scale(.96)}.obs-copy-btn.copied{background:#1db97a}.obs-url-channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.obs-chip{border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:2px 7px}.obs-chip.twitch{background:#2c1d4a;color:#e2d6ff;border:1px solid #8e67dd}.obs-chip.tiktok{background:#351323;color:#ffd0df;border:1px solid #ff5b94}.obs-chip.youtube{background:#351719;color:#ffd1d1;border:1px solid #ff6767}.obs-footer{background:#0c0c18;border-top:1px solid #1a1a2c;color:#aaaac8;font-size:.65rem;gap:8px;justify-content:space-between;padding:10px 22px}.obs-footer,.obs-works-with{align-items:center;display:flex}.obs-works-with{gap:5px}.obs-footer-tip{color:#2e2e4a}@media (max-width:520px){.obs-modal{border-radius:14px}.obs-header{padding:16px}.obs-step{padding:12px 16px}.obs-step-icon{height:30px;width:30px}.obs-step-desc code.obs-menu-path{font-size:.62rem}.obs-url-section{padding:14px 16px}.obs-footer{padding:10px 16px}.obs-url-text{font-size:.62rem}}.landing{--ln-paper:oklch(8.5% 0.008 274);--ln-paper-2:oklch(11.5% 0.01 274);--ln-paper-3:oklch(14.5% 0.013 274);--ln-ink:oklch(91.5% 0.004 274);--ln-ink-2:oklch(67% 0.016 264);--ln-rule:oklch(100% 0 0/0.05);--ln-rule-b:oklch(100% 0 0/0.09);--ln-twitch:oklch(59% 0.22 289);--ln-tiktok:oklch(55% 0.25 357);--ln-yt:oklch(51% 0.23 29);--ln-font-d:"Syne",sans-serif;--ln-font-b:"Space Mono",monospace;--ln-3xs:0.25rem;--ln-2xs:0.5rem;--ln-xs:0.75rem;--ln-sm:1rem;--ln-md:1.5rem;--ln-lg:2rem;--ln-xl:3rem;--ln-2xl:4.5rem;--ln-3xl:6rem;--ln-ease:cubic-bezier(0.16,1,0.3,1);--ln-fast:160ms;--ln-base:240ms;--ln-r-sm:6px;--ln-r-md:12px;--ln-r-lg:20px;--ln-r-pill:999px;height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--ln-paper);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:oklch(100% 0 0/.07) transparent}.landing::-webkit-scrollbar{width:3px}.landing::-webkit-scrollbar-track{background:transparent}.landing::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.07);border-radius:var(--ln-r-pill)}.ln-nav{background:oklch(8.5% .008 274/.88);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);border-bottom:1px solid var(--ln-rule);justify-content:space-between;padding:var(--ln-sm) var(--ln-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.ln-brand,.ln-nav{align-items:center;display:flex}.ln-brand{gap:var(--ln-2xs)}.ln-logo{color:var(--ln-ink);font-size:.875rem;font-weight:800;letter-spacing:-.01em}.ln-logo,.ln-nav-btn{font-family:var(--ln-font-d)}.ln-nav-btn{align-items:center;background:transparent;border:1px solid var(--ln-rule-b);border-radius:var(--ln-r-sm);color:var(--ln-ink-2);display:inline-flex;font-size:.72rem;font-weight:700;gap:var(--ln-2xs);letter-spacing:.01em;padding:var(--ln-2xs) var(--ln-md);text-decoration:none;transition:color var(--ln-fast) var(--ln-ease),border-color var(--ln-fast) var(--ln-ease),background var(--ln-fast) var(--ln-ease)}.ln-nav-btn:hover{background:oklch(100% 0 0/.04);border-color:var(--ln-twitch);color:var(--ln-ink)}.ln-nav-btn:focus-visible{outline:2px solid var(--ln-twitch);outline-offset:3px}.ln-hero{align-items:center;display:flex;min-height:calc(100dvh - 54px);overflow:hidden;padding:var(--ln-2xl) var(--ln-2xl);position:relative}.ln-hero-glow{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute}.ln-hero-glow-a{animation:ln-glow-breathe 14s ease-in-out infinite;background:oklch(59% .22 289/.13);height:640px;left:-100px;top:-180px;width:640px}.ln-hero-glow-b{animation:ln-glow-breathe 10s ease-in-out infinite reverse;background:oklch(55% .25 357/.09);bottom:-100px;height:540px;right:-60px;width:540px}.ln-hero-grid{background-image:linear-gradient(oklch(100% 0 0/.028) 1px,transparent 0),linear-gradient(90deg,oklch(100% 0 0/.028) 1px,transparent 0);background-size:52px 52px;inset:0;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,black 0,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,black 0,transparent 100%);pointer-events:none;position:absolute}.ln-hero-inner{align-items:center;display:grid;grid-gap:var(--ln-2xl);gap:var(--ln-2xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%}.ln-hero-left{display:flex;flex-direction:column}.ln-platforms-bar{align-items:center;animation:ln-fade-up .38s var(--ln-ease) 50ms both;display:flex;flex-wrap:wrap;gap:var(--ln-xs);margin-bottom:var(--ln-lg)}.ln-chip{align-items:center;border-radius:var(--ln-r-pill);display:inline-flex;font-family:var(--ln-font-b);font-size:.58rem;font-weight:700;gap:4px;letter-spacing:.05em;padding:3px 9px}.ln-chip-twitch{background:oklch(59% .22 289/.11);border:1px solid oklch(59% .22 289/.28);color:oklch(76% .13 289)}.ln-chip-tiktok{background:oklch(55% .25 357/.11);border:1px solid oklch(55% .25 357/.28);color:oklch(76% .13 357)}.ln-chip-youtube{background:oklch(51% .23 29/.11);border:1px solid oklch(51% .23 29/.28);color:oklch(73% .13 29)}.ln-chip-sep{color:oklch(100% 0 0/.18);font-size:.65rem}.ln-hero-title{animation:ln-fade-up .4s var(--ln-ease) .13s both;background:linear-gradient(140deg,var(--ln-ink) 0,oklch(76% .13 289) 55%,oklch(73% .14 357) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--ln-font-d);font-size:clamp(3.2rem,7vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:.93;margin:0 0 var(--ln-md);white-space:nowrap;-webkit-text-fill-color:transparent}.ln-hero-sub{animation:ln-fade-up .4s var(--ln-ease) .21s both;color:var(--ln-ink-2);font-family:var(--ln-font-b);font-size:.85rem;line-height:1.85;margin:0 0 var(--ln-xl)}.ln-hero-em{color:var(--ln-ink);font-weight:700}.ln-hero-actions{align-items:center;animation:ln-fade-up .4s var(--ln-ease) .29s both;display:flex;flex-wrap:wrap;gap:var(--ln-sm)}.ln-cta{align-items:center;background:linear-gradient(130deg,var(--ln-twitch),var(--ln-tiktok));border:1px solid oklch(100% 0 0/.09);border-radius:var(--ln-r-md);box-shadow:0 4px 24px oklch(59% .22 289/.22);color:oklch(97% .005 274);display:inline-flex;font-family:var(--ln-font-d);font-size:.85rem;font-weight:700;gap:var(--ln-2xs);letter-spacing:.01em;padding:var(--ln-xs) var(--ln-lg);text-decoration:none;transition:box-shadow var(--ln-base) var(--ln-ease),transform var(--ln-fast) var(--ln-ease)}.ln-cta:hover{box-shadow:0 8px 40px oklch(59% .22 289/.32);transform:translateY(-2px)}.ln-cta:focus-visible{outline:2px solid oklch(76% .13 289);outline-offset:3px}.ln-cta:active{box-shadow:0 2px 10px oklch(59% .22 289/.18);transform:translateY(0)}.ln-hero-note{color:var(--ln-ink-2);font-size:.65rem;letter-spacing:.02em}.ln-hero-right{display:flex;justify-content:flex-end}.ln-mock-shell{animation:ln-slide-in-right .46s var(--ln-ease) .16s both;border:1px solid var(--ln-rule-b);border-radius:var(--ln-r-lg);box-shadow:0 0 0 1px oklch(59% .22 289/.07),0 32px 80px oklch(0 0 0/.5);max-width:420px;overflow:hidden;width:100%}.ln-mock-bar,.ln-mock-shell{background:var(--ln-paper-2)}.ln-mock-bar{align-items:center;border-bottom:1px solid var(--ln-rule);display:flex;gap:var(--ln-2xs);padding:10px 14px}.ln-mock-title{color:var(--ln-ink);font-family:var(--ln-font-d);font-size:.72rem;font-weight:800;letter-spacing:-.01em}.ln-mock-filters{background:var(--ln-paper);border-bottom:1px solid var(--ln-rule);display:flex;gap:4px;padding:6px 12px}.ln-mock-filter{border:1px solid var(--ln-rule-b);border-radius:var(--ln-r-pill);color:var(--ln-ink-2);font-size:.58rem;padding:2px 8px}.ln-mock-filter-active{background:oklch(100% 0 0/.07);border-color:oklch(100% 0 0/.13);color:var(--ln-ink)}.ln-mock-feed{display:flex;flex-direction:column;gap:2px;padding:6px 8px 10px}.ln-trust{align-items:center;border-bottom:1px solid var(--ln-rule);border-top:1px solid var(--ln-rule);display:flex;flex-wrap:wrap;gap:var(--ln-lg);padding:var(--ln-sm) var(--ln-2xl)}.ln-trust-label{color:var(--ln-ink-2);font-family:var(--ln-font-b);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.ln-trust-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ln-lg)}.ln-trust-item{align-items:center;color:var(--ln-ink-2);display:inline-flex;font-family:var(--ln-font-b);font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.02em;opacity:.7;transition:opacity var(--ln-fast)}.ln-trust-item:hover{opacity:1}.ln-trust-twitch{color:oklch(76% .13 289)}.ln-trust-tiktok{color:oklch(73% .14 357)}.ln-trust-youtube{color:oklch(73% .13 29)}.ln-trust-obs{color:oklch(74% .15 289)}.ln-trust-7tv{color:oklch(80% .18 175)}.ln-trust-bttv{color:oklch(72% .16 250)}.ln-trust-sep{width:1px;height:14px;background:var(--ln-rule);border-radius:1px;flex-shrink:0;opacity:.5}.ln-section{padding:var(--ln-3xl) var(--ln-2xl)}.ln-section-features{background:radial-gradient(ellipse 75% 55% at 15% 0,oklch(59% .22 289/.1) 0,transparent 68%),var(--ln-paper);position:relative}.ln-section-dark{background:radial-gradient(ellipse 42% 90% at 0 45%,oklch(59% .22 289/.08) 0,transparent 65%),radial-gradient(ellipse 42% 90% at 100% 55%,oklch(55% .25 357/.09) 0,transparent 65%),oklch(6.5% .008 274);border-bottom:1px solid var(--ln-rule);border-top:1px solid var(--ln-rule);scroll-margin-top:72px}.ln-section-steps{background:radial-gradient(ellipse 70% 50% at 85% 100%,oklch(55% .25 357/.09) 0,transparent 68%),var(--ln-paper)}.ln-container{margin:0 auto;max-width:1100px}.ln-section-head{margin-bottom:var(--ln-2xl);text-align:center}.ln-label{color:var(--ln-twitch);display:inline-block;font-family:var(--ln-font-b);font-size:.58rem;font-weight:700;letter-spacing:.14em;margin-bottom:var(--ln-sm);text-transform:uppercase}.ln-section-title{color:var(--ln-ink);font-family:var(--ln-font-d);font-size:clamp(1.9rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 var(--ln-xs);min-width:0;overflow-wrap:anywhere}.ln-section-sub{color:var(--ln-ink-2);font-size:.83rem;line-height:1.85;margin:0 auto;max-width:500px}.ln-gradient-text{background:linear-gradient(130deg,var(--ln-twitch),var(--ln-tiktok));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ln-bento{display:grid;grid-gap:var(--ln-sm);gap:var(--ln-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.ln-card{background:var(--ln-paper-2);border:1px solid var(--ln-rule);border-left:2px solid var(--accent,var(--ln-twitch));border-radius:var(--ln-r-lg);display:flex;flex-direction:column;gap:var(--ln-md);overflow:hidden;padding:var(--ln-lg);position:relative;transition:border-color var(--ln-base) var(--ln-ease),background var(--ln-base) var(--ln-ease),transform var(--ln-fast) var(--ln-ease)}.ln-card:before{background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent,var(--ln-twitch)) 7%,transparent),transparent 55%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--ln-base) var(--ln-ease)}.ln-card:hover{background:color-mix(in srgb,var(--accent,var(--ln-twitch)) 3%,var(--ln-paper-2));border-left-color:var(--accent,var(--ln-twitch));transform:translateY(-2px)}.ln-card:hover:before{opacity:1}.ln-card-wide{align-items:flex-start;flex-direction:row;grid-column:span 2}.ln-card-icon{align-items:center;border-radius:var(--ln-r-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ln-card-title{color:var(--ln-ink);font-family:var(--ln-font-d);font-size:.88rem;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}.ln-card-desc{color:var(--ln-ink-2);font-size:.74rem;line-height:1.7}.ln-preview{background:var(--ln-paper-2);border:1px solid var(--ln-rule-b);border-radius:var(--ln-r-lg);box-shadow:0 0 0 1px oklch(59% .22 289/.07),0 40px 90px oklch(0 0 0/.5);margin:0 auto;max-width:920px;overflow:hidden}.ln-preview .chatfusion{background:#0d0d12;height:440px;max-height:none}.ln-preview .chat{flex:1 1;min-height:0;gap:4px;justify-content:flex-end;overflow:hidden;padding:12px 16px}.ln-steps{display:grid;grid-gap:var(--ln-sm);gap:var(--ln-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.ln-step{background:var(--ln-paper-2);border:1px solid var(--ln-rule);border-radius:var(--ln-r-lg);overflow:hidden;padding:var(--ln-lg);position:relative;transition:border-color var(--ln-base) var(--ln-ease),transform var(--ln-fast) var(--ln-ease)}.ln-step:hover{border-color:color-mix(in srgb,var(--step-color,var(--ln-twitch)) 30%,var(--ln-rule));transform:translateY(-2px)}.ln-step-num{color:var(--step-color,var(--ln-twitch));font-family:var(--ln-font-d);font-size:3rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:var(--ln-md)}.ln-step-icon-wrap{align-items:center;border-radius:var(--ln-r-md);display:flex;height:40px;justify-content:center;margin-bottom:var(--ln-sm);width:40px}.ln-step-title{color:var(--ln-ink);font-family:var(--ln-font-d);font-size:.9rem;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--ln-2xs)}.ln-step-desc{color:var(--ln-ink-2);font-size:.74rem;line-height:1.7}.ln-step-arrow{color:var(--ln-ink-2);font-size:1.1rem;opacity:.22;position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:1}.ln-cta-section{overflow:hidden;padding:var(--ln-3xl) var(--ln-2xl);position:relative;text-align:center}.ln-cta-glow-l,.ln-cta-glow-r{border-radius:50%;filter:blur(90px);height:460px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:460px}.ln-cta-glow-l{background:oklch(59% .22 289/.11);left:-110px}.ln-cta-glow-r{background:oklch(55% .25 357/.08);right:-110px}.ln-cta-inner{position:relative}.ln-cta-signal{align-items:center;display:flex;gap:var(--ln-xs);justify-content:center;margin-bottom:var(--ln-lg)}.ln-cta-signal .footer-signal:first-child{height:10px;width:10px}.ln-cta-signal-b{background:linear-gradient(135deg,var(--ln-tiktok),var(--ln-yt))!important;box-shadow:0 0 16px oklch(55% .25 357/.35)!important}.ln-cta-title{color:var(--ln-ink);font-family:var(--ln-font-d);font-size:clamp(2.6rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0 0 var(--ln-lg);min-width:0;overflow-wrap:anywhere}.ln-cta-sub{color:var(--ln-ink-2);font-size:.82rem;letter-spacing:.04em;margin:0 0 var(--ln-2xl)}.ln-cta-xl{font-size:.95rem;padding:var(--ln-sm) var(--ln-2xl)}@media (max-width:960px){.ln-cta-section,.ln-nav,.ln-section,.ln-trust{padding-left:var(--ln-md);padding-right:var(--ln-md)}.ln-hero{min-height:auto;padding:var(--ln-2xl) var(--ln-md)}.ln-hero-inner{gap:var(--ln-xl);grid-template-columns:1fr}.ln-hero-left{text-align:center}.ln-hero-right{display:none}.ln-hero-title{font-size:clamp(1.8rem,8vw,5rem);white-space:normal}.ln-hero-actions,.ln-platforms-bar,.ln-trust{justify-content:center}.ln-steps{grid-template-columns:1fr}.ln-step-arrow{display:none}.ln-preview .chatfusion{height:360px;max-height:none}}@media (max-width:720px){.ln-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.ln-card-wide{flex-direction:column;grid-column:span 2}.ln-cta-section,.ln-section{padding-top:var(--ln-2xl);padding-bottom:var(--ln-2xl)}.ln-preview .chatfusion{height:320px;max-height:none}}@media (max-width:500px){.ln-bento{grid-template-columns:minmax(0,1fr)}.ln-card-wide{grid-column:span 1}.ln-hero-title{font-size:clamp(1.6rem,7.5vw,2.5rem)}.ln-hero-sub{font-size:.8rem}.ln-cta{justify-content:center;width:100%}.ln-hero-actions{flex-direction:column;width:100%}.ln-trust-label{display:none}.ln-trust-row{justify-content:center}.ln-preview .chatfusion{height:280px;max-height:none}.ln-preview .chat{padding:14px}.ln-cta-xl{font-size:.88rem}}@media (max-width:380px){.ln-hero-title{font-size:clamp(1.4rem,7vw,2rem)}.ln-cta-title{font-size:clamp(1.5rem,8vw,2.2rem)}.ln-trust-row{gap:var(--ln-sm)}.ln-section-title{font-size:clamp(1.3rem,7vw,2rem)}.ln-preview .chatfusion{height:260px;max-height:none}}@keyframes ln-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ln-slide-in-right{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes ln-glow-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.14) translate(-10px,-10px)}}.ln-reveal{opacity:0;transform:translateY(16px);transition:opacity .52s var(--ln-ease),transform .52s var(--ln-ease);transition-delay:var(--delay,0s)}.ln-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.ln-hero-actions,.ln-hero-glow-a,.ln-hero-glow-b,.ln-hero-sub,.ln-hero-title,.ln-mock-shell,.ln-platforms-bar{animation:none}.ln-reveal{opacity:1;transform:none;transition:none}}.onboarding-mode{background:var(--bg);height:auto!important;max-height:none!important;min-height:100dvh;overflow:visible!important;position:relative}body:has(.onboarding-mode),html:has(.onboarding-mode){overflow-x:hidden;overflow-y:auto}.onboard-aurora-a,.onboard-aurora-b{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.onboard-aurora-a{background:radial-gradient(circle,#9147ff26 0,transparent 60%);height:540px;left:10%;top:5%;width:540px}.onboard-aurora-b{background:radial-gradient(circle,#ff005026 0,transparent 60%);bottom:10%;height:460px;right:5%;width:460px}.onboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(20,20,30,.6);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;padding:12px 16px;z-index:2}.onboard-header,.onboard-stage{align-items:center;display:flex;position:relative}.onboard-stage{flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:96px 24px 72px;z-index:1}.onboard-card{background:linear-gradient(180deg,var(--surface),var(--bg));border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 30px 70px #00000060,0 0 0 1px #9147ff15,0 0 60px #9147ff1f;box-sizing:border-box;flex-shrink:0;max-width:100%;overflow:hidden;padding:28px 32px 24px;position:relative;width:min(760px,100%)}.onboard-card-accent{background:linear-gradient(90deg,transparent,#9147ff,#ff0050,#ff0000,transparent);height:1px;left:0;opacity:.7;position:absolute;right:0;top:0}.onboard-kicker{align-items:center;color:oklch(76% .13 289);display:flex;font-family:Space Mono,monospace;font-size:.59rem;font-weight:700;gap:6px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.onboard-kicker-dash{background:oklch(76% .13 289);display:block;flex-shrink:0;height:1px;opacity:.6;width:16px}.onboard-title{color:var(--text);font-family:Syne,sans-serif;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 6px}.onboard-sub{color:var(--muted);font-family:Space Mono,monospace;font-size:.72rem;line-height:1.5;margin:0 0 14px}.onboard-sub strong{color:var(--text)}.onboard-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.onboard-inputs .platform-input{background:var(--bg);border-color:rgba(255,255,255,.1);border-radius:9px;min-height:auto;padding:7px 10px}.onboard-inputs .platform-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--platform-color) 16%,transparent)}.onboard-inputs .platform-input-icon{height:24px;width:24px}.platform-input-status{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:5px;color:var(--muted);flex-shrink:0;font-family:Space Mono,monospace;font-size:.53rem;font-weight:800;padding:2px 6px;transition:all .14s ease;white-space:nowrap}.platform-input.filled .platform-input-status{background:color-mix(in srgb,var(--platform-color) 12%,transparent);border-color:color-mix(in srgb,var(--platform-color) 34%,transparent);color:color-mix(in srgb,var(--platform-color) 90%,#ffffff)}.onboard-cta{align-items:center;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--muted);cursor:not-allowed;display:inline-flex;font-family:Syne,sans-serif;font-size:.81rem;font-weight:800;gap:8px;height:auto;justify-content:center;letter-spacing:.02em;opacity:.7;padding:11px 16px;transition:all .16s ease;width:100%}.onboard-cta--active{background:linear-gradient(135deg,var(--twitch),var(--tiktok));border:none;box-shadow:0 12px 28px #9147ff40,inset 0 0 0 1px #ffffff20;color:#fff;cursor:pointer;opacity:1}.onboard-cta--active:hover{box-shadow:0 16px 36px #9147ff55,inset 0 0 0 1px #ffffff30;transform:translateY(-1px)}.onboard-presets{box-sizing:border-box;flex-shrink:0;max-width:100%;width:min(760px,100%)}.onboard-presets-header{align-items:center;color:var(--muted);display:flex;font-family:Space Mono,monospace;font-size:.56rem;font-weight:700;gap:8px;letter-spacing:.16em;margin-bottom:6px;text-transform:uppercase}.onboard-presets-rule{background:rgba(255,255,255,.06);display:block;flex:1 1;height:1px}.onboard-presets-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.onboard-preset-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:10px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;padding:10px 12px;text-align:left;transition:all .16s ease}.onboard-preset-card:hover{background:var(--surface2);border-color:rgba(255,255,255,.12)}.onboard-preset-icons{display:flex;gap:4px}.onboard-preset-icon{align-items:center;border-radius:5px;display:inline-flex;height:20px;justify-content:center;width:20px}.onboard-preset-icon.twitch{background:#9147ff22;border:1px solid #9147ff44;color:oklch(76% .13 289)}.onboard-preset-icon.tiktok{background:#ff005022;border:1px solid #ff005044;color:oklch(76% .13 357)}.onboard-preset-icon.youtube{background:#ff000022;border:1px solid #ff000044;color:oklch(73% .13 29)}.onboard-preset-title{color:var(--text);font-family:Syne,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:-.01em;margin-bottom:2px}.onboard-preset-desc{color:var(--muted);font-family:Space Mono,monospace;font-size:.625rem;line-height:1.4}.onboard-footer{background:oklch(11.5% .01 274);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;padding:14px 28px 10px;position:relative;z-index:2}.onboard-footer-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:10px}.onboard-footer-tagline{color:var(--muted);font-family:Space Mono,monospace;font-size:.59rem;line-height:1.45;margin:0 0 8px;max-width:280px}.onboard-footer-platforms{display:flex;gap:5px}.onboard-footer-col-title{color:var(--text);font-family:Space Mono,monospace;font-size:.56rem;font-weight:700;letter-spacing:.16em;margin-bottom:6px;text-transform:uppercase}.onboard-footer-col ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.onboard-footer-col li{font-size:.625rem}.onboard-footer-bottom,.onboard-footer-col li{color:var(--muted);font-family:Space Mono,monospace}.onboard-footer-bottom{align-items:center;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;font-size:.56rem;gap:12px;justify-content:space-between;padding-top:8px}.onboard-footer-links{display:flex;gap:14px}@media (max-width:640px){.onboarding-mode{height:auto!important;max-height:none!important;min-height:100dvh;overflow-x:clip!important;overflow-y:visible!important}.onboard-stage{flex:0 0 auto;gap:16px;justify-content:safe center;min-height:calc(100dvh - 64px);overflow-x:clip;overflow-y:visible;padding:20px 16px 24px}.onboarding-mode>footer{flex-shrink:0;padding:16px clamp(12px,4vw,20px) 12px!important}.onboarding-mode .la-footer-grid{gap:14px!important;grid-template-columns:1fr 1fr!important;margin-bottom:12px!important}.onboard-presets-grid{grid-template-columns:1fr 1fr}.onboard-presets-grid .onboard-preset-card:nth-child(3):last-child{grid-column:1/-1}}@media (max-width:480px){.onboard-stage{gap:14px;padding:16px 12px 20px}.onboard-card{border-radius:14px;padding:18px 16px 14px}.onboard-title{font-size:1.25rem}.onboard-sub{font-size:.68rem}.onboard-inputs .platform-input-icon{height:20px;width:20px}.platform-input-status{display:none}.onboard-footer-grid,.onboard-presets-grid{grid-template-columns:1fr 1fr}.onboard-footer-grid{gap:12px}.onboard-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:360px){.onboard-stage{gap:12px;padding:12px 10px}.onboard-card{padding:14px 12px 12px}.onboard-title{font-size:1.1rem}.onboard-footer-grid,.onboard-presets-grid{grid-template-columns:1fr}.onboard-footer-grid{gap:12px}.onboard-footer-links{flex-wrap:wrap;gap:8px}}