:root{--bg:#fafaf8;--bg-elev:#fff;--code-bg:#f5f5f4;--fg:#0a0e1a;--fg-2:#1f2433;--fg-mute:#5a6072;--fg-dim:#8a91a3;--line:#e5e7eb;--line-2:#d9dce3;--accent:#1e2d5c;--accent-2:#2563eb;--tint-blue:#eef2ff;--tint-green:#ecfdf5;--tint-amber:#fef7e6;--stable-bg:#d1fae5;--stable-fg:#065f46;--beta-bg:#fef3c7;--beta-fg:#92400e;--planned-bg:#eef0f4;--planned-fg:#4b5563;--serif:"Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;--sans:"Inter", "Pretendard Variable", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw:1160px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{font-size:16px;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{color:#0a0e1a;background:#dbeafe}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (width<=768px){.wrap{padding:0 20px}}header.site{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(10px);background:#fafaf8c7;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}header.site.scrolled{border-bottom-color:var(--line)}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font-family:var(--sans);letter-spacing:-.015em;color:var(--fg);align-items:center;gap:0;font-size:17px;font-weight:600;display:inline-flex}.brand .tld{color:var(--fg-dim);font-weight:500}nav.primary{align-items:center;gap:28px;display:flex}nav.primary a{color:var(--fg-2);font-size:14px;font-family:var(--sans);font-weight:500;transition:color .15s}nav.primary a:hover{color:var(--accent)}.cta-bar{align-items:center;gap:10px;display:flex}.btn{font-family:var(--sans);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--fg);color:#fff}.btn-primary:hover{background:#000}.btn-outline{color:var(--fg);border:1px solid var(--line-2);background:0 0}.btn-outline:hover{border-color:var(--fg-2);background:#fff}.btn-lg{border-radius:7px;padding:12px 18px;font-size:14.5px}.hamburger{border:1px solid var(--line-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.hamburger span{background:var(--fg);width:16px;height:1.5px;position:relative}.hamburger span:before,.hamburger span:after{content:"";background:var(--fg);width:16px;height:1.5px;position:absolute;left:0}.hamburger span:before{top:-5px}.hamburger span:after{top:5px}@media (width<=900px){nav.primary,.cta-bar .btn-outline{display:none}.hamburger{display:inline-flex}}section.block{border-top:1px solid var(--line);padding:120px 0}@media (width<=1023px){section.block{padding:96px 0}}@media (width<=768px){section.block{padding:72px 0}}.eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--fg-dim);text-transform:uppercase;font-size:11.5px;font-weight:500}h2.section-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin:14px 0;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.2}.section-sub{color:var(--fg-mute);max-width:640px;margin:0;font-size:16.5px;line-height:1.7}.section-head{max-width:760px;margin-bottom:64px}@media (width<=768px){.section-head{margin-bottom:44px}}.hero{text-align:center;border-bottom:1px solid var(--line);padding:96px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#2563eb0d,#0000 60%);width:1100px;height:600px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hero-inner{max-width:820px;margin:0 auto;padding:0 32px;position:relative}@media (width<=768px){.hero-inner{padding:0 20px}.hero{padding:64px 0 88px}}.hero-eyebrow{font-family:var(--mono);letter-spacing:.06em;color:var(--fg-mute);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex}.hero-eyebrow .pip{background:#10b981;border-radius:50%;width:6px;height:6px}h1.hero-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--fg);max-width:760px;margin:24px auto 18px;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.1}.hero-sub{color:var(--fg-mute);max-width:600px;margin:0 auto 36px;font-size:18px;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.hero-meta{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:48px;font-size:11.5px;display:inline-flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta b{color:var(--fg-2);font-weight:500}.hero-illus{max-width:820px;margin:72px auto 0}.hero-illus svg{width:100%;height:auto;display:block}@media (width<=768px){.hero-illus{margin-top:48px}}.feat-grid{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=1023px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feat-grid{grid-template-columns:1fr}}.feat{background:var(--bg-elev);flex-direction:column;gap:14px;padding:28px 26px 26px;transition:background .15s;display:flex}.feat:hover{background:#fcfcfb}.feat .ico{width:36px;height:36px;color:var(--accent);background:var(--tint-blue);border-radius:8px;place-items:center;display:grid}.feat:nth-child(2) .ico{background:var(--tint-green);color:#047857}.feat:nth-child(3) .ico{color:#9a3412;background:#fef3f2}.feat:nth-child(4) .ico{color:#6b21a8;background:#f3e8ff}.feat h3{letter-spacing:-.01em;color:var(--fg);margin:0;font-size:17px;font-weight:600}.feat p{color:var(--fg-mute);margin:0;font-size:14.5px;line-height:1.6}.feat .more{font-family:var(--sans);color:var(--fg-2);align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:500;display:inline-flex}.feat .more:hover{color:var(--accent-2)}.pipeline-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:64px;display:grid}@media (width<=1023px){.pipeline-grid{grid-template-columns:1fr;gap:48px}}.pipe-stages{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;overflow:hidden}.stage{border-top:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:20px;padding:18px 22px;display:grid}.stage:first-of-type{border-top:0}.stage .n{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;font-size:12px}.stage .body h4{color:var(--fg);letter-spacing:-.005em;margin:0 0 2px;font-size:15px;font-weight:600}.stage .body p{color:var(--fg-mute);margin:0;font-size:13.5px;line-height:1.55}.badge{font-family:var(--sans);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500}.badge.stable{background:var(--stable-bg);color:var(--stable-fg)}.badge.beta{background:var(--beta-bg);color:var(--beta-fg)}.badge.planned{background:var(--planned-bg);color:var(--planned-fg)}.pipe-aside h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--fg);margin:0 0 14px;font-size:22px;font-weight:600;line-height:1.3}.pipe-aside p{color:var(--fg-mute);margin:0 0 16px;font-size:15px;line-height:1.7}.pipe-flow{font-family:var(--mono);color:var(--fg-mute);background:var(--code-bg);border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:16px 18px;font-size:12px;line-height:1.9}.pipe-flow .arrow{color:var(--fg-dim);margin:0 6px;display:inline-block}.pipe-flow .hl{color:var(--fg);font-weight:500}.arch-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=1023px){.arch-grid{grid-template-columns:1fr;gap:36px}}.arch-svg{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;width:100%;height:auto;padding:24px}.arch-notes h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3}.arch-notes ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.arch-notes li{color:var(--fg-mute);padding-left:18px;font-size:15px;line-height:1.6;position:relative}.arch-notes li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.code-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;display:grid}@media (width<=1023px){.code-grid{grid-template-columns:1fr;gap:36px}}.code-grid .lede h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--fg);margin:0 0 14px;font-size:24px;font-weight:600;line-height:1.3}.code-grid .lede p{color:var(--fg-mute);margin:0 0 14px;font-size:15.5px;line-height:1.7}.code-grid .lede code{font-family:var(--mono);color:var(--fg);background:var(--code-bg);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:13.5px}.code-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.code-card .bar{border-bottom:1px solid var(--line);background:#fafaf8;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-card .filename{font-family:var(--mono);color:var(--fg-mute);align-items:center;gap:6px;font-size:12px;display:inline-flex}.code-card .filename:before{content:"";background:var(--accent-2);opacity:.7;border-radius:2px;width:8px;height:8px}.copy-btn{font-family:var(--sans);color:var(--fg-mute);border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:500}.copy-btn:hover{color:var(--fg);border-color:var(--line-2)}.copy-btn.copied{color:var(--stable-fg);background:var(--stable-bg);border-color:#a7f3d0}pre.code{font-family:var(--mono);color:var(--fg-2);background:#fff;margin:0;padding:18px 20px;font-size:13px;line-height:1.65;overflow:auto}pre.code .k{color:#1e40af}pre.code .s{color:#166534}pre.code .c{color:#94a3b8}pre.code .p{color:#64748b}.cmp{border:1px solid var(--line);background:var(--bg-elev);border-radius:12px;overflow:hidden}.cmp-row{grid-template-columns:1.1fr 1fr 1fr 1.1fr;display:grid}.cmp-row>div{border-top:1px solid var(--line);color:var(--fg-mute);padding:18px 22px;font-size:14.5px;line-height:1.55}.cmp-row>div:first-child{color:var(--fg);font-weight:500;font-family:var(--sans);font-size:14px}.cmp-row.h>div{font-family:var(--sans);color:var(--fg);background:#fafaf8;border-top:0;font-size:13.5px;font-weight:600}.cmp-row.h>div:first-child{color:var(--fg-dim);font-weight:500;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#fafaf8;font-size:11.5px}.cmp-row>div.tok{color:var(--fg);background:#2563eb0a}.cmp-row.h>div.tok{color:var(--accent);background:#2563eb0f}@media (width<=900px){.cmp-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.cmp-row:first-child{border-top:0}.cmp-row.h{display:none}.cmp-row>div{border-top:0;border-bottom:1px solid var(--line)}.cmp-row>div:first-child{background:#fafaf8;grid-column:1/-1;font-size:13px;font-weight:600}.cmp-row>div:before{content:attr(data-col);font-family:var(--mono);letter-spacing:.1em;color:var(--fg-dim);text-transform:uppercase;margin-bottom:4px;font-size:10.5px;display:block}.cmp-row>div:first-child:before{display:none}}.gs-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.gs-grid{grid-template-columns:1fr}}.gs-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;padding:22px;display:flex}.gs-card .step{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}.gs-card .step b{color:var(--fg);font-weight:500}.gs-card h4{color:var(--fg);letter-spacing:-.005em;margin:0;font-size:16px;font-weight:600}.gs-card pre.code{background:var(--code-bg);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:12px 14px;font-size:12.5px;position:relative}.gs-card pre.code .copy-btn{position:absolute;top:8px;right:8px}.gs-foot{justify-content:center;margin-top:32px;display:flex}.gs-foot a{font-family:var(--sans);color:var(--accent-2);border-bottom:1px solid #0000;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.gs-foot a:hover{border-bottom-color:var(--accent-2)}footer.site{border-top:1px solid var(--line);color:var(--fg-mute);background:var(--bg);padding:64px 0 32px}.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;display:grid}@media (width<=768px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}}.foot-brand p{color:var(--fg-mute);max-width:340px;margin:14px 0 10px;font-size:14px;line-height:1.65}.foot-brand .lic{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.08em;font-size:11.5px}.foot-col h5{font-family:var(--sans);letter-spacing:.08em;color:var(--fg-2);text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}.foot-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.foot-col a{color:var(--fg-mute);font-size:14px;transition:color .15s}.foot-col a:hover{color:var(--fg)}.foot-bottom{border-top:1px solid var(--line);font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:22px;font-size:11.5px;display:flex}.foot-bottom a{color:var(--fg-mute);border:1px solid var(--line);border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.foot-bottom a:hover{color:var(--fg);border-color:var(--line-2)}.toast{background:var(--fg);color:#fff;font-family:var(--sans);opacity:0;pointer-events:none;z-index:80;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.lang-switch{font-family:var(--mono);letter-spacing:.06em;color:var(--fg-dim);align-items:center;gap:6px;padding:0 8px;font-size:11.5px;display:inline-flex}.lang-switch button{color:var(--fg-dim);background:0 0;padding:4px;font-weight:500;transition:color .15s}.lang-switch button:hover{color:var(--fg-2)}.lang-switch button.is-active{color:var(--fg);font-weight:600}@media (width<=900px){.lang-switch{margin-right:4px}}.dashboard-grid{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}@media (width<=1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-metric{background:var(--bg-elev);flex-direction:column;gap:6px;padding:24px 24px 22px;display:flex}.dashboard-metric .value{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);font-size:32px;font-weight:600;line-height:1.05}.dashboard-metric .value .unit{color:var(--fg-mute);margin-left:2px;font-size:18px;font-weight:500}.dashboard-metric .label{font-family:var(--sans);color:var(--fg-mute);font-size:13px}.dashboard-charts{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=768px){.dashboard-charts{grid-template-columns:1fr}}.dashboard-chart{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.dashboard-chart h4{font-family:var(--sans);color:var(--fg-2);letter-spacing:-.005em;margin:0 0 14px;font-size:13px;font-weight:600}.dashboard-chart h4 .axis{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;font-size:11px;font-weight:500}.spark-chart svg{width:100%;height:80px;display:block}.tier-bar{flex-direction:column;gap:14px;display:flex}.tier-row{font-family:var(--mono);grid-template-columns:74px 1fr 48px;align-items:center;gap:12px;font-size:12px;display:grid}.tier-row .name{color:var(--fg-mute);letter-spacing:.04em}.tier-row .track{background:var(--code-bg);border-radius:4px;height:8px;display:block;overflow:hidden}.tier-row .fill{background:var(--accent-2);opacity:.7;border-radius:4px;height:100%;display:block}.tier-row .count{color:var(--fg);text-align:right;font-weight:500}.recent-table{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;overflow:hidden}.recent-row{border-top:1px solid var(--line);font-family:var(--mono);grid-template-columns:1fr 100px 70px 90px;align-items:center;gap:12px;padding:13px 22px;font-size:12.5px;display:grid}.recent-row.h{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);background:#fafaf8;border-top:0;padding-top:12px;padding-bottom:12px;font-size:11px;font-weight:600}.recent-row .q{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-row .tier-pill{font-family:var(--sans);background:var(--tint-blue);color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:500}.recent-row .saved{color:var(--stable-fg);font-weight:500}.recent-row .ms{color:var(--fg-mute);text-align:right}@media (width<=768px){.recent-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}.recent-row.h{display:none}.recent-row .ms{text-align:left}}.dashboard-note{text-align:center;font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;margin:18px 0 0;font-size:11.5px}:root{--tfai-bg:#fff;--tfai-side:#fafaf8;--tfai-line:#e8e8e5;--tfai-line-2:#efefec;--tfai-fg:#1f2937;--tfai-fg-mute:#6b7280;--tfai-fg-dim:#9ca3af;--tfai-link:#2563eb;--tfai-hover:#f1f1ee;--tfai-input:#f6f6f3;--tfai-input-bd:#e8e8e5}.tfai-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0f121c5c;transition:opacity .18s;position:fixed;inset:0}.tfai-backdrop.open{opacity:1;pointer-events:auto}.tfai-modal{z-index:201;background:var(--tfai-bg);border:1px solid var(--tfai-line);opacity:0;pointer-events:none;font-family:var(--serif);color:var(--tfai-fg);border-radius:14px;grid-template-rows:auto 1fr;transition:opacity .2s,transform .2s;display:grid;position:fixed;inset:24px;overflow:hidden;transform:translateY(8px)scale(.99);box-shadow:0 30px 80px -20px #0f121c59,0 8px 24px -8px #0f121c2e}.tfai-modal.open{opacity:1;pointer-events:auto;transform:none}@media (width<=768px){.tfai-modal{border-radius:10px;inset:8px}}.tfai-titlebar{border-bottom:1px solid var(--tfai-line);background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tfai-title{font-family:var(--sans);color:var(--tfai-fg);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.tfai-title .logo{border:1px solid var(--tfai-line);background:#fff;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.tfai-title .logo svg{display:block}.tfai-winbtns{align-items:center;gap:2px;display:flex}.tfai-winbtn{width:38px;height:28px;color:var(--tfai-fg-mute);border-radius:6px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.tfai-winbtn:hover{background:var(--tfai-hover);color:var(--tfai-fg)}.tfai-winbtn.close:hover{color:#fff;background:#e81123}.tfai-body{grid-template-rows:1fr;grid-template-columns:260px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}@media (width<=840px){.tfai-body{grid-template-columns:1fr}.tfai-side{display:none}.tfai-modal.show-side .tfai-side{z-index:2;border-right:1px solid var(--tfai-line);background:var(--tfai-side);width:280px;display:flex;position:absolute;inset:50px 0 0}}.tfai-side{background:var(--tfai-side);border-right:1px solid var(--tfai-line);flex-direction:column;min-width:0;padding:14px 12px;display:flex}.tfai-toggle{width:36px;height:34px;color:var(--tfai-fg-mute);background:0 0;border:1px solid #0000;border-radius:8px;align-self:flex-start;place-items:center;margin-bottom:8px;display:inline-grid}.tfai-toggle:hover{border-color:var(--tfai-line);color:var(--tfai-fg);background:#fff}.tfai-navitem{width:100%;font-family:var(--sans);color:var(--tfai-fg);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.tfai-navitem:hover{border-color:var(--tfai-line);background:#fff;padding:8px 11px}.tfai-navitem.active{border:1px solid var(--tfai-line);background:#fff;padding:8px 11px;box-shadow:0 1px #00000005}.tfai-navitem svg{color:var(--tfai-fg-mute);flex-shrink:0}.tfai-section-label{font-family:var(--sans);color:var(--tfai-fg-dim);padding:18px 12px 8px;font-size:11.5px;font-weight:500}.tfai-history{flex-direction:column;flex:1;gap:2px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.tfai-history button{text-align:left;width:100%;font-family:var(--sans);color:var(--tfai-link);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:13px;display:block;overflow:hidden}.tfai-history button:hover{color:var(--tfai-link);background:#fff}.tfai-history button.active{color:var(--tfai-fg);border:1px solid var(--tfai-line);background:#fff;padding:6px 11px}.tfai-main{background:var(--tfai-bg);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.tfai-mobile-bar{border-bottom:1px solid var(--tfai-line);align-items:center;gap:8px;padding:10px 12px;display:none}@media (width<=840px){.tfai-mobile-bar{display:flex}}.tfai-mobile-bar button{width:34px;height:34px;color:var(--tfai-fg-mute);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tfai-mobile-bar button:hover{background:var(--tfai-hover)}.tfai-mobile-bar .label{font-family:var(--sans);color:var(--tfai-fg);font-size:13px;font-weight:500}.tfai-conv{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px 32px;display:flex;overflow-y:auto}.tfai-conv.empty{justify-content:center;align-items:center}.tfai-empty-logo{opacity:.85;place-items:center;width:120px;height:120px;display:grid}.tfai-empty-logo svg{display:block}.tfai-empty-text{font-family:var(--sans);color:var(--tfai-fg-mute);text-align:center;max-width:360px;margin-top:14px;font-size:13.5px}.tfai-msg{gap:14px;width:100%;max-width:760px;margin:0 auto;display:flex}.tfai-msg .ava{width:30px;height:30px;font-family:var(--mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.tfai-msg.user .ava{color:#1e40af;background:#eef2ff}.tfai-msg.bot .ava{border:1px solid var(--tfai-line);color:var(--tfai-fg-mute);background:#fafaf8}.tfai-msg .bubble{min-width:0;font-family:var(--serif);color:var(--tfai-fg);white-space:pre-wrap;word-wrap:break-word;flex:1;padding-top:4px;font-size:14.5px;line-height:1.65}.tfai-msg .bubble .role{font-family:var(--sans);color:var(--tfai-fg-mute);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:600}.tfai-typing{align-items:center;gap:4px;height:18px;display:inline-flex}.tfai-typing i{background:var(--tfai-fg-dim);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite tfaiDot;display:inline-block}.tfai-typing i:nth-child(2){animation-delay:.15s}.tfai-typing i:nth-child(3){animation-delay:.3s}@keyframes tfaiDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.tfai-reasoning{border:1px solid var(--tfai-line);background:var(--tfai-side);font-family:var(--mono);color:var(--tfai-fg-mute);border-radius:10px;margin:6px 0 10px;font-size:11.5px;overflow:hidden}.tfai-reasoning summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}.tfai-reasoning summary::-webkit-details-marker{display:none}.tfai-reasoning summary:before{content:"▸";color:var(--tfai-fg-dim);transition:transform .15s;display:inline-block}.tfai-reasoning[open] summary:before{transform:rotate(90deg)}.tfai-reasoning summary:hover{background:#fff}.tfai-reasoning .body{white-space:pre-wrap;max-height:240px;padding:0 14px 12px 28px;line-height:1.6;overflow-y:auto}.tfai-trace{border:1px solid var(--tfai-line);font-family:var(--mono);color:var(--tfai-fg-mute);background:#fcfcfb;border-radius:10px;margin:8px 0 0;font-size:11.5px;overflow:hidden}.tfai-trace summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}.tfai-trace summary::-webkit-details-marker{display:none}.tfai-trace summary:before{content:"▸";color:var(--tfai-fg-dim);transition:transform .15s;display:inline-block}.tfai-trace[open] summary:before{transform:rotate(90deg)}.tfai-trace summary:hover{background:#fff}.tfai-trace ul{margin:0;padding:0 14px 10px 28px;list-style:none}.tfai-trace li{align-items:baseline;gap:8px;padding:3px 0;display:flex}.tfai-trace li .step{color:var(--tfai-fg);min-width:70px;font-weight:500}.tfai-trace li .data{color:var(--tfai-fg-mute)}.tfai-trace li .check{color:#10b981;font-weight:600}.tfai-trace li.pending .check{color:var(--tfai-fg-dim)}.tfai-composer-wrap{padding:0 32px 24px}@media (width<=768px){.tfai-conv{padding:18px 16px}.tfai-composer-wrap{padding:0 16px 16px}}.tfai-composer{background:var(--tfai-input);border:1px solid var(--tfai-input-bd);border-radius:18px;max-width:760px;margin:0 auto;padding:14px 16px 10px;transition:border-color .15s,background .15s}.tfai-composer:focus-within{background:#fff;border-color:#c9cac4}.tfai-input{resize:none;width:100%;font-family:var(--serif);color:var(--tfai-fg);background:0 0;border:0;outline:0;min-height:24px;max-height:160px;font-size:15px;line-height:1.55}.tfai-input::placeholder{color:var(--tfai-fg-dim)}.tfai-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.tfai-actions .left,.tfai-actions .right{align-items:center;gap:6px;display:flex}.tfai-iconbtn{width:32px;height:32px;color:var(--tfai-fg-mute);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;transition:background .12s,color .12s,border-color .12s;display:grid}.tfai-iconbtn:hover{border-color:var(--tfai-line);color:var(--tfai-fg);background:#fff}.tfai-model-wrap{display:inline-flex;position:relative}.tfai-model{font-family:var(--sans);color:var(--tfai-fg);border:1px solid var(--tfai-line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:12.5px;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.tfai-model:hover{border-color:#c9cac4}.tfai-model svg{color:var(--tfai-fg-mute)}.tfai-send{width:32px;height:32px;color:var(--tfai-fg-mute);cursor:pointer;background:#e8e8e5;border:0;border-radius:50%;place-items:center;transition:background .12s,color .12s;display:grid}.tfai-send.ready{background:var(--tfai-fg);color:#fff}.tfai-send.ready:hover{background:#000}.tfai-send:disabled{cursor:default}.tfai-popover{border:1px solid var(--tfai-line);opacity:0;pointer-events:none;z-index:10;background:#fff;border-radius:10px;min-width:220px;padding:6px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 12px 28px -8px #0f121c2e}.tfai-popover.open{opacity:1;pointer-events:auto;transform:none}.tfai-popover button{width:100%;font-family:var(--sans);color:var(--tfai-fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.tfai-popover button:hover{background:var(--tfai-hover)}.tfai-popover button .meta{font-family:var(--mono);color:var(--tfai-fg-dim);font-size:10.5px;font-weight:400}.tfai-popover button .check{color:var(--tfai-fg-mute);opacity:0}.tfai-popover button.selected .check{opacity:1;color:#10b981}.tfai-footinfo{text-align:center;max-width:760px;font-family:var(--mono);color:var(--tfai-fg-dim);letter-spacing:.04em;margin:8px auto 0;font-size:10.5px}