:root{--ink: #1a1410;--ink-2: #221a14;--panel: #2a2018;--panel-2: #322619;--line: #43352a;--paper: #f3e9dc;--paper-dim: #cdbba6;--muted: #9c8b78;--terracotta: #d96c4a;--terracotta-bright: #f0835d;--clay: #e0a96d;--sage: #8ba888;--sage-bright: #a7c6a3;--gold: #e8c98a;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .6);--display: "Bricolage Grotesque", Georgia, serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--body);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.app{position:relative;height:100vh;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 12% -10%,rgba(217,108,74,.16),transparent 55%),radial-gradient(90% 80% at 100% 0%,rgba(139,168,136,.1),transparent 50%),radial-gradient(120% 120% at 50% 120%,rgba(232,201,138,.07),transparent 60%),var(--ink)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:9}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:baseline;gap:12px}.brand h1{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em}.brand .dot{color:var(--terracotta)}.brand .tag{font-size:12.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.powered{font-size:12px;color:var(--paper-dim);display:flex;align-items:center;gap:8px}.powered b{color:var(--clay);font-weight:600}.main{flex:1;display:grid;grid-template-columns:380px 1fr;min-height:0}.console{border-right:1px solid var(--line);padding:34px 30px;display:flex;flex-direction:column;gap:22px;overflow:hidden;background:linear-gradient(180deg,rgba(42,32,24,.4),transparent)}.console .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta)}.orb-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 6px}.orb{position:relative;width:184px;height:184px;display:grid;place-items:center;cursor:pointer;border:none;background:transparent}.orb .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--line)}.orb .core{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--terracotta-bright),var(--terracotta) 55%,#a84e30 100%);box-shadow:0 0 50px -6px #d96c4a99,inset 0 2px 10px #ffffff40;display:grid;place-items:center;transition:transform .12s ease}.orb.listening .core{background:radial-gradient(circle at 35% 30%,var(--sage-bright),var(--sage) 55%,#5f7c5c 100%);box-shadow:0 0 60px -4px #8ba888a6,inset 0 2px 10px #ffffff4d}.orb .core svg{width:38px;height:38px;color:var(--ink)}.orb .halo{position:absolute;border-radius:50%;border:1.5px solid var(--terracotta);opacity:.5}.orb.listening .halo{border-color:var(--sage)}.orb-status{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em;text-align:center}.orb-hint{font-size:13px;color:var(--muted);text-align:center;max-width:240px;line-height:1.5}.stream{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.stream::-webkit-scrollbar{width:6px}.stream::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.bubble{border-radius:14px;padding:11px 14px;font-size:14px;line-height:1.5;max-width:92%}.bubble .who{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:4px}.bubble.user{align-self:flex-end;background:#8ba88824;border:1px solid rgba(139,168,136,.3);color:var(--sage-bright)}.bubble.assistant{align-self:flex-start;background:#d96c4a1f;border:1px solid rgba(217,108,74,.28);color:var(--paper)}.evidence{border:1px dashed var(--line);border-radius:14px;padding:14px 16px;background:#0000002e}.evidence .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:flex;align-items:center;gap:8px}.evidence .lbl .pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.evidence code{font-family:var(--mono);font-size:12.5px;color:var(--paper);display:block;white-space:pre-wrap;line-height:1.6}.evidence .k{color:var(--muted)}.evidence .v{color:var(--sage-bright)}.canvas{position:relative;overflow-y:auto;padding:40px 48px 60px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.canvas::-webkit-scrollbar{width:8px}.canvas::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;color:var(--muted)}.empty .big{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.03em;color:var(--paper);max-width:13ch}.empty .big em{font-style:italic;color:var(--terracotta)}.empty .sub{font-size:16px;max-width:46ch;line-height:1.6}.empty .examples{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.chip{font-family:var(--mono);font-size:12.5px;color:var(--clay);border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:#0003}.results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}.results-head h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;line-height:1.04}.results-head h2 em{font-style:italic;color:var(--terracotta)}.results-head .meta{font-size:13.5px;color:var(--muted);text-align:right;white-space:nowrap}.results-head .meta b{color:var(--gold);font-family:var(--display);font-size:20px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}.card .thumb{height:132px;position:relative;overflow:hidden}.card .thumb .frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(243,233,220,.25);border-radius:8px}.card .price-tag{position:absolute;bottom:12px;left:12px;background:var(--ink);color:var(--gold);font-family:var(--display);font-weight:700;font-size:18px;padding:5px 12px;border-radius:999px;border:1px solid var(--line)}.card .body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.card .body h3{font-family:var(--display);font-weight:600;font-size:17.5px;letter-spacing:-.01em;line-height:1.2}.card .hood{font-size:13px;color:var(--clay);display:flex;align-items:center;gap:6px}.card .specs{display:flex;gap:14px;font-size:13px;color:var(--paper-dim);border-top:1px solid var(--line);padding-top:10px;margin-top:auto}.card .specs span b{color:var(--paper);font-weight:600}.card .feats{display:flex;flex-wrap:wrap;gap:6px}.card .feat{font-size:11.5px;color:var(--sage-bright);background:#8ba8881f;border:1px solid rgba(139,168,136,.25);border-radius:6px;padding:3px 8px}.card .ref{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.05em}.login-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 30%,#2a2018b3,#0f0b08eb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login{width:min(420px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:38px 36px 32px;box-shadow:var(--shadow)}.login .mark{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:-.02em;margin-bottom:4px}.login .mark .dot{color:var(--terracotta)}.login .lead{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:7px}.field input{width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:11px;padding:13px 15px;color:var(--paper);font-family:var(--body);font-size:15px;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--terracotta)}.btn{width:100%;border:none;border-radius:11px;padding:14px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--ink);background:linear-gradient(180deg,var(--terracotta-bright),var(--terracotta));cursor:pointer;transition:transform .1s,filter .15s;margin-top:6px}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:wait}.login .err{color:var(--terracotta-bright);font-size:13px;margin-top:14px;min-height:18px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--terracotta);color:var(--paper);padding:12px 18px;border-radius:12px;font-size:13.5px;z-index:30;box-shadow:var(--shadow)}@media (max-width: 880px){.main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.console{border-right:none;border-bottom:1px solid var(--line)}}