:root {
  --tech-bg-0: #11110f;
  --tech-panel: rgba(24, 23, 20, 0.72);
  --tech-text-1: #ece6da;
  --tech-text-2: #c7beae;
  --tech-text-3: #978d7c;
  --tech-amber-rgb: 215, 179, 106;

  --bg: var(--tech-bg-0);
  --panel: var(--tech-panel);
  --panel-alt: rgba(30, 28, 24, 0.78);
  --ink: var(--tech-text-1);
  --muted: var(--tech-text-3);
  --muted-rgb: 151, 141, 124;
  --blue-900: var(--tech-text-1);
  --blue-900-rgb: 236, 230, 218;
  --blue-700: #d8c5a1;
  --blue-700-rgb: 216, 197, 161;
  --blue-600: #d7b36a;
  --blue-600-rgb: var(--tech-amber-rgb);
  --blue-500: #be9858;
  --blue-500-rgb: 190, 152, 88;
  --green-600: #d7b36a;
  --green-600-rgb: var(--tech-amber-rgb);
  --green-500: #be9858;
  --green-500-rgb: 190, 152, 88;
  --border: rgba(214, 188, 140, 0.14);
  --border-strong: rgba(214, 188, 140, 0.24);
  --line: rgba(214, 188, 140, 0.14);
  --focus: rgba(215, 179, 106, 0.12);
}

body {
  background:
    radial-gradient(circle at 72% 10%, rgba(215, 179, 106, 0.1), transparent 24rem),
    radial-gradient(circle at 18% 0%, rgba(255, 236, 190, 0.05), transparent 18rem),
    linear-gradient(180deg, #151412 0%, #11110f 38%, #0f0f0e 100%);
  color: var(--tech-text-2);
}

body::before {
  background:
    radial-gradient(68rem 42rem at 50% 50%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.12) 72%, rgba(0, 0, 0, 0.32) 100%);
}

body::after {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity: 0.035;
  mix-blend-mode: soft-light;
}

.site-footer {
  border-top: 1px solid var(--border);
  background: #0f0f0e;
}

.footer-inner {
  color: var(--tech-text-3);
}

.footer-inner a {
  color: var(--tech-text-1);
}

.footer-inner a:hover {
  color: #efd7ab;
}

.tech-wrap { width: min(900px, calc(100% - 24px)); margin: 24px auto; }
	    .tech-card { background:linear-gradient(180deg, rgba(30, 28, 24, 0.82), rgba(22, 21, 18, 0.76)); border:1px solid rgba(var(--tech-amber-rgb), 0.16); border-radius:16px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.03), 0 16px 38px rgba(0,0,0,0.24); padding:18px; backdrop-filter: blur(10px); }
	    .tech-grid { display:grid; gap:10px; }
	    .tech-log { height: 420px; overflow:auto; border:1px solid var(--line); border-radius:12px; padding:12px; background:rgba(255,255,255,0.03); }
	    .tech-row { display:flex; margin-bottom:8px; }
	    .tech-row.customer { justify-content:flex-start; }
	    .tech-row.tech { justify-content:flex-end; }
	    .tech-row.system { justify-content:center; }
	    .tech-bubble { max-width:88%; border:1px solid var(--line); border-radius:12px; padding:10px 12px; white-space:pre-wrap; color: var(--ink); }
	    .tech-row.customer .tech-bubble { background: rgba(255,255,255,0.04); }
	    .tech-row.tech .tech-bubble { background: rgba(var(--tech-amber-rgb),0.12); }
	    .tech-row.system .tech-bubble { background: rgba(255,255,255,0.03); font-size:13px; color: rgba(var(--muted-rgb), 0.96); }
	    .tech-head { display:flex; justify-content:space-between; gap:8px; align-items:center; }
	    .tech-status { font-weight:700; color: var(--ink); }
	    .tech-sessions { border:1px solid var(--line); border-radius:12px; padding:10px; background:rgba(255,255,255,0.03); max-height:180px; overflow:auto; }
	    .tech-session-item { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:8px 0; border-bottom:1px solid rgba(var(--tech-amber-rgb), 0.1); }
	    .tech-session-item:last-child { border-bottom:0; }
	    .tech-session-meta { font-size:13px; color:rgba(var(--muted-rgb), 0.94); }
	    .tech-send { display:grid; grid-template-columns:1fr auto; gap:8px; }
	.tech-send input { width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:rgba(255,255,255,0.03); color:var(--ink); }
	.tech-login { display:grid; gap:8px; max-width:440px; }
	.tech-login input { width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:rgba(255,255,255,0.03); color:var(--ink); }
	.tech-send input:focus, .tech-login input:focus { outline:none; border-color:rgba(var(--tech-amber-rgb), 0.42); box-shadow:0 0 0 3px rgba(var(--tech-amber-rgb), 0.1); }
	.tech-send input::placeholder, .tech-login input::placeholder { color: rgba(var(--muted-rgb), 0.82); }
	.tech-login-error { color: #f2c1b5; }
	.tech-head-actions { display:flex; gap:8px; align-items:center; }