:root{--bg:#0a0b0a;--bg2:#131513;--bg3:#1b1e1b;--border:#2a2d2a;--green:oklch(0.80 0.16 155);--green-dim:oklch(0.62 0.13 155);--text:#ececec;--text-dim:#767c76;--red:oklch(0.64 0.22 20);--amber:oklch(0.78 0.14 75);--accent:oklch(0.72 0.12 75);--input-bar-top:#020302;--input-bar-body:#060706;--mono:'JetBrains Mono',monospace}[data-theme="light"]{--bg:#edf2ec;--bg2:#e2ebe0;--bg3:#d4e8d0;--border:#b0c4ac;--green:oklch(0.48 0.16 155);--green-dim:oklch(0.60 0.14 155);--text:#102010;--text-dim:#5a7a58;--red:oklch(0.50 0.22 20);--amber:oklch(0.58 0.14 75);--accent:oklch(0.55 0.12 75);--input-bar-top:#b8c7b4;--input-bar-body:#d4dfd1}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:10px}html.ui-large{font-size:15px}body{height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:1.3rem;overflow:hidden}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.screen.hidden{opacity:0;pointer-events:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#chat-screen{align-items:stretch}.chat-layout{display:grid;grid-template-columns:22rem 1fr;grid-template-rows:4rem 1fr auto;width:100%;height:100dvh}synt-topbar{grid-column:1 / -1;display:flex;align-items:center;padding:0 2rem;gap:1.2rem;background:var(--bg2);border-bottom:1px solid var(--border)}#updating-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;color:var(--green);font-family:var(--mono);font-size:1.4rem;letter-spacing:.12em}#refresh-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;color:var(--green-dim)}#refresh-overlay-icon{display:inline-block;width:2rem;height:2rem;background-color:currentColor;-webkit-mask-image:url('/icons/refresh.svg');mask-image:url('/icons/refresh.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}#poker-overlay{position:fixed;inset:0;z-index:100;background:var(--bg);display:none;flex-direction:column}#poker-overlay.open{display:flex}#poker-overlay synt-poker{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width:620px){.chat-layout{display:flex;flex-direction:column;height:100dvh}synt-topbar{flex-shrink:0;height:4rem;padding:0 1rem;gap:0.8rem}synt-messages{flex:1;min-height:0}synt-input-bar{flex-shrink:0}}