@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#172447;background:#f8faff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #0a369d;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;height:100dvh;min-height:480px;overflow:hidden;background:#f8faff}.sidebar{width:252px;flex:none;background:#fff;border-right:1px solid #e4eaf4;display:flex;flex-direction:column;z-index:4;transition:width .2s ease,transform .2s ease;overflow:hidden}.sidebar-collapsed{width:0;border-right:0}.brand-row{height:67px;display:flex;align-items:center;gap:9px;padding:0 20px;white-space:nowrap}.brand-mark{width:26px;height:26px;background:#0a369d;border-radius:6px;color:#fff;display:grid;place-items:center;font-size:19px;line-height:1}.brand-name{font-size:21px;font-weight:700;letter-spacing:-1px;color:#112453}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 17px 10px 21px;color:#8793aa;font-size:11px;font-weight:700;letter-spacing:.1em}.icon-button{border:0;background:transparent;color:#6a7792;width:27px;height:27px;display:grid;place-items:center;border-radius:5px;font-size:23px;line-height:1}.icon-button:hover{background:#edf3ff;color:#0a369d}.board-list{overflow:auto;padding:0 10px;display:flex;flex-direction:column;gap:3px}.board-entry{width:100%;border:1px solid transparent;background:transparent;border-radius:7px;text-align:left;padding:10px 9px;display:flex;gap:11px;align-items:flex-start;color:#6c7891}.board-entry:hover{background:#f5f8fd}.board-entry.active{background:#edf3ff;border-color:#dce8fd;color:#0a369d}.board-entry-icon{font-size:19px;line-height:20px;color:#94a7c7}.board-entry.active .board-entry-icon{color:#0a369d}.board-entry-main{min-width:0;display:flex;flex-direction:column;gap:3px}.board-entry-main strong{font-size:13px;font-weight:700;color:#22304d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-entry-main small{font-size:11px;color:#8995ab}.sidebar-footer{margin-top:auto;padding:18px 21px 21px;border-top:1px solid #eef1f6;color:#65748f;font-size:12px;font-weight:600;white-space:nowrap}.memory-dot{display:inline-block;width:7px;height:7px;background:#f0ad46;border-radius:50%;margin-right:5px}.footer-sub{display:block;margin:4px 0 0 16px;color:#9ba6ba;font-size:11px;font-weight:400}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:67px;flex:none;background:#fff;border-bottom:1px solid #e4eaf4;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px;z-index:3}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.topbar-actions{gap:4px}.sidebar-toggle{border:0;background:transparent;font-size:19px;color:#70809d;width:29px;height:29px;border-radius:5px}.sidebar-toggle:hover{background:#edf3ff}.breadcrumb,.slash{font-size:13px;color:#97a2b4;font-weight:500}.board-title{border:1px solid transparent;background:transparent;border-radius:5px;min-width:80px;width:min(270px,28vw);font-size:15px;font-weight:700;color:#1c2b49;padding:5px}.board-title:hover,.board-title:focus{border-color:#d2def0;background:#f9fbff;outline:none}.session-badge{font-size:10px;font-weight:700;letter-spacing:.08em;color:#5d76a0;background:#eef4ff;border:1px solid #dce8fa;border-radius:4px;padding:6px 8px;margin-right:13px;white-space:nowrap}.header-button{width:31px;height:31px;border:0;border-radius:5px;background:transparent;color:#697995;display:grid;place-items:center}.header-button:hover:not(:disabled){background:#edf3ff;color:#0a369d}.action-divider{width:1px;height:21px;background:#e5eaf2;margin:0 5px}.canvas-wrap{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab;background:#f9fbfe}.canvas-wrap:active{cursor:grabbing}.canvas-wrap[data-tool=select]{cursor:default}.canvas-wrap[data-tool=note],.canvas-wrap[data-tool=text],.canvas-wrap[data-tool=rectangle],.canvas-wrap[data-tool=ellipse]{cursor:crosshair}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#cbd5e6 1px,transparent 1px);pointer-events:none}.pixi-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pixi-host canvas{display:block}.toolbar{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#fff;border:1px solid #dce4f1;box-shadow:0 7px 24px #18345b24;border-radius:10px;padding:6px;z-index:2}.tool-button{width:38px;height:38px;border:0;background:#fff;color:#63718d;border-radius:7px;display:grid;place-items:center}.tool-button:hover{background:#f1f5fc;color:#0a369d}.tool-button.active{background:#0a369d;color:#fff;box-shadow:0 2px 7px #0a369d33}.zoom-controls{position:absolute;bottom:30px;right:24px;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #dce4f1;box-shadow:0 5px 20px #18345b17;border-radius:7px;padding:3px;z-index:2}.zoom-controls button{height:28px;min-width:28px;border:0;background:transparent;color:#687a98;border-radius:4px;display:grid;place-items:center}.zoom-controls button:hover{background:#edf3ff;color:#0a369d}.zoom-controls .zoom-label{font-size:11px;font-weight:700;width:46px;color:#415576}.canvas-editor{position:absolute;z-index:3;resize:none;overflow:auto;border:0;outline:0!important;background:transparent;color:#51617f;font-family:DM Sans,Arial,sans-serif;font-weight:500;padding:0;white-space:pre-wrap}.canvas-editor.text-editor{color:#172447;font-weight:600}.canvas-editor::selection{background:#abc7ff}.inspector{width:225px;flex:none;background:#fff;border-left:1px solid #e4eaf4;padding:17px 18px;z-index:4;display:flex;flex-direction:column}.inspector-heading{display:flex;justify-content:space-between;align-items:center;color:#8996ac;font-size:11px;font-weight:700;letter-spacing:.1em}.inspector h2{font-size:16px;letter-spacing:-.02em;margin:22px 0 20px}.inspector-rule{height:1px;background:#eef1f6;margin:0 0 20px}.field-label{color:#7c89a2;font-size:12px;font-weight:600;margin-bottom:12px}.swatches{display:flex;gap:9px;margin-bottom:24px}.swatch{width:25px;height:25px;border:1px solid #cad4e3;border-radius:5px}.swatch.chosen{outline:2px solid #0a369d;outline-offset:2px}.size-row{display:flex;gap:10px;color:#9aa5b8;font-size:12px;margin-bottom:21px}.size-row span{background:#f7f9fd;border:1px solid #edf1f6;border-radius:5px;padding:8px 10px;flex:1}.size-row strong{color:#344666;margin-left:8px}.inspector-edit{border:1px solid #cddbf1;background:#fff;color:#0a369d;border-radius:6px;height:35px;font-size:12px;font-weight:700}.inspector-edit:hover{background:#f0f5fe}.inspector-delete{border:0;background:transparent;color:#8b97ad;font-size:12px;margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px 2px}.inspector-delete:hover{color:#ba3350}@media(max-width:850px){.sidebar{position:absolute;left:0;top:0;bottom:0;width:252px;box-shadow:7px 0 22px #24416816}.sidebar-collapsed{transform:translate(-100%);width:252px}.inspector{position:absolute;right:12px;top:79px;width:190px;box-shadow:0 8px 28px #16345b1f;border:1px solid #e4eaf4;border-radius:9px}.inspector-delete{margin-top:20px}.toolbar{bottom:16px}.zoom-controls{bottom:70px;right:12px}.session-badge{display:none}}@media(max-width:560px){.topbar{padding:0 10px}.topbar-left{gap:5px}.breadcrumb,.slash{display:none}.board-title{width:40vw}.topbar-actions{gap:0}.action-divider{display:none}.toolbar{padding:4px;gap:1px}.tool-button{width:34px;height:36px}.zoom-controls{right:10px}}.board-entry-select{flex:none;border:0;background:transparent;padding:0;color:inherit;display:grid;place-items:center;width:21px;height:23px;border-radius:4px}.board-entry-select:hover{background:#e4edff}.board-entry-title{width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:4px;padding:1px 2px;margin:-2px;font-size:13px;font-weight:700;color:#22304d;white-space:nowrap;text-overflow:ellipsis}.board-entry-title:hover,.board-entry-title:focus{border-color:#cbdaf2;background:#fff;outline:none}.topbar{position:relative}.share-button{height:32px;border:1px solid #cad8ef;border-radius:6px;background:#fff;color:#0a369d;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-right:10px}.share-button:hover{background:#edf3ff}.share-popover{position:absolute;right:16px;top:57px;width:min(340px,calc(100vw - 32px));background:#fff;border:1px solid #dce4f1;border-radius:9px;box-shadow:0 15px 40px #1b36602e;padding:19px;z-index:10}.share-popover strong{font-size:15px}.share-popover p{font-size:12px;line-height:1.5;color:#65748f;margin:9px 0 16px}.share-popover input{width:100%;height:36px;border:1px solid #d4def0;background:#f8faff;color:#415474;border-radius:5px;padding:0 9px;font-size:12px}.share-popover button{width:100%;height:36px;margin-top:10px;border:0;border-radius:6px;background:#0a369d;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.share-popover button:hover{background:#072978}.profile-button{display:flex;align-items:center;gap:7px;border:0;border-left:1px solid #e5eaf2;background:transparent;padding:0 0 0 12px;margin-left:7px;color:#8795ac}.profile-button span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4ecfa;color:#0a369d;font-size:12px;font-weight:700}.profile-button:hover{color:#0a369d}.sync-error{font-size:11px;color:#bb4f44;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,#092b78,#0a369d 42%,#f6f9ff 42%,#f6f9ff)}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #dce6f5;border-radius:11px;box-shadow:0 24px 70px #0b25502e;padding:34px 37px 37px}.auth-brand{font-size:24px;font-weight:700;letter-spacing:-1.1px;color:#0a369d}.auth-divider{height:1px;background:#e7edf6;margin:28px 0}.auth-card h1{font-size:29px;letter-spacing:-.05em;line-height:1.18;color:#16294f;margin:0 0 12px}.auth-card p{font-size:14px;line-height:1.55;color:#657591;margin:0 0 25px}.auth-card small{display:block;color:#9ca9bc;font-size:11px;margin-top:22px}.google-button{min-height:44px}.auth-error{color:#b94343!important;margin:11px 0 0!important}.auth-label{display:block;color:#465b7b;font-size:12px;font-weight:700;margin:0 0 7px}.auth-input{width:100%;height:42px;border:1px solid #cad7ec;border-radius:6px;padding:0 11px;color:#172447;margin-bottom:15px;font-size:15px}.auth-primary{width:100%;height:42px;border:0;border-radius:6px;background:#0a369d;color:#fff;font-size:13px;font-weight:700}.auth-primary:hover{background:#072978}.auth-identity{display:flex;align-items:center;gap:11px}.auth-landing{display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 32px}.auth-landing .brand-mark{width:44px;height:44px;font-size:31px}.auth-landing .auth-brand{font-size:30px}.auth-landing .google-button{width:100%;display:flex;justify-content:center}.auth-card:not(.auth-landing)>h1{margin-top:28px}.auth-card .auth-divider+h1{margin-top:0}@media(max-width:560px){.auth-shell{background:#f6f9ff}.auth-card{padding:28px 24px}.auth-card h1{font-size:25px}.share-button{font-size:0;gap:0;padding:0;width:31px;justify-content:center;margin-right:3px}.profile-button{padding-left:6px;margin-left:3px}.profile-button svg{display:none}.sync-error{display:none}}.remote-cursors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.remote-cursor{position:absolute;display:flex;align-items:flex-start;filter:drop-shadow(0 2px 3px #142b5140);transform:translate(-2px,-2px);transition:left 40ms linear,top 40ms linear}.remote-cursor span{margin:14px 0 0 -2px;padding:4px 7px;border-radius:3px 6px 6px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.1}.created-by{color:#8996ac;font-size:12px;margin:-8px 0 20px}.created-by strong{color:#415474;font-weight:700}.board-list{flex:1;min-height:0}.board-entry-main{flex:1}.board-entry-main small{white-space:nowrap}.template-section{flex:none;border-top:1px solid #eef1f6;padding:14px 10px 12px}.template-heading{padding:0 11px 9px;color:#8793aa;font-size:11px;font-weight:700;letter-spacing:.1em}.template-button{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #dce6f5;border-radius:7px;background:#f8faff;color:#60708d;text-align:left}.template-button:hover{border-color:#b9cae8;background:#eef4ff;color:#0a369d}.template-icon{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:5px;background:#e6eeff;color:#0a369d;font-size:17px}.template-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.template-copy strong{color:#22304d;font-size:12px}.template-copy small{font-size:10px;color:#8290a8}.retro-sort-button{height:32px;display:flex;align-items:center;gap:6px;border:1px solid #dce4f1;border-radius:6px;background:#fff;color:#526685;padding:0 9px;font-size:11px;font-weight:700;white-space:nowrap}.retro-sort-button:hover{background:#edf3ff;color:#0a369d}.retro-type{width:100%;min-height:36px;border:1px solid #cddbf1;border-radius:6px;background:#fff;color:#324767;padding:0 7px;font-size:12px;margin:-3px 0 20px}.vote-actions{display:flex;gap:7px;margin:-3px 0 23px}.vote-actions button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:8px 7px;border:1px solid #d7e1f0;border-radius:6px;background:#fff;color:#536783;font-size:11px;white-space:nowrap}.vote-actions button:hover,.vote-actions button.active{background:#edf3ff;border-color:#a7c0ef;color:#0a369d}.vote-actions strong{font-size:12px}@media(max-width:850px){.retro-sort-button{width:32px;padding:0;justify-content:center}.retro-sort-button span{display:none}}.vote-actions{margin-bottom:11px}.vote-voters{font-size:11px;line-height:1.45;color:#71819b;margin-bottom:7px;overflow-wrap:anywhere}.vote-voters strong{color:#415474;margin-right:4px}.inspector{overflow-y:auto}.sidebar-section-heading,.board-add{position:relative}.board-add-menu{position:absolute;top:29px;right:0;width:198px;padding:5px;background:#fff;border:1px solid #dce4f1;border-radius:8px;box-shadow:0 12px 32px #18345b29;z-index:10;letter-spacing:normal}.board-add-menu button{width:100%;height:34px;border:0;border-radius:5px;background:transparent;color:#344666;display:flex;align-items:center;gap:9px;padding:0 9px;text-align:left;font-size:12px;font-weight:600;white-space:nowrap}.board-add-menu button:hover,.board-add-menu button:focus-visible{background:#edf3ff;color:#0a369d}.template-menu-parent>button svg:last-child{margin-left:auto}.template-submenu{padding:2px 0 2px 22px;border-top:1px solid #eef1f6}.template-submenu button{color:#526685}.sidebar-toggle{display:grid;place-items:center;line-height:1;flex:none}.topbar-left{align-items:center}.toolbar-divider{width:1px;height:26px;background:#e5eaf2;align-self:center;margin:0 3px}.share-area,.profile-menu{position:relative;flex:none}.share-popover{right:0;top:40px}.share-status{display:flex;align-items:center;gap:6px;margin-top:12px;color:#5d76a0;font-size:11px;font-weight:700}.share-status-dot{width:7px;height:7px;border-radius:50%;background:#36a887}.profile-popover{position:absolute;right:0;top:39px;width:190px;padding:5px;background:#fff;border:1px solid #dce4f1;border-radius:8px;box-shadow:0 12px 32px #18345b29;z-index:10}.profile-name{padding:9px 10px 11px;color:#22304d;font-size:12px;font-weight:700;border-bottom:1px solid #e9eef6;overflow:hidden;text-overflow:ellipsis}.profile-name small{display:block;margin-top:4px;color:#8290a8;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popover button{width:100%;height:35px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#425673;text-align:left;font-size:12px}.profile-popover button:hover{background:#edf3ff;color:#0a369d}.profile-button{border-left:1px solid #e5eaf2}.share-popover p{margin:9px 0 16px}.save-indicator{display:flex;align-items:center;gap:5px;color:#7686a0;font-size:11px;white-space:nowrap;margin-right:8px}.save-indicator svg{color:#30a184}.saving-dot{width:7px;height:7px;border-radius:50%;background:#d29c4c;animation:saving-pulse 1s ease-in-out infinite alternate}@keyframes saving-pulse{to{opacity:.35}}[data-theme=dark]{color-scheme:dark;color:#e5edfc;background:#101726}[data-theme=dark] .app-shell,[data-theme=dark] .canvas-wrap{background:#101726}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .inspector,[data-theme=dark] .toolbar,[data-theme=dark] .zoom-controls,[data-theme=dark] .share-popover,[data-theme=dark] .profile-popover,[data-theme=dark] .board-add-menu{background:#182235;border-color:#2d3b53;box-shadow:0 10px 30px #050a154d}[data-theme=dark] .brand-name,[data-theme=dark] .board-entry-main strong,[data-theme=dark] .board-entry-title,[data-theme=dark] .board-title,[data-theme=dark] .inspector h2,[data-theme=dark] .profile-name,[data-theme=dark] .share-popover strong{color:#e7eeff}[data-theme=dark] .breadcrumb,[data-theme=dark] .slash,[data-theme=dark] .sidebar-section-heading,[data-theme=dark] .board-entry-main small,[data-theme=dark] .inspector-heading,[data-theme=dark] .field-label,[data-theme=dark] .size-row,[data-theme=dark] .created-by,[data-theme=dark] .share-popover p,[data-theme=dark] .profile-name small{color:#95a7c4}[data-theme=dark] .board-entry:hover,[data-theme=dark] .icon-button:hover,[data-theme=dark] .sidebar-toggle:hover,[data-theme=dark] .header-button:hover:not(:disabled),[data-theme=dark] .tool-button:hover:not(:disabled),[data-theme=dark] .zoom-controls button:hover,[data-theme=dark] .board-add-menu button:hover,[data-theme=dark] .profile-popover button:hover{background:#253651;color:#bed4ff}[data-theme=dark] .board-entry.active{background:#213757;border-color:#365075;color:#bed4ff}[data-theme=dark] .board-entry-title,[data-theme=dark] .board-title,[data-theme=dark] .tool-button,[data-theme=dark] .header-button,[data-theme=dark] .icon-button,[data-theme=dark] .sidebar-toggle,[data-theme=dark] .zoom-controls button,[data-theme=dark] .profile-button,[data-theme=dark] .board-add-menu button,[data-theme=dark] .profile-popover button{background:transparent;color:#b3c2da}[data-theme=dark] .board-entry-title:hover,[data-theme=dark] .board-entry-title:focus,[data-theme=dark] .board-title:hover,[data-theme=dark] .board-title:focus{background:#24334c;border-color:#46628d;color:#fff}[data-theme=dark] .tool-button.active{background:#3970d6;color:#fff}[data-theme=dark] .canvas-grid{background-image:radial-gradient(circle,#39465d 1px,transparent 1px)}[data-theme=dark] .toolbar-divider,[data-theme=dark] .action-divider,[data-theme=dark] .inspector-rule,[data-theme=dark] .template-submenu{border-color:#304158;background:#304158}[data-theme=dark] .profile-name,[data-theme=dark] .profile-button{border-color:#304158}[data-theme=dark] .profile-button{background:transparent}[data-theme=dark] .share-button,[data-theme=dark] .retro-sort-button,[data-theme=dark] .inspector-edit,[data-theme=dark] .retro-type,[data-theme=dark] .vote-actions button,[data-theme=dark] .size-row span,[data-theme=dark] .share-popover input{background:#202d43;border-color:#354963;color:#dce8ff}[data-theme=dark] .share-button:hover,[data-theme=dark] .retro-sort-button:hover,[data-theme=dark] .inspector-edit:hover,[data-theme=dark] .vote-actions button:hover{background:#2a3d5b;color:#fff}[data-theme=dark] .size-row strong,[data-theme=dark] .created-by strong,[data-theme=dark] .vote-voters strong,[data-theme=dark] .zoom-controls .zoom-label,[data-theme=dark] .share-status{color:#c5d7f4}[data-theme=dark] .canvas-editor.text-editor{color:#e7eeff}[data-theme=dark] .save-indicator{color:#a9b9d1}[data-theme=dark] .auth-shell{background:linear-gradient(120deg,#081632,#102753 42%,#101726 42%,#101726)}[data-theme=dark] .auth-card{background:#182235;border-color:#304158;box-shadow:0 24px 70px #050a1570}[data-theme=dark] .auth-brand,[data-theme=dark] .auth-card h1{color:#e7eeff}[data-theme=dark] .auth-card p,[data-theme=dark] .auth-label,[data-theme=dark] .auth-card small{color:#a4b6d1}[data-theme=dark] .auth-input{background:#202d43;border-color:#354963;color:#e7eeff}[data-theme=dark] .auth-divider{background:#304158}@media(max-width:560px){.toolbar{max-width:calc(100vw - 16px)}.tool-button{width:32px}.board-add-menu{right:0}[data-theme=dark] .auth-shell{background:#101726}}