:root{--fg: #111111;--fg-soft: #555555;--fg-faint: #999999;--line: #111111;--line-soft: #d9d9d9;--bg: #ffffff;--bg-inset: #f5f5f5;--space: 8px;--radius: 0px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;margin:0 0 .5em}a{color:var(--fg);text-decoration:none}.label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--fg-soft);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:14px;font-family:inherit;cursor:pointer;border-radius:var(--radius);transition:background .12s ease,color .12s ease}.btn:hover{background:var(--fg);color:var(--bg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--solid{background:var(--fg);color:var(--bg)}.btn--solid:hover{background:var(--bg);color:var(--fg)}.btn--ghost{border-color:var(--line-soft);color:var(--fg-soft)}.btn--sm{padding:6px 12px;font-size:12px}.input,.textarea,.select{width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:14px;font-family:inherit;border-radius:var(--radius)}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--fg);outline-offset:-1px}.textarea{resize:vertical;min-height:96px;line-height:1.6}.field{margin-bottom:16px}.field>.label{display:block;margin-bottom:6px}.container{max-width:980px;margin:0 auto;padding:32px 24px 80px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.muted{color:var(--fg-soft)}.faint{color:var(--fg-faint)}.divider{border:none;border-top:1px solid var(--line-soft);margin:24px 0}.topbar{border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.04em}.demo{min-height:100%;display:flex;flex-direction:column;word-break:keep-all;overflow-wrap:break-word}.demo-bar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line)}.demo-tag{font-size:12px;color:var(--fg-soft);border:1px solid var(--line-soft);padding:2px 8px;margin-right:auto}.demo-main{width:100%;max-width:640px;margin:0 auto;padding:56px 24px 48px;flex:1}.demo-title{font-size:clamp(26px,5vw,34px);line-height:1.25;letter-spacing:-.02em;white-space:pre-line;margin-bottom:16px}.demo-lede{color:var(--fg-soft);font-size:16px;line-height:1.7;margin:0 0 32px}.door{border:1px solid var(--line);padding:20px 22px;margin-bottom:32px}.door .label{display:block;margin-bottom:10px}.door p{margin:0 0 6px;font-size:15px;line-height:1.65}.door p:nth-child(3){font-variant-numeric:tabular-nums;color:var(--fg-soft);font-size:13px}.door p:last-child{margin:12px 0 0}.demo-start{width:100%;padding:14px 18px;font-size:15px}.demo-error{border-left:2px solid var(--fg);padding:4px 0 4px 12px;margin:0 0 16px;font-size:14px}.demo-notes{margin:28px 0 0;padding:0 0 0 18px;color:var(--fg-soft);font-size:13px;line-height:1.7}.call-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.call-timer{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.call-timer.low{text-decoration:underline;text-underline-offset:4px}.pulse{width:10px;height:10px;border:1px solid var(--fg);border-radius:50%}.pulse.on{background:var(--fg);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35)}}@media(prefers-reduced-motion:reduce){.pulse.on{animation:none}}.log{flex:1;min-height:240px;overflow-y:auto;padding:20px 0}.turn{margin:0 0 16px;font-size:15px;line-height:1.65}.turn .label{display:block;margin-bottom:2px;font-size:10px}.turn--user{color:var(--fg-soft)}.check{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--line-soft)}.check li{border-bottom:1px solid var(--line-soft)}.check label{display:flex;gap:12px;align-items:baseline;padding:11px 0;font-size:15px;line-height:1.5;cursor:pointer}.check input{accent-color:var(--fg);flex:none;transform:translateY(1px)}.demo-foot{text-align:center;font-size:12px;padding:20px 24px 28px}@media(max-width:480px){.demo-bar{padding:12px 16px}.demo-main{padding:36px 16px 32px}}.demo-engine{margin:-.6rem 0 1.2rem;font-size:.78rem;letter-spacing:.02em;opacity:.55}.demo-compare{font-size:14.5px;line-height:1.7;color:var(--fg-soft);margin:-16px 0 32px;padding-left:12px;border-left:2px solid var(--line-soft)}.demo-order{font-size:15px;line-height:1.65}.demo-intro{padding-bottom:24px}.demo-duo{max-width:1040px;margin:0 auto;padding:32px 24px 48px;border-top:1px solid var(--line-soft);scroll-margin-top:16px}.demo-duo .demo-order{max-width:640px;margin:0 0 20px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.pane{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line-soft);padding:16px 18px 18px}.pane--on{border-color:var(--fg)}.pane--off{opacity:.45}.pane-name{font-size:15px;font-weight:600;margin-right:auto}.pane-status{margin:10px 0 0;font-size:13px;color:var(--fg-soft)}.pane .log{height:50vh;min-height:240px;flex:none}.pane-actions{display:grid;gap:8px}.pane-btn{width:100%}.duo-done{max-width:640px;margin:48px auto 0}@media(max-width:760px){.duo{grid-template-columns:1fr}.pane--on{order:-1}.pane .log{height:45vh}.pane--off .log{display:none}.demo-duo{padding:24px 16px 32px}}