:root{--bg:#0c0c0b;--text:#eceae4;--text-dim:#9a9790;--accent:#9bbf8a;--accent-soft:#9bbf8a29;--line:#eceae41a;--danger:#e07a6a;--glass:#161614b8;--card:#181816f0;--radius:14px;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;letter-spacing:0;background:var(--bg);color:var(--text);font:100%/1.45 system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,textarea,kbd{font:inherit}button{color:inherit}.canvas{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.canvas.is-panning{cursor:grab}.canvas.is-panning:active{cursor:grabbing}.grid{pointer-events:none;background-image:radial-gradient(circle,#eceae412 1px,#0000 1px);position:absolute;inset:0}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.connections{pointer-events:none;position:absolute;overflow:visible}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-user-select:text;user-select:text;flex-direction:column;min-height:140px;display:flex;position:absolute;box-shadow:0 18px 50px #00000059}.card.prompt{background:linear-gradient(180deg, #9bbf8a12, transparent 48px), var(--card)}.card.reply{background:linear-gradient(180deg, #82a0be14, transparent 48px), var(--card)}.card.is-selected{box-shadow:0 0 0 1px #9bbf8a8c,0 22px 60px #00000073}.card-head,.card-foot{align-items:center;gap:8px;padding:10px 12px;display:flex}.card-head{cursor:grab}.card-kicker,.sheet-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.card-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.card-head .icon-btn{margin-left:auto}.card-actions .icon-btn{margin-left:0}.icon-btn,.tool-btn,.text-btn,.send,.chip,.picker-item{cursor:pointer;transition:transform .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;border-radius:8px}.icon-btn{width:28px;height:28px;color:var(--text-dim);place-items:center;display:grid}.icon-btn:hover,.tool-btn:hover,.text-btn:hover,.chip:hover{color:var(--text);background:#ffffff0f}.icon-btn:active,.tool-btn:active,.text-btn:active,.send:active,.chip:active,.picker-item:active{transform:scale(.97)}.prompt-input{resize:none;width:100%;color:var(--text);background:0 0;border:0;outline:none;min-height:72px;padding:0 14px 8px;line-height:1.5}.reply-body{max-height:420px;padding:0 14px 12px;overflow:auto}.reply-placeholder,.empty-hint{color:var(--text-dim);margin:0}.reply-error{color:var(--danger);margin:8px 0 0;font-size:13px}.markdown{font-size:14px;line-height:1.55}.markdown p,.markdown ul,.markdown ol{margin:0 0 .7em}.markdown p:last-child,.markdown ul:last-child,.markdown ol:last-child{margin-bottom:0}.markdown code{background:#ffffff0f;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown pre{background:#00000059;border-radius:10px;padding:10px 12px;overflow:auto}.markdown pre code{background:0 0;padding:0}.caret{background:var(--accent);vertical-align:text-bottom;width:7px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.badge{color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.badge.is-live:after{content:"";background:var(--accent);width:6px;height:6px;animation:pulse 1.2s var(--ease-out) infinite;border-radius:50%}.chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--text-dim);padding:4px 8px;font-size:12px}.chip.is-on{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip-add{align-items:center;gap:4px;display:inline-flex}.picker-wrap{position:relative}.picker{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--line);z-index:5;transform-origin:0 100%;width:240px;max-height:280px;animation:pop .16s var(--ease-out);background:#1c1c1af5;border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.picker-item{width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.picker-item.is-on{color:var(--accent)}.send{background:var(--accent);color:#141612;white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.send kbd{opacity:.7;font-family:inherit;font-size:10px}.text-btn{color:var(--text-dim);align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.text-btn.danger{color:var(--danger)}.card-foot{border-top:1px solid var(--line);flex-wrap:wrap}.toolbar{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);z-index:30;border:1px solid #ffffff1a;border-top-color:#ffffff29;border-radius:999px;align-items:center;gap:6px;padding:6px 8px 6px 14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.brand{letter-spacing:-.03em;font-size:14px;font-weight:650}.toolbar-sep{background:var(--line);width:1px;height:16px;margin:0 4px}.tool-btn{color:var(--text);align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:inline-flex}.zoom-label{color:var(--text-dim);text-align:center;min-width:42px;font-size:12px}.landing{z-index:8;grid-template-columns:minmax(240px,42%) minmax(0,1fr);align-items:center;gap:12px 28px;padding:88px 20px 24px 44px;display:grid;position:absolute;inset:0;overflow:hidden}.landing-copy{z-index:1;max-width:34rem;position:relative}.landing-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:650}.landing h1{letter-spacing:-.038em;margin:0 0 18px;font-size:clamp(2.15rem,4.2vw,3.35rem);font-weight:650;line-height:1.05}.landing-lead{color:var(--text-dim);margin:0 0 12px;font-size:15px;line-height:1.55}.landing-points{flex-direction:column;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:flex}.landing-points li{color:var(--text-dim);border-left:2px solid var(--accent-soft);padding-left:14px;font-size:14px;line-height:1.45}.landing-points strong{color:var(--text);font-weight:600}.landing-actions{margin-top:28px}.landing-go{background:var(--accent);color:#141612;cursor:pointer;touch-action:manipulation;transition:transform .16s var(--ease-out), background .16s var(--ease-out);border:0;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:650}.landing-go:active{transform:scale(.97)}.landing-note{color:var(--text-dim);margin:10px 0 0;font-size:13px}.landing-stage{pointer-events:none;height:min(480px,100vh - 110px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000 96%);mask-image:linear-gradient(90deg,#000 55%,#0000 96%)}.graph{transform-origin:0;width:640px;height:420px;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.74)}.graph-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-lines path{fill:none;stroke:#eceae433;stroke-width:1.4px}.mini{background:var(--card);border:1px solid var(--line);opacity:0;width:220px;animation:land-in .28s var(--ease-out) forwards;border-radius:12px;padding:10px 12px 12px;position:absolute;transform:translateY(10px)scale(.97);box-shadow:0 16px 40px #00000061}.mini header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:10px;font-weight:650}.mini p{margin:0;font-size:13px;line-height:1.4}.mini-prompt{background:linear-gradient(180deg, #9bbf8a14, transparent 40px), var(--card)}.mini-reply{background:linear-gradient(180deg, #82a0be1a, transparent 40px), var(--card)}.mini footer{gap:6px;margin-top:10px;display:flex}.mini footer span{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px}.graph article:first-of-type{animation-delay:40ms}.graph article:nth-of-type(2){animation-delay:90ms}.graph article:nth-of-type(3){animation-delay:.14s}.graph article:nth-of-type(4){animation-delay:.19s}@keyframes land-in{to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.landing{grid-template-columns:1fr;align-items:start;padding:88px 24px 24px;overflow:auto}.landing-stage{height:280px;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.graph{transform:translateY(-36%)scale(.62)}}.sheet{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:40;opacity:1;width:min(400px,100vw - 24px);transition:transform .28s var(--ease-out), opacity .22s var(--ease-out);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;transform:translate(0);box-shadow:0 24px 80px #00000073}.sheet[data-open=false]{opacity:0;pointer-events:none;transform:translate(calc(100% + 24px))}.sheet-head{justify-content:space-between;align-items:flex-start;padding:18px 18px 0;display:flex}.sheet-head h2{letter-spacing:-.03em;margin:2px 0 0;font-size:1.35rem;line-height:1.15}.sheet-lead{color:var(--text-dim);margin:0;padding:10px 18px 0;font-size:13px}.sheet-body{flex-direction:column;gap:12px;padding:16px 18px 20px;display:flex;overflow:auto}.field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}.field input,.field textarea,.endpoint input{border:1px solid var(--line);width:100%;color:var(--text);background:#00000047;border-radius:10px;outline:none;padding:10px 12px}.field input:focus,.field textarea:focus,.endpoint input:focus{border-color:#9bbf8a73}.sheet-block-head{justify-content:space-between;align-items:center;display:flex}.sheet-block h3{margin:0;font-size:13px;font-weight:600}.endpoint{border:1px solid var(--line);border-radius:12px;gap:6px;margin-top:10px;padding:10px;display:grid}.danger-row{color:var(--text-dim);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.icon-btn:hover,.tool-btn:hover,.text-btn:hover,.chip:hover,.picker-item:hover{background:#ffffff0f}.landing-go:hover{filter:brightness(1.06)}}@media (prefers-reduced-motion:reduce){.sheet,.picker,.icon-btn,.tool-btn,.text-btn,.send,.chip,.picker-item,.caret,.badge.is-live:after,.mini{transition:opacity .18s;animation:none}.mini{opacity:1;transform:none}.sheet{transform:none}}@media (prefers-reduced-transparency:reduce){.toolbar,.sheet,.card,.picker{-webkit-backdrop-filter:none;backdrop-filter:none;background:#161614}}