.rich-message{min-width:0;max-width:100%;line-height:1.6}.rich-message>:first-child{margin-top:0}.rich-message>:last-child{margin-bottom:0}.rich-message p{margin:var(--s2) 0;white-space:pre-wrap}.rich-message h1,.rich-message h2,.rich-message h3{font-size:var(--text-input);margin:var(--s3) 0 var(--s2);letter-spacing:-.02em}.rich-message h4,.rich-message h5,.rich-message h6{font-size:var(--text-body);margin:var(--s2) 0}.rich-message ul,.rich-message ol{padding-left:var(--s6);margin:var(--s2) 0}.rich-message blockquote{border-left:var(--focus-width) solid var(--line);margin:var(--s2) 0;padding-left:var(--s3);color:var(--muted)}.rich-message code{padding:2px var(--s1);background:var(--paper);border-radius:var(--radius-small);font-family:var(--shopops-font-mono);font-size:var(--text-small)}.rich-message pre{overscroll-behavior-x:contain;max-width:100%;margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);background:var(--paper);overflow-x:auto}.rich-message pre code{white-space:pre;overflow-wrap:normal;padding:0}.markdown-table{overscroll-behavior-x:contain;max-width:100%;margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.markdown-table table{border-collapse:collapse;width:max-content;min-width:100%;font-size:var(--text-small);font-variant-numeric:tabular-nums}.markdown-table th,.markdown-table td{border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left;overflow-wrap:anywhere;min-width:72px;max-width:240px}.markdown-table th{background:var(--paper);font-weight:600}.rich-message a{overflow-wrap:anywhere;text-decoration-thickness:1px}.rich-message a:hover{text-decoration-thickness:2px}.image-placeholder{color:var(--muted);font-size:var(--text-small)}.chat-actions-menu{flex:none;position:relative}.chat-menu-trigger{border-radius:var(--radius-pill)}.chat-menu-trigger svg circle{fill:currentColor;stroke:none}.chat-menu{top:calc(100% + var(--s1));z-index:2;width:max-content;min-width:calc(var(--s8) * 6);max-width:calc(100vw - var(--s8));padding:var(--s1);border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);box-shadow:0 var(--s2) var(--s6) color-mix(in srgb, var(--ink) 14%, transparent);position:absolute;right:0}.chat-menu button{align-items:center;gap:var(--s3);width:100%;min-height:var(--control-size);padding:var(--s2) var(--s3);border-radius:var(--radius);color:var(--ink);text-align:left;font-size:var(--text-small);background:0 0;border:0;display:flex}.chat-menu button:hover:not(:disabled),.chat-menu button:focus-visible{background:var(--paper)}.chat-menu button:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.chat-menu button svg{width:var(--s4);height:var(--s4);color:var(--muted);flex:none}:root{font-family:var(--shopops-font-sans);font-synthesis:none;color:var(--shopops-color-ink);background:var(--shopops-color-canvas);--paper:var(--shopops-color-canvas);--surface:var(--shopops-color-surface);--ink:var(--shopops-color-ink);--muted:var(--shopops-color-muted);--line:var(--shopops-color-border);--action:var(--shopops-color-brand-action);--action-pressed:color-mix(in srgb, var(--action) 88%, var(--ink));--action-soft:color-mix(in srgb, var(--shopops-color-brand) 9%, var(--surface));--info-soft:color-mix(in srgb, var(--shopops-color-info) 8%, var(--surface));--danger:var(--shopops-color-error-text);--danger-soft:color-mix(in srgb, var(--danger) 7%, var(--surface));--chat-wallpaper:color-mix(in srgb, var(--paper) 86%, var(--line));--message-outgoing:color-mix(in srgb, var(--shopops-color-brand) 14%, var(--surface));--bubble-shadow:0 1px 1px color-mix(in srgb, var(--ink) 10%, transparent);--s1:var(--shopops-space-1);--s2:var(--shopops-space-2);--s3:var(--shopops-space-3);--s4:var(--shopops-space-4);--s6:var(--shopops-space-6);--s8:var(--shopops-space-8);--radius-small:var(--shopops-radius-small);--radius:var(--shopops-radius-medium);--radius-large:var(--shopops-radius-large);--radius-pill:var(--shopops-radius-pill);--control-size:44px;--text-xs:12px;--text-small:13px;--text-body:15px;--text-input:16px;--text-heading:20px;--text-display:34px;--focus-width:3px;--transition:.15s ease}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-size:var(--text-body);line-height:1.5}button,input,textarea,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background-color var(--transition), color var(--transition)}button:disabled{cursor:default;opacity:.5}a{color:var(--action);text-underline-offset:var(--s1)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:var(--focus-width) solid var(--shopops-color-focus);outline-offset:var(--focus-width)}button:active:not(:disabled){filter:brightness(.93)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}svg{width:var(--s6);height:var(--s6);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--action);font-size:var(--text-xs);letter-spacing:.08em;font-weight:650;display:block}.primary-button,.text-button,.icon-button{justify-content:center;align-items:center;gap:var(--s2);min-width:var(--control-size);min-height:var(--control-size);border-radius:var(--radius);border:0;flex:none;font-weight:600;display:inline-flex}.primary-button{padding:var(--s3) var(--s4);color:var(--surface);background:var(--action)}.primary-button:hover:not(:disabled){background:var(--action-pressed)}.text-button{padding:var(--s2);color:var(--action);font-size:var(--text-small);background:0 0}.text-button:hover:not(:disabled){background:var(--action-soft)}.icon-button{padding:var(--s2);color:var(--muted);background:0 0}.icon-button:hover:not(:disabled){background:var(--paper);color:var(--ink)}input,textarea{border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:var(--s3);color:var(--ink);background:var(--surface);font-size:var(--text-input)}input{min-height:var(--control-size)}textarea::placeholder{color:var(--muted);opacity:1}.standalone-chat{top:var(--viewport-offset,0px);width:100%;max-width:640px;height:var(--app-height,100dvh);background:var(--surface);border-inline:1px solid var(--line);flex-direction:column;min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.workspace-header{align-items:center;gap:var(--s3);padding:max(var(--s3), env(safe-area-inset-top)) var(--s6) var(--s3);border-bottom:1px solid var(--line);flex:none;display:flex}.brand{min-height:var(--control-size);align-items:center;gap:var(--s3);color:var(--ink);font-size:var(--text-heading);letter-spacing:-.04em;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:var(--s8);height:var(--s8);object-fit:contain;display:block}.brand-period{color:var(--shopops-color-brand)}.chat-app-label{font-size:var(--text-xs);color:var(--muted);margin-left:auto}.standalone-chat-content,.chat-client{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-client{background:var(--chat-wallpaper) url(/chat-wallpaper.svg) repeat}.chat-header{z-index:2;gap:var(--s3);padding:max(var(--s2), env(safe-area-inset-top)) var(--s3) var(--s2);border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;display:flex;position:relative}.agent-avatar{width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);background:var(--action-soft);flex:none;place-items:center;display:grid}.agent-avatar img{width:var(--s8);height:var(--s8);object-fit:contain}.agent-identity{flex:1;min-width:0}.agent-identity h1{font-size:var(--text-input);font-weight:650}.agent-identity p{color:var(--muted);font-size:var(--text-small);margin-top:calc(var(--s1) / 2);line-height:1.35}.conversation-stage{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.conversation{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;min-width:0;height:100%;padding:var(--s4);scroll-padding-block:var(--s4);overflow:hidden auto}.conversation:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.conversation-content{gap:var(--s2);flex-direction:column;min-width:0;min-height:100%;display:flex}.conversation-day{margin:var(--s1) 0;padding:var(--s1) var(--s3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--muted);font-size:var(--text-xs);align-self:center;font-weight:600}.conversation-notice{font-size:var(--text-small);color:var(--muted);text-align:center;padding:var(--s6)}.chat-empty{max-width:320px;padding:var(--s4) var(--s3);text-align:center;margin:auto}.chat-empty h2{letter-spacing:-.03em;font-size:18px}.chat-empty p{margin-top:var(--s3);color:var(--muted);line-height:1.65}.chat-bubble{width:fit-content;min-width:0;max-width:88%;padding:var(--s2) var(--s3) var(--s1);border-radius:var(--radius-large);box-shadow:var(--bubble-shadow);overflow-wrap:anywhere;position:relative}.chat-bubble:before{content:"";width:var(--s3);height:var(--s4);background:inherit;clip-path:path("M 12 0 C 12 7 8 11 0 16 L 12 16 Z");position:absolute;bottom:0}.assistant-bubble{background:var(--surface);border-bottom-left-radius:0;align-self:flex-start}.assistant-bubble:before{left:calc(-1 * var(--s2))}.user-bubble{background:var(--message-outgoing);border-bottom-right-radius:0;align-self:flex-end;max-width:82%}.user-bubble:before{right:calc(-1 * var(--s2));transform:scaleX(-1)}.chat-bubble time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;margin-top:var(--s1);line-height:1.35;display:block}.typing-indicator{font-size:var(--text-small);color:var(--muted)}.jump-latest{bottom:var(--s3);justify-content:center;align-items:center;gap:var(--s2);min-height:var(--control-size);max-width:calc(100% - var(--s8));width:max-content;padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--action);font-size:var(--text-small);box-shadow:0 var(--s1) var(--s3) color-mix(in srgb, var(--ink) 8%, transparent);font-weight:600;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.jump-latest:hover{background:var(--action-soft)}.jump-latest svg{width:var(--s4);height:var(--s4)}.chat-error{padding:var(--s4);border:1px solid color-mix(in srgb, var(--danger) 25%, var(--line));border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);overflow-wrap:anywhere}.chat-error strong{font-size:var(--text-small);margin-bottom:var(--s2);display:block}.chat-error p{font-size:var(--text-small)}.chat-error small{font-size:var(--text-xs);margin-top:var(--s2);display:block}.composer-area{padding-bottom:env(safe-area-inset-bottom,0px);flex:none}.stream-status,.recovery-status{justify-content:space-between;align-items:center;gap:var(--s2);padding:0 var(--s3);font-size:var(--text-xs);color:var(--muted);display:flex}.stream-status>span{align-items:center;gap:var(--s2);display:inline-flex}.response-dot{width:var(--s2);height:var(--s2);border-radius:var(--radius-pill);background:var(--shopops-color-brand)}.recovery-status{color:var(--danger)}.recovery-status .text-button{color:inherit}.chat-composer{align-items:end;gap:var(--s2);padding:var(--s2) var(--s3);display:flex}.chat-composer textarea{resize:none;min-height:var(--control-size);max-height:120px;padding:var(--s2) var(--s4);background:var(--surface);border-radius:var(--s6);box-shadow:var(--bubble-shadow);border-color:#0000;flex:1;line-height:1.5;display:block}.chat-composer button{min-height:var(--control-size);width:var(--control-size);border-radius:var(--radius-pill);color:var(--surface);background:var(--action);box-shadow:var(--bubble-shadow);border:0;flex:none;place-items:center;display:grid}.chat-composer button:hover:not(:disabled){background:var(--action-pressed)}.navigation-notice{align-items:start;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--info-soft);color:var(--ink);font-size:var(--text-small);border-bottom:1px solid var(--line);display:flex}.navigation-notice>div{overflow-wrap:anywhere;flex:1;align-self:center;min-width:0}.navigation-notice .icon-button{color:inherit}.navigation-failed{background:var(--danger-soft);color:var(--danger)}.navigation-failed .text-button{color:inherit;padding-left:0}.chat-unlock{overscroll-behavior:contain;min-height:0;padding:var(--s8) var(--s6) max(var(--s6), env(safe-area-inset-bottom));background:var(--paper);flex:1;overflow-y:auto}.chat-welcome{padding:var(--s2) 0 var(--s8)}.chat-welcome h1{margin-top:var(--s4);font-size:var(--text-display);letter-spacing:-.045em;line-height:1.12}.chat-welcome p{margin-top:var(--s4);color:var(--muted);max-width:36ch;line-height:1.65}.unlock-card{padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large)}.unlock-card h2{font-size:var(--text-heading);letter-spacing:-.03em}.unlock-card>p{color:var(--muted);font-size:var(--text-small);margin-top:var(--s3)}.access-form{gap:var(--s2);margin-top:var(--s6);display:grid}.access-form label{font-size:var(--text-small);font-weight:600}.access-form .primary-button{margin-top:var(--s2);justify-content:space-between}.unlock-card>small{color:var(--muted);font-size:var(--text-xs);margin-top:var(--s4);line-height:1.6;display:block}.unlock-caption{margin-top:var(--s6);color:var(--muted);font-size:var(--text-xs);text-align:center}@media (width<=480px){.standalone-chat{border:0}.chat-unlock{padding-inline:var(--s4)}.chat-header{padding-inline:var(--s3);gap:var(--s2)}.conversation{padding-inline:var(--s3)}.assistant-bubble{max-width:92%}.user-bubble{max-width:86%}}@media (height<=540px){.chat-header .agent-identity p{display:none}.chat-composer textarea{max-height:72px}.chat-welcome{padding-bottom:var(--s6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.report-choice{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.report-choice select{border-radius:.5rem;min-height:44px;padding:.5rem}.report-attachment button{min-height:44px}