:root{--bg: #f7f7f4;--surface: #ebebe6;--ink: #1c1c1c;--muted: #7b7b74;--accent: #4f8a5b;--dot: rgba(28, 28, 28, .04);--grid: 24px;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gutter: 20px}*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1.5px,transparent 1.5px);background-size:var(--grid) var(--grid);color:var(--ink);font-family:var(--mono);font-size:15px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}body[data-route=chat]{height:100dvh;overflow:hidden}body[data-route=chat] #root{height:100%}.app{height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 0 18px;flex:0 0 auto}.header-name{font-weight:500;font-size:17px;letter-spacing:-.01em;line-height:1.2}.header-sub{font-weight:300;font-size:12.5px;color:var(--muted);margin-top:3px}.status{display:flex;align-items:center;gap:7px;font-weight:300;font-size:12.5px;color:var(--accent);padding-top:3px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}.status.away{color:var(--muted)}.status.away .status-dot{background:var(--muted)}.status-dot.thinking{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.transcript{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--surface) transparent}.transcript::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-thumb{background:var(--surface);border-radius:3px}.msg+.msg{margin-top:30px}.alfred{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;max-width:92%}.alfred-mark{color:var(--accent);font-weight:400;-webkit-user-select:none;user-select:none}.alfred-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.visitor{display:flex;flex-direction:column;align-items:flex-end}.visitor-bubble{background:var(--ink);color:var(--bg);border-radius:13px;padding:11px 15px;max-width:80%;white-space:pre-wrap;overflow-wrap:anywhere}.visitor-time{font-weight:300;font-size:12px;color:var(--muted);margin-top:7px}.cursor{display:inline-block;width:1.5px;height:1.05em;background:var(--ink);vertical-align:text-bottom;margin-left:1px;animation:blink 1.1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.notice{font-weight:300;font-size:12.5px;line-height:1.6;color:var(--muted);padding:0 0 30px;border-bottom:1px solid var(--surface);margin-bottom:30px}.notice a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.notice a:hover{color:var(--ink)}.composer{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 0 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--bg)}.field{flex:1 1 auto;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:13px;padding:0 14px;height:46px;min-width:0}.field input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font-family:var(--mono);font-size:16px;font-weight:400;color:var(--ink);padding:0}.field input::placeholder{color:var(--muted);font-weight:400}.field-return{font-weight:300;font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none;flex:0 0 auto}.send{flex:0 0 auto;width:46px;height:46px;border:0;border-radius:11px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.send:disabled{opacity:.35;cursor:default}.handoff{flex:0 0 auto;padding:12px 0 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.cta{width:100%;border:1px solid var(--ink);border-radius:13px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:400;padding:14px 16px;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.cta:hover{background:var(--ink);color:var(--bg)}.contact-form{display:flex;flex-direction:column;gap:13px}.contact-form input[type=email]{width:100%;border:0;outline:0;background:var(--surface);border-radius:13px;height:46px;padding:0 14px;font-family:var(--mono);font-size:16px;color:var(--ink)}.contact-form input[type=email]::placeholder{color:var(--muted)}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:300;font-size:12.5px;line-height:1.55;color:var(--muted);cursor:pointer}.consent input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;width:15px;height:15px;margin:2px 0 0;border:1px solid var(--muted);border-radius:3px;background:transparent;cursor:pointer}.consent input:checked{background:var(--accent);border-color:var(--accent)}.consent input:checked:after{content:"";display:block;width:4px;height:8px;margin:1px auto 0;border:solid var(--bg);border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}.contact-actions{display:flex;align-items:center;gap:14px}.submit{border:0;border-radius:11px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:14px;padding:12px 18px;cursor:pointer}.submit:disabled{opacity:.35;cursor:default}.linkish{border:0;background:none;padding:0;font-family:var(--mono);font-size:12.5px;font-weight:300;color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.linkish:hover{color:var(--ink)}.form-error{font-weight:300;font-size:12.5px;color:var(--muted)}.footer{flex:0 0 auto;font-weight:300;font-size:12px;color:var(--muted);padding:0 0 calc(14px + env(safe-area-inset-bottom));display:flex;gap:14px}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.page{max-width:640px;margin:0 auto;padding:34px var(--gutter) 60px;padding-top:calc(34px + env(safe-area-inset-top));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.page h1{font-size:17px;font-weight:500;margin:0 0 6px}.page h2{font-size:14px;font-weight:500;margin:30px 0 8px}.page p,.page li{font-size:14px;font-weight:400;color:var(--ink);margin:0 0 12px}.page ul{padding-left:18px;margin:0 0 12px}.page .meta{font-weight:300;font-size:12.5px;color:var(--muted);margin-bottom:26px}.page a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.back{display:inline-block;margin-top:30px;font-weight:300;font-size:12.5px;color:var(--muted);text-decoration:none}.back:hover{color:var(--ink)}@media(min-width:700px){body{font-size:16px}}