@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--k3-blue: #3cc4ff;--k3-teal: #00bfa6;--k3-magenta: #d600a9;--k3-navy: #2c2e50;--k3-ink: #17203f;--k3-light: #f7fafc;--k3-surface: rgba(255, 255, 255, .88);--k3-line: rgba(44, 46, 80, .18);--scheme-primary-from: #3cc4ff;--scheme-primary-to: #00bfa6;--scheme-emphasis-from: #d600a9;--scheme-emphasis-to: #3cc4ff;--scheme-panel-accent: rgba(60, 196, 255, .65)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,IBM Plex Sans,Segoe UI,sans-serif;color:var(--k3-ink);background:radial-gradient(circle at 8% 12%,rgba(60,196,255,.18) 0,transparent 33%),radial-gradient(circle at 92% 8%,rgba(214,0,169,.14) 0,transparent 30%),radial-gradient(circle at 84% 84%,rgba(0,191,166,.13) 0,transparent 35%),var(--k3-light)}.app-shell{position:relative;max-width:1580px;margin:0 auto;padding:14px;display:grid;gap:10px}.auth-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#17203f7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-card{width:min(360px,calc(100vw - 28px));border-radius:12px;border:1px solid rgba(44,46,80,.2);background:#fff;box-shadow:0 20px 36px #11172e47;padding:14px;display:grid;gap:8px}.auth-card h2{margin:0;font-size:.98rem;color:var(--k3-navy)}.auth-card p{margin:0;font-size:.78rem;color:#2c2e50d1}.auth-card button{margin-top:2px}.auth-error{margin:0;color:#9f1239;font-size:.75rem;font-weight:600}.k3-ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(60,196,255,.08),transparent 32%),linear-gradient(325deg,rgba(214,0,169,.08),transparent 28%);z-index:-1}.hero{position:relative;border-radius:14px;padding:12px 14px;overflow:hidden;color:#fff;background:linear-gradient(130deg,#1b2441,#2c2e50 52%,#243766);border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 28px #2127573d}.hero:before{content:"";position:absolute;inset:0;background-image:url(/branding/knowledge3-brand-kit.jpg);background-size:260px;background-repeat:no-repeat;background-position:right -70px top -74px;opacity:.12}.hero:after{content:"";position:absolute;width:180px;height:180px;right:-86px;bottom:-122px;border-radius:50%;background:radial-gradient(circle,#24376661,#2c2e5000)}.hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.k3-logo{width:52px;height:52px;border-radius:12px;padding:7px;background:#f7fafce6;border:1px solid rgba(255,255,255,.36);box-shadow:0 8px 18px #0e1a3847}.hero-copy h1{margin:0;font-size:clamp(1rem,1.8vw,1.35rem);letter-spacing:.005em}.hero-copy p{margin:2px 0 0;max-width:860px;line-height:1.35;font-size:.83rem;color:#f7fafcf2}.k3-tagline{margin:0 0 2px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#f7fafce0}.panel{background:var(--k3-surface);border:1px solid var(--k3-line);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #2c2e5014}.controls{border-top:2px solid var(--scheme-panel-accent);padding-top:8px}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;align-items:end}.endpoint-field input{width:70%;min-width:150px;justify-self:start}.format-field select{width:70%;min-width:115px;justify-self:start}.token-field input{width:100%}label{display:grid;gap:4px;font-size:.74rem;color:#2c2e50e0;font-weight:600}input,select{border-radius:8px;border:1px solid var(--k3-line);padding:6px 9px;font:inherit;background:#fff;color:var(--k3-ink)}input:focus,select:focus{outline:none;border-color:#3cc4ffe6;box-shadow:0 0 0 2px #3cc4ff33}button{border-radius:6px;border:1px solid transparent;padding:4px 6px;font-size:.7rem;line-height:1.15;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--scheme-primary-from) 0%,var(--scheme-primary-to) 100%);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #1f315f5c}button:disabled{opacity:.68;cursor:not-allowed;transform:none;box-shadow:none}.upload-grid>button[type=submit]{min-height:24px}.btn-primary{font-weight:800;letter-spacing:.01em}.upload-file-inline{display:flex;align-items:flex-end;gap:4px;min-width:0;width:100%;max-width:100%}.upload-file-field{flex:1 1 0;min-width:0;gap:3px}.upload-file-field input[type=file]{width:100%;min-width:0;padding:5px 7px;font-size:.68rem}.upload-submit{white-space:nowrap;min-height:26px;max-width:84px;padding:3px 8px;font-size:.66rem;line-height:1.05;align-self:flex-end;flex:0 0 auto}.locked-panel{min-height:260px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(44,46,80,.35);border-radius:12px;color:#2c2e50;background:#f7fafcbf}.filter-row{margin-top:8px;display:flex;flex-wrap:nowrap;gap:6px;align-items:flex-end;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.filter-row>*{flex:0 0 auto}.filter-field{min-width:250px;flex:1 1 300px}.filter-field input{min-width:220px}.scheme-field{max-width:155px;min-width:135px;flex:0 0 145px}.mode-toggle-inline{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 6px;border:1px solid rgba(44,46,80,.24);border-radius:999px;background:#fff}.mode-label{font-size:.66rem;line-height:1;color:#2c2e50bf;font-weight:700}.mode-label.active{color:#1f315f}.mode-switch{width:34px;height:18px;border-radius:999px;border:1px solid rgba(44,46,80,.32);background:#e3eaf9;padding:0;display:inline-flex;align-items:center;position:relative;box-shadow:none}.mode-switch:hover{transform:none;box-shadow:none;background:#d8e1f6}.mode-switch-knob{width:12px;height:12px;border-radius:50%;background:#1f315f;transform:translate(2px);transition:transform .16s ease,background-color .16s ease}.mode-switch.is-reactodia .mode-switch-knob{transform:translate(18px);background:#2c2e50}.btn-emphasis{background:linear-gradient(120deg,var(--scheme-emphasis-from) 0%,var(--scheme-emphasis-to) 100%);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 18px #24376647}.btn-emphasis:hover{box-shadow:0 12px 20px #2437665c}.btn-compact{background:linear-gradient(120deg,#2f3c6e,#24345f);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:700}.btn-compact:hover{background:linear-gradient(120deg,#37497e,#2a3d6b);box-shadow:0 8px 14px #1f315f52}.label-scale{display:inline-flex;align-items:center;min-height:22px;padding:0 6px;border:1px solid rgba(44,46,80,.2);border-radius:6px;background:#3cc4ff14;color:var(--k3-navy);font-size:.66rem;font-weight:700}.message{margin:8px 0 3px;font-size:.83rem;padding-left:8px;border-left:2px solid rgba(0,191,166,.65)}.meta{margin:0;color:#2c2e50d1;font-size:.78rem}.graph-panel{overflow:hidden;padding:0}.graph-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:8px 10px 6px;border-bottom:1px solid rgba(44,46,80,.14)}.graph-head h2{margin:0;color:var(--k3-navy);font-size:.9rem}.graph-head p{margin:0;font-size:.76rem;color:#2c2e50c2}.graph-panel canvas{display:block}.reactodia-shell{position:relative;width:100%}.reactodia-shell,.reactodia-shell>div{width:100%;height:100%}.reactodia-error{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;border:1px solid rgba(140,30,30,.32);background:#fff5f5f2;color:#7f1d1d;border-radius:8px;padding:6px 9px;font-size:.74rem}.status h2{margin:0 0 8px;font-size:.86rem;color:var(--k3-navy)}.status pre{margin:0;background:linear-gradient(160deg,#1f315f,#2c2e50);color:#e2f3ff;border:1px solid rgba(60,196,255,.24);border-radius:10px;padding:8px;overflow:auto;max-height:220px;font-size:.74rem}@media(max-width:920px){.graph-head{align-items:flex-start;flex-direction:column}.filter-field{min-width:220px}}@media(max-width:680px){.app-shell,.hero{padding:10px}.hero-main{align-items:flex-start}.upload-grid{grid-template-columns:1fr}.filter-row{flex-wrap:nowrap;align-items:flex-end}}