:root{--accent:#378add;--accent-bg:#e6f1fb;--accent-text:#0c447c;--green:#1d9e75;--green-bg:#e1f5ee;--green-text:#085041;--warn-bg:#faeeda;--warn-text:#633806;--danger-bg:#ffe8e8;--danger-text:#a32d2d;--bg:#f5f7fb;--surface:#fff;--surface-2:#f1f4f9;--surface-3:#e8edf5;--border:#dde3ec;--border-soft:#ebeff5;--text:#142033;--text-2:#59677b;--text-3:#8893a3;--shadow:0 18px 60px #232f491f;--radius:18px;--radius-sm:11px}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(135deg,#f8faff,#eef4fb);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:18px}.demo-topbar{max-width:1200px;color:var(--text-2);align-items:center;gap:12px;margin:0 auto 12px;display:flex}.demo-topbar strong{color:var(--text)}.demo-topbar span{flex:1}.demo-topbar select{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 11px}.app-shell{background:var(--surface);border:1px solid var(--border);max-width:1200px;height:calc(100vh - 78px);min-height:680px;box-shadow:var(--shadow);border-radius:24px;margin:0 auto;display:flex;overflow:hidden}.sidebar{background:var(--surface-2);border-right:1px solid var(--border-soft);flex-direction:column;width:245px;min-width:245px;display:flex}.sidebar-top{border-bottom:1px solid var(--border-soft);padding:16px 14px 12px}.brand{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.brand-mark{color:var(--accent);letter-spacing:-6px;margin-right:3px}.sidebar-search{background:var(--surface);border:1px solid var(--border);color:var(--text-3);border-radius:13px;align-items:center;gap:7px;margin-top:11px;padding:8px 10px;display:flex}.sidebar-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:14px 14px 5px;font-size:11px;font-weight:700}.sidebar-list{padding:0 8px}.sidebar-item{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:9px 8px;display:flex;position:relative}.sidebar-item:hover{background:var(--surface-3)}.sidebar-item.active{background:var(--surface)}.sidebar-item.active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-8px}.sidebar-item.muted{color:var(--text-3)}.space-dot{border-radius:50%;flex:none;width:9px;height:9px}.sidebar-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-badge{background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.plus{color:var(--text-3);font-size:17px}.sidebar-footer{border-top:1px solid var(--border-soft);align-items:center;gap:9px;margin-top:auto;padding:13px 14px;display:flex}.footer-user{flex:1;min-width:0}.footer-user strong{font-size:13px;display:block}.footer-user span{color:var(--text-3);font-size:11px}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.avatar-xs{width:20px;height:20px;font-size:9px}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:12px}.avatar-blue{color:#0c447c;background:#e6f1fb}.avatar-green{color:#085041;background:#e1f5ee}.avatar-amber{color:#633806;background:#faeeda}.avatar-purple{color:#26215c;background:#eeedfe}.avatar-pink{color:#4b1528;background:#fbeaf0}.space-avatar{background:var(--green-bg);color:var(--green-text)}.main-pane{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.space-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:11px;height:60px;padding:11px 18px;display:flex}.space-title{flex:1;min-width:0}.space-title h1{margin:0 0 1px;font-size:16px}.space-title span{color:var(--text-3);font-size:12px}.icon-button{color:var(--text-2);background:0 0;border:0;border-radius:10px;padding:7px 9px}.icon-button:hover{background:var(--surface-2)}.tabbar{border-bottom:1px solid var(--border-soft);gap:0;padding:0 18px;display:flex;overflow-x:auto}.tab{color:var(--text-2);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 12px 10px;display:flex;position:relative}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:800}.tab-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:4px}.panel{flex-direction:column;flex:1;min-height:0;display:flex}.loading,.empty-state{text-align:center;color:var(--text-3);padding:30px}.error-banner{background:var(--danger-bg);color:var(--danger-text);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-weight:800}.chat-area{flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex;overflow:auto}.day-divider{text-align:center;color:var(--text-3);margin:10px 0;font-size:12px}.day-divider span{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:999px;padding:4px 12px}.message-row{align-items:flex-end;gap:9px;margin-bottom:5px;display:flex}.message-row.mine{flex-direction:row-reverse}.message-row.consecutive .avatar{visibility:hidden}.bubble-stack{flex-direction:column;align-items:flex-start;max-width:min(450px,75%);display:flex}.message-row.mine .bubble-stack{align-items:flex-end}.sender-name{color:var(--text-2);margin:0 0 2px 3px;font-size:11px;font-weight:800}.bubble{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:15px 15px 15px 4px;padding:9px 12px;line-height:1.45;position:relative}.message-row.mine .bubble{background:var(--accent-bg);color:#042c53;border-color:#0000;border-radius:15px 15px 4px}.bubble p{white-space:pre-wrap;margin:0}.bubble.deleted{color:var(--text-3);font-style:italic}.bubble-actions{opacity:0;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:11px;gap:4px;padding:3px;transition:all .15s;display:flex;position:absolute;top:-32px;right:4px;box-shadow:0 8px 24px #00000014}.message-row.mine .bubble-actions{left:4px;right:auto}.bubble:hover .bubble-actions{opacity:1;pointer-events:auto}.bubble-actions button,.reaction-menu>button{color:var(--text-2);background:0 0;border:0;border-radius:8px;padding:4px 7px}.bubble-actions button:hover,.reaction-menu:hover>button{background:var(--surface-2)}.reaction-menu{position:relative}.reaction-picker{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;gap:3px;padding:5px;display:none;position:absolute;bottom:29px;right:0}.reaction-menu:hover .reaction-picker{display:flex}.reaction-picker button{font-size:17px}.reply-preview{border:0;border-left:3px solid var(--accent);text-align:left;background:#ffffff8c;border-radius:0 8px 8px 0;flex-direction:column;max-width:280px;margin-bottom:6px;padding:5px 8px;display:flex}.reply-preview strong{color:var(--accent-text);font-size:11px}.reply-preview span{white-space:nowrap;text-overflow:ellipsis;color:var(--text-2);font-size:12px;overflow:hidden}.reaction-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-chips button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:2px 7px;font-size:12px}.reaction-chips button.mine{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.message-meta{color:var(--text-3);gap:5px;margin-top:3px;font-size:11px;display:flex}.ticks{color:var(--accent)}.file-bubble{background:var(--surface);border:1px solid var(--border);border-radius:13px;align-items:center;gap:9px;min-width:260px;margin-top:3px;padding:9px 10px;display:flex}.file-bubble:hover{background:var(--surface-2)}.file-bubble-meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-bubble-meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-bubble-meta span:not(.update-tag){color:var(--text-3);font-size:11px}.update-tag{background:var(--green-bg);width:max-content;color:var(--green-text);border-radius:6px;margin-bottom:4px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-flex}.download{color:var(--text-3);font-size:18px}.flash .bubble{animation:1.2s flash}@keyframes flash{0%,to{box-shadow:0 0 #f1a02f00}20%,70%{outline:2px solid #f1a02f8c;box-shadow:0 0 0 7px #f1a02f5c}}.typing-indicator{color:var(--text-3);padding:6px 18px;font-size:12px}.reply-bar{border-top:1px solid var(--border-soft);background:var(--surface-2);align-items:center;gap:10px;padding:7px 16px;display:flex}.reply-bar div{border-left:3px solid var(--accent);flex:1;min-width:0;padding-left:9px}.reply-bar strong,.reply-bar span{display:block}.reply-bar span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-bar button{color:var(--text-3);background:0 0;border:0;font-size:18px}.chat-input{border-top:1px solid var(--border-soft);align-items:center;gap:9px;padding:12px 16px;display:flex}.chat-input input{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;outline:none;flex:1;padding:11px 14px}.send-button,.primary{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:10px 15px;font-weight:800}.send-button{width:40px;height:40px;padding:0}.primary:hover,.send-button:hover{filter:brightness(.95)}.primary.small{padding:7px 11px;font-size:12px}.upload-sheet{border-top:1px solid var(--border-soft);background:var(--surface-2);padding:12px 16px;display:none}.upload-sheet.show{display:block}.sheet-title{justify-content:space-between;align-items:center;display:flex}.sheet-title button{color:var(--text-3);background:0 0;border:0;font-size:20px}.dropzone{border:2px dashed var(--border);background:var(--surface);min-height:56px;color:var(--text-3);border-radius:13px;justify-content:center;align-items:center;margin:9px 0;display:flex}.dropzone input{display:none}.post-as{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.post-as span{color:var(--text-2);font-size:12px}.post-as button,.subtabs button,.filter-pills button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:6px 10px}.post-as button.active,.subtabs button.active,.filter-pills button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text);font-weight:800}.upload-sheet input:not([type=file]),.upload-sheet select,.add-form input,.add-form textarea,.task-form input,.task-form select,.member-form input,.member-form select,.search-modal input{border:1px solid var(--border);background:var(--surface);border-radius:11px;outline:none;width:100%;margin-bottom:8px;padding:9px 11px}.confirm-strip{background:var(--accent-bg);color:var(--accent-text);border:1px solid #bdd9f3;border-radius:11px;margin-bottom:8px;padding:8px 10px;font-size:12px}.files-panel,.calendar-panel,.tasks-panel,.members-panel{flex:1;padding:16px 18px;position:relative;overflow:auto}.subtabs,.filter-pills{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.file-day h4,.task-group h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:16px 0 6px;font-size:12px}.file-row{background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;align-items:center;gap:9px;margin-bottom:7px;padding:9px;display:flex}.file-row:hover{background:var(--surface-2)}.file-row-meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-row-meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-row-meta span{color:var(--text-3);font-size:12px}.file-icon{border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;font-weight:900;display:flex}.file-icon.pdf{color:#a32d2d;background:#fcebeb}.file-icon.sheet{color:#3b6d11;background:#eaf3de}.file-icon.doc{color:#185fa5;background:#e6f1fb}.file-icon.image{color:#633806;background:#faeeda}.file-icon.other{color:#5b6575;background:#eceff4}.note-button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:6px}.note-button.has-note{background:var(--warn-bg);color:var(--warn-text);border-color:#0000}.note-button.open{background:var(--accent);color:#fff}.timeline-card{border:1px solid var(--border-soft);border-radius:15px;margin-bottom:11px;overflow:hidden}.timeline-head{background:var(--surface-2);text-align:left;border:0;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.timeline-head strong{flex:1}.timeline-head span{color:var(--text-3);background:var(--surface);border-radius:999px;padding:3px 8px;font-size:12px}.timeline-spine{padding:10px 10px 10px 31px;position:relative}.timeline-spine:before{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:16px;left:17px}.timeline-node{margin-bottom:9px;position:relative}.timeline-node:before{content:"";background:var(--surface);border:2px solid var(--border);border-radius:50%;width:10px;height:10px;position:absolute;top:13px;left:-20px}.timeline-node.latest:before{background:var(--accent);border-color:var(--accent)}.timeline-node-inner{border:1px solid var(--border-soft);border-radius:13px;align-items:center;gap:9px;padding:8px;display:flex}.timeline-file-main{flex-direction:column;flex:1;min-width:0;display:flex}.timeline-file-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-file-main span{color:var(--text-3);font-size:12px}.note-chip{background:var(--warn-bg);color:var(--warn-text);border:0;border-radius:7px;width:max-content;margin-top:4px;padding:3px 7px}.note-modal-card{background:var(--surface);border:1px solid var(--border);width:min(330px,100% - 48px);box-shadow:var(--shadow);z-index:20;border-radius:18px;padding:14px;position:absolute;top:86px;right:24px}.note-modal-head{justify-content:space-between;gap:12px;display:flex}.note-modal-head button,.link-button{color:var(--text-3);background:0 0;border:0}.main-file-note,.empty-note{background:var(--surface-2);border-radius:12px;margin:10px 0;padding:10px;line-height:1.45}.note-replies{border-top:1px solid var(--border-soft);padding-top:8px}.note-reply{gap:7px;margin-bottom:8px;display:flex}.note-reply strong{font-size:12px}.note-reply p{margin:2px 0}.note-reply span{color:var(--text-3);font-size:11px}.note-input-row{gap:6px;margin-top:8px;display:flex}.note-input-row input{border:1px solid var(--border);border-radius:10px;flex:1;padding:8px}.note-input-row button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:8px 10px}.notes-panel{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid}.notes-list{border-right:1px solid var(--border-soft);padding:14px;overflow:auto}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.note-list-item{border:1px solid var(--border-soft);background:var(--surface);text-align:left;border-radius:13px;flex-direction:column;gap:3px;width:100%;margin-bottom:8px;padding:10px;display:flex}.note-list-item.active{border-color:var(--accent);background:var(--accent-bg)}.note-list-item span{color:var(--text-3);font-size:12px}.note-editor{flex-direction:column;min-height:0;padding:16px;display:flex}.editor-actions{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.editor-actions button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 10px}.collab-badge{background:var(--green-bg);color:var(--green-text);border-radius:999px;margin-right:auto;padding:6px 10px;font-size:12px;font-weight:800}.note-title-input{border:0;outline:0;margin-bottom:8px;font-size:28px;font-weight:900}.note-editor textarea{resize:none;border:0;outline:0;flex:1;min-height:300px;font-size:15px;line-height:1.7}.note-editor footer{border-top:1px solid var(--border-soft);color:var(--text-3);padding-top:8px;font-size:12px}.calendar-panel{grid-template-columns:minmax(320px,1fr) minmax(280px,380px);gap:16px;display:grid}.calendar-card,.upcoming-list,.add-form{border:1px solid var(--border-soft);background:var(--surface);border-radius:16px;padding:14px}.calendar-nav{align-items:center;gap:8px;margin-bottom:12px;display:flex}.calendar-nav strong{text-align:center;flex:1}.calendar-nav button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 10px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-grid b{text-align:center;color:var(--text-3);padding:5px;font-size:11px}.cal-day{border-radius:11px;justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}.cal-day:hover{background:var(--surface-2)}.cal-day.muted{color:var(--text-3);opacity:.45}.cal-day.today{background:var(--accent-bg);color:var(--accent-text);font-weight:900}.cal-day.has-event:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:7px}.events-and-form{flex-direction:column;gap:14px;display:flex}.event-row{border:1px solid var(--border-soft);border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:7px;padding:9px;display:flex}.event-dot{border-radius:50%;width:9px;height:9px;margin-top:5px}.event-row div{flex-direction:column;flex:1;display:flex}.event-row span{color:var(--text-3);font-size:12px}.event-row button{color:var(--text-3);background:0 0;border:0}.add-form{flex-direction:column;display:flex}.add-form textarea{resize:vertical;min-height:70px}.form-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.task-form,.member-form{grid-template-columns:1fr 180px 160px auto;gap:8px;margin-bottom:16px;display:grid}.task-form input,.task-form select,.member-form input,.member-form select{margin:0}.task-row,.member-row{border:1px solid var(--border-soft);background:var(--surface);border-radius:13px;align-items:center;gap:10px;margin-bottom:7px;padding:10px;display:flex}.checkbox{border:2px solid var(--border);background:var(--surface);border-radius:7px;width:21px;height:21px}.checkbox.checked{background:var(--green);border-color:var(--green);color:#fff}.task-row div,.member-row div{flex-direction:column;flex:1;display:flex}.task-row span,.member-row span{color:var(--text-3);font-size:12px}.task-row.done{opacity:.6}.task-row.done strong{text-decoration:line-through}.due-tag{background:var(--surface-2);border-radius:7px;padding:4px 7px;color:var(--text-2)!important;font-size:11px!important}.due-tag.overdue{background:var(--danger-bg);color:var(--danger-text)!important}.due-tag.today{background:var(--warn-bg);color:var(--warn-text)!important}.empty-small{color:var(--text-3);margin:5px 0 10px;font-size:12px}.admin-note{background:var(--warn-bg);color:var(--warn-text);border-radius:999px;padding:5px 9px;font-size:12px}.presence-dot{border:2px solid var(--surface);background:#aab4c2;border-radius:50%;width:9px;height:9px;margin-top:22px;margin-left:-18px}.presence-dot.online{background:var(--green)}.role-badge{border-radius:999px;padding:4px 9px;font-weight:800}.role-badge.admin{background:var(--warn-bg);color:var(--warn-text)}.role-badge.member{background:var(--green-bg);color:var(--green-text)}.modal-backdrop{z-index:100;background:#0b132059;justify-content:center;align-items:flex-start;padding-top:70px;display:flex;position:fixed;inset:0}.search-modal{background:var(--surface);width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:20px;padding:16px}.modal-head{justify-content:space-between;margin-bottom:12px;display:flex}.modal-head button{background:0 0;border:0;font-size:20px}.search-results h4{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 6px;font-size:12px}.search-hit{border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;margin-bottom:6px;padding:9px;display:flex}.search-hit span{color:var(--text-2);font-size:13px}@media (width<=900px){.page-shell{padding:0}.demo-topbar{margin:0;padding:10px}.app-shell{border-left:0;border-right:0;border-radius:0;height:calc(100vh - 45px);min-height:0}.sidebar{width:82px;min-width:82px}.brand{font-size:0}.brand-mark{font-size:17px}.sidebar-search input,.sidebar-section,.sidebar-name,.sidebar-badge,.footer-user{display:none}.sidebar-item{justify-content:center}.sidebar-item.active:before{left:-8px}.space-dot{width:18px;height:18px}.notes-panel,.calendar-panel{grid-template-columns:1fr}.notes-list{border-right:0;border-bottom:1px solid var(--border-soft);max-height:230px}.task-form,.member-form{grid-template-columns:1fr}.bubble-stack{max-width:84%}.tabbar{padding:0 6px}.tab{padding:11px 9px;font-size:12px}.space-header{padding:10px}.chat-area,.calendar-panel,.files-panel,.tasks-panel,.members-panel{padding:12px}}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2b;--surface-2:#172237;--surface-3:#22304a;--border:#30405d;--border-soft:#24344e;--text:#e8eef9;--text-2:#aebbd0;--text-3:#7f8ea6;--shadow:0 18px 60px #00000059;--accent-bg:#378add2e;--accent-text:#9fccff;--green-bg:#1d9e7529;--green-text:#8de1c5;--warn-bg:#f1a02f29;--warn-text:#f8c36f;--danger-bg:#ff5a5a26;--danger-text:#ff9d9d}:root[data-compact=true] .chat-area,:root[data-compact=true] .files-panel,:root[data-compact=true] .calendar-panel,:root[data-compact=true] .tasks-panel,:root[data-compact=true] .members-panel{padding:10px 12px}:root[data-compact=true] .message-row{margin-bottom:2px}:root[data-compact=true] .bubble{padding:7px 10px}.brand svg,.tab svg,.icon-button svg,.download-button svg,.primary svg,.danger-outline svg,.meeting-link svg,.settings-card h3 svg,.login-brand svg,.eyebrow svg{vertical-align:middle;flex:none}.brand-mark{letter-spacing:0;margin-right:0;display:inline-flex}.app-topbar strong{align-items:center;gap:6px;display:flex}.app-topbar button,.marketing-actions button,.hero-buttons button,.login-card button:not(.primary),.settings-card button,.meeting-controls button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.app-topbar button:hover,.marketing-actions button:hover,.hero-buttons button:hover,.login-card button:not(.primary):hover,.settings-card button:hover,.meeting-controls button:hover{background:var(--surface-2)}.marketing-page,.login-page{background:radial-gradient(circle at top left, var(--accent-bg), transparent 38%),linear-gradient(135deg,var(--bg),var(--surface-2));min-height:100vh;color:var(--text);padding:24px}.marketing-nav{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;display:flex}.marketing-actions,.hero-buttons{flex-wrap:wrap;gap:10px;display:flex}.hero-card{border:1px solid var(--border-soft);max-width:1160px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(320px,470px);align-items:center;gap:28px;margin:54px auto 24px;padding:36px;display:grid}:root[data-theme=dark] .hero-card{background:#111a2bc2}.eyebrow{color:var(--accent);background:var(--accent-bg);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:800;display:inline-flex}.hero-copy h1{margin:16px 0;font-size:clamp(34px,5vw,58px);line-height:1.02}.hero-copy p{color:var(--text-2);font-size:16px;line-height:1.6}.helper-text{color:var(--text-3)!important;font-size:12px!important}.hero-preview{justify-content:center;display:flex}.mini-window{border:1px solid var(--border);background:var(--surface);width:100%;max-width:440px;height:330px;box-shadow:var(--shadow);border-radius:24px;display:flex;overflow:hidden}.mini-sidebar{background:var(--surface-2);flex-direction:column;gap:12px;width:90px;padding:18px;display:flex}.mini-sidebar span{background:var(--surface);border-radius:14px;height:28px}.mini-main{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.mini-header{background:var(--surface-2);border-radius:14px;height:38px}.mini-bubble{background:var(--surface-2);border-radius:18px;width:70%;height:44px}.mini-bubble.right{background:var(--accent-bg);align-self:flex-end}.mini-file{border:1px solid var(--border);color:var(--text-2);border-radius:13px;align-items:center;gap:8px;padding:10px;display:flex}.mini-tabs{color:var(--accent);background:var(--accent-bg);border-radius:16px;justify-content:center;gap:18px;margin-top:auto;padding:12px;display:flex}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1160px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:18px;box-shadow:0 8px 26px #0000000a}.feature-card svg{color:var(--accent)}.feature-card strong{margin:8px 0;display:block}.feature-card p{color:var(--text-2);margin:0;line-height:1.5}.login-page{justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:min(430px,100%);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;gap:11px;padding:26px;display:flex}.link-back{align-self:flex-start}.login-brand{color:var(--accent);align-items:center;gap:8px;display:flex}.login-card h1{margin:8px 0 0;font-size:30px}.login-card p{color:var(--text-2);margin:0;line-height:1.5}.login-card input,.login-card select,.settings-card select,.settings-card input:not([type=checkbox]){border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:13px;outline:none;padding:11px 12px}.form-message{background:var(--surface-2);border-radius:12px;color:var(--text-2)!important;padding:9px!important}.security-note{background:var(--warn-bg);color:var(--warn-text);border-radius:13px;align-items:flex-start;gap:8px;padding:10px;line-height:1.45;display:flex}.download-button{color:var(--text-3);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:7px;display:flex}.download-button:hover{background:var(--surface-2);color:var(--text)}.file-icon svg{width:18px;height:18px}.voice-rec.recording{background:var(--danger-bg);color:var(--danger-text)}.voice-rec span{font-size:11px;font-weight:800}.voice-bubble-file audio{width:210px;max-width:100%;height:34px}.meeting-link{background:var(--accent-bg);width:max-content;color:var(--accent-text);border:0;border-radius:999px;align-items:center;gap:5px;margin-top:5px;padding:4px 8px;font-size:12px;display:inline-flex}.rotate{transform:rotate(180deg)}.settings-panel{flex:1;padding:18px;overflow:auto}.settings-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.settings-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.settings-card h3{align-items:center;gap:7px;margin:0;display:flex}.profile-card{flex-direction:row;grid-column:1/-1;align-items:center;display:flex}.profile-card div{flex:1}.profile-card h2{margin:0}.profile-card p{color:var(--text-3);margin:3px 0}.danger-outline{border-color:var(--danger-text)!important;color:var(--danger-text)!important}.accent-row{flex-wrap:wrap;gap:8px;display:flex}.accent-row button{padding-left:28px;position:relative}.accent-row button:before{content:"";background:var(--swatch);border-radius:50%;width:12px;height:12px;position:absolute;left:10px}.accent-row button.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.check-line{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.security-list{color:var(--text-2);margin:0;padding-left:18px;line-height:1.7}.security-list strong{color:var(--text)}.meeting-panel{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow:auto}.meeting-hero{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.meeting-hero h2{align-items:center;gap:8px;margin:0 0 6px;display:flex}.meeting-hero p{color:var(--text-2);margin:0}.meeting-stage{grid-template-columns:minmax(320px,1fr) 300px;gap:14px;display:grid}.video-tile{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border:1px solid var(--border);border-radius:22px;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%}.video-tile div{color:#fff;background:#00000080;border-radius:999px;padding:6px 10px;position:absolute;bottom:14px;left:14px}.meeting-side{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:16px}.participant{border:1px solid var(--border-soft);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:9px;display:flex}.participant span{background:var(--green-bg);color:var(--green-text);border-radius:999px;padding:3px 7px;font-size:11px}.meeting-controls{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.meeting-controls button:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.hero-card,.meeting-stage,.settings-grid,.feature-grid{grid-template-columns:1fr}.profile-card{flex-direction:column;align-items:flex-start}.marketing-nav{gap:16px}.hero-card{margin-top:26px;padding:22px}.app-topbar span{display:none}.app-topbar{gap:8px}.app-topbar button{padding:7px 9px}.meeting-stage{grid-template-columns:1fr}.marketing-page,.login-page{padding:14px}}.saas-topbar{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border-radius:18px;padding:10px 14px;box-shadow:0 10px 30px #232f4914}:root[data-theme=dark] .saas-topbar{background:#111a2bb8}.saas-shell{border:1px solid #dde3ece6;border-radius:28px;box-shadow:0 24px 80px #1d2b4c29}.space-header{background:linear-gradient(180deg,var(--surface),#ffffffc7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .space-header{background:linear-gradient(180deg,var(--surface),#111a2bc7)}.space-title h1{letter-spacing:-.02em}.space-title span{font-weight:600}.tabbar{background:var(--surface);position:relative}.tab{border-radius:12px 12px 0 0}.tab.active{background:var(--accent-bg)}.saas-panel-pad{background:linear-gradient(180deg,var(--surface),var(--bg))}.rich-head{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;margin-bottom:12px;padding:12px 14px;box-shadow:0 8px 24px #00000009}.rich-head>div:first-child{flex-direction:column;gap:2px;display:flex}.rich-head span{color:var(--text-3);font-size:12px;font-weight:600}.right-tabs{margin-bottom:0;margin-left:auto}.task-form-card,.member-form-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:12px;box-shadow:0 8px 24px #00000009}.full-screen-loading{justify-content:center;align-items:center;gap:8px;min-height:100vh;display:flex}.app-loading{color:var(--text-2);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex!important}.error-banner span{flex:1}.modal-backdrop.solid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#0c14227a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.app-modal{background:var(--surface);border:1px solid var(--border);border-radius:26px;flex-direction:column;width:min(560px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 34px 100px #0000003d}.app-modal-lg{width:min(720px,100%)}.app-modal-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 14px;display:flex}.app-modal-head h2{letter-spacing:-.03em;margin:3px 0 0;font-size:26px}.modal-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:12px;font-weight:900}.app-modal-body{padding:18px 22px;overflow:auto}.app-modal-footer,.modal-action-row{border-top:1px solid var(--border-soft);background:var(--surface-2);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.modal-action-row{margin:14px -22px -18px}.modal-action-row button:not(.primary){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:10px 14px}.space-create-form{flex-direction:column;gap:14px;display:flex}.form-section-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.form-section-card label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.form-section-card label span{color:var(--text-3);text-transform:none;letter-spacing:0;font-weight:700}.form-section-card input,.form-section-card textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:13px;outline:none;padding:11px 12px}.purpose-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.purpose-card{text-align:left;border:1px solid var(--border);background:var(--surface);min-height:142px;color:var(--text);border-radius:18px;flex-direction:column;gap:8px;padding:14px;transition:all .18s;display:flex}.purpose-card svg{color:var(--accent)}.purpose-card strong{font-size:14px}.purpose-card span{color:var(--text-2);font-size:12px;line-height:1.45}.purpose-card:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00000014}.purpose-card.selected{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.compact-card{gap:12px}.colour-dot-row{flex-wrap:wrap;gap:9px;display:flex}.colour-dot-row button{background:var(--dot);border:3px solid var(--surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.colour-dot-row button.active{box-shadow:0 0 0 3px var(--accent-bg),0 0 0 1px var(--accent)}.secure-strip{background:var(--accent-bg);color:var(--accent-text);border:1px solid #378add33;border-radius:14px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.form-error{background:var(--danger-bg);color:var(--danger-text);border-radius:12px;margin:0;padding:9px 10px;font-weight:800}.empty-state{border:1px dashed var(--border);background:var(--surface);min-height:140px;color:var(--text-3);border-radius:18px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.empty-state svg{color:var(--accent)}.file-row,.timeline-card,.task-row,.member-row,.event-row,.note-list-item,.note-doc{box-shadow:0 6px 18px #00000006}.file-row:hover,.timeline-node-inner:hover,.task-row:hover,.member-row:hover,.event-row:hover{border-color:var(--accent);background:var(--surface)}.app-crash-card h1{font-size:24px}.app-crash-card p{background:var(--danger-bg);border-radius:12px;padding:10px;color:var(--danger-text)!important}@media (width<=900px){.purpose-grid{grid-template-columns:1fr}.app-modal-head h2{font-size:22px}.modal-backdrop.solid{align-items:flex-end;padding:0}.app-modal{border-radius:24px 24px 0 0;max-height:94vh}.modal-action-row{position:sticky;bottom:-18px}.saas-topbar{border-radius:0;margin:0}.right-tabs{margin-left:0}.rich-head{flex-direction:column;align-items:flex-start}.rich-head .subtabs{width:100%;display:flex}.rich-head .subtabs button{flex:1}}html,body,#root{height:100%;overflow:hidden}.page-shell{background:var(--bg);flex-direction:column;height:100vh;min-height:0;padding:0;display:flex}.demo-topbar.app-topbar{border-top:0;border-left:0;border-right:0;border-radius:0;flex:none;max-width:none;min-height:46px;margin:0;padding:8px 14px}.app-shell,.saas-shell{width:100%;max-width:none;height:calc(100vh - 46px);min-height:0;box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;margin:0}.main-pane{height:100%;min-height:0}.space-header{flex:none;height:54px}.tabbar{background:linear-gradient(180deg,var(--surface),var(--surface-2));border-bottom:1px solid var(--border-soft);flex:none;align-items:end;height:42px;padding:0 12px}.tab{border-radius:11px 11px 0 0;padding:9px 11px 8px;font-size:12px}.tab.active{background:var(--surface);box-shadow:0 -1px 0 var(--border-soft) inset}.chat-panel-clean{min-height:0;overflow:hidden}.chat-main-row{flex:1;min-height:0;display:flex;overflow:hidden}.chat-main-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-area{overscroll-behavior:contain;flex:1;min-height:0}.chat-input{background:var(--surface);z-index:8;flex:none;position:sticky;bottom:0}.bubble-stack{max-width:min(560px,78%)}.avatar-image{overflow:hidden;background:var(--surface-2)!important}.avatar-image img{object-fit:cover;width:100%;height:100%;display:block}.avatar-upload-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex}.avatar-upload-btn:hover{background:var(--surface-2)}.chat-color-blue .bubble:not(.deleted){color:#07345e;background:#e6f1fb}.chat-color-green .bubble:not(.deleted){color:#073f34;background:#e1f5ee}.chat-color-amber .bubble:not(.deleted){color:#4d2f03;background:#faeeda}.chat-color-purple .bubble:not(.deleted){color:#26215c;background:#eeedfe}.chat-color-pink .bubble:not(.deleted){color:#4b1528;background:#fbeaf0}.message-row.mine .bubble{background:var(--accent);color:#fff}.message-row.mine .reply-preview{background:#fff3;border-left-color:#fff}.message-row.mine .reply-preview strong,.message-row.mine .reply-preview span{color:#fff}.encrypted-bubble{box-shadow:inset 0 0 0 1px #1d9e752e}.encrypted-tag{color:var(--green-text);background:#1d9e751f;border-radius:999px;align-items:center;gap:4px;margin-top:5px;padding:2px 6px;font-size:10px;font-weight:900;display:inline-flex}.message-row.mine .encrypted-tag{color:#fff;background:#fff3}.file-bubble.file-update{background:var(--green-bg);border-color:#1d9e7573}.file-update .file-bubble-meta strong{color:var(--green-text)}.e2ee-strip{background:var(--green-bg);color:var(--green-text);border-bottom:1px solid #1d9e7524;justify-content:space-between;align-items:center;gap:10px;padding:7px 14px;font-size:12px;font-weight:800;display:flex}.e2ee-strip span{align-items:center;gap:6px;display:flex}.e2ee-strip button,.e2ee-keybar button{background:var(--surface);color:var(--green-text);border:0;border-radius:999px;padding:5px 10px;font-weight:900}.e2ee-keybar{border-bottom:1px solid var(--border-soft);background:var(--surface-2);gap:8px;padding:8px 14px;display:flex}.e2ee-keybar input{border:1px solid var(--border);background:var(--surface);border-radius:999px;outline:none;flex:1;padding:8px 12px}.chat-notes-drawer{border-left:1px solid var(--border-soft);background:var(--surface);flex-direction:column;width:330px;min-width:330px;min-height:0;display:flex}.drawer-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-head strong{align-items:center;gap:6px;display:flex}.drawer-head button{color:var(--text-3);background:0 0;border:0}.drawer-note-tabs{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.drawer-note-tabs button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 9px;font-size:12px}.drawer-note-tabs button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.drawer-editor{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex}.drawer-editor input{font-size:16px;font-weight:900}.drawer-editor input,.drawer-editor textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;outline:none;padding:10px}.drawer-editor textarea{resize:none;flex:1;min-height:240px}.drawer-editor span{color:var(--text-3);font-size:12px}.flash .bubble,.flash .file-bubble{animation:3.2s flash}.role-rule-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:12px 0;display:grid}.role-rule-grid.large{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.role-rule-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:14px;flex-direction:column;gap:5px;padding:10px;display:flex}.role-rule-card strong{text-transform:capitalize}.role-rule-card span,.role-rule-card small{color:var(--text-2);font-size:12px;line-height:1.35}.role-rule-card small{color:var(--text-3)}.role-select{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:6px 9px}.role-badge.owner{color:#fff;background:#111827}.role-badge.admin,.role-badge.teacher{background:var(--warn-bg);color:var(--warn-text)}.role-badge.moderator{color:#26215c;background:#eeedfe}.role-badge.viewer{background:var(--surface-3);color:var(--text-2)}.daily-layout{flex:1;grid-template-columns:minmax(320px,1fr) 310px;gap:14px;min-height:0;display:grid}.daily-frame-shell{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;min-height:520px;padding:10px}.daily-frame-holder{height:100%;min-height:500px;position:relative}.daily-empty{border:1px dashed var(--border);background:var(--surface-2);text-align:center;height:100%;min-height:500px;color:var(--text-2);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.daily-empty svg{color:var(--accent)}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-actions select,.inline-actions button,.meeting-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 12px;font-weight:800}.inline-actions .primary{background:var(--accent);color:#fff;border-color:var(--accent)}.detail-list{color:var(--text-2);flex-direction:column;gap:8px;margin:10px 0;font-size:13px;display:flex}.meeting-setup-note{color:var(--warn-text);background:var(--warn-bg);border-radius:8px;margin-top:4px;padding:5px 7px;display:block}.security-note.warn{background:var(--warn-bg);color:var(--warn-text)}.space-settings-panel .settings-card textarea{resize:vertical}.space-settings-panel .settings-card input,.space-settings-panel .settings-card textarea,.space-settings-panel .settings-card select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;outline:none;padding:10px}.role-matrix-card{grid-column:1/-1}@media (width<=920px){.app-topbar span{display:none}.sidebar{width:78px;min-width:78px}.sidebar .sidebar-name,.sidebar .sidebar-section,.sidebar .footer-user,.sidebar .sidebar-search input,.sidebar .sidebar-badge{display:none}.sidebar-search{justify-content:center}.brand{font-size:0}.brand .brand-mark,.brand svg{font-size:18px}.tabbar{overflow-x:auto}.tab{justify-content:center;min-width:68px}.tab svg{display:none}.chat-notes-drawer{z-index:30;width:min(360px,92vw);position:absolute;top:0;bottom:56px;right:0;box-shadow:-20px 0 60px #0000002e}.bubble-stack{max-width:82%}.daily-layout{grid-template-columns:1fr}.meeting-side{order:-1}.profile-card{flex-direction:row}.settings-grid{grid-template-columns:1fr}.calendar-panel,.tasks-panel,.members-panel,.settings-panel,.meeting-panel{overflow:auto}.e2ee-strip{align-items:flex-start}.e2ee-keybar{flex-direction:column}.e2ee-keybar input{width:100%}}@media (width<=620px){.demo-topbar.app-topbar{display:none}.app-shell,.saas-shell{height:100vh}.sidebar{display:none}.space-header{height:50px;padding:8px 10px}.space-title h1{font-size:14px}.space-title span{font-size:11px}.tabbar{height:44px;padding:0 4px}.tab{min-width:64px;padding:8px;font-size:11px}.chat-area{padding:12px 10px}.chat-input{gap:5px;padding:8px}.chat-input input{padding:10px}.chat-input .icon-button{padding:6px}.bubble-stack{max-width:88%}.file-bubble{width:100%;min-width:0}.daily-frame-shell,.daily-frame-holder,.daily-empty{min-height:430px}.meeting-hero{flex-direction:column;align-items:flex-start}.inline-actions{width:100%}.inline-actions button,.inline-actions select{flex:1;min-width:130px}}.app-shell,.saas-shell{height:100vh}.tm{vertical-align:super;margin-left:2px;font-family:Arial,Helvetica,sans-serif;font-size:.42em;font-weight:900}.brand-word{letter-spacing:.01em;text-transform:lowercase;font-family:Oi,Georgia,serif;font-weight:400}.button-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;text-decoration:none;display:inline-flex}.button-link.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button-link.outline{background:var(--surface);color:var(--accent);border-color:var(--accent)}.salesforce-style-page{background:linear-gradient(180deg,#fff,var(--surface-2));min-height:100vh;color:var(--text);padding:0;overflow:auto}:root[data-theme=dark] .salesforce-style-page{background:linear-gradient(180deg,#0f172a,var(--bg))}.marketing-strip{color:#fff;text-align:center;background:#032d60;padding:10px 16px;font-size:13px;font-weight:900}.salesforce-nav{z-index:20;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;max-width:none;margin:0;padding:14px clamp(16px,4vw,56px);position:sticky;top:0}:root[data-theme=dark] .salesforce-nav{background:#111a2beb}.marketing-brand{color:#032d60;gap:10px;font-size:27px}.marketing-brand .brand-mark{color:#fff;background:linear-gradient(135deg,#0b5cab,#35a7ff);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 24px #0b5cab3d}:root[data-theme=dark] .marketing-brand{color:var(--text)}.marketing-links{color:#032d60;gap:22px;font-size:14px;font-weight:900;display:flex}.marketing-links a:hover{color:var(--accent)}:root[data-theme=dark] .marketing-links{color:var(--text)}.sf-hero{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:42px;max-width:1220px;margin:0 auto;padding:70px 20px 50px;display:grid}.sf-hero-copy h1{letter-spacing:-.04em;color:#032d60;margin:18px 0 0;font-size:clamp(40px,6vw,72px);line-height:.96}.sf-hero-copy h1 .brand-word{letter-spacing:0;font-size:.92em;display:inline-block}:root[data-theme=dark] .sf-hero-copy h1{color:var(--text)}.sf-hero-copy p{color:var(--text-2);max-width:680px;font-size:19px;line-height:1.58}.sf-hero-art{background:radial-gradient(circle at 20% 20%,#dff2ff,#0000 32%),linear-gradient(145deg,#eaf7ff,#fff);border:1px solid #d7e3f0;border-radius:22px;min-height:500px;padding:22px;position:relative;overflow:hidden;box-shadow:0 22px 60px #032d6021}:root[data-theme=dark] .sf-hero-art{background:radial-gradient(circle at 20% 20%,#38c98b29,transparent 32%),linear-gradient(145deg,var(--surface-2),var(--surface));border-color:var(--border-soft)}.cloud{background:#fff;border:1px solid #d7e3f0;border-radius:999px;position:absolute;box-shadow:0 12px 26px #032d601a}.cloud-one{width:128px;height:46px;top:34px;left:24px}.cloud-two{width:168px;height:56px;top:74px;right:30px}:root[data-theme=dark] .cloud{background:var(--surface);border-color:var(--border)}.sf-workspace-preview{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-template-columns:132px minmax(0,1fr);display:grid;position:absolute;inset:116px 44px 38px;overflow:hidden;box-shadow:0 18px 50px #032d6026}.sf-mini-sidebar{background:var(--surface-2);border-right:1px solid var(--border-soft);flex-direction:column;gap:10px;padding:15px;display:flex}.sf-mini-sidebar span{border:1px solid var(--border-soft);background:var(--surface);min-height:34px;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:900;overflow:hidden}.sf-mini-sidebar span.active{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.sf-mini-main{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.sf-mini-header{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:10px;min-height:50px;padding:10px 12px;display:flex}.sf-mini-header strong{color:var(--text)}.sf-mini-header span{color:var(--text-3);text-align:right;font-size:11px}.sf-preview-screen{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.sf-mini-bubble{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:16px;gap:4px;width:78%;padding:10px 12px;display:grid}.sf-mini-bubble strong{font-size:12px}.sf-mini-bubble span{color:var(--text-2);font-size:12px}.sf-mini-bubble.blue{background:#e8f5ff;border-color:#b9ddf7}.sf-mini-bubble.right{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));align-self:flex-end}.sf-mini-file,.sf-file-card,.sf-preview-note,.sf-role-row{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:13px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.sf-file-card strong{color:var(--text);font-size:12px;display:block}.sf-file-card span{color:var(--text-3);font-size:11px;display:block}.sf-preview-note{background:var(--accent-bg);color:var(--accent);font-weight:800}.sf-role-row{color:var(--text);font-weight:800}.sf-meeting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sf-meeting-grid div{color:#fff;background:#111827;border-radius:12px;place-items:center;min-height:74px;font-size:12px;font-weight:900;display:grid}.sf-mini-tabs{background:var(--accent-bg);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:auto;padding:9px;display:grid}.sf-mini-tabs button{color:var(--accent);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:9px 6px;font-weight:900;display:flex}.sf-mini-tabs button.active{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));box-shadow:0 6px 18px #0000000f}.sf-mini-tabs span{font-size:11px}.sf-section{max-width:1220px;margin:0 auto;padding:64px 20px}.sf-section h2{letter-spacing:-.03em;text-align:center;color:#032d60;max-width:860px;margin:0 auto 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}:root[data-theme=dark] .sf-section h2{color:var(--text)}.section-intro{text-align:center;color:var(--text-2);max-width:760px;margin:0 auto 32px;font-size:17px;line-height:1.58}.sf-feature-grid .feature-card{border-radius:8px;min-height:190px}.sf-value-band{background:#eef7ff;border-block:1px solid #d7e3f0;max-width:none}:root[data-theme=dark] .sf-value-band{background:var(--surface-2);border-color:var(--border-soft)}.sf-value-band>*{max-width:1220px}.sf-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1220px;margin:0 auto;display:grid}.sf-metric{background:var(--surface);border:1px solid var(--border-soft);text-align:center;border-radius:8px;padding:22px;box-shadow:0 10px 25px #032d6012}.sf-metric strong{color:#032d60;margin-bottom:8px;font-size:33px;line-height:1;display:block}:root[data-theme=dark] .sf-metric strong{color:var(--text)}.sf-metric span{color:var(--text-2);font-size:14px;line-height:1.45}.ownership-section{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:28px;display:grid}.ownership-section h2{text-align:left;margin-left:0}.ownership-section p{color:var(--text-2);font-size:17px;line-height:1.6}.ownership-list{gap:12px;display:grid}.ownership-list span{background:var(--surface);border:1px solid var(--border-soft);color:#032d60;border-radius:8px;padding:15px 16px;font-weight:900;box-shadow:0 10px 26px #032d600f}:root[data-theme=dark] .ownership-list span{color:var(--text)}@media (width<=980px){.marketing-links{display:none}.sf-hero,.ownership-section{grid-template-columns:1fr}.sf-hero-art{min-height:460px}.sf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.salesforce-nav{gap:14px}.marketing-actions{justify-content:flex-end}.feature-grid.sf-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.marketing-strip{font-size:12px}.salesforce-nav{flex-direction:column;align-items:flex-start}.marketing-actions,.hero-buttons{align-items:stretch;width:100%}.marketing-actions button,.marketing-actions .button-link,.hero-buttons button,.hero-buttons .button-link{justify-content:center;width:100%}.sf-hero{padding-top:38px}.sf-hero-art{min-height:430px}.sf-workspace-preview{grid-template-columns:88px 1fr;left:14px;right:14px}.sf-mini-sidebar{padding:10px}.sf-mini-sidebar span{padding:8px 7px;font-size:10px}.sf-mini-header{flex-direction:column}.sf-metrics,.feature-grid.sf-feature-grid{grid-template-columns:1fr}.sf-mini-tabs span{display:none}}.avatar-lg{width:64px;height:64px;font-size:20px}.profile-card{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid!important}.profile-card .avatar-lg{box-shadow:0 0 0 4px var(--surface-2)}.profile-card h2{font-size:20px}.profile-card p{word-break:break-word}.profile-card .avatar-upload-btn{white-space:nowrap}.file-bubble-actions{align-items:center;gap:6px;display:flex}.file-bubble .note-button,.file-bubble .download-button{flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.file-note-hint{background:var(--warn-bg);border-radius:999px;align-items:center;gap:4px;width:max-content;margin-top:3px;padding:2px 7px;font-weight:800;color:var(--warn-text)!important;display:inline-flex!important}.chat-file-note-popover{width:min(340px,92vw);margin-top:8px;position:relative}.chat-file-note-popover .note-modal-card{width:100%;position:relative;top:auto;right:auto;box-shadow:0 12px 34px #0000001f}.chat-file-note-popover .note-modal-card:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;top:-7px;left:28px;transform:rotate(45deg)}.meeting-launch-card strong{color:var(--text);font-size:22px}.meeting-launch-card span{max-width:460px;line-height:1.5}.launch-actions{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.launch-actions small{color:var(--text-3);font-weight:800}.meeting-launch-card .primary{align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.green-note{background:var(--green-bg)!important;color:var(--green-text)!important}.danger-zone-card{background:linear-gradient(180deg,var(--surface),#b91c1c09);border-color:#b91c1c38}.danger-zone-card h3{color:var(--danger-text)}.space-settings-panel .settings-card label{color:var(--text-2);font-size:12px;font-weight:800}.space-settings-panel .settings-card .security-note{margin-top:4px}@media (width<=700px){.profile-card{grid-template-columns:auto 1fr!important}.profile-card .avatar-upload-btn,.profile-card .danger-outline{grid-column:1/-1;justify-content:center}.profile-card .avatar-lg{width:56px;height:56px}.file-bubble-actions{flex-direction:column}.chat-file-note-popover{width:100%}}html:has(.salesforce-style-page){height:auto;overflow:auto}body:has(.salesforce-style-page){height:auto;overflow:auto}#root:has(.salesforce-style-page){height:auto;min-height:100vh}.salesforce-style-page{height:100vh;overflow:hidden auto}.marketing-brand{font-size:34px}.marketing-brand .brand-word,.footer-brand .brand-word{line-height:1}.marketing-actions button,.hero-buttons button,.button-link,.send-button,.primary,.calendar-nav button,.meeting-link,.inline-actions button,.inline-actions select,.meeting-actions button,.role-select,.role-badge,.admin-note,.avatar-upload-btn,.post-as button,.subtabs button,.filter-pills button,.drawer-note-tabs button,.modal-action-row button:not(.primary),.e2ee-strip button,.e2ee-keybar button,.chat-input input,.e2ee-keybar input,.timeline-head span,.reaction-chips button,.collab-badge{border-radius:8px}.cal-day{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000}.cal-day:hover{border-color:var(--accent);background:var(--surface-2)}.cal-day.selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:900}.cal-day.selected:after{background:#fff}.member-row{align-items:center;position:relative}.member-row .avatar{font-size:13px;line-height:1;overflow:hidden;border-radius:50%!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}.member-row .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.member-row .presence-dot{border-width:2px;width:12px;height:12px;margin:0;position:absolute;top:39px;left:42px}.depth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1160px;margin:0 auto;display:grid}.depth-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;flex-direction:column;gap:10px;min-height:190px;padding:18px;display:flex;box-shadow:0 8px 26px #0000000a}.depth-card svg{color:var(--accent)}.depth-card strong{color:var(--text);font-size:16px}.depth-card p{color:var(--text-2);margin:0;line-height:1.5}.marketing-footer{border-top:1px solid var(--border-soft);max-width:1220px;color:var(--text-2);justify-content:space-between;align-items:center;gap:18px;margin:18px auto 0;padding:28px 20px 42px;display:flex}.marketing-footer p{margin:0;line-height:1.5}.marketing-footer div:last-child{flex-wrap:wrap;gap:10px;display:flex}.marketing-footer a,.marketing-footer button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 12px;font-weight:800}@media (width<=900px){.depth-grid{grid-template-columns:1fr 1fr}.marketing-footer{flex-direction:column;align-items:flex-start}.marketing-footer div:last-child{width:100%}.marketing-footer a,.marketing-footer button{text-align:center;flex:1}}@media (width<=640px){.depth-grid{grid-template-columns:1fr}.marketing-brand{font-size:30px}}.marketing-actions button.outline{background:var(--surface);color:var(--accent);border-color:var(--accent)}.sf-feature-grid .feature-card,.depth-card{position:relative;overflow:hidden}.sf-feature-grid .feature-card:before,.depth-card:before{content:"";background:#ffffff6b;border-radius:999px;width:96px;height:96px;position:absolute;top:-34px;right:-34px}.sf-feature-grid .feature-card svg,.depth-card svg{background:#fff;border-radius:12px;width:42px;height:42px;padding:10px;box-shadow:0 10px 24px #032d601a}.sf-feature-grid .feature-card:first-child,.depth-card:first-child{background:#eaf4ff;border-color:#b9dcff}.sf-feature-grid .feature-card:nth-child(2),.depth-card:nth-child(2){background:#eafaf2;border-color:#bfe9d2}.sf-feature-grid .feature-card:nth-child(3),.depth-card:nth-child(3){background:#fff4df;border-color:#f3d79d}.sf-feature-grid .feature-card:nth-child(4),.depth-card:nth-child(4){background:#f1edff;border-color:#d5c9ff}.depth-card:nth-child(5){background:#ffeef5;border-color:#ffc9dc}.depth-card:nth-child(6){background:#eef8ff;border-color:#c8e7fb}.contact-section{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:start;gap:22px;display:grid}.contact-copy{background:linear-gradient(135deg,#eaf4ff,#f8fbff);border:1px solid #cde6ff;border-radius:18px;padding:24px;box-shadow:0 12px 34px #032d6014}.contact-copy h2{text-align:left;margin-left:0}.contact-copy p{color:var(--text-2);font-size:16px;line-height:1.6}.contact-form-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;gap:12px;padding:18px;display:grid;box-shadow:0 18px 44px #032d601a}.contact-form-card label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);gap:6px;font-size:12px;font-weight:900;display:grid}.contact-form-card input,.contact-form-card textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-transform:none;letter-spacing:0;border-radius:8px;outline:none;padding:11px 12px;font-weight:500}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.contact-form-card textarea{resize:vertical;min-height:130px}.contact-status{color:var(--accent-text);background:var(--accent-bg);border-radius:8px;margin:0;padding:9px 10px;font-weight:800}.hp-field{display:none!important}@media (width<=900px){.contact-section{grid-template-columns:1fr}.contact-copy h2{text-align:left}}.vibrant-use-cases{padding-top:34px}.industry-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1220px;margin:0 auto;display:grid}.industry-card{color:#fff;background:linear-gradient(#6f2cf4 0%,#9d6ef2 100%);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:360px;padding:46px 42px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #2e1b5c33}.industry-card:before{content:"";background:#ffffff24;border-radius:999px;width:230px;height:230px;position:absolute;inset:auto -60px -110px auto}.industry-card:nth-child(2){background:linear-gradient(#6748f2 0%,#a879ef 100%)}.industry-card:nth-child(3){background:linear-gradient(#602fe8 0%,#a77af1 100%)}.industry-card h3{letter-spacing:-.04em;color:#fff;margin:0 0 26px;font-size:clamp(34px,4.2vw,52px);line-height:1.16}.industry-card p{color:#fffffff0;max-width:330px;margin:0;font-size:20px;line-height:1.45}.industry-card-bottom{z-index:1;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.industry-card-bottom button{color:#fff;background:0 0;border:0;padding:0;font-size:19px;font-weight:900;text-decoration:underline}.industry-icon{color:#0b5cab;background:#fff;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;box-shadow:0 16px 36px #3f237338}.industry-card:nth-child(2) .industry-icon{color:#0b6aa8}.industry-card:nth-child(3) .industry-icon{color:#a96a00}.image-showcase-section{grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);align-items:center;gap:26px;display:grid}.image-showcase-copy{background:linear-gradient(135deg,#fff7df,#fff);border:1px solid #f0dca7;border-radius:20px;padding:26px;box-shadow:0 14px 36px #8560121a}.image-showcase-copy h2{text-align:left;margin-left:0}.image-showcase-copy p{color:var(--text-2);font-size:16px;line-height:1.6}.pexels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pexels-card{background:#111827;border-radius:18px;min-height:240px;position:relative;overflow:hidden;box-shadow:0 16px 36px #032d6024}.pexels-card img{object-fit:cover;filter:saturate(1.08);width:100%;height:100%;min-height:240px;display:block}.pexels-card:after{content:"";background:linear-gradient(#0000 42%,#111827c7);position:absolute;inset:0}.pexels-card span{z-index:1;color:#fff;font-weight:900;position:absolute;bottom:14px;left:14px;right:14px}.demo-page-section{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:center;gap:28px;display:grid}.demo-page-copy{background:linear-gradient(135deg,#eef8ff,#f7edff);border:1px solid #d8e4ff;border-radius:20px;padding:28px;box-shadow:0 16px 40px #5040961a}.demo-page-copy h2{text-align:left;margin-left:0}.demo-page-copy p{color:var(--text-2);font-size:17px;line-height:1.6}.demo-stage{background:linear-gradient(135deg,#07152d,#123a70);border-radius:24px;grid-template-columns:170px minmax(0,1fr);gap:14px;padding:18px;display:grid;box-shadow:0 22px 58px #032d6038}.demo-sidebar{flex-direction:column;gap:10px;display:flex}.demo-sidebar button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:9px;padding:13px;font-weight:900;display:flex}.demo-sidebar button.active{color:#123a70;background:#fff}.demo-screen-card{background:#fff;border-radius:18px;flex-direction:column;gap:14px;min-height:360px;padding:16px;display:flex}.demo-screen-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.demo-screen-head strong{color:#032d60;font-size:20px}.demo-screen-head span{background:var(--green-bg);color:var(--green-text);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:900}.demo-screen-body{gap:10px;display:grid}.demo-action-row{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:13px;font-weight:800;display:flex}.demo-action-row svg{color:var(--accent)}.demo-screen-footer{justify-content:flex-end;gap:10px;margin-top:auto;display:flex}.demo-screen-footer button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:10px 13px;font-weight:900}.demo-screen-footer .primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=980px){.industry-card-grid,.image-showcase-section,.demo-page-section{grid-template-columns:1fr}.pexels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-stage{grid-template-columns:1fr}.demo-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demo-sidebar button{justify-content:center}.demo-sidebar button span{display:none}}@media (width<=680px){.industry-card-grid,.pexels-grid{grid-template-columns:1fr}.industry-card{min-height:320px;padding:34px 28px}.industry-icon{width:78px;height:78px}.demo-screen-head,.demo-screen-footer{flex-direction:column}.demo-screen-footer button{width:100%}}.owner-lock-card{border:1px solid var(--border-soft);background:var(--accent-bg);color:var(--accent-text);border-radius:12px;flex-direction:column;gap:3px;padding:12px;display:flex}.owner-lock-card span{font-size:12px;line-height:1.45}.role-permission-table{border:1px solid var(--border-soft);background:var(--surface);border-radius:14px;overflow:auto}.role-permission-head,.role-permission-row{grid-template-columns:180px repeat(11,minmax(96px,1fr));min-width:1240px;display:grid}.role-permission-head{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.role-permission-head span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);text-align:center;padding:10px 8px;font-size:11px;font-weight:900}.role-permission-head span:first-child{text-align:left}.role-permission-row{border-bottom:1px solid var(--border-soft)}.role-permission-row:last-child{border-bottom:0}.role-name-cell{border-right:1px solid var(--border-soft);flex-direction:column;justify-content:center;gap:3px;padding:11px 10px;display:flex}.role-name-cell strong{color:var(--text)}.role-name-cell small{color:var(--text-3);font-size:11px;line-height:1.35}.permission-toggle{border-right:1px solid var(--border-soft);min-height:58px;color:var(--text-2);justify-content:center;align-items:center;gap:7px;padding:8px;font-size:12px;font-weight:900;display:flex}.permission-toggle:last-child{border-right:0}.permission-toggle input{width:18px;height:18px;accent-color:var(--accent)}.permission-toggle:has(input:checked){background:var(--green-bg);color:var(--green-text)}.permission-toggle:has(input:disabled){opacity:.58}.demo-app-card{padding:10px}.demo-app-shell{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;grid-template-columns:150px minmax(0,1fr);min-height:420px;display:grid;overflow:hidden}.demo-app-sidebar{background:var(--surface-2);border-right:1px solid var(--border-soft);flex-direction:column;gap:9px;padding:14px 10px;display:flex}.demo-app-sidebar .brand-word{color:#032d60;margin-bottom:6px;font-size:20px}.demo-app-sidebar span{background:var(--surface);border:1px solid var(--border-soft);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:9px 8px;font-size:11px;font-weight:900;overflow:hidden}.demo-app-sidebar span.active{background:var(--accent-bg);color:var(--accent)}.demo-app-main{background:var(--surface);flex-direction:column;min-width:0;display:flex}.demo-app-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:11px 14px;display:flex}.demo-app-header div{flex-direction:column;gap:2px;display:flex}.demo-app-header strong{color:var(--text);font-size:16px}.demo-app-header span{color:var(--text-3);font-size:12px}.demo-app-pill{background:var(--green-bg);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-weight:900;color:var(--green-text)!important;display:inline-flex!important}.demo-app-tabs{border-bottom:1px solid var(--border-soft);align-items:flex-end;gap:0;height:42px;padding:0 8px;display:flex;overflow:hidden}.demo-app-tabs span{color:var(--text-3);border-bottom:3px solid #0000;padding:11px 11px 8px;font-size:12px;font-weight:900}.demo-app-tabs span.active{color:var(--accent);border-bottom-color:var(--accent)}.demo-chat-view,.demo-files-view,.demo-roles-view,.demo-space-view{background:linear-gradient(180deg,var(--surface),var(--surface-2));flex-direction:column;gap:10px;min-height:300px;padding:14px;display:flex}.demo-chat-row{align-items:flex-end;gap:8px;display:flex}.demo-chat-row.mine{flex-direction:row-reverse}.demo-avatar{background:var(--green-bg);width:30px;height:30px;color:var(--green-text);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.demo-avatar.blue{background:var(--accent-bg);color:var(--accent-text)}.demo-bubble{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px 14px 14px 4px;max-width:74%;padding:8px 10px}.demo-chat-row.mine .demo-bubble{background:var(--accent-bg);border-color:#bdd9f3;border-radius:14px 14px 4px}.demo-bubble strong{color:var(--text-2);font-size:11px}.demo-bubble p{color:var(--text);margin:3px 0 0;line-height:1.4}.demo-file-bubble,.demo-file-row{border:1px solid var(--border-soft);background:var(--surface);border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.demo-file-bubble div,.demo-file-row div{flex-direction:column;flex:1;min-width:0;display:flex}.demo-file-bubble strong,.demo-file-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-file-bubble span,.demo-file-row span{color:var(--text-3);font-size:11px}.demo-file-row button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:8px;padding:6px 9px;font-weight:900}.demo-input-placeholder{border:1px dashed var(--border);background:var(--surface);color:var(--text-3);border-radius:12px;align-items:center;gap:7px;margin-top:auto;padding:11px;font-weight:900;display:flex}.demo-pdf-preview{border:1px solid var(--border);background:#fff;border-radius:12px;gap:8px;margin-top:auto;padding:12px;display:grid}.demo-pdf-preview strong{color:#a32d2d}.demo-pdf-preview span{color:var(--text-3);font-size:12px}.demo-pdf-preview div{background:var(--surface-3);border-radius:8px;height:8px}.demo-pdf-preview div:nth-child(3){width:85%}.demo-pdf-preview div:nth-child(4){width:72%}.demo-pdf-preview div:nth-child(5){width:48%}.demo-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.demo-role-grid span{border:1px solid var(--border-soft);background:var(--surface);color:var(--text-2);border-radius:12px;flex-direction:column;gap:3px;padding:10px;font-size:12px;display:flex}.demo-role-grid strong{color:var(--text)}.demo-space-image{min-height:120px;color:var(--accent);text-align:center;background:linear-gradient(135deg,#eaf4ff,#f1edff);border:1px solid #d7e3f0;border-radius:14px;place-items:center;margin-top:auto;font-weight:900;display:grid}.demo-space-image span{color:var(--text-2);font-size:12px;display:block}@media (width<=680px){.demo-app-shell{grid-template-columns:1fr}.demo-app-sidebar{display:none}.demo-app-pill{display:none!important}.demo-role-grid{grid-template-columns:1fr}.demo-bubble{max-width:86%}}.page-shell,.app-shell,.saas-shell{width:100vw;max-width:none}.chat-security-card{grid-column:1/-1}.compact-security-row{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.compact-security-row span{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-2);border-radius:8px;padding:7px 9px;font-size:12px;font-weight:900}.e2ee-strip.compact{background:var(--surface-2);color:var(--text-2);padding:7px 14px}.chat-input button:disabled,.chat-input input:disabled,.voice-rec:disabled{opacity:.55;cursor:not-allowed}.chat-lock-gate{background:var(--surface);border:1px solid var(--border);width:min(420px,92%);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;align-self:center;align-items:center;gap:10px;margin:auto;padding:20px;display:flex}.chat-lock-gate input{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;padding:11px}.demo-route-page .app-shell{height:100vh}.invite-page{background:linear-gradient(135deg,#eaf4ff,#f7edff);place-items:center;min-height:100vh;padding:18px;display:grid}.invite-card{background:var(--surface);border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex}.invite-card h1{color:#032d60;margin:0;font-size:34px}.invite-card p{color:var(--text-2);margin:0;line-height:1.5}.invite-card button:not(.primary){border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:10px 12px;font-weight:900}.invite-summary{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:12px;gap:5px;padding:12px;display:grid}.invite-summary strong{color:var(--accent);font-size:20px}