:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f0f5ff;background:#0f1b2e;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 5% 5%,#294869 0,transparent 49%),radial-gradient(ellipse at 100% 95%,#313a68 0,transparent 45%),#111d30}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#a5cfff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9acfff;outline-offset:2px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px clamp(18px,3vw,48px);border-bottom:1px solid #344b66;background:#101f32be}.identity{text-decoration:none;font-size:16px;font-weight:790;letter-spacing:-.04em}.identity span{color:#ecf5ff}.topbar nav{display:flex;gap:19px;flex-wrap:wrap}.topbar nav a{font-size:11px;text-decoration:none;color:#b7c8e1;font-weight:700}.layout{max-width:1240px;margin:33px auto 55px;padding:0 20px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:25px}.sidebar,.workspace{min-width:0}.sidebar{padding:18px 10px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#88c4ee;font-weight:800}.sidebar h1{font-size:clamp(29px,3.2vw,43px);letter-spacing:-.07em;line-height:1.08;font-weight:700}.sidebar h1 em{font-style:normal;color:#9bdac2}.aside-intro{font-size:13px;color:#b6cadf;line-height:1.7}.role-note{margin:20px 0;padding:14px;background:#1b2e45;border:1px solid #35536d;border-radius:13px;color:#b5cbe0;font-size:11px;line-height:1.65}.room-actions{display:flex;gap:8px}.primary,.secondary{padding:11px 15px;border-radius:11px;border:1px solid #5e92c3;font-size:12px;font-weight:780}.primary{background:#70b1f1;color:#0b2643}.secondary{background:#203851;color:#e0f1ff}.room-links{display:grid;gap:7px;margin:22px 0}.room-link{display:block;text-align:left;background:#20334a;border:1px solid #38536e;border-radius:11px;padding:12px;color:#f2f7ff}.room-link strong{display:block;font-size:12px}.room-link small{display:block;color:#9fc2dc;margin-top:5px}.sidebar-footer{margin-top:18px;display:flex;gap:15px}.sidebar-footer a{font-size:11px;color:#a9c5df}.pane{border:1px solid #4a6484;border-radius:21px;background:#1a2b42;box-shadow:0 20px 70px #061323a8;overflow:hidden}.pane[hidden]{display:none}.pane-head{padding:25px 27px 0}.pane-head h2{font-size:29px;letter-spacing:-.05em;margin:7px 0 0}.formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.format-card{display:grid;position:relative;gap:8px;min-height:143px;padding:18px;background:#20374f;border:1px solid #496984;border-radius:15px;cursor:pointer}.format-card:has(input:checked){background:#214466;border-color:#8bc4ff;box-shadow:0 0 0 2px #6fb2f13c}.format-card input{position:absolute;right:13px;top:12px;accent-color:#8bc8ff}.format-icon{font-size:21px;letter-spacing:.05em;color:#94d4ff}.format-card strong{font-size:18px}.format-card small{font-size:11px;color:#bad0e6;line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label,.join-pane label{font-size:11px;font-weight:750;color:#c4def2}.fields input,.join-pane input{margin-top:7px;display:block;width:100%;padding:13px 12px;background:#0f2337;border:1px solid #5d7d9b;border-radius:10px;color:#fff;font-size:12px}.workspace #createForm{padding:0 27px 27px}.workspace #createForm>.primary{margin-top:22px}.feedback{font-size:11px;color:#ffdbab;min-height:15px}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;background:#243b55;border-bottom:1px solid #405b78}.conversation-heading h2{font-size:22px;letter-spacing:-.04em;margin:7px 0}.room-meta{font-size:11px;color:#abc4db;margin:0}.invite-panel{margin:16px 18px;border:1px solid #6898bc;border-radius:13px;padding:15px;background:#1e435c}.invite-panel[hidden],.join-pane[hidden]{display:none}.invite-head{display:flex;justify-content:space-between;gap:12px}.invite-head strong{font-size:13px}.invite-panel p{font-size:11px;color:#c9dcec;line-height:1.55}.text-button{background:none;border:0;color:#9ed4ff;text-decoration:underline;font-size:11px}.invite-list{display:grid;gap:7px}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;border-radius:9px;background:#16324b}.invite-row span{font-size:11px}.invite-row button{border:1px solid #85abd1;background:#e2f1ff;color:#164b73;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.join-pane{display:flex;gap:10px;align-items:end;padding:14px 18px;border-bottom:1px solid #355571}.join-pane label{flex:1}.join-pane button{margin-bottom:1px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 20px;background:#13243a}.team{background:#1d334b;padding:11px;border:1px solid #415e7c;border-radius:11px}.team strong{font-size:11px;letter-spacing:.07em;color:#95d3ff}.team-b strong{color:#d7bcff}.team p{font-size:11px;margin:7px 0 0;color:#c2d6e7}.messages{height:clamp(270px,38vh,470px);overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain;scrollbar-color:#4b6b88 #17263a}.empty{margin:auto;font-size:12px;color:#adc4d7}.message{max-width:88%;padding:11px 14px;border:1px solid #476282;border-radius:12px;background:#253b53;overflow-wrap:anywhere}.message.mine{align-self:flex-end;background:#2a5480;border-color:#5d9bc3}.message small{display:block;font-size:10px;font-weight:760;color:#95d3ff}.message.team-b small{color:#dec6ff}.message p{font-size:12px;white-space:pre-wrap;line-height:1.55;margin:5px 0 0}.send-form{display:flex;gap:10px;border-top:1px solid #405a75;padding:14px 18px;background:#20334b}.send-form textarea{flex:1;min-width:0;resize:vertical;padding:12px 13px;background:#0e2237;color:#f0f8ff;border:1px solid #5c7998;border-radius:10px;font-size:12px}.send-form button{align-self:end;border:0;border-radius:10px;background:#78b8f2;color:#0c2e4b;font-size:11px;font-weight:850;padding:13px 17px}.send-form button:disabled{opacity:.5}.conversationPane>.feedback{padding:0 20px}.room-privacy{padding:10px 18px 18px;font-size:10px;color:#9eb7cf;line-height:1.65}.foot{border-top:1px solid #304862;padding:22px clamp(18px,3vw,48px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#93aac0;font-size:10px}@media(max-width:860px){.layout{grid-template-columns:1fr;margin:12px auto}.sidebar{padding:8px 0}.sidebar h1{font-size:29px;margin:8px 0}.role-note{margin:9px 0}.sidebar-footer{display:none}.room-links{margin:8px 0}.pane-head{padding:20px}.workspace #createForm{padding:0 20px 20px}}@media(max-width:540px){.topbar{padding:15px}.topbar nav{gap:11px}.topbar nav a{font-size:10px}.layout{padding:0 10px}.formats{gap:8px}.format-card{padding:12px;min-height:130px}.fields{grid-template-columns:1fr}.conversation-heading{padding:15px}.teams{gap:7px;padding:10px}.team{padding:8px}.messages{height:39vh;padding:10px}.send-form{padding:10px}.send-form button{padding:12px}.room-privacy{padding:12px}.invite-row{flex-wrap:wrap}}
/* Sabz iOS-inspired sky & translucent windows — same product identity as Studio. */
:root{color-scheme:light;color:#213d58;background:#ddebfa;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 80% -12%,#c9c2f8a8,transparent 47%),radial-gradient(ellipse at 20% 85%,#a4d9f0c9,transparent 55%),linear-gradient(155deg,#d4ecfc 0%,#f3f9ff 58%,#d9eaff 100%);color:#213d58}
.topbar{background:#f8fcffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffffcb;box-shadow:0 5px 30px #557ba019}
.identity{color:#234f72}.identity span{color:#244e70}.topbar nav a{color:#486f8c}
.sidebar h1{color:#193d5b;font-size:clamp(27px,2.8vw,36px);margin:12px 0}.sidebar h1 em{color:#417cb7}
.eyebrow{color:#6086a7}.aside-intro{color:#547993;font-size:12px}
.role-note{background:#f7fbffad;border:1px solid #c4ddec;color:#547995;box-shadow:inset 0 1px 0 #ffffffc6}
.primary{color:#fff;background:#2873b0;border:1px solid #246a9f;box-shadow:0 4px 12px #346e9b29}
.secondary{background:#f7fbff;border:1px solid #bdd8ea;color:#286491}
.room-link{color:#245779;background:#f8fcffb0;border:1px solid #c0d8eb}
.room-link small{color:#6183a1}.sidebar-footer a{color:#37709b}
.pane{background:#ffffffd5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffffec;box-shadow:0 15px 55px #547fa032, inset 0 1px #fff;border-radius:21px}
.pane-head h2{color:#264d6c}.format-card{background:#f0f7ff;border:1px solid #c4daeb;color:#244d6a}
.format-card:has(input:checked){background:#e1f0ff;border:1px solid #6ca8d6;box-shadow:inset 0 0 0 1px #81b8e5,0 3px 15px #6693bf27}
.format-card input{accent-color:#2b80bd}.format-icon{color:#538ec2}
.format-card strong{color:#264e70}.format-card small{color:#6484a1}
.fields label,.join-pane label{color:#416d90}.fields input,.join-pane input{color:#24496b;background:#ffffffef;border:1px solid #b3d3e7}
.conversation-heading{background:#e8f3ffba;border-color:#c1d9eb}
.conversation-heading h2{color:#254e71}.room-meta{color:#6b8da6}
.invite-panel{background:#e4f4ff;border:1px solid #92b8d6;color:#244e70}
.invite-panel p{color:#5c7e9a}.invite-row{background:#f5faff}
.invite-row span{color:#305f81}.invite-row button{background:#d7eafa;color:#1b5a8d;border-color:#b7d2ea}
.text-button{color:#316b99}
.join-pane{border-color:#d3e6f0;background:#f2faff}
.teams{background:#edf5ffb0}
.team{background:#ffffffbd;border:1px solid #c5dcf0}
.team strong{color:#3174a9}.team-b strong{color:#8763b6}.team p{color:#66859d}
.messages{background:#f9fcffeb;scrollbar-color:#a3c5dc #f3f9ff}
.empty{color:#6d8da4}
.message{background:#e6f2fc;border:1px solid #c2dcf0;color:#214967}
.message.mine{background:#d5eafa;border-color:#8fc1e6}
.message small{color:#2b789e}.message.team-b small{color:#7853b2}
.message p{color:#264a66}
.send-form{background:#e9f3fcb9;border-color:#d2e6f5}.send-form textarea{background:white;color:#254965;border-color:#b1d1e8}.send-form button{background:#2e77af;color:#fff}
.room-privacy{color:#718ba5}.foot{border-color:#bdd8ed;color:#6e88a1}
.room-privacy a,.foot a{color:#2d74a7}
.feedback{color:#a45429}
.role-note,.format-card,.pane,.sidebar{transition:background-color .2s ease}
[hidden]{display:none!important}
html.embedded-room,html.embedded-room body{margin:0;min-height:0;height:auto;background:#eff7ff!important}
.embedded-room .topbar,.embedded-room .foot,.embedded-room .sidebar h1,.embedded-room .sidebar .eyebrow,.embedded-room .aside-intro,.embedded-room .role-note,.embedded-room .sidebar-footer{display:none!important}
.embedded-room .layout{display:block;width:100%;max-width:none;padding:8px;margin:0}
.embedded-room .sidebar{padding:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px}
.embedded-room .room-actions{display:flex;gap:6px}
.embedded-room .room-actions .primary,.embedded-room .room-actions .secondary{padding:8px 10px;font-size:10px;border-radius:9px}
.embedded-room .room-links{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;margin:0 0 6px;flex:1 1 100%;padding:0 0 3px}
.embedded-room .room-link{flex:0 0 auto;padding:7px 9px;font-size:10px}
.embedded-room .room-link strong{font-size:10px}.embedded-room .room-link small{font-size:9px}
.embedded-room .pane{border-radius:13px}
.embedded-room .pane-head{padding:12px 13px 0}.embedded-room .pane-head h2{font-size:16px;margin:3px 0}
.embedded-room .workspace #createForm{padding:0 13px 12px}
.embedded-room .formats{gap:7px;margin:10px 0}
.embedded-room .format-card{min-height:85px;gap:4px;padding:9px}
.embedded-room .format-icon{font-size:14px}.embedded-room .format-card strong{font-size:12px}.embedded-room .format-card small{font-size:9px}
.embedded-room .fields{gap:7px}.embedded-room .fields label{font-size:10px}
.embedded-room .fields input{padding:9px;font-size:11px}
.embedded-room .workspace #createForm>.primary{margin-top:12px;padding:9px 12px}
.embedded-room .conversation-heading{padding:10px}.embedded-room .conversation-heading h2{font-size:15px}
.embedded-room .conversation-heading .eyebrow{font-size:8px}.embedded-room .room-meta{font-size:9px}
.embedded-room .invite-panel{margin:8px;padding:10px}.embedded-room .invite-panel p{font-size:9px}
.embedded-room .teams{gap:5px;padding:7px}.embedded-room .team{padding:7px}
.embedded-room .team strong,.embedded-room .team p{font-size:9px}
.embedded-room .messages{height:220px;gap:4px;padding:7px}
.embedded-room .message{max-width:95%;padding:6px 9px}.embedded-room .message p{font-size:10px}.embedded-room .message small{font-size:9px}
.embedded-room .send-form{padding:7px;gap:6px}
.embedded-room .send-form textarea{padding:8px;font-size:11px}.embedded-room .send-form button{padding:8px 10px}
.embedded-room .room-privacy{padding:7px 10px;font-size:9px}
.embedded-room .join-pane{padding:8px}.embedded-room .join-pane input{padding:8px}
.embedded-room .feedback{padding:0 7px}
.embedded-room .room-actions{margin:0 0 4px}
@media(max-width:650px){.embedded-room .layout{padding:5px}.embedded-room .fields{grid-template-columns:1fr 1fr}.embedded-room .formats{grid-template-columns:1fr 1fr}}