:root { --bg:#0f172a; --surface:#111827; --text:#e5e7eb; --muted:#94a3b8; --accent:#10b981; }
@media (prefers-color-scheme: light){:root{--bg:#f8fafc;--surface:#fff;--text:#111827;--muted:#475569;--accent:#0f766e;}}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,"Noto Sans Hebrew",sans-serif;background:var(--bg);color:var(--text)}
.shell{display:flex;min-height:100vh}.drawer{position:fixed;inset:0 auto 0 0;width:min(78vw,320px);background:var(--surface);transform:translateX(-100%);transition:transform .2s;padding:1rem;overflow:auto}.drawer.open{transform:translateX(0)}
.main{flex:1;margin-left:0;display:flex;flex-direction:column;min-height:100vh}header{display:flex;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #334155}.hamburger,.drawer-toggle,button{background:#1f2937;color:#fff;border:0;padding:.6rem .8rem;border-radius:.6rem}
.chat-window{padding:1rem;flex:1}.assistant,.user{max-width:80ch;padding:.8rem 1rem;border-radius:1rem;margin:.5rem 0}.assistant{background:#1e293b}.user{background:#065f46;margin-left:auto}
.composer{padding:1rem;display:grid;grid-template-columns:1fr auto auto;gap:.5rem;border-top:1px solid #334155}.composer textarea{min-height:60px;border-radius:.7rem;padding:.7rem;background:#0b1220;color:var(--text);border:1px solid #334155}
.install-wrap{max-width:820px;margin:2rem auto;padding:1rem}.grid-form{display:grid;gap:.7rem}label{display:grid;gap:.3rem}input,select,textarea{padding:.6rem;border-radius:.5rem;border:1px solid #475569;background:#fff;color:#000}
.menu-item{display:block;padding:.6rem;color:var(--text);text-decoration:none}.alert{background:#7f1d1d;padding:.6rem;border-radius:.4rem}.button{display:inline-block;padding:.6rem 1rem;background:var(--accent);color:#fff;border-radius:.5rem;text-decoration:none}
@media (min-width: 1024px){.main{margin-left:320px}.drawer{transform:translateX(0)}.drawer-toggle{display:none}}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}