.trace-ai-nav-link{white-space:nowrap;font-weight:800;color:var(--brand);text-decoration:none;padding:10px;border:1px solid var(--line);border-radius:12px}.trace-ai-web{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--panel,#fff);color:var(--text,#161616);border:1px solid var(--line,#ddd);border-radius:20px;overflow:hidden}.trace-ai-head,.trace-ai-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line,#ddd)}.trace-ai-head small{display:block;color:var(--muted,#666);font-size:12px}.trace-ai-actions{display:flex;gap:5px;flex-wrap:wrap}.trace-ai-web button,.trace-ai-panel-bar button{font:inherit;cursor:pointer;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--soft,#f3f3f3);color:inherit;min-height:40px;padding:7px 10px}.trace-ai-web button:disabled{opacity:.55;cursor:wait}.trace-ai-messages{flex:1;min-height:150px;overflow-y:auto;overscroll-behavior:contain;padding:16px;scroll-behavior:smooth}.trace-ai-empty{color:var(--muted,#666);text-align:center;padding:30px 10px}.trace-ai-bubble{max-width:92%;width:fit-content;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border-radius:16px;margin:12px 0;background:var(--soft,#f3f3f3);line-height:1.6}.trace-ai-bubble.user{margin-left:auto;background:var(--brand,#d21f3c);color:white}.trace-ai-bubble.admin{border:1px solid #178147}.trace-ai-bubble a{display:block;color:inherit;text-decoration:underline;font-size:13px;margin-top:8px}.trace-ai-suggestions{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding:8px 12px}.trace-ai-suggestions button{font-size:12px;flex-shrink:0;max-width:260px;white-space:normal}.trace-ai-status{margin:0;padding:6px 14px;font-size:13px;color:var(--muted,#666)}.trace-ai-status[data-error=true]{color:#c52036}.trace-ai-web>[data-form]{display:flex;align-items:end;gap:8px;padding:12px;border-top:1px solid var(--line,#ddd);margin:0;flex-shrink:0}.trace-ai-web textarea{font:inherit;min-width:0;flex:1;resize:vertical;max-height:140px;min-height:48px;border:1px solid var(--line,#ddd);border-radius:12px;padding:12px;background:var(--panel,#fff);color:inherit;font-size:16px}.trace-ai-web [data-send]{background:var(--brand,#d21f3c);color:#fff}.trace-ai-web [data-history-panel]{position:absolute;inset:65px 0 0;z-index:2;background:var(--panel,#fff);overflow:auto}.trace-ai-web [data-history-panel][hidden]{display:none}.trace-ai-web [data-history-list]{display:grid;gap:8px;padding:14px}.trace-ai-web dialog{width:min(440px,90vw);padding:20px;background:var(--panel,#fff);color:inherit;border:1px solid var(--line,#ddd);border-radius:18px}.trace-ai-web dialog form{display:grid;gap:12px}.trace-ai-web dialog input{width:100%;font:inherit;min-height:42px;background:var(--panel,#fff);color:inherit;border:1px solid var(--line,#ddd)}.trace-ai-panel{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(470px,calc(100vw - 24px));height:calc(var(--trace-viewport-height,100dvh) - 24px);max-height:none;max-width:none;padding:0;border:1px solid var(--line,#ddd);border-radius:22px;background:var(--panel,#fff);color:var(--text,#161616);box-shadow:0 20px 80px #0005;z-index:1100}.trace-ai-panel[open]{display:flex;flex-direction:column}.trace-ai-panel::backdrop{background:#0005}.trace-ai-panel .trace-ai-web{flex:1;border:0;border-radius:0;min-height:0}.trace-ai-panel-bar h2{font-size:17px;margin:0}.trace-ai-panel-bar a{font-size:13px;color:inherit}.trace-ai-full{max-width:960px;margin:24px auto;padding:0 16px}.trace-ai-full>.trace-ai-web{height:min(760px,calc(var(--trace-viewport-height,100dvh) - 160px));min-height:420px}.trace-service-nav{display:none}.trace-ai-open{overflow:hidden}.trace-ai-web :focus-visible,.trace-service-nav :focus-visible,.trace-ai-nav-link:focus-visible{outline:3px solid var(--brand,#d21f3c);outline-offset:2px}
@media(max-width:820px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.trace-service-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:4px;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:var(--panel,#fff);border-top:1px solid var(--line,#ddd);z-index:90}.trace-service-nav a{color:var(--text,#161616);text-decoration:none;padding:10px 6px;font-size:12px;font-weight:800}.trace-service-nav [data-ai-open]{color:var(--brand,#d21f3c)}.trace-ai-nav-link{display:none}.trace-ai-panel{inset:0;margin:0;width:100%;height:var(--trace-viewport-height,100dvh);border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.trace-ai-head{align-items:flex-start;flex-wrap:wrap}.trace-ai-web>[data-form]{flex-wrap:wrap}.trace-ai-web textarea{flex-basis:65%}.trace-ai-full{padding:0 10px}.trace-ai-full>.trace-ai-web{height:calc(var(--trace-viewport-height,100dvh) - 170px);min-height:320px}.tk-mobile-sticky-ad{bottom:calc(78px + env(safe-area-inset-bottom))}.tk-popup-ad{bottom:calc(90px + env(safe-area-inset-bottom))}.tk-pwa-prompt,.trace-android-app-banner{bottom:calc(80px + env(safe-area-inset-bottom))}.tk-push-prompt{bottom:max(80px,var(--tk-prompt-offset,0px))}.tk-mobile-drawer{z-index:1100}.trace-ai-open .trace-service-nav{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.trace-ai-messages{scroll-behavior:auto}}