:root{--ink: #17231d;--muted: #68736d;--line: rgba(23, 35, 29, .14);--terracotta: #d86643;--sage: #5c7666;--surface-background: #f8fafc;--surface-border: rgba(255,255,255,.72);--surface-inset: rgba(23,35,29,.04);--card-bg: rgba(255,255,255,.78);--field-bg: rgba(255,255,255,.7);--soft-control: rgba(23,35,29,.07);--soft-control-hover: rgba(23,35,29,.12);--strong-bg: #17231d;--strong-fg: #fff;--consent-copy: #4f5d55;color-scheme:light;color:var(--ink);background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--ink: #f4efe5;--muted: #aab8af;--line: rgba(244,239,229,.15);--surface-background: radial-gradient(circle at 88% 2%, rgba(216, 102, 67, .13), transparent 29%), linear-gradient(155deg, #1d2a23 0%, #16211b 100%);--surface-border: rgba(255,255,255,.09);--surface-inset: rgba(255,255,255,.025);--card-bg: rgba(255,255,255,.07);--field-bg: rgba(255,255,255,.08);--soft-control: rgba(255,255,255,.08);--soft-control-hover: rgba(255,255,255,.13);--strong-bg: var(--terracotta);--strong-fg: #fff;--consent-copy: #c4d0c8;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:transparent}button,input{font:inherit}button{min-width:44px;min-height:44px}.shell{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;background:var(--surface-background);border:1px solid var(--surface-border);border-radius:18px;box-shadow:inset 0 0 0 1px var(--surface-inset)}.shell[data-state=welcome]{grid-template-rows:auto 1fr auto}.shell--loading{place-items:center;align-content:center;grid-template-rows:auto auto;gap:10px}.loading-mark,.identity__mark{display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--strong-bg);font-family:Georgia,Times New Roman,serif;font-weight:700}.loading-mark{width:52px;height:52px;font-size:25px}.shell--loading p{color:var(--muted);font-size:13px}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.identity__mark{width:34px;height:34px;flex:0 0 auto}.identity div:last-child{display:flex;align-items:center;gap:7px;min-width:0}.identity strong{overflow:hidden;font:700 15px/1.2 Georgia,Yu Mincho,serif;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.identity span{flex:0 0 auto;border-radius:999px;padding:3px 7px;background:var(--soft-control);color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.icon-button{border:0;border-radius:50%;background:var(--soft-control);color:var(--ink);font-size:22px;cursor:pointer}.icon-button:hover{background:var(--soft-control-hover)}.status{display:flex;align-items:center;gap:7px;min-height:30px;margin:0 18px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.03em}.status i{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px #5c76661c}[data-state=connecting] .status i,[data-state=thinking] .status i,[data-state=reconnecting] .status i{background:var(--terracotta);animation:pulse 1.4s ease-in-out infinite}.welcome,.connecting,.permission,.feedback,.error{overflow-y:auto;padding:28px 22px 18px}.eyebrow{margin:0 0 10px;color:var(--terracotta);font-size:10px;font-weight:800;letter-spacing:.18em}h1{margin:0;font:700 27px/1.18 Georgia,Yu Mincho,serif;letter-spacing:-.025em}.welcome__note,.connecting p,.error p{margin:12px 0 20px;color:var(--muted);font-size:13px;line-height:1.7}.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;margin:21px 0;padding:14px 0;border-block:1px solid var(--line);color:var(--consent-copy);font-size:11px;line-height:1.65}.consent input{width:18px;height:18px;accent-color:var(--terracotta)}.consent a,.notice a{color:inherit;text-underline-offset:2px}.notice{margin:18px 0;color:var(--muted);font-size:11px;line-height:1.6}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;max-width:393px}.mode-grid--single{max-width:192px}.mode{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;text-align:left;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1)}.mode span{font-weight:750}.mode b{font-size:18px}.mode--text{background:var(--card-bg);color:var(--ink)}.mode--voice{border-color:transparent;background:var(--strong-bg);color:var(--strong-fg)}.mode:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.mode:hover{transform:translateY(-1px)}}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.suggestions button{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--card-bg);color:var(--ink);font-size:10px;cursor:pointer}.suggestions button:hover{border-color:var(--terracotta)}.validation{min-height:18px;margin:9px 0 0;color:#a33f2a;font-size:11px}.connecting{display:grid;place-items:center;align-content:center;text-align:center}.connecting h1{margin-top:24px;font-size:22px}.permission{display:grid;place-items:center;align-content:center;text-align:center}.permission__mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border:1px solid var(--terracotta);border-radius:50%;color:var(--terracotta);font-size:32px}.permission h1{font-size:22px}.permission p{max-width:280px;margin:13px 0 18px;color:var(--muted);font-size:12px;line-height:1.7}.permission button{border:1px solid var(--line);border-radius:8px;padding:0 16px;background:var(--card-bg);color:var(--ink);cursor:pointer}.orbit{position:relative;width:78px;height:78px;border:1px solid var(--line);border-radius:50%;animation:spin 3s linear infinite}.orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--terracotta)}.orbit i:nth-child(1){top:-6px;left:32px}.orbit i:nth-child(2){right:3px;bottom:5px;background:var(--sage)}.orbit i:nth-child(3){left:1px;bottom:10px;width:8px;height:8px;background:var(--ink)}.conversation{min-height:0;display:grid;grid-template-rows:auto 1fr auto auto;padding:12px 14px 10px}.voice-stage{display:grid;place-items:center;padding:15px 0 13px}.voice-stage strong{margin-top:8px;font:700 15px/1.2 Georgia,serif}.voice-stage span{margin-top:4px;color:var(--muted);font-size:10px}.wave{height:38px;display:flex;align-items:center;gap:4px}.wave i{width:3px;height:11px;border-radius:2px;background:var(--terracotta);animation:wave 1.15s ease-in-out infinite}.wave i:nth-child(2n){animation-delay:-.4s}.wave i:nth-child(3n){animation-delay:-.75s}.messages{min-height:0;overflow-y:auto;padding:8px 3px 10px;scrollbar-width:thin}.message{max-width:88%;margin:0 0 12px}.message span{display:block;margin:0 0 4px 3px;color:var(--muted);font-size:9px;letter-spacing:.06em}.message p{margin:0;padding:10px 12px;border-radius:4px 12px 12px;background:var(--card-bg);font-size:13px;line-height:1.58;box-shadow:0 2px 10px #17231d0d}.message--visitor{margin-left:auto}.message--visitor span{text-align:right;margin-right:3px}.message--visitor p{border-radius:12px 4px 12px 12px;background:var(--strong-bg);color:var(--strong-fg)}.message--operator p{border:1px solid color-mix(in srgb,var(--sage) 45%,transparent);background:color-mix(in srgb,var(--sage) 12%,var(--card-bg))}.composer{display:grid;grid-template-columns:1fr 46px;gap:7px;padding-top:8px;border-top:1px solid var(--line)}.composer input{min-width:0;height:46px;border:1px solid var(--line);border-radius:8px;padding:0 13px;background:var(--field-bg);color:var(--ink);outline:none}.composer input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #5c76661f}.composer button{border:0;border-radius:8px;background:var(--terracotta);color:#fff;font-size:20px;cursor:pointer}.conversation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:7px}.quiet-button,.text-button{min-height:44px;border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.quiet-button:disabled{cursor:wait;opacity:.55}.contact-form{max-height:48vh;overflow-y:auto;padding:10px 3px 4px;border-top:1px solid var(--line)}.contact-form>label,.contact-form__split label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.contact-form__split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-form input,.contact-form textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--field-bg);color:var(--ink);outline:none}.contact-form textarea{min-height:74px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #5c76661f}.contact-consent{grid-template-columns:20px 1fr!important;align-items:start;margin-top:9px;font-weight:500!important;line-height:1.5}.contact-consent input{min-height:18px;height:18px;padding:0;accent-color:var(--terracotta)}.contact-submit,.contact-success button{width:100%;border:0;border-radius:8px;padding:0 16px;background:var(--strong-bg);color:var(--strong-fg);font-weight:750;cursor:pointer}.contact-submit:disabled{cursor:wait;opacity:.55}.contact-success{display:grid;place-items:center;gap:8px;padding:24px 8px 10px;text-align:center}.contact-success strong{font:700 20px/1.2 Georgia,Yu Mincho,serif}.contact-success p{margin:0 0 8px;color:var(--muted);font-size:12px}.feedback,.error{display:grid;place-items:center;align-content:center;text-align:center}.feedback h1,.error h1{max-width:320px;font-size:23px;text-wrap:balance}.feedback>div{display:flex;gap:9px;margin:24px 0 8px}.feedback>div button,.error button{min-width:104px;border:1px solid var(--line);border-radius:8px;background:var(--card-bg);color:var(--ink);font-weight:700;cursor:pointer}.feedback>div button:first-child,.error button{border-color:var(--strong-bg);background:var(--strong-bg);color:var(--strong-fg)}.error>div{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border:1px solid var(--terracotta);border-radius:50%;color:var(--terracotta);font:700 22px Georgia,serif}.footer{display:flex;justify-content:space-between;padding:9px 18px 11px;border-top:1px solid var(--line);color:#858d88;font-size:8px;letter-spacing:.04em}.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}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(216,102,67,.32);outline-offset:2px}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,to{height:10px;opacity:.5}50%{height:34px;opacity:1}}@media(max-width:520px){.shell{border:0;border-radius:0}.header{padding-top:max(18px,env(safe-area-inset-top))}h1{font-size:29px}.welcome{padding-inline:24px}.footer{padding-bottom:max(11px,env(safe-area-inset-bottom))}.contact-form__split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}