:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#253047;background:#f7f6f2;font-synthesis:none;--paper:#fff;--bg:#f7f6f2;--ink:#253047;--muted:#818592;--line:#e8e7e3;--blue:#315fe8;--soft:#edf1ff;--dot:#d6d7d9;--shadow:0 5px 24px #29334b0c}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #92aaff;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #a8baff}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;padding:31px 21px;background:#faf9f6;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:800;margin-bottom:55px}.brand img{width:40px;height:40px;border-radius:12px}.brand-number{color:var(--blue);margin-left:4px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#95959d;margin:0 10px 17px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;padding:13px 12px;border-radius:9px;text-align:left;font-size:13px;font-weight:600;margin-bottom:5px}.nav-item.active{background:#e9edfc;color:#3458cb}.count{margin-left:auto;background:white;padding:2px 7px;border-radius:5px;font-size:11px}.nav-item:hover{background:#f0efeb}.sidebar-bottom{margin-top:auto;padding:0 9px}.sidebar-bottom p{font-size:11px;line-height:1.7;color:#94959e}.sidebar-bottom .nav-item{padding-left:0;margin-top:24px}.free-label{font-size:12px;font-weight:600}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4d9a7a;margin-right:5px;vertical-align:middle}.dashboard{margin-left:238px;padding:0 52px 35px;max-width:1600px}.dash-top{height:91px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#888d96;border-bottom:1px solid var(--line)}.profile{display:flex;align-items:center;gap:10px;font-size:12px}.profile-circle{width:31px;height:31px;border-radius:50%;background:#e9dece;display:grid;place-items:center;font-weight:700;color:#6d5840}.profile svg{width:14px}.welcome{display:flex;justify-content:space-between;align-items:center;min-height:355px;gap:20px;padding:37px 0 47px}.blue{color:#5974bd;margin-left:0;font-size:10px;margin-bottom:15px}h1{font-size:clamp(34px,3.2vw,49px);letter-spacing:-2px;line-height:1.13;margin:0 0 18px;font-weight:700}h1 span{color:#8490a2}.welcome p{font-size:13px;color:#8a8d98;line-height:1.8;margin:0 0 23px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:600;box-shadow:0 3px 7px #315fe81a}.primary:hover{background:#234ed2}.large{padding:14px 18px}.keycap{font-size:10px;display:inline-grid;place-items:center;height:18px;width:18px;border-radius:4px;background:#ffffff21;margin-left:22px}.welcome-art{width:350px;height:250px;position:relative;flex-shrink:0;margin-right:20px}.mini-sheet{position:absolute;width:224px;height:208px;top:13px;left:0;background:white;box-shadow:0 12px 35px #2530470c;border:1px solid #e8e8e4;border-radius:10px;padding:20px;transform:rotate(-7deg)}.mini-sheet svg{height:104px;width:100%;overflow:visible;font:italic 12px Georgia;fill:#4163b5;margin-top:6px}.mini-subject{font-size:10px;color:#999da6}.formula{font:italic 23px Georgia;color:#355cbe;margin-top:13px}.mini-note{position:absolute;right:0;top:94px;background:#f7d88e;width:160px;height:132px;transform:rotate(9deg);box-shadow:0 9px 25px #73643918;padding:20px 15px;font-size:13px;line-height:1.6;color:#73613d}.mini-note span{display:block;font-size:27px;margin:7px 8px;text-align:right;color:#ad8340}.art-cursor{position:absolute;bottom:3px;left:98px;font-size:10px;border-radius:5px;background:#315fe8;color:#fff;padding:5px 9px}.art-cursor svg{position:absolute;top:-20px;left:-13px;fill:#315fe8;stroke:#fff;width:25px;height:25px}.art-spark{position:absolute;top:10px;right:41px;font-size:39px;color:#f4a464;transform:rotate(13deg)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:30px 0 24px}.section-head h2{font-size:19px;letter-spacing:-.5px;margin:0 0 8px}.section-head h2 span{font-size:12px;margin-left:6px;color:#9298a1;font-weight:500}.section-head p{font-size:12px;margin:0;color:#9296a1}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:7px;color:#a0a4ae}.search input{border:0;background:none;outline:none;font-size:12px;width:150px}.search svg{width:16px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.board-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}.board-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #2433490a}.board-preview{height:155px;display:grid;place-items:center;width:100%;background-color:#f5f7fa;background-image:radial-gradient(#ccd2e2 1px,transparent 1px);background-size:15px 15px;position:relative;overflow:hidden}.board-preview svg{width:100%;height:100%}.board-preview .board-big{font-size:35px;font-weight:800;color:#315fe8;opacity:.6}.board-caption{padding:17px 17px 18px;display:flex;gap:10px;align-items:center}.board-caption h3{font-size:13px;font-weight:600;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;max-width:220px;white-space:nowrap}.board-caption p{font-size:10px;color:#9b9da6;margin:0}.board-caption>div{min-width:0;flex:1}.board-more{align-self:center;color:#959aa4;padding:6px}.board-card.new{border:1px dashed #d6d8df;min-height:220px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#818998}.new-icon{height:43px;width:43px;background:#eeefef;display:grid;place-items:center;border-radius:11px}.new strong{font-size:12px;font-weight:600}.new small{font-size:10px;color:#a3a5ac}.home-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:27px;font-size:10px;color:#939ba4}.text-btn{color:var(--blue);font-size:12px;padding:5px 0}.paper{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:7px;padding:7px;flex-shrink:0}.icon-btn:hover{background:var(--soft)}.icon-btn img{width:30px;height:30px;border-radius:8px}.icon-btn.active{color:var(--blue);background:var(--soft)}#editor{position:fixed;inset:0;overflow:hidden;background:var(--bg)}#canvasWrap{position:absolute;inset:0;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:24px 24px;touch-action:none;user-select:none}#canvas{width:100%;height:100%;display:block;touch-action:none}#canvasWrap.grid-off{background-image:none}#world>g{cursor:inherit}#world text{user-select:none}#canvasWrap[data-tool=pen],#canvasWrap[data-tool=rect],#canvasWrap[data-tool=arrow],#canvasWrap[data-tool=ellipse]{cursor:crosshair}#canvasWrap[data-tool=hand]{cursor:grab}#canvasWrap[data-tool=eraser]{cursor:cell}.board-top{position:absolute;top:18px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;gap:15px;pointer-events:none}.board-top>*{pointer-events:auto}.board-title-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow)}.title-divider{width:1px;height:26px;background:var(--line);margin:0 2px}.title-stack{min-width:130px;max-width:300px}#boardName{font-size:12px;font-weight:650;padding:1px 0 4px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#saveStatus{font-size:9px;color:var(--muted);display:block}#saveStatus.busy{color:#bc7f36}#saveStatus.error{color:#c65050}.board-right{display:flex;align-items:center;gap:10px}#people{display:flex;align-items:center;padding-left:6px}.person{width:29px;height:29px;border:2px solid var(--paper);margin-left:-7px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.person-more{background:#949cae}#tools{position:absolute;left:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:6px;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}#tools button{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#6d7787}#tools button:hover{background:var(--soft)}#tools button.active{background:var(--blue);color:white}.tool-separator{height:1px;background:var(--line);margin:5px 3px}.bottom-left,.bottom-right{position:absolute;bottom:19px;display:flex;gap:10px;align-items:center}.bottom-left{left:19px}.bottom-right{right:19px}.history,.properties,.zoom{display:flex;align-items:center;padding:4px}.properties{gap:5px}#colors{display:flex;gap:5px;padding-left:5px}.swatch{height:19px;width:19px;border-radius:50%;border:2px solid transparent;padding:0}.swatch.active{outline:2px solid #9eadd0;outline-offset:2px}input[type=color]{width:23px;height:27px;border:0;background:none;padding:0;cursor:pointer}input[type=range]{width:55px;accent-color:var(--blue)}.property-divider{height:23px;width:1px;background:var(--line);margin:0 5px}.stroke-label{display:flex;align-items:center;gap:5px}.stroke-label svg{width:14px;color:var(--muted)}select{padding:5px;border:0;background:var(--paper);font-size:11px}#zoomReset{width:55px;font-size:11px;font-variant-numeric:tabular-nums}#welcomeBoard{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;max-width:400px;width:70%}.welcome-doodle{font-size:49px;color:#c4cde1;line-height:1;margin-bottom:20px}#welcomeBoard h2{font-size:22px;letter-spacing:-.6px;color:#6a758b;font-weight:600;margin:0 0 12px}#welcomeBoard p{font-size:13px;line-height:1.8;color:#9aa2af}#welcomeBoard button{pointer-events:auto;margin-top:9px;font-size:11px}#welcomeBoard button svg{width:15px}#cursorLayer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cursor{position:absolute;transition:transform .1s linear;display:flex;align-items:start;gap:2px}.cursor svg{width:18px;height:23px;stroke:white;fill:var(--cursor-color)}.cursor span{color:#fff;font-size:10px;padding:4px 7px;border-radius:5px;background:var(--cursor-color);margin-top:18px;white-space:nowrap}#selectionActions{position:absolute;top:83px;left:50%;transform:translateX(-50%);display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}#selectionActions button{padding:8px;font-size:11px;border-radius:6px}#selectionActions button:hover{background:var(--soft)}#selectionActions svg{width:16px;height:16px}#viewOnly{position:absolute;bottom:25px;left:25px;padding:10px 14px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted)}#dropOverlay{position:absolute;inset:12px;border:3px dashed var(--blue);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:#edf1fff0;color:var(--blue);z-index:8}#dropOverlay svg{width:60px;height:60px}#dropOverlay h2{font-size:24px;margin-bottom:0}dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 110px #17243c40;padding:26px;width:min(480px,calc(100vw - 30px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1b263c40;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.modal-head h2{font-size:21px;letter-spacing:-.6px;margin:0}dialog p{font-size:13px;color:var(--muted);line-height:1.7}dialog label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.field{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:13px;margin-bottom:15px}.modal-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end}.secondary{border:1px solid var(--line);border-radius:8px;padding:11px 15px;font-size:12px;background:var(--paper)}.secondary:hover{background:var(--soft)}.share-row{display:flex;gap:8px;margin:12px 0}.share-row input{min-width:0;margin:0;flex:1}.share-role{display:flex;gap:8px;margin-bottom:16px}.share-role button{flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.share-role .active{background:var(--soft);border-color:#b5c6fc;color:var(--blue)}.menu-list{display:grid;gap:6px}.menu-list button{padding:12px;border-radius:8px;text-align:left;font-size:13px}.menu-list button:hover{background:var(--soft)}.menu-list svg{margin-right:10px}.danger{color:#be4f4f}.shortcut{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.shortcut kbd{color:var(--muted);font-family:inherit}.textarea{min-height:180px;resize:vertical;line-height:1.6}#toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,15px);background:#253047;color:white;padding:12px 19px;border-radius:10px;box-shadow:0 8px 40px #0002;font-size:12px;max-width:min(550px,90vw);opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
body.dark{--bg:#202631;--paper:#2b3341;--ink:#e0e7f3;--muted:#a2adbf;--line:#3a4352;--soft:#38476a;--dot:#404959;color:var(--ink)}body.dark #world text{color:#253047}body.dark .sidebar{background:#222936}body.dark .dashboard{background:var(--bg)}body.dark .board-preview{background-color:#343d4e;background-image:radial-gradient(#505a70 1px,transparent 1px)}body.dark .search{background:var(--paper)}body.dark .count{background:var(--paper)}
@media(min-width:1500px){.dashboard{padding-left:75px;padding-right:75px}.welcome{min-height:395px}.welcome-art{margin-right:70px;transform:scale(1.08)}.board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:200px;padding:25px 14px}.dashboard{margin-left:200px;padding:0 28px 25px}.welcome-art{width:285px;transform:scale(.85);transform-origin:right center;margin-right:0;margin-left:-35px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-left{bottom:65px}.properties{max-width:calc(100vw - 140px)}.board-top{top:12px;left:12px;right:12px}}
@media(max-width:720px){.sidebar{position:relative;inset:auto;width:100%;height:74px;border-right:0;border-bottom:1px solid var(--line);padding:12px 20px;flex-direction:row;align-items:center;gap:10px}.sidebar .brand{margin:0;font-size:22px}.sidebar .brand img{width:34px;height:34px}.sidebar .eyebrow,.sidebar-bottom,.sidebar .active{display:none}.sidebar .nav-item{width:auto;margin:0 0 0 auto;font-size:11px;padding:8px;gap:5px}.dashboard{margin:0;padding:0 22px 25px}.dash-top{height:58px;font-size:10px}.profile{font-size:11px}.welcome{padding-top:34px;min-height:290px}.welcome-art{display:none}h1{font-size:40px}.welcome p{font-size:12px}.section-head{padding-top:24px;flex-wrap:wrap}.search{width:100%}.search input{width:100%}.board-grid{gap:12px}.board-preview{height:120px}.board-caption{padding:12px}.board-caption h3{font-size:12px;max-width:115px}.board-caption p{font-size:9px}.board-card.new{min-height:190px}.home-bottom{gap:15px;align-items:start;font-size:9px}.home-bottom .text-btn{font-size:10px;padding:0;text-align:right}.board-title-box{gap:4px;padding:4px;border-radius:10px}.title-stack{min-width:80px;max-width:140px}.title-divider{margin:0 3px}.board-top .primary{padding:11px}.board-top .primary span:not([data-icon]){display:none}.board-right{gap:5px}#people{display:none}#themeToggle{display:none}#tools{left:9px;padding:4px;gap:1px}#tools button{width:33px;height:34px}#tools .tool-separator{margin:2px}#welcomeBoard{left:55%;width:70%}#welcomeBoard h2{font-size:19px}#welcomeBoard p{font-size:12px}.bottom-left{left:9px;bottom:61px;gap:6px}.properties{gap:4px;max-width:none;padding:4px}.properties .stroke-label{display:none}#colors{gap:5px;padding:0}.swatch{width:17px;height:17px}.history{padding:3px}.icon-btn{width:31px;height:32px;padding:6px}.bottom-right{bottom:12px;right:10px;gap:6px}.properties .property-divider{display:none}.properties #fontControl{display:none}#selectionActions{top:75px;max-width:90%;white-space:nowrap}.zoom{padding:3px}.board-top{left:9px;right:9px;top:10px}#boardName{font-size:11px}#saveStatus{font-size:8px}#boardMenu{width:24px}#viewOnly{left:10px;bottom:65px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.call-btn{display:flex;align-items:center;gap:8px;background:var(--paper);font-size:11px;padding:10px 13px;box-shadow:var(--shadow)}.call-btn.in-call{background:#e7f3ed;color:#367a58;border-color:#bad9c8}#callControls{position:absolute;top:81px;right:19px;display:flex;align-items:center;gap:8px;padding:6px 7px 6px 13px;font-size:11px}#callStatus{color:var(--muted);max-width:180px}.hangup{background:#e45252;color:white;border-radius:7px;padding:8px;display:grid;place-items:center}.hangup svg{width:18px;height:18px;transform:rotate(135deg)}#muteButton.muted{color:#d25656;background:#f9e7e7}#muteButton.muted:after{content:'';position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-45deg)}@media(max-width:720px){.call-btn{padding:9px}.call-btn span{display:none}#callControls{right:10px;top:75px;font-size:10px;gap:5px}#callStatus{max-width:135px}}