:root{--ink:#0d3433;--green:#155e52;--blue:#2563eb;--paper:#f4f7f2;--line:#d8e1d7;--white:#fff;--muted:#66736f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 22px;background:#103f39;color:#fff}.top strong,.top span{display:block}.top span{font-size:12px;opacity:.8}.topActions{display:flex;gap:8px;align-items:center}.top button,.top select,button,select,input,textarea{font:inherit}.top button,.top select{border:1px solid #ffffff55;border-radius:9px;background:#ffffff12;color:inherit;padding:7px 10px}.top select option{color:#111}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;max-width:1500px;margin:auto;padding:18px}.stage,.side>section,.transcriptBox,.side{min-width:0}.hero{padding:24px;border-radius:18px;background:linear-gradient(135deg,#12483f,#173a68);color:#fff}.hero p{margin:0;opacity:.85}.hero h1{margin:8px 0 0;font-size:clamp(24px,4vw,46px);line-height:1.1}.notice,.statusBanner{margin:12px 0;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.hosts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hosts article{padding:16px;border-radius:15px;background:#fff;border:1px solid var(--line)}.hosts h2{margin:5px 0}.hosts p{margin:0;color:var(--muted)}.hostBadge{display:inline-block;padding:3px 9px;border-radius:999px;background:#d8efe5;color:#125142;font-weight:800}.hostBadge.evidence{background:#dbeafe;color:#1d4ed8}.feed{min-height:260px;display:flex;flex-direction:column;gap:10px}.msg{padding:13px;border-radius:13px;background:#fff;border:1px solid var(--line)}.msg.own{border-color:#8db7ff}.msg.system{background:#eef6ff}.msg.osman{border-left:5px solid var(--green)}.msg.codex{border-left:5px solid var(--blue)}.msg header{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.msg header span,.msg small{color:var(--muted);font-size:12px}.originalToggle{margin-top:7px;border:0;background:none;color:var(--blue);padding:0}.composer{position:sticky;bottom:8px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #173a6820}.composer textarea{width:100%;min-height:90px;margin:8px 0;padding:11px;border:1px solid var(--line);border-radius:10px;resize:vertical}.composerTypes,.composerMeta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.type,.tabs button,.person button,.connection button,.transcriptBox button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px 10px}.type.active,.primary{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.composerMeta label{font-size:12px}.composerMeta .primary{margin-inline-start:auto}.side{position:sticky;top:76px;align-self:start;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tab.active{background:#e1eee8}.panel{display:none;padding-top:12px}.panel.active{display:block}.panel article,.person,.connection{padding:12px 5px;border-bottom:1px solid var(--line)}.panel h3{margin:4px 0}.person b,.person span,.connection b,.connection span{display:block}.person span,.connection span{color:var(--muted);font-size:12px}.person button,.connection button{margin-top:7px}.transcriptBox{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}input,select,textarea{max-width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#102f2e}dialog{width:min(520px,92vw);border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#102f2e99}dialog form{display:grid;gap:10px;padding:22px}dialog label{display:grid;gap:5px}.close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px}.empty{color:var(--muted);text-align:center;padding:30px}#toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);opacity:0;padding:10px 16px;border-radius:10px;background:#0c332f;color:#fff;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}#privateMessages{max-height:300px;overflow:auto;padding:8px;background:#f6f8fb}#privateMessages p{width:85%;padding:8px;border-radius:10px;background:#fff}#privateMessages p.mine{margin-left:auto;background:#dff3e9}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}.hosts{grid-template-columns:1fr}.top{align-items:flex-start;padding:10px}.topActions{flex-direction:column;align-items:flex-end}.composer{bottom:4px}.composerMeta{align-items:flex-start}.tabs{position:sticky;top:70px;background:#fff;padding:5px 0}}