.landing-chat{--demo-bg:#18181c;--demo-chrome:#141418;--demo-raised:#222228;--demo-sunk:#111114;--demo-edge:#34343c;--demo-text:#dbdee1;--demo-strong:#f2f3f5;--demo-muted:#b5bac1;--demo-dim:#949ba4;--demo-blurple:#5865f2;--demo-grey:#80848e;background:var(--demo-bg);box-shadow:0 1px 0 #ffffff0d inset, 0 40px 80px -24px #000000bf, 0 0 120px -24px var(--landing-glow);border:1px solid #ffffff17;border-radius:18px;overflow:hidden}.landing-chat-head{background:var(--demo-chrome);min-height:48px;color:var(--demo-strong);border-bottom:1px solid #00000080;justify-content:space-between;align-items:center;padding-inline:18px 8px;font-size:14px;font-weight:600;display:flex}.landing-chat-status{align-items:center;gap:6px;display:inline-flex}.landing-chat-example{color:var(--demo-muted);border:1px solid #ffffff1f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.landing-chat-toggle{width:36px;height:36px;color:var(--demo-dim);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:color .16s,background-color .16s;display:grid;position:relative}.landing-chat-toggle:after{content:"";position:absolute;inset:-4px}.landing-chat-toggle:hover{color:var(--demo-strong);background:#ffffff0f}.landing-chat-toggle:focus-visible{outline:2px solid var(--landing-focus);outline-offset:0}.landing-chat-screen p{margin:0}.landing-demo-pinned{background:var(--demo-bg);box-shadow:inset 3px 0 0 var(--landing-accent), 0 1px 0 #ffffff0a;border-bottom:1px solid #00000080;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px 9px 14px;display:grid}.landing-demo-pinned-icon{width:28px;height:28px;color:var(--landing-accent-text);background:color-mix(in srgb, var(--landing-accent) 20%, transparent);border-radius:50%;place-items:center;display:grid}.landing-demo-pinned-icon svg{transform:rotate(35deg)}.landing-demo-pinned-text{gap:1px;min-width:0;display:grid}.landing-demo-pinned-kicker{color:var(--demo-dim);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:700}.landing-demo-pinned-title{color:var(--demo-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.landing-demo-countdown{color:var(--demo-muted);background:var(--demo-sunk);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600}.landing-demo-countdown time{color:var(--demo-strong);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.landing-demo-countdown[data-started]{color:var(--demo-strong)}.landing-chat-log{flex-direction:column;justify-content:flex-end;height:520px;padding:24px 16px 18px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 14px,#0006 40px,#000 72px);mask-image:linear-gradient(#0000 14px,#0006 40px,#000 72px)}.landing-demo-feed{will-change:transform;gap:18px;margin:0;padding:0;list-style:none;transition:transform .52s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.landing-demo-msg{gap:5px;animation:.32s ease-out both landing-demo-in;display:grid}.landing-demo-used{min-width:0;color:var(--demo-dim);white-space:nowrap;align-items:center;gap:5px;margin-left:48px;font-size:12.5px;display:flex;position:relative}.landing-demo-used:before{content:"";border-top:2px solid var(--demo-edge);border-left:2px solid var(--demo-edge);border-top-left-radius:6px;width:24px;height:11px;position:absolute;top:9px;left:-30px}.landing-demo-used strong{color:var(--demo-muted);font-weight:600}.landing-demo-mini{color:#fff;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid}.landing-demo-avatar--green{background:#248046}.landing-demo-avatar--orange{background:#c27c0e}.landing-demo-avatar--red{background:#da373c}.landing-demo-avatar--pink{background:#c43c8a}.landing-demo-avatar--grey{background:#4e5058}.landing-demo-command{color:#c9cdfb;font-weight:500}.landing-demo-row{grid-template-columns:36px minmax(0,1fr);gap:12px;display:grid}.landing-chat-avatar{width:36px;height:36px;color:var(--landing-accent-ink);background:var(--landing-accent);border-radius:50%;place-items:center;display:grid}.landing-demo-body{min-width:0}.landing-chat-screen .landing-demo-meta{align-items:center;gap:6px;margin-bottom:4px;font-size:14px;line-height:1.3;display:flex}.landing-demo-meta strong{color:var(--demo-strong);font-weight:600}.landing-demo-meta time{color:var(--demo-dim);margin-left:2px;font-size:11.5px}.landing-chat-tag{color:#fff;background:var(--demo-blurple);letter-spacing:.02em;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4}.landing-demo-stack{display:grid}.landing-demo-layer{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;min-width:0;display:flex}.landing-demo-layer[data-active]{opacity:1;visibility:visible;transition:opacity .18s ease-out}.landing-demo-embed{--demo-tone:var(--landing-accent);border-left:4px solid var(--demo-tone);max-width:440px;color:var(--demo-text);background:var(--demo-raised);border-radius:6px;gap:12px;padding:10px 14px 12px 12px;font-size:13.5px;line-height:1.45;display:grid;box-shadow:inset 0 1px #ffffff08}.landing-demo-embed--thumb{grid-template-columns:minmax(0,1fr) 64px}.landing-demo-embed--success{--demo-tone:var(--landing-success)}.landing-demo-embed--muted{--demo-tone:var(--demo-grey)}.landing-demo-embed--quest{--demo-tone:var(--landing-accent)}.landing-demo-embed--held{--demo-tone:var(--landing-warning)}.landing-demo-embed-main{gap:7px;min-width:0;display:grid}.landing-chat-screen .landing-demo-embed-title{color:var(--demo-strong);align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:flex}.landing-demo-embed strong{color:var(--demo-strong);font-weight:600}.landing-demo-embed code{color:var(--demo-strong);background:var(--demo-sunk);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.landing-demo-thumb{object-fit:cover;border-radius:6px;width:64px;height:64px}.landing-demo-fields{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px 16px;margin:2px 0 0;display:grid}.landing-demo-fields dt{color:var(--demo-strong);font-size:12.5px;font-weight:600}.landing-demo-fields dd{color:var(--demo-text);font-variant-numeric:tabular-nums;margin:1px 0 0}.landing-chat-screen .landing-demo-footer{color:var(--demo-dim);font-size:11.5px}.landing-demo-skeleton{--demo-tone:var(--demo-edge);flex:1;align-content:start;gap:10px}.landing-chat-screen .landing-demo-thinking{color:var(--demo-dim);align-items:center;gap:6px;font-size:13.5px;font-style:italic;display:inline-flex}.landing-demo-shimmer{background:linear-gradient(90deg,#2e2e35 0%,#3d3d46 50%,#2e2e35 100%) 0 0/200% 100%;border-radius:4px;height:10px;display:block}.landing-demo-shimmer:first-of-type{width:72%}.landing-demo-shimmer:nth-of-type(2){width:54%}.landing-demo-shimmer:nth-of-type(3){width:38%}.landing-demo-dots{gap:3px;display:inline-flex}.landing-demo-dots span{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.landing-demo-board{gap:10px;margin:2px 0 0;padding:0;list-style:none;display:grid}.landing-demo-board>li{gap:3px;display:grid}.landing-demo-board-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;display:flex}.landing-demo-board-title span{color:var(--demo-dim);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.landing-demo-board>li[data-done] .landing-demo-board-title span{color:var(--landing-success)}.landing-chat-screen .landing-demo-board-where,.landing-chat-screen .landing-demo-board-reward,.landing-chat-screen .landing-demo-note{color:var(--demo-muted);font-size:12.5px}.landing-demo-board>li[data-done] .landing-demo-board-reward{color:var(--landing-success)}.landing-demo-objectives{gap:5px;margin:2px 0;padding:0;list-style:none;display:grid}.landing-demo-objectives li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.landing-demo-objective-label{align-items:baseline;gap:6px;min-width:0;display:flex}.landing-demo-objective-label svg{color:var(--landing-success);flex:none;align-self:center}.landing-demo-objective-dot{opacity:.6;background:currentColor;border-radius:50%;flex:none;align-self:center;width:4px;height:4px;margin-inline:4px}.landing-demo-objective-count{color:var(--demo-dim);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.landing-demo-objectives li[data-done] .landing-demo-objective-count{color:var(--landing-success)}.landing-demo-bar{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.landing-demo-bar span{background:var(--demo-sunk);border-radius:2px;height:6px}.landing-demo-bar span[data-on]{background:var(--landing-accent)}.landing-demo-objectives li[data-done] .landing-demo-bar span[data-on]{background:var(--landing-success)}.landing-demo-reward{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.landing-demo-reward strong{color:var(--landing-success);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.landing-demo-reward span{color:var(--demo-muted);font-size:12.5px}.landing-demo-pips{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.landing-demo-pips li{border:1px solid var(--demo-edge);height:28px;color:var(--demo-dim);background:var(--demo-sunk);border-radius:6px;place-items:center;font-size:12px;font-weight:700;display:grid}.landing-demo-pips li[data-on],.landing-demo-pips li[data-today]{color:var(--landing-accent-ink);background:var(--landing-accent);border-color:#0000}.landing-demo-pips li[data-today]{border-color:var(--landing-text)}.landing-demo-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.landing-demo-rows li{background:var(--demo-sunk);border:1px solid #ffffff0a;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.landing-demo-rows li[data-empty]{border:1px dashed var(--demo-edge);opacity:.75;background:0 0}.landing-demo-rows li[data-fresh]{background:#5ccf8a1a;border-color:#5ccf8a73}.landing-demo-rows-lead{width:30px;height:30px;color:var(--demo-muted);background:var(--demo-raised);border-radius:7px;place-items:center;font-size:15px;font-weight:700;display:grid}.landing-demo-rows-text{min-width:0;display:grid}.landing-demo-rows-text strong,.landing-demo-rows-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-demo-rows-text strong{color:var(--demo-strong);font-size:13px}.landing-demo-pinned-title svg,.landing-demo-rows-text strong svg{vertical-align:-1px;margin-inline:0 6px;display:inline}.landing-demo-rows-text strong svg{color:var(--demo-dim);margin-inline:4px 0}.landing-demo-rows-text small{color:var(--demo-dim);font-size:11.5px}.landing-demo-rows-trail{color:var(--demo-strong);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.landing-demo-palette{gap:6px;margin:0;padding:0;list-style:none;display:flex}.landing-demo-palette li{border:1px solid #ffffff14;border-radius:4px;width:34px;height:22px}.landing-demo-keyline{align-items:center;gap:6px;display:flex}.landing-demo-select{border:1px solid var(--demo-edge);max-width:440px;min-height:36px;color:var(--demo-text);background:var(--demo-sunk);border-radius:6px;justify-content:space-between;align-items:center;margin-top:8px;padding:0 10px 0 12px;font-size:13.5px;display:flex}.landing-demo-dot{border:2px solid var(--demo-dim);border-radius:50%;width:10px;height:10px}.landing-demo-dot[data-selected]{border-color:var(--landing-accent);background:var(--landing-accent)}.landing-demo-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.landing-demo-button{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;place-items:center;min-height:32px;padding:0 16px;font-size:13.5px;font-weight:500;transition:opacity .2s,filter .12s,transform .12s;display:inline-grid}.landing-demo-button--primary{color:var(--landing-accent-ink);background:var(--landing-accent)}.landing-demo-button--success{background:#248046}.landing-demo-button--secondary{background:#3f3f48}.landing-demo-button--ghost{background:#2e2e35;width:112px}.landing-demo-button--ghost+.landing-demo-button--ghost{width:76px}.landing-demo-button-label{grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.landing-demo-button .landing-demo-dots{grid-area:1/1}.landing-demo-button[data-phase=pressed]{filter:brightness(.86);transform:scale(.95)}.landing-demo-button[data-phase=loading] .landing-demo-button-label{visibility:hidden}.landing-demo-button[data-dimmed],.landing-demo-button[data-disabled]{opacity:.5}.landing-demo-layer[data-active] .landing-demo-shimmer{animation:1.1s linear infinite landing-demo-shimmer}.landing-demo-layer[data-active] .landing-demo-dots span{animation:1s ease-in-out infinite landing-demo-dot}.landing-demo-layer[data-active] .landing-demo-dots span:nth-child(2){animation-delay:.15s}.landing-demo-layer[data-active] .landing-demo-dots span:nth-child(3){animation-delay:.3s}.landing-demo-layer[data-active] .landing-demo-bar span[data-on]{animation:.26s ease-out both landing-demo-pip}.landing-demo-layer[data-active] .landing-demo-reward strong,.landing-demo-layer[data-active] .landing-demo-pips li[data-today]{animation:.42s cubic-bezier(.2,1.4,.4,1) .12s both landing-demo-pop}.landing-demo-layer[data-active] .landing-demo-rows li[data-fresh]{animation:.9s ease-out .12s both landing-demo-fresh}@keyframes landing-demo-in{0%{opacity:0}to{opacity:1}}@keyframes landing-demo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes landing-demo-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes landing-demo-pip{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@keyframes landing-demo-fresh{0%{background:#5ccf8a4d;border-color:#5ccf8ae6}}@keyframes landing-demo-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.landing-demo-msg,.landing-demo-layer[data-active] .landing-demo-shimmer,.landing-demo-layer[data-active] .landing-demo-dots span,.landing-demo-layer[data-active] .landing-demo-bar span[data-on],.landing-demo-layer[data-active] .landing-demo-reward strong,.landing-demo-layer[data-active] .landing-demo-pips li[data-today],.landing-demo-layer[data-active] .landing-demo-rows li[data-fresh]{animation:none!important}.landing-demo-feed,.landing-demo-layer[data-active]{transition:none}}@media (width<=720px){.landing-chat-log{height:420px;padding-inline:12px}.landing-demo-pinned{padding-inline:12px 10px}.landing-demo-pinned-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;line-height:1.3;display:-webkit-box}.landing-demo-embed{font-size:13px}.landing-demo-embed--thumb{grid-template-columns:minmax(0,1fr) 48px}.landing-demo-thumb{width:48px;height:48px}.landing-demo-button{padding-inline:12px;font-size:13px}}.landing-chat-scenes{background:var(--demo-chrome);border-top:1px solid #00000080;flex-wrap:wrap;gap:4px;padding:8px 10px 10px;display:flex}.landing-chat-scene{min-height:32px;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:600;transition:color .16s,background .16s}.landing-chat-scene:hover{color:var(--demo-strong);background:#ffffff0d}.landing-chat-scene[aria-current]{color:var(--demo-strong);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}.landing-chat-scene:focus-visible{outline:2px solid var(--landing-focus);outline-offset:1px}@media (pointer:coarse){.landing-chat-scene{min-height:44px}}