/* Daemon v2 — matches existing tokens; tightens a couple values */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bg-0: oklch(0.995 0.003 80);
  --bg-1: oklch(0.985 0.004 85);
  --bg-2: oklch(0.965 0.006 85);
  --bg-3: oklch(0.945 0.008 85);
  --bg-4: oklch(0.915 0.010 85);

  --fg-0: oklch(0.18 0.01 80);
  --fg-1: oklch(0.28 0.01 80);
  --fg-2: oklch(0.45 0.012 80);
  --fg-3: oklch(0.60 0.010 80);
  --fg-4: oklch(0.72 0.008 80);

  --border:        oklch(0.88 0.008 85);
  --border-strong: oklch(0.80 0.010 85);

  --gold:     oklch(0.76 0.13 85);
  --gold-ink: oklch(0.48 0.11 75);
  --gold-bg:  oklch(0.92 0.07 85);
  --gold-line:oklch(0.82 0.10 85);
  --gold-deep: oklch(0.36 0.09 70);

  --silver:    oklch(0.78 0.005 85);
  --silver-ink:oklch(0.52 0.006 85);
  --silver-bg: oklch(0.94 0.004 85);
  --silver-line: oklch(0.84 0.005 85);

  --ok:   oklch(0.62 0.11 150);
  --ok-bg:oklch(0.93 0.05 150);
  --warn: oklch(0.68 0.13 70);
  --warn-bg: oklch(0.95 0.06 80);
  --err:  oklch(0.58 0.16 28);
  --err-bg:oklch(0.94 0.05 28);
  --info: oklch(0.60 0.11 245);
  --info-bg: oklch(0.94 0.04 245);
  --purple: oklch(0.58 0.12 300);
  --purple-bg: oklch(0.94 0.05 300);

  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --shadow-soft: 0 1px 2px rgba(80,60,20,0.04), 0 8px 24px -8px rgba(80,60,20,0.10);
  --shadow-card: 0 1px 0 rgba(255,255,255,0.8) inset, 0 1px 2px rgba(80,60,20,0.05), 0 20px 50px -20px rgba(80,60,20,0.18);
  --shadow-xl:   0 1px 0 rgba(255,255,255,0.9) inset, 0 2px 4px rgba(80,60,20,0.06), 0 40px 80px -20px rgba(80,60,20,0.22), 0 16px 32px -8px rgba(80,60,20,0.12);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font-family:var(--sans);color:var(--fg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:radial-gradient(1200px 800px at 18% 8%, oklch(0.98 0.05 85), transparent 60%),radial-gradient(900px 700px at 82% 92%, oklch(0.96 0.006 240), transparent 55%),oklch(0.985 0.008 85);min-height:100vh}

.traffic{display:flex;gap:8px;align-items:center}
.traffic .dot{width:12px;height:12px;border-radius:50%;border:0.5px solid rgba(0,0,0,0.1);box-shadow:0 0.5px 0 rgba(255,255,255,0.5) inset}
.traffic .close{background:#ff5f57}.traffic .min{background:#febc2e}.traffic .max{background:#28c840}

.window{border-radius:14px;overflow:hidden;background:var(--bg-1);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;position:relative;border:1px solid oklch(0.85 0.01 85 / 0.8)}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:oklch(0.6 0.008 85 / 0.25);border-radius:10px;border:2px solid transparent;background-clip:padding-box}

.mono{font-family:var(--mono)}.sans{font-family:var(--sans)}

.kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border-radius:4px;background:oklch(1 0 0 / 0.5);border:1px solid var(--border);box-shadow:0 1px 0 oklch(0.85 0.008 85);color:var(--fg-2);display:inline-flex;align-items:center;gap:2px}
.chip{font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:4px;letter-spacing:0.02em;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}

@keyframes caret-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.caret{display:inline-block;width:8px;height:1.1em;vertical-align:text-bottom;background:var(--gold-ink);margin-left:2px;animation:caret-blink 1.1s steps(2) infinite}

@keyframes d-pulse{0%,100%{opacity:0.3}50%{opacity:1}}
@keyframes d-stream{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}
@keyframes d-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

.hline{height:1px;background:var(--border)}

.foil{background:linear-gradient(135deg,oklch(0.92 0.09 85) 0%,oklch(0.78 0.13 80) 35%,oklch(0.96 0.10 90) 50%,oklch(0.72 0.14 75) 65%,oklch(0.88 0.11 85) 100%)}
.silver-foil{background:linear-gradient(135deg,oklch(0.95 0.004 85) 0%,oklch(0.78 0.006 85) 35%,oklch(0.98 0.003 85) 50%,oklch(0.72 0.008 85) 65%,oklch(0.90 0.004 85) 100%)}

.shimmer{background:linear-gradient(90deg, transparent, oklch(0.96 0.08 85 / 0.5), transparent);background-size:200% 100%;animation:d-shimmer 2.6s linear infinite}

button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}

.v2-app-shell{min-height:100vh;padding:44px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:24px}
