:root{--bg: #ffffff;--fg: #0d0d0d;--muted: #8a8a8a;--border: rgba(0,0,0,.08);--pill-bg: transparent;--pill-hover: rgba(0,0,0,.04);--input-bg: #f7f7f7;--user-bg: #f3f3f3;--send-bg: #0d0d0d;--send-fg: #fff;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--content-max: 912px;--composer-max: 600px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--fg: #ececec;--muted: #7a7a7a;--border: rgba(255,255,255,.1);--pill-bg: transparent;--pill-hover: rgba(255,255,255,.06);--input-bg: #141414;--user-bg: #1a1a1a;--send-bg: #ececec;--send-fg: #0d0d0d}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);display:flex;flex-direction:column;min-height:100%}.stage{flex:1;display:flex;flex-direction:column;width:100%;max-width:min(var(--content-max),92vw);margin:0 auto;padding:24px 20px 8px;min-height:0}body.landing{position:relative}body.landing footer.site-foot{position:absolute;left:0;right:0;bottom:0;pointer-events:none}body.landing .stage{justify-content:center;align-items:center;min-height:100vh;padding-bottom:56px}body.landing .thread{display:none}body.landing .welcome{display:block;text-align:center;margin-bottom:28px;width:100%;max-width:min(var(--composer-max),100%)}body.landing .composer-dock{width:100%;max-width:min(var(--composer-max),100%)}body.chatting .welcome{display:none}body.chatting .stage{justify-content:flex-end}body.chatting .thread{display:flex;flex:1;flex-direction:column;gap:18px;overflow-y:auto;padding:8px 0 16px;min-height:0;width:100%}body.chatting .landing-pills{display:none}body.chatting .composer-dock{width:100%;max-width:min(var(--composer-max),100%);margin-left:auto;margin-right:auto}.welcome h1{margin:0 0 8px;font-size:26px;font-weight:560;letter-spacing:-.03em}.welcome p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.msg{font-size:15px;line-height:1.55}.msg.user{align-self:flex-end;background:var(--user-bg);border-radius:16px;padding:10px 14px;max-width:85%;white-space:pre-wrap}.msg.assistant{max-width:100%}.msg.assistant .who{font-size:12px;color:var(--muted);margin-bottom:4px}.msg.assistant.pending .body{color:var(--muted)}.msg.assistant .caret{display:inline-block;width:.45em;height:.95em;margin-left:2px;background:currentColor;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.msg .body p{margin:0 0 .65em}.msg .body p:last-child{margin-bottom:0}.msg .body h1,.msg .body h2,.msg .body h3{font-size:15px;font-weight:600;letter-spacing:-.02em;margin:.85em 0 .35em}.msg .body h1:first-child,.msg .body h2:first-child,.msg .body h3:first-child{margin-top:0}.msg.resume .body h1{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.25;margin:0 0 .15em}.msg.resume .body h3{font-size:16px;font-weight:560;letter-spacing:-.02em;line-height:1.35;margin:0 0 .35em}.msg.resume .body h2{font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;color:var(--muted);margin:1.55em 0 .45em}.msg.resume .body p{margin:0 0 .7em}.msg.resume .body ul,.msg.resume .body ol{margin:.15em 0 .85em;padding-left:1.2em}.msg.resume .body ul+p,.msg.resume .body ol+p{margin-top:.95em}.msg.resume .body li{margin:.28em 0}.msg .body ul,.msg .body ol{margin:.35em 0 .75em;padding-left:1.25em}.msg .body li{margin:.28em 0}.msg .body li:first-child{margin-top:0}.msg .body a{color:inherit}.msg .body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.inline-pills,.landing-pills{display:flex;flex-wrap:wrap;gap:8px}.landing-pills{justify-content:center;margin-top:14px}.inline-pills{margin-top:12px;max-width:min(var(--composer-max),100%)}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--pill-bg);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease,border-color .15s ease}.pill:hover,.pill:focus-visible{color:var(--fg);background:var(--pill-hover);border-color:color-mix(in srgb,var(--fg) 18%,transparent);outline:none}.composer-dock{width:100%}.composer{display:flex;align-items:flex-end;gap:4px;background:var(--input-bg);border:1px solid var(--border);border-radius:24px;padding:8px 8px 8px 16px;transition:border-color .15s ease}.composer:focus-within{border-color:color-mix(in srgb,var(--fg) 22%,transparent)}.composer textarea{flex:1;border:0;outline:0;resize:none;background:transparent;color:var(--fg);font:inherit;font-size:15px;line-height:1.4;max-height:120px;padding:8px 0}.composer textarea::placeholder{color:var(--muted)}.composer-actions{display:flex;align-items:center;gap:2px;padding-bottom:2px;flex-shrink:0}.help-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer;opacity:.55;transition:opacity .15s ease,color .15s ease,background .15s ease}.help-btn:hover,.help-btn:focus-visible{opacity:1;color:var(--fg);background:var(--pill-hover);outline:none}.send{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;border:0;background:var(--send-bg);color:var(--send-fg);cursor:pointer;display:grid;place-items:center;flex-shrink:0;padding:0;transition:opacity .15s ease,transform .12s ease}.send:disabled{opacity:.28;cursor:default}.send:not(:disabled):hover{transform:scale(1.04)}.send svg{width:15px;height:15px}.device-card{margin-top:10px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:13px;background:var(--input-bg)}.device-card h3{margin:0 0 8px;font-size:13px;font-weight:600}.wow{display:grid;gap:10px;margin-top:12px}.wow .device-card{margin-top:0}.device-card dl{margin:0;display:grid;grid-template-columns:minmax(7.4rem,max-content) minmax(0,1fr);gap:5px 12px}.device-card dt{color:var(--muted)}.device-card dd{margin:0;overflow-wrap:anywhere}.device-card dd.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:-.01em}.device-card .note{margin:8px 0 0}.device-card p{margin:0 0 .55em}.device-card p:last-child{margin-bottom:0}.note{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:560px){.device-card dl{grid-template-columns:1fr;gap:2px 0}.device-card dt{margin-top:8px}}.prompt-block{margin-top:12px}.prompt-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px;color:var(--muted);font-size:12px}.kit-actions{display:flex;gap:6px}a.copy-btn{text-decoration:none;display:inline-block}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}.copy-btn:hover,.copy-btn:focus-visible{color:var(--fg);background:var(--pill-hover);outline:none}.prompt-block pre,pre.diagram{margin:0;padding:12px 14px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--input-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre}pre.diagram,.mermaid-block{margin-top:12px}.mermaid-svg{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--bg);padding:8px}.mermaid-svg svg{max-width:100%;height:auto;display:block;margin:0 auto}.mermaid-block[data-state=ok] .mermaid-fallback{display:none}.contact-form{margin-top:12px;display:grid;gap:8px;max-width:420px}.contact-form input,.contact-form textarea{font:inherit;font-size:14px;color:var(--fg);background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none;width:100%}.contact-form textarea{min-height:88px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:color-mix(in srgb,var(--fg) 22%,transparent)}.contact-form button{justify-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--send-bg);color:var(--send-fg);font:inherit;font-size:13px;padding:8px 16px;cursor:pointer}.contact-form button:disabled{opacity:.45;cursor:default}.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}.body-figure:empty{display:none}.safety-figure,.story-figure{margin:0 0 14px;color:var(--fg)}.safety-figure{max-width:210px}.story-figure{max-width:248px;padding:16px 18px 12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--fg) 4%,transparent)}.safety-figure svg,.story-figure svg{width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ink-draw :is(path,circle,rect,ellipse,line,polyline){stroke-dasharray:100;stroke-dashoffset:100;animation:ink-draw 1.25s cubic-bezier(.22,.7,.24,1) forwards}.ink-draw .d2{animation-delay:.12s}.ink-draw .d3{animation-delay:.24s}.ink-draw .d4{animation-delay:.4s}.ink-draw .d5{animation-delay:.58s}.ink-draw .d6{animation-delay:.74s}.ink-draw circle.ink-fill{stroke:none;fill:currentColor;opacity:0;stroke-dashoffset:0;animation:ink-in .4s ease .85s forwards}.safety-figure .ink-pulse{transform-box:fill-box;transform-origin:center;animation:ink-pulse 3.4s ease-in-out 1.2s infinite}@keyframes ink-draw{to{stroke-dashoffset:0}}@keyframes ink-in{to{opacity:1}}@keyframes ink-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:no-preference){.msg.drop-in{animation:chat-drop .48s cubic-bezier(.22,1,.36,1) both}.msg.assistant.drop-in{animation-delay:70ms}}@keyframes chat-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ink-draw :is(path,circle,rect,ellipse,line,polyline){animation:none;stroke-dashoffset:0}.ink-draw circle.ink-fill{animation:none;opacity:1}.safety-figure .ink-pulse,.msg.drop-in{animation:none}.composer-dock{transition:none}}footer.site-foot{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,34rem) minmax(9rem,1fr);align-items:end;column-gap:12px;width:100%;padding:8px 16px 12px;pointer-events:none}.disclaimer{grid-column:2;margin:0;text-align:center;font-size:10px;line-height:1.35;color:var(--muted);opacity:.65}.model-badge{grid-column:3;justify-self:end;margin:0;max-width:11rem;text-align:right;font-size:10px;line-height:1.35;color:var(--muted);opacity:.55}@media(max-width:720px){footer.site-foot{grid-template-columns:1fr;row-gap:4px;padding-bottom:14px}.disclaimer,.model-badge{grid-column:1}.model-badge{justify-self:end;max-width:none}body.landing .stage{padding-bottom:84px}}