:root{--navy:#002649;--navy-700:#003a6b;--navy-100:#e8edf3;--navy-50:#f4f6fa;--magenta:#cc0e7a;--magenta-soft:#fce8f2;--bg:#fbfbfc;--surface:#fff;--border:#ececef;--border-soft:#f1f1f4;--text:#14202e;--text-muted:#64748b;--text-subtle:#94a3b8;--danger:#dc2626;--success:#047857}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{height:100vh}::selection{background:var(--magenta);color:#fff}button{font-family:inherit}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border-soft);background:var(--bg);justify-content:center;align-items:center;padding:18px 24px;display:flex;position:relative}.wordmark{color:var(--navy);letter-spacing:-.01em;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.wordmark-dot{background:var(--magenta);border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite breathe;box-shadow:0 0 #cc0e7a99}.wordmark-sep{background:var(--border);width:1px;height:12px;margin:0 2px}.wordmark-sub{color:var(--text-muted);font-weight:500}@keyframes breathe{0%,to{box-shadow:0 0 #cc0e7a80}50%{box-shadow:0 0 0 6px #cc0e7a00}}.scroll-area{scroll-behavior:smooth;flex:1;padding-bottom:140px;overflow-y:auto}.thread{flex-direction:column;gap:36px;max-width:720px;margin:0 auto;padding:40px 28px 20px;display:flex}.turn{flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) turnIn;display:flex}@keyframes turnIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.turn-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.turn-label:before{content:"";background:var(--text-subtle);border-radius:50%;width:4px;height:4px}.turn.user{align-items:flex-end}.turn.user .turn-label:before{background:var(--navy)}.turn.user .turn-label{color:var(--navy)}.turn.assistant .turn-label:before{background:var(--magenta)}.turn.assistant .turn-label{color:var(--magenta)}.content{color:var(--text);letter-spacing:-.008em;max-width:100%;font-size:15.5px;line-height:1.65}.turn.user .content{background:var(--navy);color:#fff;border-radius:18px 18px 4px;max-width:80%;padding:10px 16px;font-size:15px;line-height:1.5}.turn.user .content p{margin:0}.content p{margin:0 0 12px}.content p:last-child{margin-bottom:0}.content strong{color:var(--navy);font-weight:600}.turn.user .content strong{color:#fff}.content h2{color:var(--navy);letter-spacing:-.02em;margin:22px 0 10px;font-size:18px;font-weight:600}.content h3{color:var(--navy);letter-spacing:-.015em;margin:20px 0 8px;font-size:16px;font-weight:600}.content h4{color:var(--navy-700);margin:16px 0 6px;font-size:14.5px;font-weight:600}.content ul,.content ol{margin:8px 0 14px;padding-left:22px}.content li{margin-bottom:8px}.content li p{margin:0}.content hr{border:none;border-top:1px solid var(--border);margin:20px 0}.content blockquote{border-left:2px solid var(--magenta);color:var(--text-muted);margin:12px 0;padding:4px 0 4px 16px;font-style:normal}.content code{background:var(--navy-50);color:var(--navy);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.content pre{background:var(--navy-50);border-radius:10px;margin:12px 0;padding:14px 18px;overflow-x:auto}.content pre code{background:0 0;padding:0;font-size:12.5px}.content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13.5px}.content th,.content td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.content th{color:var(--navy);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.thinking{flex-direction:column;gap:10px;display:flex}.thinking-row{align-items:center;gap:12px;display:flex}.thinking-pulse{align-items:center;gap:5px;display:flex}.thinking-pulse .bar{background:var(--magenta);transform-origin:50%;border-radius:2px;width:3px;height:14px;animation:1.2s ease-in-out infinite barWave}.thinking-pulse .bar:first-child{animation-delay:0s}.thinking-pulse .bar:nth-child(2){background:var(--navy);animation-delay:.12s}.thinking-pulse .bar:nth-child(3){animation-delay:.24s}.thinking-pulse .bar:nth-child(4){background:var(--navy);animation-delay:.36s}@keyframes barWave{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.thinking-text{background:linear-gradient(90deg, var(--text-muted) 0%, var(--text-muted) 35%, var(--magenta) 50%, var(--text-muted) 65%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.01em;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:500;animation:2.4s linear infinite textShimmer}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{flex-direction:column;gap:10px;margin-top:4px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--border-soft) 0%, var(--navy-100) 50%, var(--border-soft) 100%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.8s ease-in-out infinite skeletonSweep}.skeleton-line:first-child{width:85%}.skeleton-line:nth-child(2){width:72%;animation-delay:.15s}.skeleton-line:nth-child(3){width:60%;animation-delay:.3s}@keyframes skeletonSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-section{border-top:1px dashed var(--border);margin-top:14px;padding-top:12px}.activity-toggle{cursor:pointer;color:var(--text-muted);letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:8px;padding:2px 0;font-size:11.5px;font-weight:500;transition:color .15s;display:inline-flex}.activity-toggle:hover{color:var(--navy)}.toggle-icon{color:var(--text-subtle);font-size:9px;transition:transform .2s}.toggle-label{font-weight:500}.activity-count{background:var(--navy-50);color:var(--navy);letter-spacing:0;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.activity-log{flex-direction:column;gap:2px;max-height:320px;margin-top:10px;padding-left:0;display:flex;overflow-y:auto}.activity-item{color:var(--text-muted);padding:5px 0 5px 18px;font-size:12.5px;line-height:1.55;animation:.3s ease-out itemIn;display:block;position:relative}.activity-item:before{content:"";background:var(--border);border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:4px}.activity-tool_call:before{background:var(--navy)}.activity-tool_result:before{background:var(--success)}.activity-error:before{background:var(--danger)}.live-activity .activity-item:last-child:before{background:var(--magenta);animation:1.3s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{transform:scale(1);box-shadow:0 0 #cc0e7a99}50%{transform:scale(1.3);box-shadow:0 0 0 5px #cc0e7a00}}@keyframes itemIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.activity-tool_call code{background:var(--navy-50);color:var(--navy);border-radius:4px;padding:1px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600}.tool-args{color:var(--text-subtle);margin-left:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11.5px}.activity-tool_result{color:var(--success)}.activity-error{color:var(--danger)}.act-icon{display:none}.raw-detail{margin-top:8px;margin-left:0}.raw-toggle{cursor:pointer;color:var(--navy);background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:11.5px;font-weight:500;transition:color .15s}.scan-detail{margin-left:0}.scan-provider{border-left:2px solid var(--border);margin-bottom:6px;padding-left:12px}.scan-id{color:var(--text-subtle);font-size:10.5px}.raw-toggle:hover{color:var(--magenta)}.raw-content{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-top:8px;animation:.25s ease-out itemIn;overflow:hidden}.raw-table{border-collapse:collapse;width:100%;font-size:11.5px;line-height:1.4}.raw-table th{background:var(--navy-50);text-align:left;color:var(--navy);border-bottom:1px solid var(--border);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:600}.raw-table td{border-bottom:1px solid var(--border-soft);color:var(--text);padding:6px 10px}.raw-table tr:last-child td{border-bottom:none}.raw-table .row-block{background:#fef2f2}.raw-table .row-warn{background:#fffbeb}.val-cell{text-align:center;font-weight:600}.comment-cell{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.weight-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 7px;font-size:9.5px;font-weight:600;display:inline-block}.weight-strong{color:#991b1b;background:#fecaca}.weight-medium{color:#92400e;background:#fef3c7}.weight-light{background:var(--navy-50);color:var(--navy)}.linguistic-section{border-top:1px solid var(--border);background:var(--navy-50);padding:10px;font-size:12px}.linguistic-item{color:var(--text);padding:2px 0}.ling-notes{color:var(--text-subtle)}.input-dock{background:linear-gradient(to top, var(--bg) 0%, var(--bg) 55%, #fbfbfcd9 80%, transparent 100%);pointer-events:none;z-index:10;padding:20px 24px 24px;position:fixed;bottom:0;left:0;right:0}.input-wrap{background:var(--surface);border:1px solid var(--border);pointer-events:auto;border-radius:26px;align-items:flex-end;gap:10px;max-width:720px;margin:0 auto;padding:8px 8px 8px 18px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 2px 4px #0f1e3208,0 16px 40px #0f1e3214}.input-wrap:focus-within{border-color:var(--navy);box-shadow:0 2px 4px #0f1e320a,0 16px 40px #0f1e321a,0 0 0 3px #0026490f}.input-wrap textarea{resize:none;color:var(--text);letter-spacing:-.008em;background:0 0;border:none;outline:none;flex:1;max-height:180px;padding:10px 4px;font-family:inherit;font-size:15px;line-height:1.5}.input-wrap textarea::placeholder{color:var(--text-subtle)}.send-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .1s;display:inline-flex}.send-btn:hover:not(:disabled){background:var(--magenta)}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn svg{width:16px;height:16px}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.activity-log::-webkit-scrollbar{width:4px}.activity-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (width<=640px){.thread{gap:28px;padding:24px 18px 20px}.input-dock{padding:14px 14px 18px}.content{font-size:15px}}