@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.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}#server-toast-host{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(92vw,560px)}.server-toast{background:#fef3c7;color:#78350f;border:1px solid #f59e0b;border-radius:8px;padding:10px 14px;box-shadow:0 6px 20px #0000001f;font-size:14px;line-height:1.35;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .18s ease}.server-toast.is-visible{opacity:1}.server-toast>strong{display:block;margin-bottom:2px}.import-link-notice{cursor:default}.import-link-notice>a{display:inline-block;margin-top:6px;color:inherit;font-weight:600;padding:4px 0;text-decoration:underline;overflow-wrap:anywhere}.import-link-dismiss{display:block;margin-top:8px;padding:2px 0;background:none;border:0;color:inherit;font:inherit;font-size:12px;opacity:.75;text-decoration:underline;cursor:pointer}:root,[data-theme=light]{--bg-color: #fafafa;--glass-bg: rgba(255, 255, 255, .85);--text-color: #1a1a1a;--border-color: #eaeaea;--brand-color: #007aff;--brand-text-color: #0062cc;--ui-text-color: #666;--danger-text-color: #d70015;--shadow: 0 4px 12px rgba(0, 0, 0, .05);--node-bg: transparent;--node-focus-bg: white;--node-hover-border: rgba(0, 0, 0, .05);--delete-btn-bg: rgba(255, 255, 255, .5);--delete-btn-hold-color: #000}[data-theme=dark]{--bg-color: #121212;--glass-bg: rgba(30, 30, 30, .85);--text-color: #e0e0e0;--border-color: #333;--brand-color: #0a84ff;--brand-text-color: #4da3ff;--ui-text-color: #aaa;--danger-text-color: #ff6961;--shadow: 0 4px 12px rgba(0, 0, 0, .5);--node-bg: transparent;--node-focus-bg: #1e1e1e;--node-hover-border: rgba(255, 255, 255, .1);--delete-btn-bg: rgba(0, 0, 0, .5);--delete-btn-hold-color: #fff}#empty-hint{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1;padding:24px;text-align:center;color:var(--ui-text-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity 2s ease,transform 2s ease,visibility 0s linear 2s}body.is-empty #empty-hint{opacity:1;transform:none;visibility:visible;transition:opacity 2s ease,transform 2s ease,visibility 0s linear 0s}.empty-hint-inner{max-width:760px;display:flex;flex-direction:column;gap:44px;align-items:center}#empty-hint h2{font-size:clamp(22px,3.6vw,30px);font-weight:600;letter-spacing:-.015em;color:var(--text-color);margin:0;opacity:.82}#empty-hint .surface-word:before{content:attr(data-light)}[data-theme=dark] #empty-hint .surface-word:before{content:attr(data-dark)}#empty-hint .empty-hint-pills{list-style:none;padding:0;margin:-24px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:8px;max-width:100%}#empty-hint .empty-hint-pills li{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-color);padding:4px 10px;border:1px solid var(--border-color);border-radius:999px;line-height:1;white-space:nowrap}@media(max-width:480px){#empty-hint .empty-hint-pills{gap:6px}#empty-hint .empty-hint-pills li{font-size:9px;letter-spacing:.06em;padding:3px 7px}}#empty-hint .pointer-verb:before{content:attr(data-hover)}@media(hover:none)and (pointer:coarse){#empty-hint .pointer-verb:before{content:attr(data-touch)}}.empty-hint-columns{display:grid;grid-template-columns:1fr 1fr;gap:72px;text-align:left;width:100%}.empty-hint-col h3{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-color);margin:0 0 18px;display:flex;align-items:center;gap:8px;min-height:24px}.empty-hint-copy-btn{pointer-events:auto;background:transparent;border:1px solid var(--border-color);color:var(--ui-text-color);width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .1s;padding:0;opacity:.9}.empty-hint-copy-btn:hover{background:var(--glass-bg);color:var(--text-color)}.empty-hint-copy-btn:active{transform:scale(.95)}.empty-hint-copy-btn.copied{color:var(--brand-color);border-color:var(--brand-color)}#copy-btn .icon-done,.empty-hint-copy-btn .icon-done,#copy-btn.copied .icon-default,.empty-hint-copy-btn.copied .icon-default{display:none}#copy-btn.copied .icon-done,.empty-hint-copy-btn.copied .icon-done{display:inline-block}#copy-btn.copied{background:#34c759}#empty-hint ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.7}#empty-hint ul strong{color:var(--text-color);font-weight:600}.empty-hint-link{pointer-events:auto;color:var(--brand-text-color);font-weight:600;text-decoration:none;white-space:nowrap;border-bottom:1px solid color-mix(in srgb,var(--brand-color) 40%,transparent);cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.empty-hint-link:hover{border-bottom-color:var(--brand-color)}.empty-hint-doodle{width:92px;height:84px;fill:none;stroke:#ff3b30;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transform:rotate(-6deg);margin-top:8px}.empty-hint-doodle path{stroke-dasharray:340;stroke-dashoffset:340}body.is-empty .empty-hint-doodle path{animation:empty-hint-doodle-draw 2.2s cubic-bezier(.4,0,.2,1) .6s forwards}@keyframes empty-hint-doodle-draw{to{stroke-dashoffset:0}}@media(max-width:600px){.empty-hint-columns{grid-template-columns:1fr;gap:32px}.empty-hint-inner{max-width:360px;gap:32px}#empty-hint .empty-hint-pills{margin-top:0}}@media(max-width:480px){.empty-hint-inner{gap:22px}#empty-hint ul{gap:10px}.empty-hint-doodle{align-self:flex-end;width:54px;height:50px;margin:-8px 24px 0 0}}#bottom-bar,.delete-btn-wrap{display:contents}.delete-btn-tip{display:none}#undo-btn,#redo-btn{position:absolute;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease;z-index:1000}#undo-btn{right:440px}#redo-btn{right:440px;display:none}html[data-history-redo] #undo-btn svg{transform:scaleX(-1)}#undo-btn:hover:not(:disabled),#redo-btn:hover:not(:disabled){background:var(--bg-color)}#undo-btn:disabled,#redo-btn:disabled{opacity:.35;cursor:not-allowed}#theme-toggle,#eraser-toggle,#lock-btn{position:absolute;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease;z-index:1000}#theme-toggle{right:24px}#lock-btn{right:84px}#eraser-toggle{right:144px}#eraser-toggle:hover,#theme-toggle:hover,#lock-btn:hover{color:var(--text-color);box-shadow:0 6px 16px #00000026;transform:scale(1.05)}#eraser-toggle:active,#theme-toggle:active,#lock-btn:active{transform:scale(.95)}#eraser-toggle.active{background:#ff3b30;color:#fff;border-color:#ff3b30}#color-picker{position:absolute;bottom:24px;right:204px;display:flex;gap:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:22px;border:1px solid var(--border-color);box-shadow:var(--shadow);z-index:1000;align-items:center}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;outline:none;padding:0}.color-btn[data-color=auto]{background-color:var(--text-color)}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--brand-color);transform:scale(1.15);box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--brand-color)}#multicolor-btn.unassigned{background:conic-gradient(from 0deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#32ade6,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30);background-origin:border-box;background-clip:border-box}#multicolor-popup{position:fixed;display:none;grid-template-columns:repeat(4,26px);gap:10px;padding:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);z-index:1100}#multicolor-popup.open{display:grid}#multicolor-popup .mc-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;outline:none;transition:transform .15s,border-color .15s}#multicolor-popup .mc-swatch:hover,#multicolor-popup .mc-swatch:focus-visible{transform:scale(1.12)}#multicolor-popup .mc-swatch.selected{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--brand-color)}@media(hover:none)and (pointer:coarse){#multicolor-btn,#multicolor-popup{display:none!important}}html[data-mode=todo] #multicolor-btn,html[data-mode=todo] #multicolor-popup{display:none!important}[data-eraser=true] #canvas{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="23" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/><circle cx="24" cy="24" r="23" fill="none" stroke="white" stroke-width="2" stroke-dasharray="4,4" stroke-dashoffset="4"/></svg>') 24 24,crosshair!important}[data-eraser=true] .text-node,[data-eraser=true] .stroke-node path{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="23" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/><circle cx="24" cy="24" r="23" fill="none" stroke="white" stroke-width="2" stroke-dasharray="4,4" stroke-dashoffset="4"/></svg>') 24 24,crosshair!important}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;overscroll-behavior:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}.text-node[contenteditable=true],.text-node-body[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.postit-touch-hint{position:fixed;transform:translate(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--ui-text-color);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2;pointer-events:none;box-shadow:var(--shadow);z-index:3500;opacity:0;transition:opacity .2s ease;white-space:nowrap;max-width:90vw}.postit-touch-hint.visible{opacity:1}:root[data-postit-discovered] .postit-touch-hint{display:none}.discovery-hint{position:fixed;top:0;left:0;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--ui-text-color);padding:5px 9px;border-radius:8px;font-size:11.5px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2;pointer-events:none;box-shadow:var(--shadow);z-index:3400;opacity:0;transition:opacity .15s ease;white-space:nowrap;max-width:90vw}.discovery-hint.visible{opacity:1}:root[data-ui-hidden=true] .discovery-hint{display:none}:root[data-ui-hidden=true] .postit-touch-hint{display:none}.touch-selection-pill{position:fixed;top:-9999px;left:-9999px;display:inline-flex;visibility:hidden;gap:4px;padding:4px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow);z-index:3600;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-selection-pill.visible{visibility:visible}.touch-selection-pill button{width:40px;height:40px;border:none;border-radius:999px;background:transparent;color:var(--ui-text-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.touch-selection-pill button:active{background:var(--border-color)}.touch-selection-pill button[data-action=delete]{color:#d1453b}#zoom-controls{display:none;position:fixed;right:14px;bottom:62px;flex-direction:column;gap:12px;z-index:1000}#zoom-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#zoom-controls button svg{width:20px;height:20px}#zoom-controls button:active{transform:scale(.95);background:var(--border-color)}#zoom-controls button:disabled{opacity:.4;cursor:default}@media(hover:none)and (pointer:coarse){#zoom-controls{display:flex}}html[data-mode=todo][data-display-mode=stitched] #zoom-controls{display:none}@media(max-width:560px){#zoom-controls{bottom:126px}}.eraser-preview{position:fixed;top:0;left:0;width:48px;height:48px;pointer-events:none;z-index:3000;opacity:0;background-size:48px 48px;background-repeat:no-repeat;transform:translate(-24px,-24px)}.eraser-preview.visible{opacity:1}.eraser-preview.eraser-mode{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><circle cx='24' cy='24' r='23' fill='none' stroke='black' stroke-width='2' stroke-dasharray='4,4'/><circle cx='24' cy='24' r='23' fill='none' stroke='white' stroke-width='2' stroke-dasharray='4,4' stroke-dashoffset='4'/></svg>")}.eraser-preview.crosshair-mode{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path d='M24 10v28M10 24h28' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M24 10v28M10 24h28' stroke='white' stroke-width='1' stroke-linecap='round'/></svg>")}.pan-preview{position:fixed;top:0;left:0;width:52px;height:52px;pointer-events:none;z-index:3000;opacity:0;transform:translate(-26px,-56px);background-size:52px 52px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='white' stroke-width='3.5'><polyline points='5 9 2 12 5 15'/><polyline points='9 5 12 2 15 5'/><polyline points='15 19 12 22 9 19'/><polyline points='19 9 22 12 19 15'/><line x1='2' y1='12' x2='22' y2='12'/><line x1='12' y1='2' x2='12' y2='22'/></g><g stroke='black' stroke-width='2'><polyline points='5 9 2 12 5 15'/><polyline points='9 5 12 2 15 5'/><polyline points='15 19 12 22 9 19'/><polyline points='19 9 22 12 19 15'/><line x1='2' y1='12' x2='22' y2='12'/><line x1='12' y1='2' x2='12' y2='22'/></g></svg>");transition:opacity .15s ease}.pan-preview.visible{opacity:.9}.anchor-hint{position:fixed;top:0;left:0;width:16px;height:16px;pointer-events:none;z-index:3000;opacity:0;transform:translate(12px,10px);color:var(--text-color);filter:drop-shadow(0 0 2px var(--bg-color)) drop-shadow(0 0 1px var(--bg-color));transition:opacity .12s ease}.anchor-hint.visible{opacity:1}.anchor-hint svg{display:block}.endpoint-halo{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;pointer-events:none;z-index:3000;opacity:0;transform:translate(-50%,-50%);background:#007aff2e;box-shadow:0 0 0 2px var(--selection-color, #007aff);transition:opacity .1s ease}.endpoint-halo.visible{opacity:1}#top-bar{align-items:center;z-index:1000}#board-url-display{font-size:12px;color:var(--ui-text-color);font-weight:500;-webkit-user-select:all;user-select:all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:4px 10px 8px;opacity:.8;cursor:pointer}#top-menu-panel{position:absolute;top:calc(100% + 8px);min-width:240px;max-width:calc(100vw - 24px);max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #0003}#top-menu-panel[hidden]{display:none}#top-menu-panel>*{flex-shrink:0}#top-menu-panel [data-todo-only]{display:none}html[data-mode=todo] #top-menu-panel [data-todo-only]{display:flex}.top-menu-sep{height:1px;margin:4px 2px;background:var(--border-color)}#canvas{transition:filter .25s ease}#canvas.deleting{filter:blur(18px);transition:filter 3.75s linear}#erased-overlay{position:fixed;inset:0;z-index:5000;background:#0000008c;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#erased-overlay[hidden]{display:none}.erased-card{background:var(--bg-color);color:var(--text-color);border:1.5px solid #ff3b30;border-radius:16px;padding:28px 32px;max-width:420px;text-align:center;box-shadow:0 20px 50px #00000040}.erased-card h1{font-size:20px;margin-bottom:18px;color:#ff3b30}.erased-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#erased-new-btn,#erased-recent-btn{background:var(--brand-color);color:#fff;border:none;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}#erased-new-btn:hover,#erased-recent-btn:hover{background:#005bb5}html:not(.boot-cover) #app-loader{display:none}#app-loader{position:fixed;inset:0;z-index:4500;display:flex;align-items:center;justify-content:center;background:var(--bg-color);transition:opacity .3s ease}.app-loader-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--brand-color);animation:app-loader-spin .8s linear infinite}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.app-loader-spinner{animation:none}}body.app-ready #app-loader{opacity:0;visibility:hidden;pointer-events:none}html:not(.boot-cover) body:not(.app-ready) #empty-hint{opacity:1;transform:none;visibility:visible;transition:none}html:not(.boot-cover) body:not(.app-ready) .empty-hint-doodle path{animation:empty-hint-doodle-draw 2.2s cubic-bezier(.4,0,.2,1) .6s forwards}html:not(.boot-cover) body:not(.app-ready) *:not(#server-toast-host *){pointer-events:none!important}html:not(.boot-cover) body:not(.app-ready) #mode-switch[hidden]{display:inline-flex}@media(hover:none)and (pointer:coarse){.mode-switch-suffix{display:none}}#restore-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#restore-overlay[hidden]{display:none}.restore-card{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:16px;padding:24px 32px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 50px #00000040}.restore-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:#0070d4;border-radius:50%;animation:restore-spin .8s linear infinite}@keyframes restore-spin{to{transform:rotate(360deg)}}.restore-label{font-size:14px;font-weight:500;white-space:nowrap}#erased-recent-btn{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}#erased-recent-btn:hover{background:#0000000d}#erased-recent-btn[hidden]{display:none}#delete-board-btn{position:fixed;bottom:30px;left:24px;width:132px;box-sizing:border-box;z-index:1000;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;background:var(--delete-btn-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--danger-text-color, #d70015);border:none;box-shadow:inset 0 0 0 1.5px #ff3b30;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;line-height:1;overflow:hidden;isolation:isolate;transition:background .2s,color .2s,transform .1s;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#delete-board-btn svg{flex-shrink:0}#feature-request-link{position:fixed;bottom:30px;left:166px;z-index:1000;display:inline-flex;align-items:center;box-sizing:border-box;min-height:28px;background:var(--delete-btn-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ui-text-color);box-shadow:inset 0 0 0 1.5px var(--border-color);padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;font-family:inherit;line-height:1;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .1s}#feature-request-link:hover{background:var(--glass-bg);color:var(--text-color)}#feature-request-link:active{transform:scale(.97)}@media(hover:none)and (pointer:coarse),(max-width:820px){#feature-request-link{display:none}}#delete-board-btn:hover{background:#ff3b3014}#delete-board-btn:active{transform:scale(.97)}#delete-board-btn.holding{background:#ff3b3014}.delete-btn-progress{position:absolute;inset:0;background:#ff3b30;transform:scaleX(0);transform-origin:left center;z-index:-1;opacity:.9;pointer-events:none}#delete-board-btn.holding .delete-btn-progress{transform:scaleX(1);transition:transform 3.75s linear}.delete-btn-label{position:relative;display:inline-block;text-align:left}.delete-btn-label:before{content:attr(data-hold);display:block;height:0;overflow:hidden;visibility:hidden;pointer-events:none;text-align:left}#delete-board-btn.holding{color:var(--delete-btn-hold-color)}#top-menu-btn{cursor:pointer;transition:background .2s,transform .1s;line-height:1;white-space:nowrap;flex-shrink:0}#top-menu-btn svg{flex-shrink:0}#top-menu-btn:active{transform:scale(.95)}.top-menu-item{background:transparent;color:inherit;border:none;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:flex-start;gap:10px;line-height:1;white-space:nowrap;text-align:left}.top-menu-item svg{flex-shrink:0;opacity:.75}.top-menu-item:hover,.top-menu-item:focus-visible{background:var(--border-color)}.top-menu-item:active{transform:scale(.98)}.top-menu-item[disabled]{opacity:.45;cursor:not-allowed}.top-menu-item[disabled]:hover{background:transparent}#copy-btn.copied,#copy-btn.copied svg{color:#fff;opacity:1}#canvas{width:100%;height:100%;position:relative;isolation:isolate;cursor:crosshair;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#canvas[data-over-line=true],[data-no-ink=true] #canvas{cursor:grab}.is-offscreen{visibility:hidden}.stroke-node path{fill:none;stroke-linecap:round;stroke-linejoin:round}.image-node{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:4px;cursor:crosshair;overflow:visible;touch-action:none;isolation:isolate}.image-node-content{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;max-height:none;border-radius:4px}.text-node.dragging,.image-node.dragging{cursor:grabbing!important;opacity:.9}.stroke-node.dragging{opacity:.6}.text-node.selected,.image-node.selected{outline:2px solid var(--selection-color, #007aff);outline-offset:2px}.stroke-node.selected{filter:drop-shadow(0 0 4px #007aff) drop-shadow(0 0 4px #007aff) drop-shadow(0 0 2px #007aff)}.stroke-node.selected.dragging,.stroke-node.selected.geometry-settling{filter:none}#marquee-overlay{position:fixed;border:1px dashed var(--selection-color, #007aff);background:#007aff14;pointer-events:none;z-index:999;display:none}#marquee-overlay.visible{display:block}#selection-box{position:fixed;border:1px dashed var(--selection-color, #007aff);pointer-events:none;z-index:40;display:none}#selection-box.visible{display:block}.selection-resize-handle{position:absolute;right:-24px;bottom:-24px;width:22px;height:22px;cursor:nwse-resize;pointer-events:auto;touch-action:none}.selection-resize-handle:after{content:"";position:absolute;inset:5px;border-radius:4px;background:var(--selection-color, #007aff);border:1px solid rgba(255,255,255,.6)}#selection-box.resizing,#selection-box.resizing .selection-resize-handle{cursor:nwse-resize}body.selection-box-active .selected .image-resize-handle,body.selection-box-active .selected .text-resize-handle{display:none}.image-resize-handle{position:absolute;width:18px;height:18px;background:transparent;border:0;opacity:0;pointer-events:auto}.image-drag-handle{position:absolute;pointer-events:auto;background:transparent}.image-drag-handle:after,.image-resize-handle:after{content:"";position:absolute;opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none;mix-blend-mode:difference}.image-node:hover .image-drag-handle:after,.image-node:hover .image-resize-handle:after{opacity:1}.image-drag-handle-top,.image-drag-handle-bottom{left:18px;right:18px;height:32px;cursor:grab}.image-drag-handle-top{top:0}.image-drag-handle-bottom{bottom:0}.image-drag-handle-left,.image-drag-handle-right{top:18px;bottom:18px;width:32px;cursor:grab}.image-drag-handle-left{left:0}.image-drag-handle-right{right:0}.image-drag-handle-top:after,.image-drag-handle-bottom:after{left:4px;right:4px;height:6px;border-radius:999px;background:#ffffff4d}.image-drag-handle-top:after{top:4px}.image-drag-handle-bottom:after{bottom:4px}.image-drag-handle-left:after,.image-drag-handle-right:after{top:4px;bottom:4px;width:6px;border-radius:999px;background:#ffffff4d}.image-drag-handle-left:after{left:4px}.image-drag-handle-right:after{right:4px}.image-resize-handle-nw{top:-9px;left:-9px;cursor:nwse-resize}.image-resize-handle-ne{top:-9px;right:-9px;cursor:nesw-resize}.image-resize-handle-sw{bottom:-9px;left:-9px;cursor:nesw-resize}.image-resize-handle-se{right:-9px;bottom:-9px;cursor:nwse-resize}.image-resize-handle:after{inset:4px;border-radius:4px;background:#ffffff4d;border:1px solid rgba(255,255,255,.3);transform:scale(.85)}.image-node:hover .image-resize-handle:after{transform:scale(1)}.image-node.dragging .image-drag-handle:after,.image-node.dragging .image-resize-handle:after,.image-node.resizing .image-drag-handle:after,.image-node.resizing .image-resize-handle:after{opacity:0}[data-force-draw=true] .text-node,[data-force-draw=true] .text-node *,[data-force-draw=true] .image-node,[data-force-draw=true] .image-node *,[data-force-draw=true] .image-drag-handle,[data-force-draw=true] .image-resize-handle,[data-force-draw=true] .text-resize-handle{cursor:crosshair!important}[data-force-draw=true] #canvas[data-over-line=true]{cursor:crosshair}[data-pan-ready=true] #canvas,[data-pan-ready=true] .text-node,[data-pan-ready=true] .image-node,[data-pan-ready=true] .image-node *{cursor:grab!important}[data-ui-hidden=true] #top-bar,[data-ui-hidden=true] #bottom-bar,[data-ui-hidden=true] #tips-ticker,[data-ui-hidden=true] #recent-boards,[data-ui-hidden=true] #empty-hint,[data-ui-hidden=true] #touch-help-btn,[data-ui-hidden=true] #zoom-controls,[data-ui-hidden=true] #multicolor-popup{display:none!important}[data-panning=true] #canvas,[data-panning=true] .text-node,[data-panning=true] .image-node,[data-panning=true] .image-node *{cursor:grabbing!important}#tips-ticker{position:fixed;bottom:42px;left:50%;transform:translate(-50%,50%);display:flex;align-items:center;gap:8px;color:var(--ui-text-color);font-size:12px;line-height:1.3;pointer-events:none;cursor:default;z-index:999;max-width:min(620px,calc(100vw - 760px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tips-ticker .tips-label,#tips-ticker .tips-text{pointer-events:auto}#tips-ticker .tips-label{font-weight:700;letter-spacing:.06em;color:var(--text-color)}#tips-ticker .tips-text{transition:opacity .3s ease;overflow:hidden;text-overflow:ellipsis}#tips-ticker .tips-text.fading{opacity:0}@media(max-width:820px),(hover:none)and (pointer:coarse){#tips-ticker{display:none}}#shortcut-tooltip{position:fixed;top:0;left:0;padding:3px 7px;background:var(--text-color);color:var(--bg-color);font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:10000;white-space:nowrap;will-change:transform}#shortcut-tooltip.visible{opacity:.92}[data-panning=true]:not([data-mode=todo]) *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-eraser=true] .image-node{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="23" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/><circle cx="24" cy="24" r="23" fill="none" stroke="white" stroke-width="2" stroke-dasharray="4,4" stroke-dashoffset="4"/></svg>') 24 24,crosshair!important}[data-eraser=true] .image-node *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="23" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/><circle cx="24" cy="24" r="23" fill="none" stroke="white" stroke-width="2" stroke-dasharray="4,4" stroke-dashoffset="4"/></svg>') 24 24,crosshair!important}@media(max-width:490px),(hover:none)and (pointer:coarse){#bottom-bar{display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);align-items:center;gap:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:28px;padding:8px 14px;box-shadow:var(--shadow);z-index:1000;max-width:calc(100vw - 24px)}#bottom-bar>#theme-toggle,#bottom-bar>#eraser-toggle,#bottom-bar>#lock-btn,#bottom-bar>#undo-btn,#bottom-bar>#redo-btn,#bottom-bar>#color-picker,#bottom-bar>#offline-bar-notice{position:static;bottom:auto;left:auto;right:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#bottom-bar>#offline-bar-notice{padding:0 4px;background:transparent;border:none;border-radius:0;font-size:12px}#bottom-bar #offline-bar-notice .offline-msg-full{display:none}#bottom-bar #offline-bar-notice .offline-msg-short{display:inline}#bottom-bar>.delete-btn-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}#bottom-bar>.delete-btn-wrap>#delete-board-btn{position:relative;bottom:auto;left:auto;right:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.delete-btn-tip{display:none}.delete-btn-wrap:has(#delete-board-btn.holding) .delete-btn-tip{display:block;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#ff3b30;color:#fff;padding:5px 12px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 6px 14px #0003}.delete-btn-wrap:has(#delete-board-btn.holding) .delete-btn-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ff3b30}#bottom-bar>#color-picker{background:transparent;border:none;padding:0;gap:14px;border-radius:0}#theme-toggle,#eraser-toggle,#lock-btn,#undo-btn,#redo-btn{width:40px;height:40px;border-color:transparent;background:transparent}#theme-toggle .theme-icon,#eraser-toggle svg,#lock-btn svg,#undo-btn svg,#redo-btn svg{width:22px;height:22px}#undo-btn,#redo-btn{display:inline-flex}.color-btn{width:26px;height:26px;border-width:2px}.color-btn.active{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--brand-color)}#delete-board-btn{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center;gap:0;background:transparent}#delete-board-btn .delete-btn-label{display:none}#delete-board-btn svg{width:20px;height:20px}}@media(max-width:415px){#bottom-bar{gap:8px;padding:6px 10px;border-radius:22px;bottom:10px}#bottom-bar>#color-picker{gap:10px}#theme-toggle,#eraser-toggle,#lock-btn,#undo-btn,#redo-btn,#delete-board-btn{width:34px;height:34px}#theme-toggle .theme-icon,#eraser-toggle svg,#lock-btn svg,#undo-btn svg,#redo-btn svg{width:18px;height:18px}.color-btn{width:22px;height:22px;border-width:1.5px}.color-btn.active{box-shadow:0 0 0 1.5px var(--bg-color),0 0 0 3px var(--brand-color)}#delete-board-btn svg{width:16px;height:16px}}@media(max-width:330px){#bottom-bar>#color-picker{display:none}}#drop-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none;display:none;align-items:center;justify-content:center;background:#007aff14;border:3px dashed var(--brand-color);box-sizing:border-box}body.drop-active #drop-overlay{display:flex}.drop-overlay-inner{background:var(--glass-bg);color:var(--text-color);border:1px solid var(--border-color);padding:18px 26px;border-radius:12px;font-size:16px;font-weight:500;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.drop-overlay-inner .drop-msg-board,body.board-drop-active .drop-overlay-inner .drop-msg-image{display:none}body.board-drop-active .drop-overlay-inner .drop-msg-board{display:inline}.board-preview-popup{position:fixed;z-index:2200;display:none;flex-direction:column;gap:4px;width:480px;max-width:90vw;padding:8px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.board-preview-popup.is-visible{display:flex}.board-preview-img{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px;background:#fafafa}.board-preview-img.is-locked-preview{background:#f1f3f5}.board-preview-label{font-size:12px;color:var(--text-secondary, var(--text-color));text-align:center;font-variant-numeric:tabular-nums;word-break:break-all}#recent-boards{position:fixed;left:24px;bottom:80px;width:132px;z-index:50;display:none;flex-direction:column;padding:10px 8px;box-sizing:border-box;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ui-text-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}#recent-boards.has-items{display:flex}#recent-boards::-webkit-scrollbar{width:6px}#recent-boards::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}#recent-boards .recent-boards-header{all:unset;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ui-text-color);padding:0 4px;cursor:pointer;font-family:inherit}#recent-boards[data-expanded] .recent-boards-list{margin-top:8px}#recent-boards .recent-boards-chevron{display:inline-block;margin-left:auto;flex-shrink:0;transition:transform .15s ease}#recent-boards[data-expanded] .recent-boards-chevron{transform:rotate(90deg)}#recent-boards:not([data-expanded]) .recent-boards-list{display:none}#recent-boards:not([data-expanded]){bottom:auto}@media(hover:hover){#recent-boards{transition:transform .25s ease}#recent-boards:not([data-expanded]){transform:translate(-112px)}#recent-boards:not([data-expanded]):hover{transform:translate(-68px)}}@media(max-width:375px){#recent-boards{transition:width .25s ease}#recent-boards:not([data-expanded]){width:96px}}#recent-boards .recent-boards-list{display:flex;flex-direction:column;gap:8px}#recent-boards .recent-board-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:8px;border:1px solid transparent;text-decoration:none;color:inherit;transition:background .12s ease,border-color .12s ease}#recent-boards .recent-board-item:hover{background:var(--node-hover-border);border-color:var(--border-color)}#recent-boards .recent-board-item.is-active{background:var(--node-focus-bg);border-color:var(--brand-color);box-shadow:0 0 0 1px var(--brand-color) inset}#recent-boards .recent-board-thumb{display:block;width:100%;aspect-ratio:220 / 140;border-radius:4px;overflow:hidden;background:var(--bg-color);border:1px solid var(--border-color)}#recent-boards .recent-board-thumb img{width:100%;height:100%;object-fit:cover;display:block}#recent-boards .recent-board-placeholder{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 4px,transparent 4px,transparent 8px);opacity:.4}#recent-boards .recent-board-new{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:8px;border:1px solid transparent;cursor:pointer;color:var(--ui-text-color);font-family:inherit;transition:background .12s ease,border-color .12s ease}#recent-boards .recent-board-new:hover{background:var(--node-hover-border);border-color:var(--border-color)}#recent-boards .recent-board-new:disabled{opacity:.5;cursor:progress}#recent-boards .recent-board-new-thumb{display:flex;align-items:center;justify-content:center;background:transparent;border-style:dashed;color:var(--ui-text-color);opacity:.6;transition:opacity .12s ease,border-style .12s ease}#recent-boards .recent-board-new:hover .recent-board-new-thumb{opacity:1;border-style:solid}#recent-boards .recent-board-meta{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0 2px}#recent-boards .recent-board-id{font-size:11px;font-weight:500;color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#recent-boards .recent-board-when{font-size:10px;color:var(--ui-text-color)}#recent-boards .recent-board-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--ui-text-color);font-size:14px;font-weight:500;cursor:pointer;opacity:0;padding:0;transition:opacity .12s ease,background .12s ease,color .12s ease}#recent-boards .recent-board-item:hover .recent-board-remove,#recent-boards .recent-board-remove:focus-visible{opacity:1}#recent-boards .recent-board-remove:hover{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}#recent-boards .recent-board-more{position:absolute;right:6px;bottom:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;padding:0;border-radius:4px;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--ui-text-color);cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}#recent-boards .recent-board-item:hover .recent-board-more,#recent-boards .recent-board-more:focus-visible{opacity:1}#recent-boards .recent-board-more:hover{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}@media(hover:none){#recent-boards .recent-board-more{opacity:1}}#recent-boards .recent-board-item,#recent-boards .recent-board-thumb img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recent-ctx-menu{position:fixed;z-index:100;display:flex;gap:4px;padding:4px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.recent-ctx-menu button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ui-text-color);cursor:pointer;transition:background .12s ease,border-color .12s ease}.recent-ctx-menu button:hover,.recent-ctx-menu button:focus-visible{background:var(--node-hover-border);border-color:var(--border-color)}.recent-ctx-menu button[data-empty="1"]{opacity:.55}.recent-ctx-menu button[data-offline-disabled]{opacity:.35;pointer-events:none;cursor:not-allowed}.recent-ctx-menu.recent-ctx-menu-history{flex-direction:column;align-items:stretch;min-width:220px;max-width:280px;padding:6px;gap:2px}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-header{display:flex;align-items:center;gap:6px;padding:0 4px 4px;font-size:12px;font-weight:600;color:var(--ui-text-color);border-bottom:1px solid var(--border-color);margin-bottom:4px}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-header span{flex:1}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-header button{width:24px;height:24px}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-list{display:flex;flex-direction:column;gap:2px}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-empty{font-size:12px;color:var(--ui-text-color);padding:6px 4px;line-height:1.4}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-row{display:flex;align-items:stretch;gap:2px}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-row>button[data-action=restore]{flex:1;width:auto;height:auto;padding:6px 8px;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-when{font-size:13px;font-weight:500;color:var(--text-color)}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-stats{font-size:11px;color:var(--ui-text-color)}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-preview{display:block;margin-bottom:4px;border-radius:4px;overflow:hidden;line-height:0;border:1px solid var(--ui-border-color, rgba(0, 0, 0, .08))}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-preview svg{display:block}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;vertical-align:middle;color:var(--ui-text-color);background:var(--ui-border-color, rgba(0, 0, 0, .08))}.recent-ctx-menu.recent-ctx-menu-history .recent-ctx-history-remove{width:24px;flex:0 0 auto;color:var(--ui-text-color)}.recent-ctx-menu.recent-ctx-menu-confirm{flex-direction:column;align-items:stretch;width:280px;max-width:calc(100vw - 24px);padding:16px;gap:10px;background:var(--bg-color);border-radius:12px;box-shadow:0 12px 32px #0003;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:13px}.recent-ctx-menu.recent-ctx-menu-confirm .recent-ctx-confirm-note{margin:0;font-size:12px;line-height:1.4;opacity:.75}.recent-ctx-menu.recent-ctx-menu-confirm button{width:auto;height:auto;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-color);font-size:13px;text-align:left;justify-content:flex-start;-webkit-tap-highlight-color:transparent}.recent-ctx-menu.recent-ctx-menu-confirm button:hover,.recent-ctx-menu.recent-ctx-menu-confirm button:focus-visible{background:var(--border-color);border-color:var(--border-color)}.recent-ctx-menu.recent-ctx-menu-confirm button.recent-ctx-confirm-danger{color:#ff3b30}@media(hover:none){#recent-boards{padding:6px}#recent-boards:not([data-expanded]){border-radius:20px}#recent-boards[data-expanded]{bottom:auto}#recent-boards .recent-boards-header{padding:6px 8px}}#touch-help-btn{display:none;position:fixed;bottom:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text-color);font-size:18px;font-weight:600;line-height:1;cursor:pointer;box-shadow:var(--shadow);z-index:1000;padding:0;-webkit-tap-highlight-color:transparent}#touch-help-btn:active{transform:scale(.95)}@media(hover:none)and (pointer:coarse){#touch-help-btn{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:560px){#touch-help-btn{bottom:78px}}#touch-help-modal{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#touch-help-modal[hidden]{display:none}.touch-help-card{position:relative;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:16px;padding:22px 24px 20px;max-width:380px;width:100%;box-shadow:0 20px 50px #00000040;max-height:calc(100vh - 48px);overflow-y:auto}.touch-help-card h2{font-size:17px;margin:0 0 12px;font-weight:600}.touch-help-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45;opacity:.9}.touch-help-card ul[hidden]{display:none}.touch-help-card strong{color:var(--text-color);font-weight:600}.touch-help-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:none;background:transparent;color:var(--ui-text-color);font-size:22px;line-height:1;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.touch-help-close:active{background:var(--border-color)}.touch-help-feedback{margin-top:16px;width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-color);font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-help-feedback:active{background:var(--border-color)}#lock-popover{z-index:3500;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #0003;padding:16px;width:280px;max-width:calc(100vw - 24px)}#lock-popover[hidden]{display:none}#lock-popover h2{font-size:14px;margin:0 0 10px;font-weight:600;opacity:.85}.lock-view{display:flex;flex-direction:column;gap:10px;font-size:13px}.lock-desc,.lock-status,.lock-warn,.lock-error{margin:0;line-height:1.4}.lock-status{font-weight:600}.lock-warn{font-size:12px;opacity:.75}.lock-error{font-size:12px;color:#ff3b30}.lock-code-row{display:flex;gap:8px;align-items:center}.lock-code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:2px;padding:8px 12px;background:var(--border-color);border-radius:8px;-webkit-user-select:all;user-select:all}.lock-code-masked{letter-spacing:0;-webkit-user-select:none;user-select:none}.lock-copy,.lock-action{border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lock-action{text-align:left}.lock-action:hover,.lock-copy:hover{background:var(--border-color)}.lock-action:disabled{opacity:.5;cursor:progress}.lock-unlock{color:#ff3b30}.lock-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:2px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-color);text-align:center}.lock-code-input::placeholder,#access-key-input::placeholder{color:var(--ui-text-color);opacity:.28;font-weight:300;letter-spacing:2px}#lock-btn:hover,#lock-btn:active{color:inherit}#access-key-modal{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#access-key-modal[hidden]{display:none}.access-key-card{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;width:320px;max-width:100%;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;gap:12px}.access-key-card h2{margin:0;font-size:17px;font-weight:600}.access-key-desc{margin:0;font-size:13px;opacity:.8}#access-key-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;letter-spacing:4px;text-align:center;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-color)}.access-key-error{margin:0;color:#ff3b30;font-size:13px}#access-key-submit{border:1px solid var(--border-color);background:var(--text-color);color:var(--bg-color);border-radius:10px;padding:10px;font-size:14px;font-weight:600;cursor:pointer}#access-key-submit:disabled{opacity:.5;cursor:progress}.access-key-secondary{border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:10px;padding:10px;font-size:14px;font-weight:600;cursor:pointer}.access-key-secondary:disabled{opacity:.5;cursor:progress}#offline-bar-notice{display:none;position:absolute;bottom:24px;right:144px;align-items:center;gap:8px;padding:9px 16px;background:#fef3c7;color:#7a4b00;border:1px solid #f2c46a;border-radius:22px;font-size:13px;font-weight:500;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;z-index:1000}[data-theme=dark] #offline-bar-notice{background:#3a2a10;color:#ffcf7a;border-color:#7a5320}html.offline #offline-bar-notice{display:flex}#offline-bar-notice .offline-msg-short{display:none}#offline-bar-notice .offline-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#d08700}#offline-bar-notice .offline-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#d087008c;pointer-events:none;animation:offline-dot-pulse 2s infinite}@keyframes offline-dot-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(3.5);opacity:0}to{transform:scale(3.5);opacity:0}}html.offline #color-picker,html.offline #eraser-toggle,html.offline #undo-btn,html.offline #redo-btn{display:none}html.offline #new-canvas-btn,html.offline #delete-board-btn,html.offline #lock-btn,html.offline #recent-boards .recent-board-new,html.locked-readonly #color-picker,html.locked-readonly #eraser-toggle,html.locked-readonly #undo-btn,html.locked-readonly #redo-btn,html.locked-readonly #delete-board-btn{pointer-events:none;opacity:.35;cursor:not-allowed}html.offline .text-node{cursor:default}html.offline .text-node .text-resize-handle,html.offline .image-node .image-resize-handle,html.offline .image-node .image-drag-handle{display:none!important}#mode-switch{display:inline-flex;flex-shrink:0}#mode-switch[hidden]{display:none}#mode-switch-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--brand-text-color, #0062cc);border:1px solid rgba(0,122,255,.45);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;cursor:pointer;line-height:1;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}#mode-switch-btn:hover{background:#007aff;color:#fff;border-color:#007aff}#mode-switch-btn.mode-switch-back{color:var(--ui-text-color);border-color:var(--border-color);font-weight:500}#mode-switch-btn.mode-switch-back:hover{background:var(--glass-bg);color:var(--ui-text-color);border-color:var(--ui-text-color)}#todo-board{display:none;--todo-task-h: 47px}#todo-search,#display-mode-btn{display:none}.text-node{position:absolute;min-width:20px;min-height:24px;box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.5;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-color);transition:box-shadow .2s,border-color .2s,background .2s;cursor:text}.text-node:hover{border-color:var(--node-hover-border)}.text-node:focus-within{background:var(--node-focus-bg);border-color:var(--brand-color);box-shadow:0 0 0 3px #0a84ff26}.text-node-body{min-width:20px;min-height:24px;padding:2px 4px;white-space:pre-wrap;background:transparent;color:inherit;outline:none;cursor:inherit}.text-node-body:empty{min-width:40px;background-image:radial-gradient(circle,var(--ui-text-color) 2px,transparent 2.5px),radial-gradient(circle,var(--ui-text-color) 2px,transparent 2.5px),radial-gradient(circle,var(--ui-text-color) 2px,transparent 2.5px);background-size:8px 8px;background-repeat:no-repeat;animation:typingBounce 1.2s infinite ease-in-out both}@keyframes typingBounce{0%,80%,to{background-position:6px 12px,16px 12px,26px 12px}16%{background-position:6px 6px,16px 12px,26px 12px}32%{background-position:6px 12px,16px 6px,26px 12px}48%{background-position:6px 12px,16px 12px,26px 6px}}.text-node-body:empty:before{content:"   ";white-space:pre;visibility:hidden}.text-node-help{display:none;margin-top:6px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;color:var(--ui-text-color);opacity:.6;-webkit-user-select:none;user-select:none}.text-node-help>span{display:block}.text-node-help-title{font-weight:600;opacity:.85;margin-bottom:2px}.text-node-help a{color:inherit;text-decoration:underline;pointer-events:auto;cursor:pointer}.text-node.text-node-empty:focus-within .text-node-help{display:block}.text-node.postit{background:transparent;padding:10px 14px;border-radius:2px;color:#1a1a1a;isolation:isolate}.text-node.postit:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.22) 100%);filter:blur(5px);transform:translateY(5px) rotate(-1deg);transform-origin:center center}.text-node.postit.dragging:before,.text-node.postit.resizing:before{display:none}.text-node.postit:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:linear-gradient(to bottom,#0000000f,#0000 35% 94%,#00000004),#fff59d}[data-theme=dark] .text-node.postit{color:#e0e0e0}[data-theme=dark] .text-node.postit:before{background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(15,15,15,.9) 100%)}[data-theme=dark] .text-node.postit:after{background:linear-gradient(to bottom,#00000040,#0000 35% 94%,#00000014),#330086}.pdf-export .text-node.postit,.pdf-export[data-theme=dark] .text-node.postit,[data-theme=dark] .pdf-export .text-node.postit{color:#1a1a1a}.pdf-export .text-node.postit:before,[data-theme=dark] .pdf-export .text-node.postit:before{display:none}.pdf-export .text-node.postit:after,[data-theme=dark] .pdf-export .text-node.postit:after{background:#fff59d}.text-node.diagram{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:8px 12px;min-width:140px;min-height:calc(4.5em + 16px);border:2px solid currentColor;border-radius:4px;background:var(--bg-color)}.text-node.diagram:hover,.text-node.diagram:focus-within{border-color:currentColor;background:var(--bg-color)}.text-node.diagram>.text-node-body{width:100%;text-align:center}.text-node.diagram ul,.text-node.diagram ol,.text-node.diagram .task-list{text-align:left}.text-node[data-demo-sticky=true]{animation:demo-sticky-appear 1.2s ease-out both}@keyframes demo-sticky-appear{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media(hover:hover){:root:not([data-postit-hint-managed]):not([data-postit-discovered]) .text-node:not(.postit):not(:focus-within):not(.link-node):not(.mermaid-node):not(.dragging):hover>.text-node-body:after{content:"Right-click to turn into a sticky note";position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--ui-text-color);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2;pointer-events:none;box-shadow:var(--shadow);z-index:2000;opacity:0;animation:textNodeHintFade .15s ease .6s forwards}}@keyframes textNodeHintFade{to{opacity:1}}.text-node.markdown-node{user-select:none;-webkit-user-select:none}.text-node.markdown-node .text-node-body{white-space:normal}.text-node.markdown-node p{margin:0}.text-node.markdown-node h1,.text-node.markdown-node h2,.text-node.markdown-node h3,.text-node.markdown-node h4,.text-node.markdown-node h5,.text-node.markdown-node h6{margin:0;line-height:1.3;font-weight:700}.text-node.markdown-node h1{font-size:calc(1em + 6px)}.text-node.markdown-node h2{font-size:calc(1em + 4px)}.text-node.markdown-node h3{font-size:calc(1em + 2px)}.text-node.markdown-node h4,.text-node.markdown-node h5,.text-node.markdown-node h6{font-size:1em}.text-node.markdown-node p+p,.text-node.markdown-node p+h1,.text-node.markdown-node p+h2,.text-node.markdown-node p+h3,.text-node.markdown-node p+h4,.text-node.markdown-node p+h5,.text-node.markdown-node p+h6,.text-node.markdown-node p+ul,.text-node.markdown-node p+ol,.text-node.markdown-node h1+p,.text-node.markdown-node h2+p,.text-node.markdown-node h3+p,.text-node.markdown-node h4+p,.text-node.markdown-node h5+p,.text-node.markdown-node h6+p,.text-node.markdown-node h1+ul,.text-node.markdown-node h2+ul,.text-node.markdown-node h3+ul,.text-node.markdown-node h4+ul,.text-node.markdown-node h5+ul,.text-node.markdown-node h6+ul,.text-node.markdown-node h1+ol,.text-node.markdown-node h2+ol,.text-node.markdown-node h3+ol,.text-node.markdown-node h4+ol,.text-node.markdown-node h5+ol,.text-node.markdown-node h6+ol,.text-node.markdown-node h1+h1,.text-node.markdown-node h1+h2,.text-node.markdown-node h1+h3,.text-node.markdown-node h2+h1,.text-node.markdown-node h2+h2,.text-node.markdown-node h2+h3,.text-node.markdown-node h3+h1,.text-node.markdown-node h3+h2,.text-node.markdown-node h3+h3,.text-node.markdown-node ul+p,.text-node.markdown-node ol+p,.text-node.markdown-node ul+ul,.text-node.markdown-node ol+ol{margin-top:.22em}.text-node.markdown-node p+p{margin-top:1em}.text-node.markdown-node ul,.text-node.markdown-node ol{margin:0;padding-left:1.25em}.text-node.markdown-node li+li{margin-top:.1em}.text-node.markdown-node a{color:var(--brand-color);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;cursor:pointer}.text-node.markdown-node li.task-list-item{list-style:none;margin-left:-1em;padding-left:22px;text-indent:-22px}.text-node.markdown-node .task-checkbox{display:inline-block;width:14px;height:14px;margin-right:8px;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box;vertical-align:-2px;cursor:pointer;opacity:.7;background:transparent;transition:opacity .12s ease,background .12s ease;position:relative;text-indent:0;flex:none;user-select:none;-webkit-user-select:none}.text-node.markdown-node .task-checkbox:hover{opacity:1}.text-node.markdown-node .task-checkbox.task-checkbox-checked{background:currentColor;opacity:1}.text-node.markdown-node .task-checkbox.task-checkbox-checked:after{content:"";position:absolute;left:2.5px;top:0;width:4px;height:7.5px;border:solid;border-color:transparent;border-right-color:var(--bg-color);border-bottom-color:var(--bg-color);border-width:0 1.75px 1.75px 0;transform:rotate(45deg)}.text-node.postit.markdown-node .task-checkbox.task-checkbox-checked:after{border-right-color:#fff59d;border-bottom-color:#fff59d}[data-theme=dark] .text-node.postit.markdown-node .task-checkbox.task-checkbox-checked:after{border-right-color:#330086;border-bottom-color:#330086}.text-node.mermaid-node,.text-node.mermaid-node .text-node-body{min-height:80px}.text-node.mermaid-node svg{display:block;max-width:100%;height:auto}.text-node.mermaid-node{transition:none}html[data-lod=low] .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within) svg{visibility:hidden}html[data-lod=low] .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within){border:1px dashed currentColor;border-radius:4px;background:var(--bg-color)}html[data-lod=low] .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within):after{content:"";position:absolute;inset:0;pointer-events:none;background:center / 32px 32px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(136,136,136,0.75)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='8.5' y='2.5' width='7' height='5' rx='1'/><rect x='2.5' y='16.5' width='7' height='5' rx='1'/><rect x='14.5' y='16.5' width='7' height='5' rx='1'/><path d='M12 7.5v4M12 11.5H6v5M12 11.5h6v5'/></svg>")}html[data-lod=low] .lod-full .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within) svg{visibility:visible}html[data-lod=low] .lod-full .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within){border:1px solid transparent;background:transparent}html[data-lod=low] .lod-full .text-node.mermaid-node[data-diagram-painted]:not(.selected):not(.dragging):not(.resizing):not(:focus-within):after{content:none}.mermaid-loading{color:var(--ui-text-color);font-size:13px;white-space:nowrap}.text-resize-handle{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;opacity:0;transition:opacity .15s ease;cursor:nwse-resize;touch-action:none}.text-resize-handle:before{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(128,128,128,.55);border-bottom:2px solid rgba(128,128,128,.55);border-radius:0 0 3px}.text-node:hover .text-resize-handle,.text-node:focus-within .text-resize-handle,.text-node.resizing .text-resize-handle{opacity:1}.text-node.resizing,.text-node.resizing *{cursor:nwse-resize!important;-webkit-user-select:none;user-select:none}.text-node.link-node{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--brand-color);color:#fff;border-color:transparent;box-shadow:var(--shadow);cursor:pointer;font-size:14px;line-height:1.2;white-space:nowrap;max-width:420px}.text-node.link-node:hover{border-color:transparent;box-shadow:0 6px 16px #007aff40}.text-node.link-node:focus-within{background:var(--brand-color);box-shadow:var(--shadow)}.text-node.link-node .text-node-body{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:0;white-space:nowrap;-webkit-user-select:none;user-select:none}.text-node.link-node .text-resize-handle{display:none}.link-node-url{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;max-width:360px;display:inline-block;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.link-edit-btn{background:#ffffff2e;border:none;color:inherit;cursor:pointer;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s ease,background .15s ease}.text-node.link-node:hover .link-edit-btn,.link-edit-btn:focus-visible{opacity:1}.text-node.link-node.board-card{padding:0;border-radius:10px;background:var(--panel-bg, #fff);color:var(--text-color);border:1px solid var(--border-color);box-shadow:var(--shadow);max-width:none;white-space:normal}.text-node.link-node.board-card:hover{box-shadow:0 6px 16px #0000002e}.text-node.link-node.board-card .text-node-body{display:block;padding:0}.board-card-link{display:flex;flex-direction:column;width:120px;text-decoration:none;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.board-card-thumb{width:120px;height:76px;object-fit:cover;display:block;border-radius:10px 10px 0 0;background:#fafafa;pointer-events:none}.board-card-thumb.is-locked-preview{object-fit:contain;background:#f1f3f5}.board-card-label{display:block;padding:4px 8px;font-size:12px;line-height:1.2;text-align:center;color:var(--text-secondary, var(--text-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-node.link-node.board-card .link-edit-btn{position:absolute;top:4px;right:4px;background:#00000080;color:#fff}[data-theme=dark] .text-node.link-node.board-card{background:var(--panel-bg, #1c1c1e)}.link-edit-btn:hover{background:#ffffff52}[data-eraser=true] .text-node,[data-eraser=true] .text-node *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="23" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/><circle cx="24" cy="24" r="23" fill="none" stroke="white" stroke-width="2" stroke-dasharray="4,4" stroke-dashoffset="4"/></svg>') 24 24,crosshair!important}:root{--app-header-height: calc(64px + env(safe-area-inset-top, 0px)) }html #top-bar.app-header{position:fixed;inset:0 0 auto;height:var(--app-header-height);max-width:none;box-sizing:border-box;padding:env(safe-area-inset-top,0px) max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px));display:flex;gap:20px;background:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:default}.app-header-brand{display:flex;align-items:center;gap:20px;flex-shrink:0}#family-apps{display:inline-flex;flex-shrink:0}#family-apps>a{color:var(--text-color);font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;padding:8px 6px}#top-bar #about-link{display:inline-flex;position:static;width:128px;height:36px;justify-content:flex-start;align-items:center;text-decoration:none;line-height:1;gap:7px;color:var(--text-color);opacity:1;font-size:17px;font-weight:600;white-space:nowrap}#top-bar .brand-logo{width:22px;height:22px}.app-header-divider{height:28px;width:1px;flex-shrink:0;background:var(--border-color)}.board-menu{position:relative;flex-shrink:0}#top-bar #top-menu-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 6px;border:0;border-radius:7px;background:transparent;color:var(--text-color);box-shadow:none;font-size:13px;font-weight:500}#top-bar #top-menu-btn:hover,#top-bar #top-menu-btn[aria-expanded=true]{background:var(--glass-bg)}#top-bar #top-menu-panel{left:0;right:auto;max-height:calc(100dvh - var(--app-header-height) - 20px)}#top-bar #todo-search{margin-left:auto}#top-bar #mode-switch-btn{min-height:34px}#top-bar .top-menu-item[href]{box-sizing:border-box;text-decoration:none}html #recent-boards{top:calc(var(--app-header-height) + 12px)}@media(max-width:600px){html #top-bar.app-header{gap:10px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.app-header-brand{gap:8px}#top-bar #about-link{width:auto;min-width:96px;font-size:15px}#top-bar #top-menu-btn{height:40px;padding:0 3px}#top-bar #top-menu-btn>svg:first-child{display:none}#top-bar #top-menu-panel{position:fixed;top:calc(var(--app-header-height) + 6px);left:12px;right:12px;min-width:0}#top-bar #mode-switch{min-width:0;flex-shrink:1;margin-left:auto}#top-bar #mode-switch-btn{min-width:0;max-width:100%;padding:5px 7px;font-size:10px;line-height:1.15;white-space:normal}}@media(hover:none){html #recent-boards[data-expanded]{max-height:calc(100vh - var(--app-header-height) - 108px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--app-header-height) - 108px - env(safe-area-inset-bottom,0px))}}html[data-mode=todo][data-display-mode=stitched] .todo-scroller{padding-top:calc(var(--app-header-height) + 60px)}html[data-mode=todo][data-display-mode=stitched][data-ui-hidden=true] .todo-scroller{padding-top:0}@media print{#top-bar.app-header{display:none!important}}