@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Martian+Mono:wght@500;700;800&family=Silkscreen:wght@400;700&display=swap');
:root{--ink:#233044;--muted:#8490a2;--line:#e5e9f0;--surface:#fff;--bg:#f6f8fb;--accent:#5d65f5;--accent-dark:#4e56e7;--shadow:0 14px 40px rgba(32,49,78,.10);--grid-size:28px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 22px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);z-index:30}.brand-area,.topbar-actions{display:flex;align-items:center}.brand-mark{width:25px;height:25px;display:flex;align-items:flex-end;gap:3px;padding:3px;background:#eef0ff;border-radius:7px}.brand-mark span{width:5px;border-radius:4px;background:var(--accent);display:block}.brand-mark span:nth-child(1){height:9px;opacity:.75}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px;opacity:.55}.brand-name{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.05em;font-size:17px;margin-left:9px;color:#2e3a51}.crumb-divider{height:22px;width:1px;background:var(--line);margin:0 18px}.board-name-button{font-size:13px;font-weight:600;color:#344258;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:9px}.board-name-button:hover{background:#f2f4f8}.chevron{font-size:16px;color:#9ba5b3;margin-top:-3px}.saved-state{color:#9aa4b3;font-size:11px;margin-left:8px;display:flex;gap:6px;align-items:center}.saved-state i,.live-dot{width:6px;height:6px;border-radius:100%;background:#5bcc95;display:inline-block;box-shadow:0 0 0 3px rgba(91,204,149,.12)}.topbar-actions{gap:13px}.presence-stack{display:flex;align-items:center;margin-right:2px}.presence-avatar,.profile-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;border:2px solid #fff;box-shadow:0 2px 6px rgba(42,54,79,.15)}.presence-stack .presence-avatar{margin-left:-7px}.presence-stack .presence-avatar:first-child{margin-left:0}.presence-avatar.me,.profile-avatar{background:linear-gradient(145deg,#6f6af6,#5c5be8)}.presence-avatar.lime{background:linear-gradient(145deg,#9ccf62,#63a96b)}.presence-avatar.coral{background:linear-gradient(145deg,#f39b83,#d66d7c)}.presence-more{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#68748a;background:#eef1f5;border:2px solid #fff;margin-left:-7px}.icon-button{width:31px;height:31px;border-radius:8px;color:#7d899b;display:grid;place-items:center}.icon-button:hover{background:#f1f3f8;color:#3f4d64}.icon{font-size:16px}.share-button{background:var(--accent);color:#fff;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700;box-shadow:0 4px 10px rgba(93,101,245,.25);transition:.2s}.share-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.share-button span{font-size:15px;margin-right:4px}.profile-avatar{width:30px;height:30px;font-size:11px;margin-left:2px}.workspace{flex:1;display:flex;min-height:0}.left-rail{width:72px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px 15px;z-index:20}.rail-group{display:flex;flex-direction:column;align-items:center;gap:6px}.rail-tool{width:46px;height:42px;border-radius:10px;color:#7c8797;position:relative;display:grid;place-items:center;transition:.15s}.rail-tool:hover{background:#f4f5fb;color:#555ee9}.rail-tool.active{color:#525be9;background:#eceeff;box-shadow:inset 0 0 0 1px #dfe2ff}.rail-tool small{display:none;position:absolute;right:4px;bottom:3px;font-size:8px;color:#9199a7}.tool-glyph{display:block;position:relative}.cursor-glyph{width:0;height:0;border-top:12px solid transparent;border-bottom:5px solid transparent;border-left:11px solid currentColor;transform:rotate(-18deg);filter:drop-shadow(1px 1px 0 #fff)}.hand-glyph{font-size:19px;line-height:1}.sticky-glyph{width:16px;height:16px;border-radius:3px;background:currentColor;box-shadow:4px 4px 0 -1px #fff,5px 5px 0 0 currentColor;transform:rotate(-4deg)}.text-glyph{font-family:Georgia,serif;font-size:18px;font-weight:700}.shape-glyph{width:16px;height:16px;border:2px solid currentColor;border-radius:4px;transform:rotate(4deg)}.pen-glyph{font-size:24px;line-height:1;transform:rotate(-14deg)}.connector-glyph{font-size:21px}.frame-glyph{width:17px;height:15px;border:2px solid currentColor;border-radius:2px;box-shadow:4px 3px 0 -1px #fff,4px 3px 0 0 currentColor}.comment-glyph{font-size:17px}.help-glyph{border:1.5px solid currentColor;width:17px;height:17px;border-radius:50%;font-size:12px;line-height:15px}.keyboard-glyph{font-size:18px}.rail-separator{width:26px;height:1px;background:var(--line);margin:7px 0}.board-region{flex:1;position:relative;min-width:0;overflow:hidden;background:#f7f9fc}.board-toolbar{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:15}.toolbar-pill{display:flex;align-items:center;gap:2px;padding:5px;background:rgba(255,255,255,.94);border:1px solid rgba(222,228,238,.9);box-shadow:var(--shadow);border-radius:10px}.mini-tool{height:30px;width:30px;border-radius:7px;font-size:15px;color:#7a8798;font-weight:600}.mini-tool:hover{background:#f1f3fa;color:#5560e7}.mini-tool.active{background:#eceeff;color:#5861ed}.toolbar-hint{font-size:11px;color:#8490a0;display:flex;gap:7px;align-items:center;background:rgba(255,255,255,.8);padding:8px 11px;border-radius:7px;box-shadow:0 3px 15px rgba(28,45,73,.04)}.canvas-viewport{position:absolute;inset:0;overflow:hidden;cursor:default}.canvas-world{position:absolute;left:50%;top:50%;width:2800px;height:1800px;transform:translate(-50%,-50%) scale(1);transform-origin:center center;transition:transform .25s ease}.grid-layer{position:absolute;inset:0;background-image:radial-gradient(circle,#dbe2ec 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);opacity:.85}.connector-layer{position:absolute;inset:0;overflow:visible}.soft-connector{fill:none;stroke:#9ca7b8;stroke-width:2.2;stroke-dasharray:6 7;opacity:.75}.canvas-label{position:absolute;letter-spacing:.18em;font-size:10px;font-weight:700;color:#aab3c2}.label-main{left:245px;top:140px}.label-side{left:1170px;top:76px}.board-item{position:absolute;z-index:2;user-select:none;transition:box-shadow .15s,transform .15s}.board-item.selected{box-shadow:0 0 0 2px var(--accent),0 0 0 5px rgba(93,101,245,.14)!important}.board-item.note{padding:21px 19px 17px;border-radius:3px;box-shadow:0 10px 20px rgba(51,65,91,.13),0 2px 4px rgba(51,65,91,.08);cursor:move}.board-item.note:hover,.board-item.card:hover{box-shadow:0 14px 26px rgba(51,65,91,.18)}.note.yellow{background:#fff0a9}.note.pink{background:#ffd9e3}.note.lavender{background:#e4dcff}.note.blue{background:#c9e9f5}.note.green{background:#d2efc5}.note.peach{background:#ffd8bf}.item-grip{position:absolute;top:9px;left:50%;width:18px;height:3px;border-radius:2px;background:rgba(74,77,96,.14);transform:translateX(-50%)}.item-content{height:100%}.note-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:rgba(43,53,75,.52);font-weight:700;margin-bottom:8px}.note-title{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;line-height:1.18;letter-spacing:-.03em;color:#33394d}.note-body{font-size:11px;line-height:1.35;color:rgba(47,56,73,.68);margin-top:10px;max-width:190px}.item-author{position:absolute;right:12px;bottom:10px;width:18px;height:18px;border-radius:50%;font-size:8px;font-weight:700;display:grid;place-items:center;background:#6e6cf3;color:#fff;border:2px solid rgba(255,255,255,.55)}.card{background:#fff;border:1px solid #e2e7ef;border-radius:11px;box-shadow:0 10px 20px rgba(51,65,91,.08);padding:23px 24px}.card-topline{display:flex;justify-content:space-between;align-items:center}.card-label{color:#9ca6b5;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.13em}.card-status{font-size:10px;color:#5cb47d;background:#ecf8ee;padding:4px 7px;border-radius:5px}.card h3{font-family:Manrope,sans-serif;font-size:18px;line-height:1.22;letter-spacing:-.03em;margin:18px 0 24px;max-width:330px}.card-progress{height:6px;background:#edf0f4;border-radius:5px;overflow:hidden}.card-progress span{display:block;height:100%;background:#726af2;border-radius:5px}.card-meta{display:flex;justify-content:space-between;margin-top:9px;color:#939dad;font-size:10px}.card-team{display:flex;align-items:center;margin-top:22px}.tiny-avatar{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid #fff;font-size:7px;margin-left:-4px}.tiny-avatar:first-child{margin-left:0}.tiny-avatar.purple{background:#8174ed}.tiny-avatar.orange{background:#e59a67}.tiny-avatar.teal{background:#55b9b2}.card-team>span{font-size:10px;color:#98a2b0;margin-left:6px}.frame{border:1.5px solid rgba(115,127,148,.3);border-radius:7px;background:rgba(252,253,255,.18);z-index:1}.frame-title{position:absolute;top:-25px;left:1px;color:#68778d;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.frame-icon{color:#8d9bad}.frame-count{color:#9fa8b7;font-weight:500;margin-left:2px}.frame-column{position:absolute;top:55px;width:28%;height:350px;border-top:1px solid rgba(142,153,170,.18)}.column-one{left:7%}.column-two{left:37%}.column-three{left:67%}.frame-column-title{font-size:10px;color:#96a1b1;margin-top:-20px;margin-bottom:22px}.frame-line{height:8px;border-radius:4px;background:rgba(125,138,157,.13);margin-bottom:10px}.frame-line.short{width:68%}.text-block{color:#607087;font-family:Manrope,sans-serif;font-size:15px;line-height:1.35;cursor:move}.text-block strong{color:#4759d7}.quote-mark{font-family:Georgia,serif;font-size:56px;color:#bdc8d6;line-height:.5;float:left;margin-right:8px;margin-top:7px}.quote-author{font-family:'DM Sans';font-size:10px;color:#9aa6b6;margin-top:14px}.remote-cursor,.self-cursor{position:absolute;z-index:12;pointer-events:none;transition:left 1.2s ease,top 1.2s ease;filter:drop-shadow(0 3px 4px rgba(33,46,72,.16))}.cursor-shape{font-size:25px;display:inline-block;transform:rotate(-14deg);color:#f16b72;line-height:1}.cursor-name{font-size:10px;color:#fff;background:#f16b72;padding:4px 7px;border-radius:5px;margin-left:-1px;vertical-align:top;white-space:nowrap;font-weight:700}.cursor-ira{left:680px;top:440px}.cursor-ira .cursor-shape,.cursor-ira .cursor-name{color:#ed7581}.cursor-misha{left:1100px;top:680px}.cursor-misha .cursor-shape,.cursor-misha .cursor-name{color:#57b9a8}.cursor-misha .cursor-name{background:#57b9a8}.self-cursor{display:none}.bottom-bar{height:54px;position:absolute;left:88px;right:18px;bottom:16px;display:flex;align-items:center;gap:8px;z-index:15;pointer-events:none}.bottom-bar>*{pointer-events:auto}.zoom-control,.fit-button,.outline-button,.bottom-icon{height:35px;background:rgba(255,255,255,.95);border:1px solid #e3e7ef;box-shadow:0 4px 16px rgba(37,54,84,.08);border-radius:8px}.zoom-control{display:flex;align-items:center;overflow:hidden}.zoom-control button{width:31px;height:35px;color:#7b8798;font-size:18px}.zoom-control button:hover{background:#f2f4f8}.zoom-control span{font-size:11px;color:#617087;font-weight:600;min-width:44px;text-align:center}.fit-button{padding:0 13px;font-size:11px;color:#748196}.fit-button:hover,.outline-button:hover,.bottom-icon:hover{background:#f4f6fa}.bottom-spacer{flex:1}.outline-button{padding:0 13px;color:#5d65ed;font-size:11px;font-weight:700}.bottom-icon{width:35px;font-size:15px;color:#7f8a9b}.right-panel{width:268px;background:#fff;border-left:1px solid var(--line);padding:22px 18px;z-index:21;transition:width .25s ease,transform .25s ease}.panel-header{display:flex;align-items:flex-start;justify-content:space-between}.panel-kicker,.modal-kicker{font-size:9px;letter-spacing:.16em;color:#99a3b3;font-weight:800}.panel-header h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.04em;margin:4px 0 0}.panel-close{width:24px;height:24px;border-radius:6px;color:#9ca5b3;font-size:20px;line-height:20px}.panel-close:hover{background:#f1f3f8}.panel-body{margin-top:30px}.empty-selection{text-align:center;color:#8e99aa}.selection-orbit{width:70px;height:70px;border-radius:22px;background:#f6f7ff;border:1px solid #e7e9ff;margin:0 auto 21px;position:relative;transform:rotate(8deg)}.selection-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:#6b6df4}.selection-orbit span:nth-child(1){top:16px;left:17px}.selection-orbit span:nth-child(2){top:38px;left:42px;background:#91cc67}.selection-orbit span:nth-child(3){top:30px;left:23px;background:#f2a07d}.empty-selection h3{font-family:Manrope,sans-serif;color:#526078;font-size:14px;margin:0}.empty-selection p{font-size:11px;line-height:1.45;margin:9px auto 25px;max-width:190px}.hint-row{display:flex;align-items:center;gap:7px;border-top:1px solid #eff1f5;padding:11px 3px;text-align:left;font-size:10px}.hint-row>span:first-child{color:#7887a0;font-size:15px;width:17px}.hint-row kbd{margin-left:auto;font-size:9px;color:#9aa4b3;background:#f3f5f8;padding:3px 5px;border-radius:3px}.modal-backdrop{position:fixed;inset:0;background:rgba(31,42,64,.32);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:20px}.modal-backdrop.hidden{display:none}.modal{background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(31,41,65,.24);position:relative}.name-modal{width:390px;padding:34px 38px 31px;text-align:center}.modal-logo{display:flex;justify-content:center;margin-bottom:22px}.modal-kicker{color:#7a7ff0}.name-modal h1{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.06em;margin:10px 0 8px}.name-modal p,.share-modal p{color:#8792a2;font-size:12px;line-height:1.5;margin:0 auto 25px;max-width:290px}.field-label{text-align:left;display:block;font-size:10px;font-weight:700;color:#6e7a8e;margin:0 0 7px}.text-input{width:100%;height:44px;border:1px solid #dfe4ed;border-radius:8px;padding:0 13px;outline:0;color:#314056;font-size:13px;transition:.2s}.text-input:focus{border-color:#7a80f1;box-shadow:0 0 0 3px rgba(93,101,245,.1)}.primary-cta{height:44px;width:100%;background:var(--accent);color:#fff;border-radius:8px;margin-top:13px;font-size:12px;font-weight:700;box-shadow:0 5px 12px rgba(93,101,245,.2)}.primary-cta:hover{background:var(--accent-dark)}.primary-cta span{font-size:17px;margin-left:7px;vertical-align:-1px}.modal-note{font-size:10px;color:#acb4c0;margin-top:17px}.share-modal{width:438px;padding:31px 34px}.share-modal h2,.shortcuts-modal h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.05em;margin:8px 0}.share-modal p{margin:0 0 22px;max-width:none}.modal-close{position:absolute;right:18px;top:16px;color:#9ca5b3;font-size:21px}.share-link-box,.code-box{border:1px solid #e4e8f0;border-radius:10px;display:flex;align-items:center;padding:12px 13px}.share-link-box{background:#fafbfe}.link-icon{width:31px;height:31px;border-radius:8px;background:#eeefff;color:#656bf0;display:grid;place-items:center;margin-right:11px;font-size:18px}.share-link-label{font-size:9px;color:#9ba5b4;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px}.share-link{font-size:12px;font-weight:600;color:#596579}.copy-button{margin-left:auto;background:#eef0ff;color:#5b62ea;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:700}.copy-button:hover{background:#e4e6ff}.code-box{margin-top:10px;justify-content:space-between;background:#fff}.code-box strong{font-family:Manrope,sans-serif;letter-spacing:.13em;color:#3c4960;font-size:19px}.code-copy{color:#8994a5;font-size:16px}.share-members{margin-top:22px;display:flex;align-items:center;gap:8px;color:#8390a2;font-size:11px}.member-avatars{display:flex;margin-left:auto}.member-avatars .presence-avatar{margin-left:-6px}.member-count{color:#68758a;margin-left:4px;font-weight:600}.shortcuts-modal{width:390px;padding:31px 34px}.shortcut-grid{margin-top:20px;border-top:1px solid #edf0f4}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:12px;color:#6e7b8f}.shortcut-row kbd{font-size:10px;background:#f1f3f7;color:#58667b;border:1px solid #e3e7ee;border-bottom-width:2px;border-radius:5px;padding:4px 7px}.context-menu{position:fixed;z-index:70;width:190px;background:#fff;border:1px solid #e2e6ee;border-radius:9px;box-shadow:0 16px 35px rgba(37,50,78,.2);padding:6px}.context-menu.hidden{display:none}.context-menu button{width:100%;padding:8px 9px;text-align:left;font-size:11px;color:#69768a;border-radius:5px}.context-menu button:hover{background:#f3f5f9;color:#4d5b72}.context-menu .danger{color:#eb6e78}.context-divider{height:1px;background:#edf0f3;margin:5px 0}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#27334a;color:#fff;border-radius:9px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:80;box-shadow:0 8px 20px rgba(31,43,68,.2)}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast-icon{color:#8de3ad;font-weight:700}.hidden{display:none!important}@media (max-width:1100px){.right-panel{width:235px}.topbar{padding-left:14px}.presence-stack{display:none}}@media (max-width:760px){.left-rail{width:58px;padding:12px 6px}.rail-tool{width:40px}.right-panel{position:absolute;right:0;top:0;bottom:0;width:270px;box-shadow:-12px 0 28px rgba(33,47,74,.1)}.board-toolbar{top:12px}.toolbar-hint{display:none}.bottom-bar{left:70px;right:12px}.bottom-bar .fit-button span{display:none}.board-name-button{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-state{display:none}.name-modal,.share-modal,.shortcuts-modal{width:min(390px,calc(100vw - 32px))}.topbar-actions{gap:7px}.icon-button{display:none}.brand-name{font-size:15px}.crumb-divider{margin:0 8px}}
/* Canvasly / Blockparty skin: dense engineering surface inspired by the local poshta/orbit design language. */
:root{--bp-paper:#fff;--bp-paper-2:#f6f5f9;--bp-paper-3:#edebf3;--bp-rule:#c7c2d5;--bp-ink:#141019;--bp-ink-2:#544e68;--bp-ink-3:#8b849f;--bp-accent:#d4006e;--bp-accent-soft:#ffe7f3;--bp-second:#1f35c4;--bp-shadow:#dcd8e6}
html,body{background:var(--bp-paper);color:var(--bp-ink);font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-ligatures:none}button,input{font-family:inherit}
.topbar{height:60px;background:var(--bp-paper);border-bottom:1px solid var(--bp-rule);padding:0 2ch;box-shadow:none}.brand-mark{border-radius:0;background:var(--bp-accent-soft);border:1px solid var(--bp-accent);padding:3px;box-shadow:2px 2px 0 var(--bp-shadow)}.brand-mark span{background:var(--bp-accent)}.brand-name{font-family:'Martian Mono',monospace;font-size:15px;letter-spacing:-.06em;color:var(--bp-ink);text-transform:uppercase}.crumb-divider{height:16px;background:var(--bp-rule);margin:0 1.5ch}.board-name-button{border-radius:0;color:var(--bp-ink-2);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:7px 1ch}.board-name-button:hover{background:var(--bp-paper-3);color:var(--bp-accent)}.chevron{color:var(--bp-accent)}.saved-state{font-size:9px;color:var(--bp-ink-3);font-family:'Silkscreen',monospace;letter-spacing:.08em;text-transform:uppercase}.saved-state i,.live-dot{background:var(--bp-accent);border-radius:0;box-shadow:none}.topbar-actions{gap:1ch}.presence-avatar,.profile-avatar{border-radius:0;border:1px solid var(--bp-paper);box-shadow:2px 2px 0 var(--bp-shadow);font-family:'Silkscreen',monospace}.presence-avatar.me,.profile-avatar{background:var(--bp-second)}.presence-avatar.lime{background:#4f7a00}.presence-avatar.coral{background:var(--bp-accent)}.presence-more{border-radius:0;background:var(--bp-paper-3);border:1px solid var(--bp-rule);color:var(--bp-ink-2)}.icon-button{border-radius:0;color:var(--bp-ink-3)}.icon-button:hover{background:var(--bp-paper-3);color:var(--bp-accent)}.share-button{border-radius:0;background:var(--bp-accent);padding:9px 1.3ch;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 var(--bp-shadow)}.share-button:hover{background:var(--bp-ink);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bp-shadow)}
.left-rail{width:68px;background:var(--bp-paper);border-right:1px solid var(--bp-rule);padding:1.2rem 1ch}.rail-group{gap:4px}.rail-tool{width:42px;height:38px;border-radius:0;color:var(--bp-ink-3);border:1px solid transparent}.rail-tool:hover{background:var(--bp-paper-3);color:var(--bp-accent);border-color:var(--bp-rule)}.rail-tool.active{color:var(--bp-accent);background:var(--bp-accent-soft);border:1px solid var(--bp-accent);box-shadow:3px 3px 0 var(--bp-shadow)}.rail-tool small{display:block;right:4px;bottom:2px;font-family:'Silkscreen',monospace;font-size:7px;color:currentColor}.rail-separator{width:32px;background:var(--bp-rule);margin:6px 0}
.board-region{background:var(--bp-paper)}.grid-layer{background-image:linear-gradient(to right,rgba(199,194,213,.27) 1px,transparent 1px),linear-gradient(to bottom,rgba(199,194,213,.27) 1px,transparent 1px);background-size:40px 40px;opacity:.7}.board-toolbar{top:16px;gap:1.2ch}.toolbar-pill{padding:4px;border-radius:0;background:var(--bp-paper);border:1px solid var(--bp-rule);box-shadow:3px 3px 0 var(--bp-shadow)}.mini-tool{border-radius:0;color:var(--bp-ink-2);font-family:'JetBrains Mono',monospace;font-size:13px}.mini-tool:hover{background:var(--bp-paper-3);color:var(--bp-accent)}.mini-tool.active{background:var(--bp-accent-soft);color:var(--bp-accent);outline:1px solid var(--bp-accent)}.toolbar-hint{border-radius:0;border:1px solid var(--bp-rule);box-shadow:3px 3px 0 var(--bp-shadow);background:var(--bp-paper);font-family:'Silkscreen',monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--bp-ink-2)}.canvas-label{font-family:'Silkscreen',monospace;letter-spacing:.1em;color:var(--bp-accent);font-size:8px}
.board-item.note{border-radius:0;border:1px solid rgba(20,16,25,.38);padding:26px 24px 22px;box-shadow:5px 5px 0 var(--bp-shadow)}.board-item.note:hover,.board-item.card:hover{box-shadow:7px 7px 0 var(--bp-shadow)}.note.yellow{background:#fff0a9}.note.pink{background:#ffe0ef}.note.lavender{background:#e4e1ff}.note.blue{background:#d6edfb}.note.green{background:#e1f1c9}.note.peach{background:#ffe0cd}.item-grip{top:11px;width:22px;height:2px;border-radius:0;background:rgba(20,16,25,.3)}.note-eyebrow{font-family:'Silkscreen',monospace;font-size:8px;letter-spacing:.1em;color:var(--bp-accent);margin-bottom:11px}.note-title{font-family:'Martian Mono',monospace;font-size:18px;line-height:1.16;letter-spacing:-.05em;color:var(--bp-ink)}.note-body{font-size:11px;line-height:1.42;color:var(--bp-ink-2);margin-top:12px}.item-author{border-radius:0;background:var(--bp-second);border:1px solid var(--bp-paper);font-family:'Silkscreen',monospace;box-shadow:2px 2px 0 var(--bp-shadow)}
.card{border-radius:0;border:1px solid var(--bp-rule);box-shadow:5px 5px 0 var(--bp-shadow);padding:23px 24px}.card-label,.frame-column-title,.share-link-label,.property-label{font-family:'Silkscreen',monospace;letter-spacing:.1em;font-size:8px;text-transform:uppercase}.card-status{border-radius:0;color:#1b6b36;background:#e7f1df;border:1px solid #a9c58f;font-family:'Silkscreen',monospace;font-size:8px}.card h3{font-family:'Martian Mono',monospace;font-size:18px}.card-progress{border-radius:0;background:var(--bp-paper-3)}.card-progress span{border-radius:0;background:var(--bp-second)}.frame{border:1px dashed var(--bp-rule);border-radius:0;background:rgba(255,255,255,.25)}.frame-title{font-family:'Silkscreen',monospace;font-size:9px;letter-spacing:.08em;color:var(--bp-accent);text-transform:uppercase}.frame-count{font-family:'JetBrains Mono',monospace;color:var(--bp-ink-3);font-size:9px}.frame-line{height:6px;border-radius:0;background:var(--bp-paper-3);border-left:3px solid var(--bp-second)}.text-block{font-family:'Martian Mono',monospace;color:var(--bp-ink-2)}.text-block strong{color:var(--bp-accent)}.cursor-name{border-radius:0;background:var(--bp-accent);font-family:'Silkscreen',monospace;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.cursor-ira .cursor-name{background:var(--bp-accent)}.cursor-misha .cursor-name{background:var(--bp-second)}
.right-panel{width:270px;background:var(--bp-paper);border-left:1px solid var(--bp-rule);padding:22px 1.5ch}.panel-kicker,.modal-kicker{font-family:'Silkscreen',monospace;letter-spacing:.1em;color:var(--bp-accent);font-size:8px}.panel-header h2,.share-modal h2,.shortcuts-modal h2,.name-modal h1{font-family:'Martian Mono',monospace;color:var(--bp-ink)}.panel-close,.modal-close{border-radius:0;color:var(--bp-ink-3)}.panel-close:hover,.modal-close:hover{background:var(--bp-paper-3);color:var(--bp-accent)}.selection-orbit{border-radius:0;background:var(--bp-accent-soft);border:1px solid var(--bp-accent);transform:none;box-shadow:4px 4px 0 var(--bp-shadow)}.selection-orbit span{border-radius:0;background:var(--bp-accent)}.empty-selection h3{font-family:'Martian Mono',monospace;color:var(--bp-ink)}.empty-selection p{font-family:'JetBrains Mono',monospace;color:var(--bp-ink-2)}.hint-row{border-top:1px dotted var(--bp-rule);font-family:'JetBrains Mono',monospace}.hint-row kbd,.shortcut-row kbd{border-radius:0;background:var(--bp-paper-3);border:1px solid var(--bp-rule);font-family:'Silkscreen',monospace}
.bottom-bar{left:84px;right:1.5ch;bottom:1.2rem}.zoom-control,.fit-button,.outline-button,.bottom-icon{height:33px;border-radius:0;background:var(--bp-paper);border:1px solid var(--bp-rule);box-shadow:3px 3px 0 var(--bp-shadow);font-family:'JetBrains Mono',monospace}.zoom-control button{height:33px;border-radius:0;color:var(--bp-accent)}.zoom-control span{font-family:'Silkscreen',monospace;font-size:8px;color:var(--bp-ink-2)}.fit-button,.outline-button,.bottom-icon{color:var(--bp-ink-2)}.outline-button{color:var(--bp-accent);font-family:'Silkscreen',monospace;font-size:8px;text-transform:uppercase}
.modal-backdrop{background:rgba(20,16,25,.2);backdrop-filter:blur(4px)}.modal{border-radius:0;border:1px solid var(--bp-rule);box-shadow:7px 7px 0 var(--bp-shadow)}.name-modal,.share-modal,.shortcuts-modal{padding:32px 34px}.name-modal h1{font-size:24px}.name-modal p,.share-modal p{font-family:'JetBrains Mono',monospace;color:var(--bp-ink-2)}.text-input{border-radius:0;border:1px solid var(--bp-rule);font-family:'JetBrains Mono',monospace}.text-input:focus{border-color:var(--bp-accent);box-shadow:2px 2px 0 var(--bp-shadow)}.primary-cta{border-radius:0;background:var(--bp-accent);font-family:'Silkscreen',monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;box-shadow:3px 3px 0 var(--bp-shadow)}.primary-cta:hover{background:var(--bp-ink)}.share-link-box,.code-box{border-radius:0;border:1px solid var(--bp-rule)}.share-link-box{background:var(--bp-paper-2)}.link-icon{border-radius:0;background:var(--bp-accent-soft);color:var(--bp-accent)}.share-link-label{color:var(--bp-ink-3)}.share-link{font-family:'JetBrains Mono',monospace;color:var(--bp-second)}.copy-button,.code-copy{border-radius:0;background:var(--bp-accent-soft);color:var(--bp-accent);font-family:'Silkscreen',monospace;font-size:8px;text-transform:uppercase}.code-box strong{font-family:'Martian Mono',monospace;color:var(--bp-second)}.context-menu{border-radius:0;border:1px solid var(--bp-rule);box-shadow:5px 5px 0 var(--bp-shadow);padding:5px}.context-menu button{border-radius:0;font-family:'JetBrains Mono',monospace;font-size:10px}.context-menu button:hover{background:var(--bp-accent-soft);color:var(--bp-accent)}.context-divider{background:var(--bp-rule)}.toast{border-radius:0;background:var(--bp-ink);font-family:'Silkscreen',monospace;font-size:8px;text-transform:uppercase;box-shadow:4px 4px 0 var(--bp-shadow)}
.hidden{display:none!important}@media (max-width:760px){.left-rail{width:58px;padding:12px 6px}.rail-tool{width:40px}.right-panel{position:absolute;right:0;top:0;bottom:0;width:270px;box-shadow:-12px 0 28px rgba(20,16,25,.12)}.board-toolbar{top:12px}.toolbar-hint{display:none}.bottom-bar{left:70px;right:12px}.bottom-bar .fit-button span{display:none}.board-name-button{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-state{display:none}.name-modal,.share-modal,.shortcuts-modal{width:min(390px,calc(100vw - 32px))}.topbar-actions{gap:7px}.icon-button{display:none}.brand-name{font-size:15px}.crumb-divider{margin:0 8px}}