:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef6;background:#07111f;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(60,122,170,.35),transparent 32%),radial-gradient(circle at top right,rgba(212,173,116,.18),transparent 28%),linear-gradient(180deg,#07111f,#0b1729 42%,#0f1d33)}button,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}#root{min-height:100vh}.chat-shell{display:flex;flex-direction:column;min-height:100vh;padding:28px;gap:22px}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 24px;border:1px solid rgba(212,173,116,.18);border-radius:24px;background:linear-gradient(180deg,#091222eb,#0a182bdb);box-shadow:0 18px 48px #00000052}.brand-block{display:flex;align-items:center;gap:18px}.brand-logo{width:92px;height:92px;object-fit:contain;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#edf1f7eb);padding:7px;box-shadow:0 14px 34px #00000047;border:1px solid rgba(212,173,116,.24)}.toolbar h1{margin:0 0 8px;font-size:2rem;letter-spacing:.01em}.toolbar p{margin:0;color:#a9bdd4}.toolbar-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.language-switcher,.phase-switcher,.export-actions{display:flex;gap:10px;align-self:center;padding:6px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(148,163,184,.14);flex-wrap:wrap;justify-content:flex-end}.language-switcher button,.phase-switcher button,.export-actions button,.composer button{border:0;border-radius:12px;padding:10px 16px;background:#1b2a42;color:#e8eef6;cursor:pointer;transition:background .2s ease,transform .2s ease}.language-switcher button:hover,.phase-switcher button:hover,.export-actions button:hover,.composer button:hover{transform:translateY(-1px)}.language-switcher button.active,.phase-switcher button.active{background:linear-gradient(180deg,#cfa86e,#b8884f);color:#08111d;font-weight:600}.chat-panel{display:grid;grid-template-columns:300px 1fr;gap:22px;flex:1}.sidebar,.chat-window{border-radius:24px;border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 48px #0000003d}.sidebar{padding:24px;background:linear-gradient(180deg,#081222f5,#0c1e34eb)}.sidebar h2{margin:0 0 14px;color:#f4d9ab}.sidebar ul{padding-left:18px;color:#d3dfeb}.sidebar li{margin-bottom:10px}.note{color:#96abc3;font-size:.92rem}.chat-window{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#08111ff5,#0b1729ed)}.preset-prompts{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 8px}.preset-prompts button{border:1px solid rgba(212,173,116,.18);background:#ffffff0a;color:#e8eef6;border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.preset-prompts button:hover{transform:translateY(-1px);background:#cfa86e24;border-color:#d4ad745c}.charter-panel,.mini-tool-panel,.artifact-panel{margin:8px 24px 0;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(212,173,116,.14)}.charter-header h3{margin:0 0 6px;color:#f4d9ab}.charter-header p{margin:0 0 16px;color:#a8bbd1}.charter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.charter-field{display:flex;flex-direction:column;gap:8px}.charter-field span{font-size:.9rem;color:#d8e3ee}.charter-field textarea{border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#060d19f2;color:#e8eef6;padding:14px;resize:vertical}.charter-submit{margin-top:16px;border:0;border-radius:12px;padding:10px 16px;background:linear-gradient(180deg,#cfa86e,#b8884f);color:#08111d;font-weight:700;cursor:pointer}.messages{display:flex;flex-direction:column;gap:14px;padding:24px;flex:1;overflow-y:auto}.message{max-width:82%;padding:16px 18px;border-radius:18px;white-space:pre-wrap;border:1px solid rgba(255,255,255,.06)}.message.assistant{background:linear-gradient(180deg,#103563f2,#0b284feb);align-self:flex-start;box-shadow:0 10px 26px #08173047}.message.user{background:linear-gradient(180deg,#29364af2,#182131eb);align-self:flex-end}.role{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:#f4d9ab;margin-bottom:6px}.message p{margin:0}.citation-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.citation-card{display:flex;flex-direction:column;gap:4px;min-width:160px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(212,173,116,.12)}.citation-card strong{font-size:.86rem;color:#f4d9ab}.citation-card span{font-size:.8rem;color:#a8bbd1}.artifact-list{display:flex;flex-direction:column;gap:14px}.artifact-card{padding:16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(212,173,116,.12)}.artifact-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.artifact-card-header strong{color:#f4d9ab}.artifact-card-header span{color:#9fb3c8;font-size:.85rem}.artifact-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artifact-item{padding:12px;border-radius:12px;background:#07111f80;border:1px solid rgba(148,163,184,.1)}.artifact-item span{display:block;font-size:.82rem;color:#f4d9ab;margin-bottom:6px}.artifact-item p{margin:0;color:#dce8f4}.composer{display:flex;gap:12px;padding:20px 24px 24px;border-top:1px solid rgba(148,163,184,.12);background:#ffffff05}.composer textarea{flex:1;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#060d19f2;color:#e8eef6;padding:16px;resize:vertical;min-height:84px}.composer textarea:focus{outline:1px solid rgba(212,173,116,.4)}.composer button{background:linear-gradient(180deg,#cfa86e,#b8884f);color:#08111d;font-weight:700;align-self:flex-end;min-width:120px}@media (max-width: 900px){.chat-shell{padding:18px}.chat-panel{grid-template-columns:1fr}.toolbar{flex-direction:column;padding:18px}.brand-block{align-items:flex-start}.brand-logo{width:74px;height:74px}.toolbar-controls{align-items:flex-start;width:100%}.language-switcher,.phase-switcher,.export-actions{align-self:flex-start;flex-wrap:wrap}.preset-prompts{padding:16px 18px 4px}.charter-panel,.mini-tool-panel{margin:8px 18px 0;padding:16px}.charter-grid,.artifact-items{grid-template-columns:1fr}.message{max-width:100%}.composer{flex-direction:column}.composer button{align-self:stretch}}