@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#f2f3f8;font-synthesis:none;--panel:#121318;--line:#292b35;--muted:#8b8f9e;--quiet:#656a79;--violet:#7659f7;background:#090a0e;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#090a0e;height:100vh;overflow:hidden}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #9b87ff}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{background:#0d0e13;grid-template-columns:236px minmax(0,1fr);width:100%;height:100vh;display:grid}.sidebar{z-index:30;border-right:1px solid var(--line);background:#101116;flex-direction:column;min-width:0;padding:18px 12px 14px;display:flex;position:relative}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:2px 8px 18px;font:700 18px Manrope,sans-serif;display:flex}.brand>span{background:linear-gradient(145deg,#856cff,#5f42e8);border-radius:9px;place-items:center;width:31px;height:31px;font-size:15px;display:grid;box-shadow:0 8px 26px #6448ed44}.workspace-switcher{border:1px solid var(--line);background:#17181e;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.workspace-switcher>span{color:#bdb4ff;background:#262832;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:grid}.workspace-switcher small,.workspace-switcher strong{display:block}.workspace-switcher small{color:var(--quiet);font-size:8px}.workspace-switcher strong{margin-top:2px;font-size:10px}.workspace-switcher b{color:#707483;font-size:10px}.sidebar-label,.room-list>p{color:#5f6473;letter-spacing:.14em;text-transform:uppercase;margin:24px 10px 8px;font-size:8px;font-weight:700}.sidebar nav{gap:3px;display:grid}.sidebar nav>button{color:#9da1ae;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:9px 10px;display:grid}.sidebar nav>button:hover{color:#e6e8ee;background:#16171d}.sidebar nav>button.active{color:#fff;background:linear-gradient(90deg,#28233b,#1b1b25);border-color:#2c2d3a;box-shadow:inset 2px 0 #8066ff}.sidebar nav>button>span{color:#bdb6db;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.sidebar nav strong,.sidebar nav small{display:block}.sidebar nav strong{font-size:10px;font-weight:600}.sidebar nav small{color:#676b7a;margin-top:2px;font-size:8px}.sidebar nav button.active small{color:#8f89a5}.room-list{margin-top:4px}.room-list>p{margin-top:20px}.room-list button{color:#c6c9d2;text-align:left;background:#15161c;border:1px solid #0000;border-radius:8px;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;width:100%;padding:10px;font-size:10px;display:grid}.room-list i{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #4ade80aa}.room-list small{color:#737786;font-size:8px}.room-list .voice-live{background:#201d31;border-color:#725af066}.profile{border-top:1px solid #20222b;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:13px 8px 0;display:grid}.profile>span,.avatars span{color:#101116;border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.profile>span{border:2px solid #282a34;width:31px;height:31px}.profile strong,.profile small{display:block}.profile strong{font-size:9px}.profile small{color:var(--quiet);margin-top:3px;font-size:7px}.profile b{color:#656977;font-size:9px}.workspace{min-width:0;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0f1015f5;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.mobile-menu{display:none}.page-heading>p{color:#727685;align-items:center;gap:7px;margin:0 0 5px;font-size:8px;display:flex}.page-heading>p span{color:#9b8cf5}.page-heading>p b{color:#484b57}.title-row{align-items:center;gap:8px;display:flex}.title-row h1{margin:0;font:600 18px Manrope,sans-serif}.room-menu{color:#606574;background:0 0;border:0;padding:2px 6px;font-size:10px}.top-actions{align-items:center;gap:12px;display:flex}.connection{color:#8e92a0;text-transform:capitalize;align-items:center;gap:7px;font-size:9px;display:flex}.connection:before{content:"";background:#fbbf24;border-radius:50%;width:6px;height:6px}.connection.live:before{background:#4ade80;box-shadow:0 0 7px #4ade80}.connection.offline:before{background:#fb7185}.avatars{align-items:center;padding-left:6px;display:flex}.avatars span{border:2px solid #111218;width:28px;height:28px;margin-left:-7px}.avatars b{color:#a7aab5;background:#292b35;border:2px solid #111218;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-6px;font-size:8px;display:grid}.history-button,.share{border-radius:7px;padding:8px 12px;font-size:9px;font-weight:600}.history-button{color:#bec1cb;background:#191a21;border:1px solid #323440}.share{background:linear-gradient(145deg,#8268ff,#684ce6);border:1px solid #8067ff;box-shadow:0 7px 22px #6448ed33}.content-grid{grid-template-columns:minmax(0,1fr) 304px;height:calc(100vh - 76px);display:grid}.stage{touch-action:none;background-color:#101116;background-image:radial-gradient(#353743 1px,#0000 1px);background-size:22px 22px;min-width:0;position:relative;overflow:hidden}.stage.tool-pen{cursor:crosshair}.stage.tool-note{cursor:copy}.canvas-toolbar{z-index:12;background:#181920ef;border:1px solid #30323c;border-radius:10px;align-items:center;gap:7px;padding:5px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #0008}.tool-group{gap:3px;display:flex}.tool-group>button{color:#a4a8b5;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 8px;display:flex}.tool-group>button:hover{color:#fff}.tool-group>button.active{color:#fff;background:#302947}.tool-group button>span{font-size:13px}.tool-group button>small{font-size:8px}.tool-group kbd,.save-version kbd{color:#6f7381;background:#20212a;border:1px solid #3b3d48;border-radius:4px;padding:2px 4px;font:7px Inter}.tool-divider{background:#31333d;width:1px;height:22px}.toolbar-action{color:#8e92a0;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:8px}.toolbar-action:hover:not(:disabled){color:#fff;background:#24252e}.action-feedback{z-index:13;color:#c7c9d2;background:#181920e8;border:1px solid #32343e;border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 9px;font-size:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:69px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.action-feedback>span{background:#4ade80;border-radius:50%;width:5px;height:5px}.action-feedback.idle{opacity:.62;transform:translate(-50%)translateY(-3px)}.canvas-view{position:absolute;inset:0}.ink{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-title{z-index:2;width:340px;position:absolute;top:20%;left:9%}.canvas-title>small,.eyebrow{color:#9180fb;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:700}.canvas-title h2{letter-spacing:-.045em;margin:11px 0 9px;font:600 32px/1.06 Manrope,sans-serif}.canvas-title>p{color:#8e92a0;width:310px;margin:0;font-size:10px;line-height:1.55}.canvas-title>div{gap:7px;margin-top:16px;display:flex}.canvas-title>div span{color:#777b8a;text-transform:uppercase;background:#17181ed9;border:1px solid #2e3039;border-radius:999px;padding:5px 7px;font-size:7px}.flow-line{z-index:0;pointer-events:none;border:1px dashed #3a3d48;position:absolute}.flow-line span{background:#17181f;border:1px solid #6f7589;border-radius:50%;width:6px;height:6px;position:absolute}.flow-one{border-bottom:0;border-left:0;border-radius:0 28px 0 0;width:22%;height:17%;top:41%;right:19%}.flow-one span{bottom:-3px;right:-3px}.flow-two{border-top:0;border-right:0;border-radius:0 0 0 28px;width:17%;height:17%;bottom:14%;right:34%}.flow-two span{bottom:-3px;left:-3px}.sticky{z-index:3;-webkit-user-select:none;user-select:none;border:1px solid #ffffff20;border-radius:5px;width:145px;min-height:124px;padding:10px 11px 9px;transition:box-shadow .16s,transform .16s;position:absolute;transform:rotate(-1deg);box-shadow:0 15px 34px #0009}.sticky:nth-of-type(2n){transform:rotate(1.2deg)}.sticky:hover{z-index:6;transform:rotate(0)translateY(-2px);box-shadow:0 20px 44px #000b}.sticky.dragging{z-index:8;cursor:grabbing;opacity:.92;transform:rotate(0)scale(1.02)}.sticky header,.sticky footer{justify-content:space-between;align-items:center;display:flex}.sticky header>span{color:#201d2a77;font-size:7px;font-weight:800}.sticky header button{color:#211d2966;background:0 0;border:0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:15px;display:grid}.sticky header button:hover{color:#211d29;background:#00000012}.sticky textarea{resize:none;color:#17151f;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;width:100%;min-height:69px;font-size:11px;font-weight:650;line-height:1.4}.sticky footer>span{color:#fff;background:#201d2a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.sticky footer small{color:#29253088;font-size:7px}.sticky.violet{background:#aa98fa}.sticky.coral{background:#fa9589}.sticky.lime{background:#b6e77f}.sticky.sky{background:#83cfef}.sticky.just-added{z-index:7;animation:.42s cubic-bezier(.2,.9,.25,1.2) note-arrival;box-shadow:0 0 0 3px #fff6,0 18px 40px #000a}@keyframes note-arrival{0%{opacity:0;translate:0 16px;scale:.72}to{opacity:1;translate:0;scale:1}}.document-shell,.code-shell,.tasks-shell,.system-shell{background:#14151b;border:1px solid #2c2e38;border-radius:12px;position:absolute;inset:4%;overflow:hidden;box-shadow:0 22px 70px #0007}.document-shell{grid-template-rows:55px 1fr 34px;display:grid}.document-shell>header,.document-shell>footer,.code-shell>header,.code-shell>footer{border-bottom:1px solid #292b35;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.document-shell>header p{margin:0;font-size:11px;font-weight:650}.document-shell>header span{color:#676b79;font-size:8px}.document-shell>header>div:last-child{color:#777b8a;align-items:center;gap:6px;font-size:8px;display:flex}.document-shell>header b{color:#ae9fff;background:#2b273f;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.document-page{background:#191a21;border:1px solid #292b35;border-radius:7px 7px 0 0;width:min(620px,82%);margin:24px auto 0;padding:32px 42px;overflow:hidden;box-shadow:0 14px 40px #0006}.document-page textarea{resize:none;color:#e6e7ed;background:0 0;border:0;outline:0;width:100%;height:calc(100% - 30px);margin-top:15px;font:12px/1.8 Manrope,sans-serif}.document-shell>footer{color:#636776;border-top:1px solid #292b35;border-bottom:0;justify-content:flex-start;gap:18px;font-size:7px}.code-shell{background:#111218;grid-template-rows:43px 1fr 27px;display:grid}.code-shell>header>div{background:#17181f;border-right:1px solid #292b35;align-self:stretch;align-items:center;gap:8px;padding:0 12px;display:flex}.file-dot{color:#a9ddff;background:#2d5d79;border-radius:4px;place-items:center;width:20px;height:20px;font:7px DM Mono;display:grid}.code-shell header strong{font:9px DM Mono}.code-shell header small{color:#626674}.code-shell header button{color:#9fa3b0;background:#1b1c23;border:1px solid #31333e;border-radius:5px;padding:6px 9px;font-size:8px}.code-main{grid-template-columns:46px 1fr;min-height:0;padding-top:14px;display:grid}.code-main ol{color:#4f5362;text-align:right;margin:0;padding:0 12px 0 0;font:10px/1.8 DM Mono;list-style:none}.code-main textarea{resize:none;color:#acd2ff;caret-color:#a28fff;tab-size:2;background:0 0;border:0;outline:0;width:100%;height:100%;font:10px/1.8 DM Mono}.code-shell>footer{color:#656978;border-top:1px solid #292b35;border-bottom:0;justify-content:flex-end;gap:14px;font-size:7px}.code-shell>footer span:first-child{color:#aa9cfa;margin-right:auto}.tasks-shell{padding:24px;overflow:auto}.tasks-shell>header{justify-content:space-between;align-items:flex-end;display:flex}.tasks-shell>header h2,.system-shell>header h2{letter-spacing:-.035em;margin:8px 0 0;font:600 24px Manrope}.tasks-shell>header button{background:#6f55e9;border:1px solid #745cf0;border-radius:7px;padding:8px 11px;font-size:8px;font-weight:700}.kanban{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;margin-top:22px;display:grid}.kanban>section{background:#111218;border:1px solid #292b35;border-radius:9px;min-height:360px;padding:10px}.kanban section>header{justify-content:space-between;align-items:center;padding:3px 3px 10px;display:flex}.kanban section>header>div{align-items:center;gap:7px;display:flex}.status-dot{background:#8b8f9e;border-radius:50%;width:6px;height:6px}.status-dot.in-progress{background:#fbbf24}.status-dot.ready{background:#4ade80}.kanban header strong{font-size:9px}.kanban header>span{color:#8b8f9e;background:#23252d;border-radius:5px;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.kanban article{background:#191a21;border:1px solid #292b35;border-radius:7px;margin-bottom:8px;padding:11px;box-shadow:0 7px 18px #0004}.task-meta,.kanban article footer{justify-content:space-between;align-items:center;display:flex}.task-meta>small{color:#686c7a;font-size:7px}.priority{color:#989ca8;text-transform:uppercase;background:#2d2f37;border-radius:4px;padding:3px 5px;font-size:6px}.priority.high{color:#fb9aa9;background:#49242c}.priority.medium{color:#f3c664;background:#46391d}.priority.low{color:#76d3b6;background:#203b35}.kanban article>p{margin:10px 0 15px;font-size:10px;line-height:1.4}.kanban article footer>span{color:#fff;background:#7659f7;border-radius:50%;place-items:center;width:20px;height:20px;font-size:6px;display:grid}.kanban article footer button{color:#777b8a;background:0 0;border:0;font-size:7px}.kanban article footer button:hover{color:#fff}.add-column-task{color:#656978;background:0 0;border:1px dashed #30323d;border-radius:6px;width:100%;padding:8px;font-size:8px}.system-shell{padding:24px}.system-shell>header{position:relative}.system-shell>header>span{color:#7f8492;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;top:4px;right:0}.system-shell>header>span:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #4ade80}.diagram{height:calc(100% - 120px);min-height:310px;margin-top:10px;position:relative}.diagram>svg{width:100%;height:100%;position:absolute;inset:0}.diagram path{fill:none;stroke:#515563;stroke-width:.35px;stroke-dasharray:1.6 1}.diagram-node{z-index:2;background:#191a21;border:1px solid #333541;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:130px;min-height:94px;padding:12px;display:flex;position:absolute;box-shadow:0 14px 32px #0007}.diagram-node>span{color:#927cff}.diagram-node strong{margin-top:5px;font-size:10px}.diagram-node small{color:#6d7180;margin-top:3px;font-size:7px}.diagram-node i{color:#59cf8b;text-transform:uppercase;margin-top:8px;font-size:6px;font-style:normal}.diagram-node.sky>span{color:#5cc8f0}.diagram-node.lime>span{color:#a8f56a}.diagram-node.coral>span{color:#fb7185}.system-shell>footer{flex-wrap:wrap;gap:7px;display:flex}.system-shell>footer span{color:#777b89;border:1px solid #2b2d37;border-radius:999px;padding:6px 8px;font-size:7px}.remote-cursor{z-index:20;pointer-events:none;transition:left 80ms linear,top 80ms linear;position:absolute}.remote-cursor>span{font-size:16px;display:block;transform:rotate(-28deg)}.remote-cursor small{color:#0d0e13;border-radius:4px;width:max-content;margin:-2px 0 0 12px;padding:3px 6px;font-size:7px;font-weight:700;display:block}.activity{border-left:1px solid var(--line);background:#121318;flex-direction:column;min-width:0;padding:0 16px 14px;display:flex}.panel-tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:18px;height:48px;display:flex}.panel-tabs button{color:#686c7a;text-transform:uppercase;background:0 0;border:0;height:100%;padding:0 1px;font-size:8px;font-weight:650;position:relative}.panel-tabs button.active{color:#d7d9e1}.panel-tabs button.active:after{content:"";background:#846cff;height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-tabs button span{color:#8e7cf4;margin-left:3px}.activity-heading{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.activity-heading small{color:#6e7280;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:600}.activity-heading h2{margin:5px 0 0;font:600 13px Manrope}.activity-heading button{color:#777b89;background:#181920;border:1px solid #292b35;border-radius:6px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.comments{scrollbar-width:thin;margin-top:24px;overflow:auto}.comments article{grid-template-columns:27px 1fr;gap:10px;margin-bottom:22px;display:grid}.comments article>span{color:#111218;border-radius:50%;place-items:center;width:27px;height:27px;font-size:7px;font-weight:800;display:grid}.comments strong{font-size:9px}.comments p{color:#b3b6c1;margin:5px 0 7px;font-size:9px;line-height:1.5}.comments small{color:#626674;font-size:7px}.comment-box{background:#181920;border:1px solid #2b2d37;border-radius:9px;margin-top:auto;padding:9px}.comment-box textarea{resize:none;color:#e7e8ed;background:0 0;border:0;outline:0;width:100%;height:50px;font-size:9px}.comment-box>div{justify-content:space-between;align-items:center;display:flex}.comment-box span{color:#5d616e;font-size:7px}.comment-box button{background:#7459ed;border:0;border-radius:5px;padding:6px 10px;font-size:8px}.voice-card{background:#181920;border:1px solid #2b2d37;border-radius:9px;justify-content:space-between;align-items:center;margin-top:9px;padding:10px;display:flex}.voice-card.active{background:#1d1b29;border-color:#6e56dd88}.voice-info{align-items:center;gap:8px;display:flex}.voice-info>span{color:#4ade80}.voice-info p{margin:0}.voice-info strong,.voice-info small{display:block}.voice-info strong{font-size:8px}.voice-info small{color:#6e7280;margin-top:3px;font-size:7px}.voice-card>button{background:0 0;border:1px solid #363843;border-radius:5px;padding:5px 8px;font-size:7px}.versions-panel{flex-direction:column;flex:1;min-height:0;display:flex}.version-intro{color:#747886;margin:13px 0 18px;font-size:8px;line-height:1.5}.version-list{overflow:auto}.version-list article{border-bottom:1px solid #22242d;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.version-list article>span{color:#a998fb;background:#272431;border-radius:6px;place-items:center;width:23px;height:23px;font-size:7px;display:grid}.version-list strong,.version-list small{display:block}.version-list strong{font-size:8px}.version-list small{color:#636775;margin-top:3px;font-size:6px}.version-list p{color:#747886;margin:4px 0 0;font-size:7px}.version-list button{color:#9296a3;background:#191a21;border:1px solid #30323c;border-radius:5px;padding:5px 7px;font-size:7px}.version-empty{text-align:center;flex-direction:column;align-items:center;padding:46px 22px;display:flex}.version-empty>span{color:#7c6ae4;border:1px solid #2b2d36;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.version-empty strong{margin-top:12px;font-size:9px}.version-empty p{color:#656976;margin:6px 0 0;font-size:8px;line-height:1.5}.save-version{background:#6a50df;border:1px solid #6f57e5;border-radius:7px;justify-content:space-between;align-items:center;margin-top:auto;padding:9px 10px;font-size:8px;font-weight:650;display:flex}@media (width<=1080px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.brand{justify-content:center;padding-inline:0}.brand strong,.workspace-switcher,.sidebar-label,.sidebar nav div,.room-list,.profile div,.profile b{display:none}.sidebar nav>button{justify-content:center;padding:8px;display:flex}.sidebar nav>button>span{font-size:14px}.profile{justify-content:center;padding-inline:0;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 272px}}@media (width<=820px){.content-grid{grid-template-columns:1fr}.activity,.history-button{display:none}.document-shell,.code-shell,.tasks-shell,.system-shell{inset:3%}.canvas-title{left:6%}.kanban{grid-template-columns:repeat(3,220px);overflow-x:auto}}@media (width<=620px){body{overflow:hidden}.app-shell{grid-template-columns:1fr}.sidebar{width:min(270px,84vw);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 60px #000a}.sidebar.open{transform:translate(0)}.brand{justify-content:flex-start}.brand strong,.workspace-switcher,.sidebar-label,.sidebar nav div,.room-list,.profile div,.profile b{display:initial}.sidebar nav>button,.profile{justify-content:initial;display:grid}.workspace{width:100%}.topbar{height:68px;padding:0 12px}.mobile-menu{background:#181920;border:1px solid #2d2f39;border-radius:7px;place-items:center;width:32px;height:32px;margin-right:10px;display:grid}.page-heading{margin-right:auto}.page-heading>p{display:none}.title-row h1{font-size:15px}.room-menu,.connection,.avatars,.history-button{display:none}.share{padding:7px 10px}.content-grid{height:calc(100vh - 68px)}.canvas-toolbar{max-width:calc(100vw - 24px);top:10px}.tool-group button>small,.tool-group kbd,.toolbar-action:first-of-type{display:none}.action-feedback{white-space:nowrap;max-width:88%;top:61px}.canvas-title{width:78%;top:19%}.canvas-title h2{font-size:27px}.canvas-title>p{width:100%}.canvas-title>div{display:none}.sticky{width:122px;min-height:110px}.sticky textarea{min-height:58px;font-size:10px}.document-page{width:94%;padding:25px 22px}.tasks-shell{padding:16px}.tasks-shell>header h2{font-size:19px}.kanban{grid-template-columns:repeat(3,78vw)}.system-shell{padding:18px}.system-shell>header h2{font-size:19px}.diagram-node{width:98px;padding:8px}.diagram-node small,.system-shell>footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}