.sidebar{position:fixed;inset:18px auto 18px 18px;width:238px;min-width:238px;height:auto;display:flex;flex-direction:column;overflow:visible;z-index:30;pointer-events:none;background:transparent}.sidebar .canvas-settings-backdrop{pointer-events:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 12px;border-radius:9px;pointer-events:auto;background:var(--color-paper-alt);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-brand-logo{flex:0 0 40px;width:40px;height:40px;border-radius:5px;object-fit:cover;box-shadow:var(--shadow-sm)}.sidebar-brand>div{display:flex;flex-direction:column;gap:2px}.sidebar-brand strong{font-size:13px;letter-spacing:.12em}.sidebar-brand small{color:var(--color-text-secondary);font-size:10px}.type-navigation{flex:0 1 auto;min-height:0;width:100%;overflow:visible;margin-top:16px;pointer-events:auto}.type-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.type-tab-row{position:relative;display:flex;align-items:center;width:max-content;max-width:calc(100% - 42px)}.type-tab-row:hover,.type-tab-row:focus-within{z-index:5}.category-actions-menu{position:absolute;top:0;left:100%;z-index:6;width:45px;height:40px;padding-left:5px;opacity:0;pointer-events:none;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.type-tab-row:hover .category-actions-menu,.type-tab-row:focus-within .category-actions-menu,.category-actions-menu[open]{opacity:1;pointer-events:auto;transform:translate(0)}.category-actions-trigger{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);background:var(--color-surface-1);box-shadow:var(--shadow-sm);cursor:pointer;list-style:none;transition:color .16s ease,background-color .16s ease,transform .16s ease}.category-actions-trigger::-webkit-details-marker{display:none}.category-actions-trigger:hover,.category-actions-trigger:focus-visible,.category-actions-menu[open] .category-actions-trigger{border-color:var(--color-accent-border);color:var(--color-accent-hover);background:var(--color-accent-soft);box-shadow:var(--shadow-md)}.category-actions-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.category-actions-menu[open] .category-actions-trigger{transform:rotate(90deg)}.category-actions-popover{position:absolute;top:calc(100% - 2px);left:5px;z-index:20;width:184px;display:none;flex-direction:column;gap:3px;padding:6px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.category-actions-menu:hover .category-actions-popover,.category-actions-menu:focus-within .category-actions-popover,.category-actions-menu[open] .category-actions-popover{display:flex}.category-actions-menu:hover,.category-actions-menu:focus-within,.category-actions-menu[open]{z-index:30}.category-actions-popover button{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:7px;color:var(--color-text-primary);background:transparent;cursor:pointer;font:inherit;text-align:left}.category-actions-popover button:hover,.category-actions-popover button:focus-visible{background:var(--color-surface-hover);outline:none}.category-actions-popover button.is-public>svg{color:var(--color-success)}.category-actions-popover button>svg{flex:0 0 auto;color:var(--color-text-secondary)}.category-actions-popover button>span{display:flex;min-width:0;flex-direction:column;gap:2px}.category-actions-popover strong{font-size:12px;font-weight:650}.category-actions-popover small{color:var(--color-text-muted);font-size:10px;line-height:1.25}.type-tab{position:relative;min-width:88px;max-width:184px;min-height:40px;display:flex;align-items:center;gap:9px;padding:0 15px 0 12px;overflow:hidden;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);background:var(--color-surface-1);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.type-tab:hover{border-color:var(--color-accent-border);background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.type-tab:active{transform:translateY(-1px) scale(.98)}.type-tab.active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover);box-shadow:0 0 0 2px var(--color-accent-ring),var(--shadow-sm)}.type-tab:focus-visible,.add-type-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.type-tab-accent{width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:var(--color-accent)}.type-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.add-type-btn{flex:0 0 40px;width:40px;height:40px;margin-top:10px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);background:var(--color-surface-1);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.add-type-btn:hover:not(:disabled){border-color:var(--color-accent-border);color:var(--color-accent-hover);background:var(--color-accent-soft);box-shadow:var(--shadow-md);transform:translateY(-3px)}.sidebar-footer{display:flex;flex-wrap:wrap;gap:3px;flex:0 0 auto;margin-top:auto;width:max-content;max-width:100%;padding:4px;border-radius:9px;pointer-events:auto;background:var(--color-paper-alt);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-footer .theme-toggle{width:auto;min-height:36px;justify-self:start;justify-content:flex-start;border:0;background:transparent;box-shadow:none;text-decoration:none}.sidebar-footer .theme-toggle--icon{width:36px;flex-basis:36px;justify-content:center;padding:0}.sidebar-footer .theme-toggle:hover:not(:disabled){border:0;background:var(--color-surface-2);box-shadow:none;transform:none}.sidebar-footer .theme-toggle:active:not(:disabled){border:0;background:var(--color-accent-soft);box-shadow:none}.theme-toggle span{font-size:12px;font-weight:500}.category-transition{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:auto}.category-transition-piece{position:absolute;inset:-2px;background-color:var(--color-paper);background-image:radial-gradient(circle,var(--color-paper-grain) 0 1px,transparent 1.5px);background-size:22px 23px;transition:background-color .18s ease;will-change:transform}.category-transition-piece--top{clip-path:polygon(0 0,100% 0,100% 49.7%,96% 50.8%,88% 49.6%,80% 51.2%,72% 49%,64% 50.7%,56% 49.2%,48% 51%,40% 48.8%,32% 50.5%,24% 49.5%,16% 51%,8% 49%,0 50%);filter:drop-shadow(0 4px 6px var(--color-board-shadow))}.category-transition-piece--bottom{clip-path:polygon(0 50%,8% 49%,16% 51%,24% 49.5%,32% 50.5%,40% 48.8%,48% 51%,56% 49.2%,64% 50.7%,72% 49%,80% 51.2%,88% 49.6%,96% 50.8%,100% 49.7%,100% 100%,0 100%);filter:drop-shadow(0 -4px 6px var(--color-board-shadow))}.category-transition--cover .category-transition-piece--top{animation:tear-cover-top .42s cubic-bezier(.25,.8,.3,1) both}.category-transition--cover .category-transition-piece--bottom{animation:tear-cover-bottom .42s cubic-bezier(.25,.8,.3,1) both}.category-transition--reveal .category-transition-piece--top{animation:tear-reveal-top .52s cubic-bezier(.7,0,.8,.4) both}.category-transition--reveal .category-transition-piece--bottom{animation:tear-reveal-bottom .52s cubic-bezier(.7,0,.8,.4) both}@keyframes tear-cover-top{0%{transform:translateY(-105%)}to{transform:translateY(0)}}@keyframes tear-cover-bottom{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes tear-reveal-top{0%{transform:translateY(0)}to{transform:translateY(-105%)}}@keyframes tear-reveal-bottom{0%{transform:translateY(0)}to{transform:translateY(105%)}}@media(prefers-reduced-motion:reduce){.type-tab,.category-transition-piece{transition:none;animation:none}}@media(max-width:760px),(pointer:coarse){.sidebar{position:fixed;inset:0 auto 0 0;z-index:51;width:min(78vw,260px);min-width:0;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);pointer-events:auto;background:var(--color-surface-1);box-shadow:var(--shadow-lg);transform:translate(-105%);transition:transform .22s ease}.sidebar--open{transform:translate(0)}.sidebar-brand{width:auto;max-width:none;min-height:58px;border-radius:0;background:var(--color-surface-1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.type-navigation{margin:14px;padding:0;overflow-y:auto;overscroll-behavior:contain;background:transparent}.type-tab-row{width:calc(100% - 45px);max-width:none}.type-tab{width:100%;max-width:none;min-height:44px}.category-actions-menu{width:45px;opacity:1;pointer-events:auto;transform:none}.category-actions-popover{right:0;left:auto}.sidebar-footer{width:auto;max-width:none;padding:8px 10px 10px;border-radius:0;background:var(--color-surface-1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.category-actions-trigger{width:40px;height:40px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.home-item-dialog-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:var(--color-overlay)}.home-item-dialog{display:grid;gap:15px;width:min(100%,460px);max-height:100%;overflow-y:auto;padding:24px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.home-item-dialog h2,.home-item-dialog p{margin:0}.home-item-dialog label{display:grid;gap:7px;font-size:13px;color:var(--color-text-secondary)}.home-item-dialog input,.home-item-dialog textarea{width:100%;min-height:42px;padding:10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-2);color:var(--color-text-primary);font:inherit}.home-item-dialog textarea{resize:vertical}.home-item-dialog input:focus-visible,.home-item-dialog textarea:focus-visible{outline:2px solid var(--color-accent)}.home-item-dialog-image{max-width:100%;max-height:260px;object-fit:contain}.home-item-drawing{width:100%;aspect-ratio:8 / 5;border:1px solid var(--color-border);border-radius:8px;background:var(--color-paper);touch-action:none;cursor:crosshair}.home-item-drawing-actions{display:flex;gap:8px}.home-item-dialog .home-item-dialog-error{color:var(--color-danger);font-size:13px}.home-item-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.home-item-dialog .app-action{min-height:40px}@media(max-width:760px),(pointer:coarse){.home-item-dialog-backdrop{padding:0}.home-item-dialog{width:100%;height:100%;max-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));border:0;border-radius:0;align-content:start}}.file-manager-canvas{flex:1;position:relative;overflow:hidden;margin:0}.file-manager-canvas .react-flow__attribution{display:none}.file-search-trigger{position:absolute;top:18px;right:18px;z-index:10;min-height:40px;padding:8px 12px;border-radius:8px;background:var(--color-paper-alt);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-md)}.file-search-trigger kbd{margin-left:10px;padding:3px 5px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:760px),(pointer:coarse){.file-search-trigger{display:none}}.file-manager-view-actions{position:absolute;top:18px;right:18px;z-index:12;display:flex;align-items:center;gap:8px}.file-manager-view-actions .file-search-trigger{position:static}.file-manager-flow-stage{position:absolute;inset:0}.file-manager-canvas.is-list-view .file-manager-flow-stage{visibility:hidden;pointer-events:none}.file-manager-list{position:absolute;top:78px;right:26px;bottom:24px;left:clamp(230px,18vw,290px);z-index:5;display:flex;flex-direction:column;width:min(960px,calc(100% - 256px));max-height:calc(100% - 102px);margin:0 auto;overflow:hidden;border:1px solid var(--color-paper-edge);border-radius:12px;background:var(--color-paper-alt);box-shadow:var(--shadow-lg)}.file-manager-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--color-border)}.file-manager-list-heading>div{display:flex;align-items:baseline;gap:10px;min-width:0}.file-manager-list-heading h2{margin:0;color:var(--color-text-primary);font-size:18px}.file-manager-list-heading span{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.file-manager-list-heading .app-action{min-height:40px;flex:0 0 auto}.file-manager-list-rows{flex:1;min-height:0;overflow-y:auto;padding:9px 14px}.file-manager-list-row{display:flex;align-items:center;gap:8px;width:100%;min-height:74px;padding:6px 12px;border-bottom:1px solid var(--color-border);border-radius:7px;background:transparent;color:var(--color-text-primary)}.file-manager-list-row:hover,.file-manager-list-row:focus-within{background:var(--color-surface-hover)}.file-manager-list-main{display:flex;flex:1;min-width:0;align-items:center;gap:15px;min-height:60px;padding:4px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.file-manager-list-main:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.file-manager-list-cover{display:grid;flex:0 0 54px;width:54px;height:50px;place-items:center;overflow:hidden;border:1px solid var(--color-paper-edge);border-radius:5px;background:var(--color-photo-backdrop);color:var(--color-accent)}.file-manager-list-cover img{display:block;width:100%;height:100%;object-fit:cover}.file-manager-list-copy{display:grid;flex:1;min-width:0;gap:4px}.file-manager-list-copy strong,.file-manager-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-manager-list-copy strong{font-size:14px}.file-manager-list-copy small{color:var(--color-text-secondary);font-size:11px}.file-manager-list-date{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-muted);font-size:11px;white-space:nowrap}.file-manager-list-open{flex:0 0 auto;color:var(--color-accent)}.file-manager-list-empty{margin:0;padding:48px 12px;color:var(--color-text-secondary);text-align:center;font-size:13px}.file-manager-canvas .react-flow__controls{right:18px;bottom:18px;left:auto}.file-card-node{position:relative;background:transparent;border-radius:2px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;width:208px;transform:rotate(var(--card-tilt, -.7deg))}.react-flow__node-fileCard:nth-child(3n+1){--card-tilt: -1.7deg}.react-flow__node-fileCard:nth-child(3n+2){--card-tilt: 1.2deg}.react-flow__node-fileCard:nth-child(3n+3){--card-tilt: -.4deg}.file-card-node:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px) rotate(0)}.file-card-node.selected{border:2px solid var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.file-card-content{min-height:165px;padding:11px 11px 14px;border-bottom:4px solid var(--color-accent);border-radius:2px;background-color:var(--color-paper);background-image:linear-gradient(112deg,transparent 65%,var(--color-paper-grain))}.file-card-header{position:relative;display:flex;justify-content:center;align-items:center;height:88px;overflow:hidden;margin-bottom:9px;border:1px solid var(--color-paper-edge);background:var(--color-photo-backdrop)}.file-card-header:before,.file-card-header:after{position:absolute;top:8px;width:89px;height:64px;border:4px solid var(--color-paper);background:linear-gradient(var(--color-photo-sky) 0 54%,var(--color-photo-land) 54% 100%);box-shadow:var(--shadow-sm);content:""}.file-card-header:before{left:11px;transform:rotate(-8deg)}.file-card-header:after{right:11px;transform:rotate(8deg)}.file-card-header.has-cover:before,.file-card-header.has-cover:after{display:none}.file-card-cover{display:block;width:100%;height:100%;object-fit:cover}.file-card-header .file-card-icon{position:absolute;right:12px;bottom:7px;z-index:1}.file-card-icon{width:29px;height:29px;padding:5px;border:1px solid var(--color-paper-edge);background:var(--color-paper-alt);box-shadow:var(--shadow-sm);color:var(--color-accent);transform:rotate(8deg)}.file-card-title{font-size:15px;font-weight:650;color:var(--color-text-primary);margin:0 4px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-footer{display:flex;align-items:center;gap:6px;margin:0 4px;font-size:11px;color:var(--color-text-secondary)}.file-card-node--note .file-card-content{border-bottom:0;border-radius:3px 3px 16px;background:var(--color-accent-soft);box-shadow:inset 0 -1px 0 var(--color-accent-border)}.file-card-node--note .file-card-header{height:68px;border:0;border-bottom:1px solid var(--color-accent-border);background:transparent}.file-card-node--note .file-card-header:before,.file-card-node--note .file-card-header:after{display:none}.file-card-node--note .file-card-icon{position:static;width:40px;height:40px;transform:rotate(-8deg)}.file-card-node--note .file-card-title{font-family:Kaiti SC,STKaiti,KaiTi,cursive;font-size:18px}.file-card-node--note .file-card-footer{justify-content:flex-end}.file-card-node--archive .file-card-content{border:1px solid var(--color-border-strong);border-left:7px solid var(--color-accent);border-radius:4px;background:var(--color-surface-1);background-image:repeating-linear-gradient(0deg,transparent 0 26px,var(--color-border) 27px 28px)}.file-card-node--archive .file-card-header{height:72px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface-2)}.file-card-node--archive .file-card-header:before,.file-card-node--archive .file-card-header:after{display:none}.file-card-node--archive .file-card-icon{position:static;transform:none}.file-card-node--archive .file-card-title{font-family:"Noto Serif SC",Songti SC,SimSun,serif}.file-card-node:is(.file-card-node--torn,.file-card-node--organic,.file-card-node--ticket),.file-card-node:is(.file-card-node--torn,.file-card-node--organic,.file-card-node--ticket):hover{box-shadow:none;filter:drop-shadow(0 5px 5px var(--color-board-shadow))}.file-card-node:is(.file-card-node--torn,.file-card-node--organic,.file-card-node--ticket) .file-card-content{border-bottom:0;padding:15px 16px 18px;background-color:var(--color-paper)}.file-card-node--torn .file-card-content{clip-path:polygon(0 3%,5% 0,11% 3%,17% 1%,23% 3%,30% 0,37% 3%,44% 1%,51% 3%,58% 0,65% 3%,72% 1%,79% 3%,86% 0,93% 3%,100% 1%,97% 11%,100% 22%,97% 33%,100% 45%,97% 56%,100% 68%,97% 80%,100% 92%,96% 100%,89% 97%,82% 100%,75% 97%,68% 100%,61% 97%,54% 100%,47% 97%,40% 100%,33% 97%,26% 100%,19% 97%,12% 100%,5% 97%,0 100%,3% 88%,0 77%,3% 66%,0 55%,3% 44%,0 33%,3% 22%)}.file-card-node--organic .file-card-content{border-radius:14% 5% 11% 4%/7% 13% 6% 11%;background:var(--color-note-sage);transform:rotate(-2deg)}.file-card-node--organic .file-card-header{border-radius:12% 4% 9% 6%/9% 14% 5% 12%}.file-card-node--ticket .file-card-content{clip-path:polygon(0 0,100% 0,100% 40%,96% 50%,100% 60%,100% 100%,0 100%,0 60%,4% 50%,0 40%);background:var(--color-paper-alt)}.file-card-node--ticket .file-card-footer{padding-top:7px;border-top:1px dashed var(--color-border-strong)}.file-manager-canvas .react-flow__node-homeItem,.file-manager-canvas .react-flow__node-homeItem.selected{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.home-item-node{position:relative;width:100%;height:100%;color:var(--color-text-primary);cursor:pointer}.home-item-surface{display:grid;width:100%;height:100%;overflow:hidden;border:0;border-radius:12px;background:color-mix(in srgb,var(--color-paper) 42%,transparent);box-shadow:none}.home-item-node--text .home-item-surface{padding:16px;background:color-mix(in srgb,var(--color-note-yellow) 42%,transparent);transform:rotate(-1deg)}.home-item-node--text p{min-height:0;margin:0;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;font-size:16px;line-height:1.5}.home-item-node--handwriting .home-item-surface{padding:7px;background:color-mix(in srgb,var(--color-paper) 18%,transparent)}.home-handwriting{display:block;width:100%;height:100%;min-height:0;fill:none;stroke:var(--color-text-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.home-item-node--link .home-item-surface{border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-paper) 66%,transparent),color-mix(in srgb,var(--color-surface-2) 54%,transparent));box-shadow:0 6px 16px var(--color-board-shadow)}.home-item-node--link a{display:flex;width:100%;height:100%;align-items:center;gap:12px;padding:16px;color:var(--color-text-primary);text-decoration:none}.home-link-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--color-accent-soft) 75%,transparent);color:var(--color-accent)}.home-link-copy{display:grid;min-width:0;gap:4px}.home-link-copy strong{overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-link-copy small{overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-item-node--link a:hover .home-link-copy strong{color:var(--color-accent);text-decoration:underline}.home-item-node--image .home-item-surface{place-items:center;padding:5px;background:color-mix(in srgb,var(--color-paper) 16%,transparent)}.home-item-node--image img{display:block;width:100%;height:100%;object-fit:contain;opacity:.94}.home-item-node--video .home-item-surface{border-radius:12px;background:color-mix(in srgb,var(--color-paper) 16%,transparent)}.home-video-frame{display:block;width:100%;height:100%;border:0;border-radius:inherit}.react-flow__node-homeItem.selected .home-item-surface{outline:2px solid var(--color-accent);outline-offset:3px}.home-add-menu{position:absolute;top:66px;right:178px;z-index:41;display:grid;gap:5px;min-width:170px;padding:8px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.home-add-menu .app-action{justify-content:flex-start;min-height:44px}@media(max-width:760px),(pointer:coarse){.home-add-menu{position:fixed;top:auto;right:12px;bottom:calc(82px + env(safe-area-inset-bottom))}}.file-handle{width:12px!important;height:12px!important;background:var(--color-accent)!important;border:2px solid var(--color-handle-border)!important}.context-menu{position:absolute;border:1px solid var(--color-paper-edge);background:var(--color-paper);border-radius:6px;box-shadow:var(--shadow-md);padding:5px;z-index:1000;min-width:180px}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;background:transparent;cursor:pointer;font-size:13px;border-radius:4px;text-align:left;transition:all .2s;color:var(--color-text-primary)}.context-menu button:hover{background:var(--color-surface-hover);color:var(--color-accent-hover)}.context-menu button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(max-width:760px),(pointer:coarse){.file-manager-canvas{min-height:0;margin:0}.file-manager-view-actions{top:12px;right:12px}.file-manager-view-actions .file-search-trigger{display:none}.file-manager-list{top:70px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;width:auto;max-height:none}.file-manager-list-heading{padding:13px 14px}.file-manager-list-heading h2{font-size:16px}.file-manager-list-heading .app-action{display:none}.file-manager-list-rows{padding:4px 8px}.file-manager-list-row{gap:10px;padding:9px 7px}.file-manager-list-cover{flex-basis:46px;width:46px;height:46px}.file-manager-list-date{display:none}}.pinboard-surface.canvas-style--panorama{border:0;border-radius:0;background:var(--color-photo-backdrop);box-shadow:none}.pinboard-surface.canvas-style--panorama .react-flow{position:relative}.canvas-panorama-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.canvas-panorama-error{position:absolute;top:20px;left:50%;z-index:0;padding:9px 13px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);color:var(--color-text-secondary);font-size:12px;transform:translate(-50%);pointer-events:none}.canvas-view-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;padding:3px;border:1px solid var(--color-paper-edge);border-radius:9px;background:var(--color-paper-alt);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm)}.canvas-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:66px;min-height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:600}.canvas-view-toggle button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.canvas-view-toggle button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-hover);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.canvas-view-toggle button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(max-width:760px),(pointer:coarse){.canvas-view-toggle button{min-height:40px}}.file-manage-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:var(--color-overlay)}.file-manage-dialog{display:grid;gap:18px;width:min(100%,420px);max-height:100%;overflow-y:auto;padding:24px;border:1px solid var(--color-paper-edge);border-radius:10px;background:var(--color-paper);box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.file-manage-dialog h2{margin:0;font-size:20px}.file-manage-dialog p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.file-manage-dialog label{display:grid;gap:8px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.file-manage-dialog input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--color-border);border-radius:6px;outline:none;background:var(--color-surface-1);color:var(--color-text-primary);font:inherit}.file-manage-dialog input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.file-manage-dialog .file-manage-error{color:var(--color-danger)}.file-manage-actions{display:flex;justify-content:flex-end;gap:9px}.file-manage-actions .app-action{min-height:40px}.file-manage-style-options{min-width:0;margin:0;padding:0;border:0}.file-manage-style-options legend{margin-bottom:8px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.file-manage-style-options>div{display:flex;flex-wrap:wrap;gap:8px}.file-manage-dialog .file-manage-choice{display:block;position:relative;color:var(--color-text-primary);font-weight:500}.file-manage-choice input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0}.file-manage-choice span{display:grid;min-height:40px;padding:8px 12px;place-items:center;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-1);cursor:pointer}.file-manage-choice input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-hover)}.file-manage-choice input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.file-detail-loading{position:relative;display:flex;width:100%;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:var(--color-bg-app);color:var(--color-text-primary)}.file-detail-loading--overlay{position:absolute;inset:0;z-index:500;min-height:0}.file-loading-scene{position:relative;width:min(440px,82vw);height:112px;overflow:hidden}.file-loading-track{position:absolute;right:0;bottom:20px;left:0;height:2px;border-radius:999px;background:var(--color-border-strong);opacity:.55}.file-loading-streak{position:absolute;top:42px;left:18%;width:28px;height:2px;border-radius:999px;background:var(--color-accent-border);animation:file-streak-drift 1.4s linear infinite}.file-loading-streak--two{top:57px;left:54%;width:17px;animation-delay:-.55s}.file-loading-streak--three{top:74px;left:78%;width:35px;animation-delay:-1s}.file-loading-traveler{position:absolute;bottom:19px;left:-64px;width:60px;height:82px;animation:file-paper-travel 2.4s linear infinite}.file-loading-paper{position:absolute;top:0;left:6px;width:47px;height:59px;border:2px solid var(--color-border-strong);border-radius:5px 9px 5px 5px;background:var(--color-paper);box-shadow:var(--shadow-sm);animation:file-paper-bounce .32s ease-in-out infinite alternate;transform-origin:center bottom}.file-loading-fold{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-left:2px solid var(--color-border-strong);border-bottom:2px solid var(--color-border-strong);border-radius:0 6px 0 2px;background:var(--color-paper-alt)}.file-loading-eye{position:absolute;top:25px;width:4px;height:5px;border-radius:50%;background:var(--color-text-primary)}.file-loading-eye--left{left:12px}.file-loading-eye--right{left:28px}.file-loading-smile{position:absolute;top:33px;left:17px;width:12px;height:7px;border-bottom:2px solid var(--color-text-primary);border-radius:0 0 50% 50%}.file-loading-line{position:absolute;bottom:8px;left:12px;width:20px;height:2px;border-radius:999px;background:var(--color-border)}.file-loading-leg{position:absolute;bottom:1px;width:3px;height:23px;border-radius:999px;background:var(--color-accent);transform-origin:top center;animation:file-paper-step .3s ease-in-out infinite alternate}.file-loading-leg--left{left:23px}.file-loading-leg--right{left:42px;animation-direction:alternate-reverse}.file-loading-copy{display:grid;justify-items:center;gap:6px;padding:0 24px;text-align:center}.file-loading-copy strong{font-size:16px}.file-loading-copy span{color:var(--color-text-secondary);font-size:12px}.file-loading-copy button{margin-top:12px;min-height:40px}@keyframes file-paper-travel{0%{left:-64px}to{left:calc(100% + 8px)}}@keyframes file-paper-bounce{0%{transform:translateY(0) rotate(-3deg) scaleY(1)}to{transform:translateY(-7px) rotate(3deg) scaleY(.96)}}@keyframes file-paper-step{0%{transform:rotate(34deg)}to{transform:rotate(-34deg)}}@keyframes file-streak-drift{0%{transform:translate(38px);opacity:0}35%{opacity:.85}to{transform:translate(-48px);opacity:0}}@media(prefers-reduced-motion:reduce){.file-loading-traveler{left:calc(50% - 30px);animation:none}.file-loading-paper,.file-loading-leg,.file-loading-streak{animation:none}}.file-detail-container{position:relative;flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-bg-app)}.file-detail-container .app-action--icon{flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--color-paper-edge);border-radius:8px;background:var(--color-paper-alt);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.file-detail-container .app-action--icon:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-hover);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-md);transform:translateY(-1px)}.file-detail-container .app-action--icon:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm);transform:translateY(0)}.detail-toolbar{display:flex;align-items:center;padding:11px 20px;background:var(--color-surface-1);border-bottom:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);gap:16px}.back-btn{flex:0 0 auto}.detail-title-group{display:flex;min-width:0;align-items:center;gap:11px}.file-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;letter-spacing:.01em;line-height:1.25}.file-block-count{display:inline-flex;flex:0 0 auto;align-items:center;color:var(--color-text-secondary);font-size:12px;line-height:1.25;white-space:nowrap}.toolbar-spacer{flex:1}.save-status{font-size:13px;color:var(--color-text-secondary)}.immersive-toggle{flex:0 0 auto}.canvas-share-menu{position:relative;flex:0 0 auto}.canvas-share-menu>summary{min-height:40px;list-style:none}.canvas-share-menu>summary::-webkit-details-marker{display:none}.canvas-share-menu[open]>summary{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.canvas-share-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:260;width:248px;display:grid;gap:3px;padding:7px;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.canvas-share-heading{display:grid;gap:2px;padding:8px 9px 9px;border-bottom:1px solid var(--color-border)}.canvas-share-heading strong{font-size:13px}.canvas-share-heading small{color:var(--color-text-muted);font-size:10px}.canvas-share-popover button{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left}.canvas-share-popover button:hover:not(:disabled),.canvas-share-popover button:focus-visible{background:var(--color-surface-hover);outline:none}.canvas-share-popover button:disabled{cursor:wait;opacity:.58}.canvas-share-popover button>svg{flex:0 0 auto;color:var(--color-accent)}.canvas-share-popover button>span{min-width:0;display:grid;gap:3px}.canvas-share-popover button strong{font-size:12px}.canvas-share-popover button small{overflow:hidden;color:var(--color-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.canvas-share-status{position:fixed;top:68px;right:18px;z-index:270;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--color-accent-border);border-radius:999px;background:var(--color-surface-1);color:var(--color-text-primary);box-shadow:var(--shadow-md);font-size:11px;font-weight:650}.canvas-share-status svg{color:var(--color-success)}.share-spinner{animation:share-spin .75s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.file-access-backdrop,.canvas-settings-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:var(--color-overlay)}.file-access-dialog,.canvas-settings-dialog{width:min(100%,440px);display:grid;gap:18px;padding:24px;border:1px solid var(--color-border-strong);border-radius:16px;background:var(--color-surface-1);box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.file-access-heading,.canvas-settings-heading{display:flex;align-items:center;gap:10px}.file-access-heading h2,.canvas-settings-heading h2{flex:1;margin:0;font-size:18px}.file-access-dialog label{display:grid;gap:7px;font-size:13px;font-weight:600}.file-access-dialog select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-2);color:var(--color-text-primary);font:inherit}.file-access-dialog p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.file-access-dialog .file-access-error{color:var(--color-danger)}.file-access-actions,.canvas-settings-actions{display:flex;justify-content:flex-end;gap:8px}.canvas-settings-dialog{width:min(100%,620px)}.canvas-settings-dialog>p{margin:0;color:var(--color-text-secondary);font-size:12px}.canvas-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.canvas-style-option{display:grid;min-width:0;gap:8px;padding:8px;border:1px solid transparent;border-radius:10px;background:var(--color-surface-2);color:var(--color-text-primary);text-align:left;cursor:pointer}.canvas-style-option:hover{background:var(--color-surface-hover)}.canvas-style-option.selected{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-accent-ring)}.canvas-style-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.canvas-style-option>span:last-child{display:grid;gap:2px}.canvas-style-option strong{font-size:12px}.canvas-style-option small{overflow:hidden;color:var(--color-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.canvas-style-swatch{display:block;height:72px;border:4px solid var(--color-frame-face);border-radius:6px;box-shadow:inset 0 0 0 1px var(--color-frame-inner)}.canvas-style-swatch--cork{background-color:var(--color-bg-canvas-start);background-image:radial-gradient(circle at 7px 8px,var(--color-board-fleck-light) 0 1px,transparent 1.5px),radial-gradient(circle at 18px 14px,var(--color-board-fleck-dark) 0 1px,transparent 1.5px),linear-gradient(145deg,var(--color-bg-canvas-start),var(--color-bg-canvas-end));background-size:23px 21px,29px 25px,100% 100%}.canvas-style-swatch--paper{background:radial-gradient(circle at 20% 25%,var(--color-paper-edge) 0 .7px,transparent 1px),var(--color-paper);background-size:17px 19px}.canvas-style-swatch--grid{background-color:var(--color-paper);background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:16px 16px}.canvas-style-swatch--blueprint{background-color:var(--color-note-blue);background-image:linear-gradient(var(--color-accent-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent-border) 1px,transparent 1px);background-size:14px 14px}.canvas-style-swatch--kraft{background-color:var(--color-kraft-face);background-image:repeating-linear-gradient(8deg,transparent 0 8px,var(--color-board-fleck-dark) 9px 10px)}.canvas-style-swatch--night{background-color:var(--color-code-bg);background-image:radial-gradient(circle at 15% 20%,var(--color-code-block-text) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 62%,var(--color-accent) 0 1px,transparent 1.5px);background-size:31px 29px,43px 37px}.canvas-style-swatch--notebook{border-width:4px 4px 5px 12px;border-radius:9px 2px 4px 8px;background-color:var(--color-paper);background-image:radial-gradient(circle at 6px 9px,var(--color-frame-inner) 0 2px,var(--color-frame-ridge) 2.5px 3.5px,transparent 4px),linear-gradient(90deg,transparent 0 28px,var(--color-accent-border) 29px 31px,transparent 32px),repeating-linear-gradient(0deg,transparent 0 13px,var(--color-border) 14px 15px);background-repeat:repeat-y,no-repeat,repeat;background-size:16px 18px,100% 100%,100% 15px}.canvas-style-swatch--crumpled{border:1px solid var(--color-paper-edge);border-radius:3px;background-color:var(--color-paper);background-image:url(/assets/crumpled-paper-CfD-SDrg.jpg);background-position:center;background-size:cover;box-shadow:var(--shadow-sm)}.canvas-style-swatch--beach{border:1px solid var(--color-paper-edge);border-radius:4px;background-color:var(--color-note-blue);background-image:url(/assets/beach-ocean-DZhadjRk.jpg);background-position:center;background-size:cover;box-shadow:var(--shadow-sm)}.canvas-style-swatch--panorama{border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-photo-backdrop);background-position:center;background-size:cover;box-shadow:var(--shadow-sm)}.canvas-panorama-picker{display:grid;gap:10px}.canvas-panorama-picker-preview{display:grid;min-height:150px;place-items:center;border:1px dashed var(--color-border-strong);border-radius:10px;background-color:var(--color-photo-backdrop);background-position:center;background-size:cover;color:var(--color-text-secondary);font-size:13px}.canvas-panorama-picker-actions{display:flex;align-items:center;gap:12px}.canvas-panorama-picker-actions label{position:relative;flex:0 0 auto;cursor:pointer}.canvas-panorama-picker-actions label.is-disabled{opacity:.5;cursor:not-allowed}.canvas-panorama-picker-actions input{position:absolute;width:1px;height:1px;opacity:0}.canvas-panorama-picker-actions label:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.canvas-panorama-picker-actions small{color:var(--color-text-secondary);font-size:11px;line-height:1.5}.canvas-settings-dialog{max-height:min(92dvh,860px);overflow-y:auto}.canvas-settings-error{color:var(--color-danger)!important}.immersive-toggle:focus-visible,.immersive-exit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.detail-workspace{display:flex;flex:1;min-height:0}.detail-canvas-wrapper{flex:1;min-width:0;position:relative;overflow:hidden;margin:14px 12px 14px 14px}.detail-canvas-wrapper .react-flow__attribution,.file-detail-container.is-list-view .block-list-panel{display:none}.detail-list-view{position:absolute;inset:0;z-index:150;display:flex;min-width:0;min-height:0;padding:70px 306px 18px 14px;background:var(--color-bg-app)}.is-inspector-collapsed .detail-list-view{padding-right:70px}.detail-list-sheet{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-paper-edge);border-radius:10px;background:var(--color-paper-alt);box-shadow:var(--shadow-lg)}.detail-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 20px;border-bottom:1px solid var(--color-border)}.detail-list-heading>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.detail-list-heading h3{margin:0;color:var(--color-text-primary);font-size:17px}.detail-list-heading span{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.detail-list-add{position:relative;flex:0 0 auto}.detail-list-add>summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;list-style:none;cursor:pointer}.detail-list-add>summary::-webkit-details-marker{display:none}.detail-list-add-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:5;display:grid;width:174px;max-height:310px;overflow-y:auto;padding:5px;border:1px solid var(--color-border-strong);border-radius:9px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.detail-list-add-menu button{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;font:inherit;font-size:12px}.detail-list-add-menu button:hover,.detail-list-add-menu button:focus-visible{outline:none;background:var(--color-surface-hover)}.detail-list-filters{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:10px 20px;border-bottom:1px solid var(--color-border);scrollbar-width:none}.detail-list-filters button{flex:0 0 auto;min-height:34px;padding:5px 11px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:11px}.detail-list-filters button.active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.detail-list-filters button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.detail-list-rows{flex:1;min-height:0;overflow-y:auto;padding:8px 14px}.detail-list-row{display:flex;align-items:center;gap:4px;min-height:68px;border-bottom:1px solid var(--color-border);border-radius:6px}.detail-list-row:hover{background:var(--color-surface-hover)}.detail-list-row.selected{background:var(--color-accent-soft);box-shadow:inset 3px 0 var(--color-accent)}.detail-list-select{display:flex;flex:1;align-items:center;gap:13px;min-width:0;min-height:66px;padding:8px 12px;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;font:inherit}.detail-list-select:focus-visible,.detail-list-open:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.detail-list-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:7px;background:var(--color-surface-3);font-size:18px}.detail-list-icon img{width:100%;height:100%;object-fit:cover}.detail-list-copy{display:grid;flex:1;min-width:0;gap:4px}.detail-list-copy strong,.detail-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-list-copy strong{font-size:13px}.detail-list-copy small{color:var(--color-text-secondary);font-size:11px}.detail-list-select time{color:var(--color-text-muted);font-size:11px;white-space:nowrap}.detail-list-open{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:3px;min-width:66px;min-height:40px;margin-right:8px;padding:0 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);color:var(--color-accent-hover);cursor:pointer;font:inherit;font-size:11px;font-weight:600}.detail-list-open:hover{background:var(--color-surface-hover)}.detail-list-empty{padding:45px 12px;color:var(--color-text-secondary);font-size:12px;text-align:center}.file-detail-container.is-immersive{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh}.is-immersive .detail-toolbar,.is-immersive .block-list-panel,.is-immersive .block-inspector-panel,.is-immersive .board-empty,.is-immersive .detail-help,.is-immersive .react-flow__controls,.is-immersive .react-flow__minimap,.is-immersive .react-flow__attribution{display:none}.is-immersive .detail-workspace{height:100%}.is-immersive .detail-canvas-wrapper{margin:0;border:0;box-shadow:none}.immersive-exit{position:absolute;top:16px;right:16px;z-index:101;opacity:.35;transition:opacity .2s ease,background-color .16s ease,transform .16s ease}.immersive-exit:hover,.immersive-exit:focus-visible{opacity:1}.block-list-panel{display:flex;flex:0 0 258px;min-width:0;flex-direction:column;border-right:5px solid var(--color-frame-face);background:var(--color-surface-1);box-shadow:4px 0 16px var(--color-board-shadow)}.block-inspector-panel{display:flex;flex:0 0 278px;min-width:0;min-height:0;flex-direction:column;border-left:5px solid var(--color-frame-face);background:var(--color-surface-1);box-shadow:-4px 0 16px var(--color-board-shadow)}.panel-collapse-toggle{flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border-radius:8px}.block-inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 16px 16px;border-bottom:1px solid var(--color-border)}.block-inspector-heading>div{display:flex;align-items:center;gap:8px}.block-inspector-heading strong{font-size:14px}.block-inspector-body{flex:1;min-height:0;overflow-y:auto}.block-inspector-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 22px;color:var(--color-text-secondary);text-align:center}.block-inspector-empty strong{color:var(--color-text-primary);font-size:13px}.block-inspector-empty span{font-size:12px;line-height:1.55}.block-inspector-section{padding:18px 16px;border-bottom:1px solid var(--color-border)}.block-inspector-section h3{display:flex;align-items:center;gap:7px;margin:0 0 13px;color:var(--color-text-primary);font-size:13px}.block-inspector-section p{margin:9px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.block-inspector-type{display:flex;align-items:center;gap:10px;min-width:0}.block-inspector-type>span{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid var(--color-paper-edge);border-radius:5px;background:var(--color-paper-alt);font-size:18px}.block-inspector-type>div{display:flex;min-width:0;flex-direction:column;gap:3px}.block-inspector-type strong{font-size:13px}.block-inspector-type small{overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.block-inspector-facts{display:grid;gap:9px;margin:17px 0 0}.block-inspector-facts>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.block-inspector-facts dt{color:var(--color-text-secondary)}.block-inspector-facts dd{margin:0;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.block-inspector-multiple{display:flex;align-items:center;gap:9px;font-size:13px}.connection-inspector-title{display:flex;align-items:center;gap:10px;min-width:0}.connection-inspector-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid var(--color-paper-edge);border-radius:50%;background:var(--color-paper-alt);color:var(--color-accent)}.connection-inspector-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}.connection-inspector-title strong{color:var(--color-text-primary);font-size:13px}.connection-inspector-title small{color:var(--color-text-secondary);font-size:11px}.connection-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.connection-style-options--strokes{grid-template-columns:repeat(4,minmax(0,1fr))}.connection-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.connection-theme-option{display:flex;min-width:0;flex-direction:column;gap:6px;padding:8px;border:1px solid transparent;border-radius:8px;background:var(--color-surface-2);color:var(--color-text-primary);text-align:left;cursor:pointer}.connection-theme-option:hover:not(:disabled){background:var(--color-surface-hover)}.connection-theme-option.selected{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.connection-theme-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.connection-theme-option:disabled{cursor:default;opacity:.65}.connection-theme-preview{position:relative;display:block;width:100%;height:30px;overflow:hidden;border-radius:5px;background:var(--color-surface-1)}.connection-theme-preview i{position:absolute;top:14px;right:8px;left:8px;display:block;border-top:2px solid var(--color-flow-edge)}.connection-theme-preview--classic i:first-child{right:18px;border-radius:50%;transform:rotate(-5deg)}.connection-theme-preview--neon i:first-child{border-top:3px solid var(--color-accent-hover);border-radius:50%;filter:drop-shadow(0 0 3px var(--color-accent)) drop-shadow(0 0 6px var(--color-accent-ring));transform:rotate(-8deg)}.connection-theme-preview--electric i:first-child{border-top:3px dotted var(--color-warning);filter:drop-shadow(0 0 3px var(--color-warning));transform:skew(-20deg);animation:connection-preview-flow .65s linear infinite}.connection-theme-preview--sketch i:first-child{top:12px;border-top:2px dashed var(--color-text-secondary);filter:drop-shadow(1px 2px 0 var(--color-paper));transform:rotate(3deg)}.connection-theme-preview--sketch i:last-child{top:17px;right:14px;left:12px;border-top:1px dotted var(--color-text-muted);transform:rotate(-2deg)}.connection-theme-preview--ribbon i:first-child{top:12px;border-top:6px solid var(--color-note-pink);border-radius:50%;filter:drop-shadow(0 2px 0 var(--color-note-blue));transform:rotate(-7deg)}.connection-theme-preview--ribbon i:last-child{top:13px;right:13px;left:13px;border-top:2px dashed var(--color-accent-hover);border-radius:50%;transform:rotate(-7deg);animation:connection-preview-flow 1s linear infinite}.connection-theme-preview--editor i:first-child{top:10px;border-top:3px dashed var(--color-success);animation:connection-preview-flow .8s linear infinite}.connection-theme-preview--editor i:last-child{top:20px;border-top:2px solid var(--color-accent)}.connection-theme-preview--travel i:first-child{border-top:3px dashed var(--color-code-block-text);border-radius:50%;filter:drop-shadow(0 1px 2px var(--color-board-shadow));transform:rotate(-8deg);animation:connection-preview-flow 1s linear infinite}.connection-theme-preview--rainbow i:first-child{top:10px;height:10px;border:0;border-radius:50%;background:linear-gradient(180deg,var(--color-danger) 0 20%,var(--color-warning) 20% 40%,var(--color-success) 40% 60%,var(--color-note-blue) 60% 80%,var(--color-accent) 80% 100%);transform:rotate(-7deg)}.connection-theme-preview--rainbow i:last-child{display:none}.connection-theme-preview--road i:first-child{top:10px;border-top:11px solid var(--color-border-strong);border-radius:3px}.connection-theme-preview--road i:last-child{top:14px;border-top:2px dashed var(--color-warning);animation:connection-preview-flow .85s linear infinite}.connection-theme-preview--flight i:first-child{border-top:2px dashed var(--color-code-block-text);border-radius:50%;transform:rotate(-8deg);animation:connection-preview-flow 1s linear infinite}.connection-theme-preview--flight:after{position:absolute;top:7px;left:calc(50% - 9px);width:19px;height:15px;content:"";background:var(--color-code-block-text);clip-path:polygon(100% 50%,57% 32%,38% 0,24% 0,35% 40%,8% 28%,0 42%,34% 60%,24% 100%,38% 100%,57% 68%);filter:drop-shadow(0 1px 2px var(--color-board-shadow));transform:rotate(-8deg)}.connection-theme-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.connection-theme-copy strong{font-size:11px}.connection-theme-copy small{overflow:hidden;color:var(--color-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}@keyframes connection-preview-flow{to{transform:translate(8px)}}.connection-style-option{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;padding:8px 3px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-secondary);font-size:11px;cursor:pointer}.connection-style-option:hover:not(:disabled){background:var(--color-surface-hover)}.connection-style-option.selected{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text-primary)}.connection-style-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.connection-style-option:disabled{cursor:default;opacity:.65}.connection-path-swatch,.connection-stroke-swatch{position:relative;display:block;width:52px;height:24px;color:var(--color-flow-edge)}.connection-path-swatch:before,.connection-stroke-swatch:before{position:absolute;content:""}.connection-path-swatch--straight:before{top:11px;right:3px;left:3px;border-top:2px solid currentColor}.connection-path-swatch--smoothstep:before{inset:4px 7px;border-top:2px solid currentColor;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 5px 5px 0}.connection-path-swatch--bezier:before{inset:4px 3px;border-top:2px solid currentColor;border-radius:50%;transform:rotate(-13deg)}.connection-stroke-swatch:before{top:11px;right:3px;left:3px;height:2px;background:currentColor}.connection-stroke-swatch--dashed:before{background:repeating-linear-gradient(90deg,currentColor 0 9px,transparent 9px 15px)}.connection-stroke-swatch--dotted:before{height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 9px)}.connection-stroke-swatch--double:before,.connection-stroke-swatch--double:after{right:3px;left:3px;height:2px;background:currentColor}.connection-stroke-swatch--double:before{top:8px}.connection-stroke-swatch--double:after{position:absolute;top:15px;content:""}.connection-animation-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.connection-animation-setting>span{display:flex;flex-direction:column;gap:3px}.connection-animation-setting strong{color:var(--color-text-primary);font-size:12px}.connection-animation-setting small{color:var(--color-text-secondary);font-size:11px;line-height:1.35}.connection-animation-setting input{width:18px;height:18px;accent-color:var(--color-accent)}.react-flow__edge.connection-theme--electric.animated .react-flow__edge-path{animation-duration:.55s}.react-flow__edge.connection-theme--ribbon.animated .react-flow__edge-path{animation-duration:1.1s}.react-flow__edge.connection-theme--editor.animated .react-flow__edge-path{animation-duration:.75s}.react-flow__edge.connection-theme--travel.animated .react-flow__edge-path,.react-flow__edge.connection-theme--flight.animated .react-flow__edge-path{animation-duration:1s}.react-flow__edge.connection-theme--road.animated .react-flow__edge-path{animation-duration:.85s}.artistic-connection__path{pointer-events:none}.artistic-connection__plane{pointer-events:none;filter:drop-shadow(0 2px 2px var(--color-board-shadow))}.artistic-connection__plane-body{fill:var(--color-code-block-text);stroke:var(--color-border-strong);stroke-linejoin:round;stroke-width:1}.artistic-connection__plane-trail{fill:none;stroke:var(--color-code-block-text);stroke-dasharray:4 4;stroke-linecap:round;stroke-width:1.5}@media(prefers-reduced-motion:reduce){.connection-theme-preview i{animation:none!important}}.block-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}.block-color-option,.block-border-option{min-width:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.block-color-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 2px;font-size:10px;white-space:nowrap}.block-color-option:hover,.block-border-option:hover{background:var(--color-surface-hover)}.block-color-option.selected,.block-border-option.selected{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text-primary)}.block-color-option:focus-visible,.block-border-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.block-color-swatch{display:block;width:35px;height:35px;border:1px solid var(--color-paper-edge);border-radius:4px;background:var(--block-fill, var(--color-paper));box-shadow:var(--shadow-sm)}.block-color--default .block-color-swatch{background:linear-gradient(135deg,var(--color-note-yellow) 0 50%,var(--color-paper) 50%)}.block-color--transparent .block-color-swatch{background-color:var(--color-surface-1);background-image:linear-gradient(45deg,var(--color-surface-3) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-3) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-3) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.block-typography-fields{display:grid;gap:10px}.block-typography-fields label,.block-typography-color{display:grid;gap:5px;color:var(--color-text-secondary);font-size:12px}.block-typography-fields select{width:100%;min-height:40px;padding:7px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);color:var(--color-text-primary);cursor:pointer}.block-typography-fields select:focus-visible,.block-typography-color input:focus-visible,.block-typography-color button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.block-typography-color>div{display:flex;align-items:center;gap:8px}.block-typography-color input{flex:0 0 44px;width:44px;height:40px;padding:3px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);cursor:pointer}.block-typography-color>div>span{flex:1;overflow:hidden;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.block-typography-color button{min-height:40px;padding:0 9px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);color:var(--color-text-primary);cursor:pointer}.block-typography-color button:disabled{opacity:.5;cursor:default}.block-border-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.block-border-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;font-size:11px}.block-border-swatch{display:block;width:47px;height:30px;border:1px solid var(--color-paper-edge);border-radius:2px;background:var(--color-paper);box-shadow:var(--shadow-sm)}.block-border--none .block-border-swatch{border-color:transparent}.block-border--fine .block-border-swatch{border-color:var(--color-border-strong)}.block-border--accent .block-border-swatch{border:2px solid var(--color-accent-border)}.block-border--dashed .block-border-swatch{border:2px dashed var(--color-border-strong)}.block-border--frame .block-border-swatch{border:5px solid var(--color-frame-ridge)}.block-border--kraft .block-border-swatch{position:relative;border:0;background-color:var(--color-kraft-face);background-image:radial-gradient(circle at 18% 32%,var(--color-kraft-fiber) 0 1px,transparent 1.5px);background-size:9px 11px;clip-path:polygon(0 8%,16% 2%,29% 8%,45% 0,62% 7%,79% 1%,100% 9%,96% 28%,100% 49%,96% 72%,100% 95%,81% 100%,64% 94%,45% 100%,27% 94%,12% 100%,0 92%,4% 71%,0 48%,4% 25%)}.block-border--kraft .block-border-swatch:after{position:absolute;inset:5px;background:var(--color-paper);content:""}.block-border--torn .block-border-swatch{border:0;clip-path:polygon(0 5%,10% 0,19% 5%,30% 1%,39% 5%,51% 0,60% 4%,72% 1%,82% 5%,93% 0,100% 5%,96% 15%,100% 30%,97% 45%,100% 59%,96% 74%,100% 90%,95% 100%,84% 96%,74% 100%,64% 96%,52% 100%,41% 96%,30% 100%,19% 96%,9% 100%,0 95%,4% 81%,0 67%,3% 52%,0 38%,4% 22%)}.block-border--organic .block-border-swatch{border:0;border-radius:14% 5% 11% 4%/7% 13% 6% 11%;transform:rotate(-2deg)}.block-border--ticket .block-border-swatch{border:0;clip-path:polygon(0 0,100% 0,100% 40%,94% 50%,100% 60%,100% 100%,0 100%,0 60%,6% 50%,0 40%)}.block-border--double .block-border-swatch{border:5px double var(--color-border-strong)}.block-border--dotted .block-border-swatch{border:3px dotted var(--color-border-strong)}.block-border--underline .block-border-swatch{border-bottom:5px solid var(--color-accent-border)}.block-border--left-bar .block-border-swatch{border-left:6px solid var(--color-accent-border)}.block-border--rounded .block-border-swatch{border:2px solid var(--color-border-strong);border-radius:11px}.block-inspector-more{display:flex;width:100%;min-height:40px;align-items:center;justify-content:center;gap:5px;margin-top:7px;padding:6px 10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-1);color:var(--color-text-secondary);font-size:11px;cursor:pointer}.block-inspector-more:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.block-inspector-more:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.block-list-panel .mobile-block-list-close,.block-list-panel .mobile-multi-select{display:none}.block-list-heading{display:flex;align-items:center;min-height:64px;justify-content:flex-start;gap:8px;padding:12px;border-bottom:1px solid var(--color-border)}.block-list-heading>div{display:flex;align-items:center;gap:7px}.block-list-heading strong{font-size:14px;line-height:1.25}.block-list-heading>span{display:inline-flex;min-width:24px;min-height:22px;align-items:center;justify-content:center;padding:2px 7px;border-radius:11px;background:var(--color-surface-2);color:var(--color-text-secondary);font-size:11px;line-height:1;text-align:center}.block-list-heading .panel-collapse-toggle{margin-left:auto}.block-filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;border-bottom:1px solid var(--color-border)}.block-filter-tabs button{width:100%;min-width:0;gap:5px;min-height:32px;justify-content:flex-start;padding:5px 8px;font-size:11px;box-shadow:none}.block-filter-tabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-filter-tabs button.active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.block-list-items{flex:1;min-height:0;overflow-y:auto;padding:14px 12px}.block-list-item{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:9px 10px;border:1px solid var(--color-paper-edge);border-radius:1px;background:var(--color-paper-alt);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transform:rotate(-.6deg)}.block-list-item:nth-child(3n+2){background:var(--color-note-yellow);transform:rotate(.4deg)}.block-list-item:nth-child(3n+3){background:var(--color-note-blue);transform:rotate(-.3deg)}.block-list-item:hover{border-color:var(--color-border);background:var(--color-surface-hover)}.block-list-item.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ring),var(--shadow-sm)}.block-list-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--color-surface-3);font-size:15px}.block-list-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.block-list-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.block-list-copy strong{color:var(--color-text-primary);font-size:12px;font-weight:600}.block-list-copy small{overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.block-list-empty{padding:32px 12px;color:var(--color-text-secondary);font-size:12px;text-align:center}@media(max-width:860px){.block-list-panel{flex-basis:210px}.block-inspector-panel{flex-basis:240px}}@media(max-width:620px){.block-list-panel{flex:0 0 52px}.block-list-heading{justify-content:center;padding:15px 4px}.block-list-heading strong,.block-list-heading>span,.block-filter-tabs,.block-list-copy{display:none}.block-list-items{padding:8px 4px}.block-list-item{justify-content:center;padding:6px 3px}}@media(min-width:761px)and (pointer:fine){.file-detail-container{--detail-controls-left: 286px;--detail-minimap-right: 306px}.file-detail-container.is-block-list-collapsed{--detail-controls-left: 14px}.file-detail-container.is-inspector-collapsed{--detail-minimap-right: 14px}.file-detail-container .detail-toolbar{position:absolute;top:14px;right:66px;left:14px;z-index:210;width:auto;padding:0;border:0;background:transparent;box-shadow:none;gap:8px;color:var(--color-text-primary);pointer-events:none}.detail-toolbar>*:not(.toolbar-spacer){pointer-events:auto}.detail-toolbar .back-btn,.detail-toolbar .detail-title-group,.detail-toolbar .save-status,.detail-toolbar>.app-action{border:1px solid var(--color-paper-edge);background:var(--color-paper-alt);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-toolbar .app-action{min-height:40px;padding:0 12px;border-radius:8px;color:var(--color-text-primary);font-size:12px;font-weight:600;line-height:1}.detail-toolbar .back-btn,.detail-toolbar .immersive-toggle{width:40px;height:40px;flex-basis:40px;padding:0;border-radius:8px;box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm)}.detail-help-toggle{width:40px;height:40px;min-height:40px;flex-basis:40px;line-height:0}.detail-toolbar .app-action--icon:hover:not(:disabled),.detail-help-toggle:hover:not(:disabled){transform:none}.detail-toolbar .detail-title-group{height:40px;min-height:40px;max-width:min(42vw,430px);padding:0 13px;border-radius:8px;color:var(--color-text-primary)}.detail-toolbar .file-title{font-size:14px;font-weight:650}.detail-toolbar .file-block-count{font-size:11px}.detail-toolbar .save-status{height:40px;min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;color:var(--color-text-secondary);font-size:11px;font-weight:600}.detail-workspace{position:absolute;inset:0;display:block}.detail-canvas-wrapper{position:absolute;inset:0;width:100%;height:100%;margin:0}.block-list-panel,.block-inspector-panel{position:absolute;top:70px;bottom:18px;z-index:170;height:auto;border:1px solid var(--color-paper-edge);border-radius:9px;background-color:var(--color-paper-alt);background-image:linear-gradient(112deg,transparent 70%,var(--color-paper-grain));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width .22s ease,transform .22s ease,box-shadow .22s ease}.block-list-panel{left:14px;width:258px;transform:rotate(-.12deg)}.block-inspector-panel{right:14px;width:278px;transform:rotate(.12deg)}.block-list-panel:not(.is-collapsed):hover,.block-inspector-panel:not(.is-collapsed):hover{box-shadow:var(--shadow-hover)}.block-list-panel .block-list-heading,.block-inspector-panel .block-inspector-heading{border-bottom-style:dashed;background:transparent}.block-list-panel.is-collapsed,.block-inspector-panel.is-collapsed{bottom:auto;width:40px;height:40px;min-height:40px;overflow:visible;border:0;border-radius:8px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:0 0 40px;transform:none}.block-list-panel.is-collapsed .block-list-heading,.block-inspector-panel.is-collapsed .block-inspector-heading{width:100%;height:100%;justify-content:center;padding:0;border-bottom:0}.block-list-panel.is-collapsed .panel-collapse-toggle,.block-inspector-panel.is-collapsed .panel-collapse-toggle{width:40px;height:40px;min-height:40px;flex-basis:40px;margin:0}.detail-canvas-wrapper .detail-help{position:fixed;top:14px;right:14px;z-index:220;width:40px;height:40px}.detail-canvas-wrapper .react-flow__controls{right:auto;bottom:18px;left:var(--detail-controls-left);transform:none;transition:left .22s ease}.detail-canvas-wrapper .react-flow__controls-button{border-bottom:1px solid var(--color-border)}.detail-canvas-wrapper .react-flow__controls-button:last-child{border-bottom:0}.detail-canvas-wrapper .react-flow__minimap{right:var(--detail-minimap-right);bottom:18px;left:auto;width:180px;height:112px;transition:right .22s ease}}@media(min-width:761px)and (max-width:860px)and (pointer:fine){.file-detail-container{--detail-controls-left: 238px;--detail-minimap-right: 268px}.file-detail-container.is-block-list-collapsed{--detail-controls-left: 14px}.file-detail-container.is-inspector-collapsed{--detail-minimap-right: 14px}.block-list-panel{width:210px}.block-inspector-panel{width:240px}}.detail-canvas-wrapper .context-menu{position:absolute;max-height:calc(100% - 16px);overflow-y:auto;border:1px solid var(--color-paper-edge);background:var(--color-paper);border-radius:6px;box-shadow:var(--shadow-md);padding:5px;z-index:1000;min-width:236px}.detail-canvas-wrapper .context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;background:transparent;cursor:pointer;font-size:13px;border-radius:4px;text-align:left;transition:all .2s;color:var(--color-text-primary)}.detail-canvas-wrapper .context-menu button:hover{background:var(--color-surface-hover);color:var(--color-accent-hover)}.detail-canvas-wrapper .context-menu button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.detail-canvas-wrapper .context-menu-title{padding:6px 12px 8px;color:var(--color-text-secondary);font-size:11px}.detail-canvas-wrapper .context-menu-separator{height:1px;margin:5px 6px;background:var(--color-border)}.detail-canvas-wrapper .context-menu .menu-shortcut{margin-left:auto;color:var(--color-text-muted);font-size:11px}.detail-canvas-wrapper .context-menu button.danger{color:var(--color-danger)}.detail-canvas-wrapper .context-menu button.danger:hover{background:var(--color-danger-soft)}.detail-canvas-wrapper .context-menu .pin-style-picker{margin:5px 4px 8px}.detail-canvas-wrapper .context-menu .pin-style-option{width:auto;min-height:61px;padding:5px;border:1px solid var(--color-paper-edge);border-radius:5px;background:var(--color-paper);font-size:11px}.detail-canvas-wrapper .context-menu .pin-style-option:hover{border-color:var(--color-accent-border);background:var(--color-surface-hover)}.detail-canvas-wrapper .context-menu .pin-style-option.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ring)}.quick-create-menu{position:absolute;z-index:1001;width:246px;max-height:calc(100% - 16px);overflow-y:auto;padding:8px;border:1px solid var(--color-paper-edge);border-radius:8px;background:var(--color-paper);box-shadow:var(--shadow-lg)}.quick-create-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 6px 9px;border-bottom:1px solid var(--color-border)}.quick-create-heading strong{color:var(--color-text-primary);font-size:13px}.quick-create-heading span{color:var(--color-text-muted);font-size:11px}.quick-create-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:7px}.quick-create-options button{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 8px;border:1px solid var(--color-paper-edge);border-radius:5px;background:var(--color-paper-alt);color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:12px}.quick-create-options button:hover{border-color:var(--color-accent-border);background:var(--color-surface-hover)}.quick-create-options button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.quick-create-options button:disabled{opacity:.55;cursor:wait}.quick-create-options button span{font-size:17px}.detail-help{position:absolute;top:14px;right:14px;z-index:150}.detail-help-toggle{border-color:var(--color-paper-edge);border-radius:8px;background:var(--color-paper-alt);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-sm)}.detail-help-toggle.is-active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover);transform:none}.detail-help-popover{position:absolute;top:46px;right:0;width:min(390px,calc(100vw - 48px));max-height:min(640px,calc(100dvh - 150px));overflow-y:auto;padding:18px 17px 16px;border:1px solid var(--color-paper-edge);border-radius:5px;background-color:var(--color-paper-alt);background-image:linear-gradient(112deg,transparent 68%,var(--color-paper-grain));box-shadow:var(--shadow-lg);color:var(--color-text-primary);transform:rotate(.25deg);transform-origin:top right;animation:detail-help-open .18s ease-out both}.detail-help-pin{position:absolute;top:8px;left:50%;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 33% 27%,var(--color-pin-ruby-highlight),var(--color-pin-ruby) 48%,var(--color-pin-ruby-shade));box-shadow:1px 2px 4px var(--color-board-shadow);transform:translate(-50%)}.detail-help-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px dashed var(--color-paper-edge)}.detail-help-heading>div,.detail-help-grid h3{display:flex;align-items:center;gap:7px}.detail-help-heading strong{font-size:15px}.detail-help-heading .app-action{border:0;background:transparent;box-shadow:none}.detail-help-grid{display:grid;gap:13px;padding-top:14px}.detail-help-grid section{padding:11px 12px;border-radius:4px;background:var(--color-paper);box-shadow:var(--shadow-sm)}.detail-help-grid section:nth-child(2n){background:var(--color-note-yellow);transform:rotate(-.25deg)}.detail-help-grid h3{margin:0 0 7px;color:var(--color-text-primary);font-size:12px}.detail-help-grid ul{display:grid;gap:5px;margin:0;padding-left:17px;color:var(--color-text-secondary);font-size:11px;line-height:1.55}@keyframes detail-help-open{0%{opacity:0;transform:translateY(-8px) rotate(-1deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(.25deg) scale(1)}}@media(max-width:760px),(pointer:coarse){.canvas-settings-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px}.canvas-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.file-detail-container{min-height:0;height:auto}.detail-toolbar{display:none}.detail-list-view,.is-inspector-collapsed .detail-list-view{z-index:25;padding:12px 12px calc(84px + env(safe-area-inset-bottom))}.has-mobile-selection .detail-list-view{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.detail-list-heading{padding:10px 13px}.detail-list-heading h3{font-size:15px}.detail-list-add{display:none}.detail-list-filters{padding:9px 12px}.detail-list-filters button{min-height:40px}.detail-list-rows{padding:5px 7px}.detail-list-select{gap:9px;padding:7px}.detail-list-select time{display:none}.detail-list-open{min-width:50px;margin-right:4px}.detail-list-open span{display:none}.detail-workspace{min-height:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.has-mobile-selection .detail-workspace{padding-bottom:calc(148px + env(safe-area-inset-bottom))}.mobile-browse .react-flow__handle{opacity:0!important;pointer-events:none}.detail-canvas-wrapper{margin:8px}.detail-canvas-wrapper .react-flow__attribution{display:none}.detail-help{top:10px;right:10px}.detail-help-popover{max-height:calc(100dvh - 190px)}.block-list-panel,.block-list-panel .panel-collapse-toggle,.block-inspector-panel{display:none}.block-list-panel--open{position:fixed;right:0;bottom:0;left:0;z-index:61;display:flex;width:100%;height:min(72dvh,640px);min-height:300px;border:1px solid var(--color-paper-edge);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-lg)}.block-list-heading{justify-content:space-between;padding:14px 16px}.block-list-heading strong{display:inline}.block-list-heading>span{display:inline-flex}.block-list-heading>span{margin-left:auto;margin-right:10px}.block-list-panel .mobile-block-list-close{display:inline-flex}.block-list-panel .mobile-multi-select{display:inline-flex;min-height:40px}.block-filter-tabs{display:flex;overflow-x:auto;padding:12px;scrollbar-width:none}.block-filter-tabs::-webkit-scrollbar{display:none}.block-filter-tabs button span{display:inline}.block-filter-tabs button{width:auto;flex:0 0 auto;min-height:40px;justify-content:center}.block-list-items{padding:12px}.block-list-item{min-height:54px}.block-list-copy{display:flex}.block-inspector-panel--sheet{position:fixed;right:0;bottom:0;left:0;z-index:61;display:flex;width:100%;height:auto;max-height:min(78dvh,650px);border:1px solid var(--color-paper-edge);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-lg)}.block-inspector-heading{padding:14px 16px}.block-inspector-panel--sheet .block-inspector-body{flex:0 1 auto;overscroll-behavior:contain}.is-immersive .detail-workspace{padding-bottom:0}.is-immersive .detail-canvas-wrapper{margin:0}.immersive-exit{top:calc(14px + env(safe-area-inset-top));right:14px;opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;background-color:var(--color-bg-app);color:var(--color-text-primary);overflow:hidden;transition:background-color .2s ease,color .2s ease}button,input,textarea,select{color:inherit;font:inherit}.app-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--color-paper-edge);border-radius:5px;background:var(--color-paper);box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-size:13px;font-weight:550;line-height:1.2;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease}.app-action:hover:not(:disabled){border-color:var(--color-accent-border);background:var(--color-surface-hover);color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-action:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.app-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-action:disabled{opacity:.45;cursor:not-allowed}.app-action--icon{flex:0 0 34px;width:34px;height:34px;padding:0}.app-action--accent{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.app-action--danger{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.app-action--danger:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}::selection{background:var(--color-accent-ring)}#root{height:100vh;width:100vw;display:flex}.react-flow__node{border-radius:3px;border:1px solid var(--color-paper-edge);background-color:var(--color-paper);background-image:radial-gradient(circle at 18% 24%,var(--color-paper-grain) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 68%,var(--color-paper-grain) 0 1px,transparent 1.5px);background-size:15px 17px,19px 21px;box-shadow:var(--shadow-sm)}.react-flow__node.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring),var(--shadow-md)}.react-flow__edge-path{stroke-width:2}.react-flow__handle{width:10px;height:10px;background:var(--color-accent);border:2px solid var(--color-handle-border);opacity:0;transition:opacity .15s ease}.react-flow__node:hover .react-flow__handle,.react-flow__node.selected .react-flow__handle,.react-flow__handle.connecting,.react-flow__handle.valid{opacity:1}.react-flow__controls{overflow:hidden;border:1px solid var(--color-paper-edge);border-radius:5px;box-shadow:var(--shadow-md)}.react-flow__controls-button{width:34px;height:34px;border-bottom-color:var(--color-border);background:var(--color-paper);color:var(--color-text-primary);fill:var(--color-text-primary)}.react-flow__controls-button:hover{background:var(--color-surface-hover);color:var(--color-accent-hover)}.react-flow__controls-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.react-flow__controls-button svg{fill:currentColor}.react-flow__minimap{overflow:hidden;border:1px solid var(--color-paper-edge);border-radius:8px;background:var(--color-minimap-bg);box-shadow:inset 0 0 0 1px var(--color-surface-2),var(--shadow-md);cursor:pointer}.react-flow__minimap-svg{width:100%;height:100%;border-radius:7px}.react-flow__minimap-mask{stroke:var(--color-accent-border);stroke-width:1}.react-flow__minimap-node{stroke:var(--color-paper-edge);stroke-width:1}.react-flow__selection,.react-flow__nodesselection-rect{border:1px solid var(--color-accent);background:var(--color-accent-ring)}.app-layout{display:flex;width:100%;height:100%}.mobile-app-header,.mobile-drawer-close,.mobile-drawer-backdrop{display:none}@media(max-width:760px),(pointer:coarse){#root,.app-layout{height:100dvh;min-height:0}.app-layout--mobile{flex-direction:column}.mobile-app-header{z-index:20;display:flex;flex:0 0 auto;align-items:center;gap:12px;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--color-border);background:var(--color-paper-alt);box-shadow:var(--shadow-sm)}.mobile-app-header strong{flex:1;min-width:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.mobile-file-block-count{flex:0 0 auto;color:var(--color-text-secondary);font-size:11px;white-space:nowrap}.mobile-app-header .app-action{min-height:40px;width:40px;height:40px;flex-basis:40px}.mobile-drawer-backdrop{position:fixed;inset:0;z-index:50;display:block;width:100%;border:0;background:var(--color-overlay)}.mobile-drawer-close{display:inline-flex;margin-left:auto}.app-action{min-height:40px}.app-action--icon{width:40px;height:40px;flex-basis:40px}.react-flow__controls-button{width:40px;height:40px}.react-flow__handle{width:18px;height:18px}.react-flow__resize-control.handle{width:22px;height:22px}.mobile-canvas-dock{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;z-index:40;display:flex;align-items:center;gap:7px;min-height:60px;overflow-x:auto;padding:8px;border:1px solid var(--color-paper-edge);border-radius:10px;background:var(--color-paper-alt);box-shadow:var(--shadow-lg);scrollbar-width:none}.mobile-canvas-dock::-webkit-scrollbar{display:none}.mobile-canvas-dock .app-action{flex:0 0 auto;min-height:44px}.mobile-connect-label{flex:1;min-width:0;padding:0 7px;color:var(--color-text-primary);font-size:13px;font-weight:600}.mobile-selection-bar{position:fixed;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));left:12px;z-index:40;display:flex;overflow-x:auto;scrollbar-width:none;gap:5px;padding:7px;border:1px solid var(--color-paper-edge);border-radius:10px;background:var(--color-paper-alt);box-shadow:var(--shadow-md)}.mobile-selection-bar::-webkit-scrollbar{display:none}.mobile-selection-bar .app-action{flex:0 0 52px;min-width:0;min-height:48px;flex-direction:column;gap:2px;padding:5px 1px;font-size:11px}.mobile-sheet-backdrop{position:fixed;inset:0;z-index:60;width:100%;border:0;background:var(--color-overlay)}.mobile-action-sheet{position:fixed;right:0;bottom:0;left:0;z-index:61;padding:16px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--color-paper-edge);border-radius:16px 16px 0 0;background:var(--color-paper-alt);box-shadow:var(--shadow-lg)}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-sheet-heading strong{font-size:16px}.mobile-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-block-grid .app-action{justify-content:flex-start;min-height:54px;font-size:14px}.mobile-block-grid .app-action span{font-size:20px}}.pushpin{--pin-head: var(--color-pin);--pin-highlight: var(--color-pin-highlight);--pin-shade: var(--color-pin-shade);position:absolute;top:-15px;left:18px;z-index:10;width:22px;height:37px;pointer-events:none;filter:drop-shadow(3px 5px 2px var(--color-board-shadow));transform:rotate(-19deg)}.pushpin:before{position:absolute;top:0;left:0;z-index:2;width:22px;height:22px;border:1px solid var(--pin-shade);border-radius:50%;background:radial-gradient(circle at 30% 23%,var(--pin-highlight) 0 8%,var(--pin-head) 43%,var(--pin-shade) 91%);box-shadow:inset 2px 2px 2px var(--pin-highlight),inset -2px -3px 3px var(--pin-shade);content:""}.pushpin:after{position:absolute;top:15px;left:10px;z-index:1;width:4px;height:20px;background:linear-gradient(90deg,var(--color-pin-metal-dark),var(--color-pin-metal-light) 42%,var(--color-pin-metal));box-shadow:1px 0 1px var(--color-board-shadow);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);content:""}.pushpin--ruby{--pin-head: var(--color-pin-ruby);--pin-highlight: var(--color-pin-ruby-highlight);--pin-shade: var(--color-pin-ruby-shade)}.pushpin--brass{--pin-head: var(--color-pin-brass);--pin-highlight: var(--color-pin-brass-highlight);--pin-shade: var(--color-pin-brass-shade)}.pushpin--brass:before{top:4px;left:-2px;width:27px;height:13px;border-radius:50%;background:linear-gradient(145deg,var(--pin-highlight),var(--pin-head) 48%,var(--pin-shade))}.pushpin--brass:after{top:12px;height:25px}.pushpin--charcoal{--pin-head: var(--color-pin-charcoal);--pin-highlight: var(--color-pin-charcoal-highlight);--pin-shade: var(--color-pin-charcoal-shade);transform:rotate(-12deg)}.pushpin--charcoal:before{top:1px;left:2px;width:18px;height:24px;border-radius:8px 8px 9px 9px;background:linear-gradient(135deg,var(--pin-highlight),var(--pin-head) 35%,var(--pin-shade))}.pushpin--charcoal:after{top:20px;height:17px}.pin-style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pin-style-option{display:flex;align-items:center;gap:8px;min-width:0;min-height:59px;padding:6px;border:1px solid var(--color-paper-edge);border-radius:6px;background:var(--color-paper);color:var(--color-text-primary);font-size:12px;text-align:left;cursor:pointer}.pin-style-option:hover{border-color:var(--color-accent-border);background:var(--color-surface-hover)}.pin-style-option.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ring)}.pin-style-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pin-style-swatch{position:relative;display:block;flex:0 0 43px;width:43px;height:43px;border:1px solid var(--color-paper-edge);border-radius:3px;background:var(--color-note-yellow)}.pin-style-swatch .pushpin{top:5px;left:12px;transform:rotate(-19deg) scale(.85);transform-origin:top left}.pin-style-swatch .pushpin--charcoal{transform:rotate(-12deg) scale(.85)}.pinboard-surface{border:7px solid var(--color-frame-face);background-color:var(--color-bg-canvas-start);background-image:radial-gradient(ellipse at 4px 6px,var(--color-board-fleck-light) 0 1px,transparent 1.6px),radial-gradient(ellipse at 13px 10px,var(--color-board-fleck-dark) 0 1px,transparent 1.8px),radial-gradient(ellipse at 8px 17px,var(--color-board-fleck-dark) 0 .6px,transparent 1.3px),radial-gradient(ellipse at 21px 3px,var(--color-board-fleck-light) 0 .8px,transparent 1.5px),linear-gradient(145deg,var(--color-bg-canvas-start),var(--color-bg-canvas-end));background-size:19px 21px,27px 23px,31px 29px,37px 31px,100% 100%;box-shadow:inset 0 0 0 2px var(--color-frame-inner),inset 0 0 35px 6px var(--color-board-shadow),0 0 0 3px var(--color-frame-ridge),var(--shadow-md)}.pinboard-surface.canvas-style--paper{border-width:3px 5px 6px 4px;border-color:var(--color-paper-edge);border-radius:3px 8px 5px 10px;background-color:var(--color-paper);background-image:radial-gradient(circle at 20% 25%,var(--color-paper-edge) 0 .7px,transparent 1px),linear-gradient(145deg,var(--color-paper),var(--color-paper-alt));background-size:19px 23px,100% 100%;box-shadow:inset 0 0 28px var(--color-board-shadow),var(--shadow-md)}.pinboard-surface.canvas-style--grid{border:6px double var(--color-border-strong);border-radius:2px;background-color:var(--color-paper);background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px),linear-gradient(145deg,var(--color-paper),var(--color-paper-alt));background-size:28px 28px,28px 28px,100% 100%;box-shadow:inset 0 0 0 1px var(--color-paper-edge),var(--shadow-md)}.pinboard-surface.canvas-style--blueprint{border:2px solid var(--color-accent-border);border-radius:0;background-color:var(--color-note-blue);background-image:linear-gradient(var(--color-accent-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent-border) 1px,transparent 1px),linear-gradient(145deg,var(--color-note-blue),var(--color-surface-3));background-size:24px 24px,24px 24px,100% 100%;box-shadow:inset 0 0 0 5px var(--color-frame-inner),inset 0 0 0 6px var(--color-frame-ridge),var(--shadow-md)}.pinboard-surface.canvas-style--kraft{border-width:8px 5px 6px 9px;border-color:var(--color-frame-face);border-radius:9px 3px 12px 4px;background-color:var(--color-kraft-face);background-image:repeating-linear-gradient(8deg,transparent 0 11px,var(--color-board-fleck-dark) 12px 13px),linear-gradient(145deg,var(--color-kraft-face),var(--color-paper-edge));background-size:auto,100% 100%;box-shadow:inset 0 0 34px var(--color-board-shadow),0 0 0 2px var(--color-frame-ridge),var(--shadow-md)}.pinboard-surface.canvas-style--night{border:1px solid var(--color-border-strong);border-radius:14px;background-color:var(--color-code-bg);background-image:radial-gradient(circle at 15% 20%,var(--color-code-block-text) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 62%,var(--color-accent) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 80%,var(--color-text-muted) 0 .8px,transparent 1.3px),linear-gradient(145deg,var(--color-code-bg),var(--color-surface-3));background-size:37px 33px,59px 47px,43px 53px,100% 100%;box-shadow:inset 0 0 70px var(--color-board-shadow),0 0 0 5px var(--color-frame-inner),0 0 28px var(--color-accent-ring)}.pinboard-surface.canvas-style--notebook{border-width:5px 5px 7px 22px;border-style:solid;border-color:var(--color-frame-face);border-radius:18px 4px 7px 15px;background-color:var(--color-paper);background-image:radial-gradient(circle at 10px 16px,var(--color-frame-inner) 0 4px,var(--color-frame-ridge) 4.5px 6px,transparent 6.5px),linear-gradient(90deg,transparent 0 71px,var(--color-accent-border) 72px 74px,transparent 75px),repeating-linear-gradient(0deg,transparent 0 27px,var(--color-border) 28px 29px),linear-gradient(145deg,var(--color-paper),var(--color-paper-alt));background-position:0 0,0 0,0 0,0 0;background-repeat:repeat-y,no-repeat,repeat,no-repeat;background-size:30px 34px,100% 100%,100% 29px,100% 100%;box-shadow:inset 14px 0 20px var(--color-board-shadow),4px 8px 0 var(--color-frame-ridge),var(--shadow-md)}.pinboard-surface.canvas-style--crumpled{border:0;border-radius:0;background-color:var(--color-paper);background-image:url(/assets/crumpled-paper-CfD-SDrg.jpg);background-position:center;background-size:cover;box-shadow:inset 0 0 32px var(--color-board-shadow)}.pinboard-surface.canvas-style--beach{border:0;border-radius:0;background-color:var(--color-note-blue);background-image:url(/assets/beach-ocean-DZhadjRk.jpg);background-position:center;background-size:cover;box-shadow:inset 0 0 52px var(--color-board-shadow)}.board-empty{position:absolute;top:50%;left:50%;z-index:2;width:min(270px,70%);padding:30px 23px 25px;border:1px solid var(--color-paper-edge);background:var(--color-paper-alt);box-shadow:var(--shadow-md);color:var(--color-text-primary);text-align:center;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg)}.board-empty .pushpin{top:-16px;left:20px}.board-empty strong{display:block;margin-bottom:8px;font-size:17px}.board-empty span{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.text-editing-surface{position:relative;width:100%;height:100%}.text-block-node .text-textarea{width:100%;height:100%;min-height:0;border:none;outline:none;resize:none;padding:14px 14px 58px;font-size:14px;font-family:inherit;line-height:1.55;background:transparent;color:var(--color-text-primary)}.text-speech-button{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;background:var(--color-surface-2);color:var(--color-text-primary);box-shadow:var(--shadow-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.text-editing-surface>.text-speech-button{position:absolute;right:10px;bottom:9px}.text-speech-button:hover:not(:disabled){border-color:var(--color-accent-border);color:var(--color-accent)}.text-speech-button:focus-visible{outline:2px solid var(--color-accent-ring);outline-offset:2px}.text-speech-button:disabled{opacity:.45;cursor:not-allowed}.text-speech-button--active{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.text-speech-button span{font-size:12px;white-space:nowrap}.text-speech-error{color:var(--color-danger);font-size:12px}.text-editing-surface>.text-speech-error{position:absolute;right:12px;bottom:54px;max-width:calc(100% - 24px);padding:3px 6px;border-radius:4px;background:var(--color-surface-1);box-shadow:var(--shadow-sm)}.plain-text-content{width:100%;height:100%;overflow:auto;padding:14px;color:var(--color-text-primary);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;cursor:grab}.plain-text-content:active{cursor:grabbing}.markdown-preview{display:block;border:0;background:transparent;text-align:left;cursor:grab}.markdown-preview:active{cursor:grabbing}.markdown-preview:hover{background:var(--color-surface-hover)}.block-editor-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:32px;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px) saturate(.8);backdrop-filter:blur(5px) saturate(.8)}.markdown-editor-dialog{display:flex;flex-direction:column;width:min(1120px,94vw);height:min(760px,90vh);overflow:hidden;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.block-editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--color-border);background:var(--color-paper-alt)}.block-editor-header div{display:flex;align-items:baseline;gap:10px}.block-editor-header span{color:var(--color-text-secondary);font-size:12px}.block-editor-header .block-editor-readonly{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-2);color:var(--color-text-secondary);font-weight:700}.block-editor-header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.block-editor-header button:hover{background:var(--color-bg-app);color:var(--color-text-primary)}.markdown-editor-columns{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.markdown-editor-columns--read{grid-template-columns:1fr}.markdown-editor-columns--read .markdown-editor-preview{border:0}.markdown-editor-pane{display:flex;min-width:0;min-height:0;flex-direction:column}.markdown-editor-pane+.markdown-editor-pane{border-left:1px solid var(--color-border)}.markdown-editor-label{padding:8px 14px;background:var(--color-bg-app);color:var(--color-text-secondary);font-size:12px;font-weight:600}.markdown-editor-pane textarea{flex:1;min-height:0;resize:none;border:0;outline:0;padding:18px;background:var(--color-surface-1);font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-text-primary)}.markdown-editor-preview .markdown-content{padding:18px 22px}.json-preview{width:100%;height:100%;overflow:hidden;background:var(--color-code-bg);color:var(--color-code-text);cursor:grab}.json-preview:active{cursor:grabbing}.json-preview-heading{display:flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-bottom:1px solid var(--color-code-border);background:var(--color-code-surface);font-size:11px}.json-preview-heading span{font-weight:700;letter-spacing:.08em}.json-preview-heading i{margin-left:auto;font-style:normal}.json-preview-heading .valid,.json-editor-toolbar .valid{color:var(--color-success)}.json-preview-heading .invalid,.json-editor-toolbar .invalid{color:var(--color-danger)}.json-preview pre{height:calc(100% - 34px);overflow:hidden;padding:11px 13px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.json-editor-dialog{display:flex;flex-direction:column;width:min(1050px,94vw);height:min(760px,90vh);overflow:hidden;border:1px solid var(--color-code-border);border-radius:5px;background:var(--color-code-bg);color:var(--color-code-text);box-shadow:var(--shadow-lg)}.json-editor-dialog .block-editor-header{border-color:var(--color-code-border);background:var(--color-code-surface)}.json-editor-dialog .block-editor-header span,.json-editor-dialog .block-editor-header button{color:var(--color-code-muted)}.json-editor-toolbar{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 14px;border-bottom:1px solid var(--color-code-border);background:var(--color-code-surface)}.json-editor-toolbar button{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--color-code-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-code-text);cursor:pointer}.json-editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.json-editor-toolbar span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.json-editor-source{flex:1;min-height:0;resize:none;border:0;outline:0;padding:20px 22px;background:var(--color-code-bg);color:var(--color-code-text);caret-color:var(--color-code-text);font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.json-editor-source[readonly]{cursor:default}.text-viewer-dialog{display:flex;width:min(820px,94vw);max-height:min(760px,90vh);min-height:320px;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-paper);box-shadow:var(--shadow-lg)}.text-viewer-content{flex:1;min-height:0;overflow:auto;padding:26px 28px;color:var(--color-text-primary);font-size:16px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.text-editor-dialog{display:flex;width:min(820px,94vw);height:min(720px,90vh);flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-paper);box-shadow:var(--shadow-lg)}.text-editor-input{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0;padding:24px 26px;background:var(--color-paper);color:var(--color-text-primary);font-family:inherit;font-size:16px;line-height:1.7}.text-editor-speech-bar{display:flex;flex:0 0 auto;min-height:62px;align-items:center;justify-content:center;gap:10px;padding:9px 14px;border-top:1px solid var(--color-border);background:var(--color-paper-alt)}.text-editor-speech-bar .text-speech-error{align-self:center}@media(max-width:720px){.block-editor-backdrop{padding:12px}.markdown-editor-columns{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.markdown-editor-pane+.markdown-editor-pane{border-left:0;border-top:1px solid var(--color-border)}}.resizable-block-shell{width:100%;height:100%;min-width:0;min-height:0;position:relative;background-color:var(--block-fill, var(--color-paper));background-image:radial-gradient(circle at 22% 18%,var(--color-paper-grain) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 76%,var(--color-paper-grain) 0 1px,transparent 1.5px);background-size:17px 19px,23px 21px;border-radius:inherit}.text-block-node{background-color:var(--block-fill, var(--color-note-yellow))}.markdown-block-node{background-color:var(--block-fill, var(--color-paper-alt))}.attachment-block-node{background-color:var(--block-fill, var(--color-note-pink))}.audio-block-node{background-color:var(--block-fill, var(--color-note-sage))}.location-block-node,.file-link-node{background-color:var(--block-fill, var(--color-note-blue))}.block-color--paper{--block-fill: var(--color-paper)}.block-color--parchment{--block-fill: var(--color-paper-alt)}.block-color--butter{--block-fill: var(--color-note-yellow)}.block-color--blush{--block-fill: var(--color-note-pink)}.block-color--mist{--block-fill: var(--color-note-blue)}.block-color--sage{--block-fill: var(--color-note-sage)}.block-color--peach{--block-fill: var(--color-note-peach)}.block-color--lilac{--block-fill: var(--color-note-lilac)}.block-color--mint{--block-fill: var(--color-note-mint)}.block-color--slate{--block-fill: var(--color-note-slate)}.react-flow__node.block-border--none{border-color:transparent}.react-flow__node.block-border--fine{border:1px solid var(--color-border-strong)}.react-flow__node.block-border--accent{border:2px solid var(--color-accent-border)}.react-flow__node.block-border--dashed{border:2px dashed var(--color-border-strong)}.react-flow__node.block-border--frame{border:5px solid var(--color-frame-ridge)}.react-flow__node.block-border--double{border:5px double var(--color-border-strong)}.react-flow__node.block-border--dotted{border:3px dotted var(--color-border-strong)}.react-flow__node.block-border--underline{border-bottom:5px solid var(--color-accent-border)}.react-flow__node.block-border--left-bar{border-left:6px solid var(--color-accent-border)}.react-flow__node.block-border--rounded{border:2px solid var(--color-border-strong);border-radius:18px}.react-flow__node.block-border--kraft{border-color:transparent;background:transparent;box-shadow:none}.react-flow__node.block-border--kraft:before{position:absolute;inset:-12px;z-index:0;background-color:var(--color-kraft-face);background-image:radial-gradient(circle at 13% 24%,var(--color-kraft-fiber) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 68%,var(--color-kraft-fiber) 0 1px,transparent 1.5px),repeating-linear-gradient(91deg,transparent 0 15px,var(--color-kraft-fiber) 16px,transparent 17px 32px);background-size:17px 19px,23px 29px,auto;clip-path:polygon(0 6%,5% 1%,11% 4%,17% 0,24% 3%,31% 1%,39% 4%,47% 0,54% 3%,63% 0,71% 4%,79% 1%,87% 4%,94% 0,100% 5%,97% 12%,100% 22%,97.5% 35%,100% 48%,97% 60%,100% 73%,97.5% 86%,100% 96%,94% 100%,87% 96%,78% 100%,70% 96%,61% 100%,53% 97%,45% 100%,37% 96%,29% 100%,20% 96%,12% 100%,5% 96%,0 100%,3% 88%,0 75%,3% 63%,0 51%,3% 38%,0 26%,3% 13%);content:"";filter:drop-shadow(0 3px 3px var(--color-board-shadow));pointer-events:none}.react-flow__node.block-border--kraft .resizable-block-shell{z-index:1;border:7px solid var(--color-kraft-face)}.react-flow__node.block-border--kraft.selected{box-shadow:0 0 0 3px var(--color-accent-ring)}.react-flow__node:not(.block-color--default) .json-preview,.react-flow__node:not(.block-color--default) .table-preview,.react-flow__node:not(.block-color--default) .placeholder-area,.react-flow__node:not(.block-color--default) .image-block-content,.react-flow__node:not(.block-color--default) .image-info{background-color:var(--block-fill)}.text-block-node:before,.attachment-block-node:before,.audio-block-node:before{display:none}.text-block-node .plain-text-content,.text-block-node .text-textarea{padding:21px 17px 15px}.markdown-block-node .markdown-content{padding:21px 18px 16px}.resizable-block-shell:before{position:absolute;top:-8px;right:12px;z-index:5;width:45px;height:14px;border:1px solid var(--color-tape-edge);background:var(--color-tape);box-shadow:0 2px 4px var(--color-board-shadow);content:"";pointer-events:none;transform:rotate(7deg)}.image-block-node:before{display:none}.react-flow__node-imageBlock{border-width:5px 5px 0;border-color:var(--color-paper);box-shadow:var(--shadow-md)}.resizable-block-body{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:inherit}.react-flow__resize-control.line{border-color:var(--color-accent)}.react-flow__resize-control.handle{width:9px;height:9px;border:2px solid var(--color-handle-border);border-radius:3px;background:var(--color-accent);box-shadow:var(--shadow-sm)}.markdown-content{width:100%;height:100%;overflow:auto;padding:14px 16px;color:var(--color-text-primary);font-size:14px;line-height:1.65;cursor:text;overflow-wrap:anywhere}.markdown-content>div>:first-child{margin-top:0}.markdown-content>div>:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:1em 0 .45em;line-height:1.25}.markdown-content h1{font-size:1.55em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.12em}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content blockquote,.markdown-content pre,.markdown-content table{margin:0 0 .8em}.markdown-content ul,.markdown-content ol{padding-left:1.5em}.markdown-content blockquote{padding:.2em 0 .2em .85em;border-left:3px solid var(--color-accent-border);color:var(--color-text-secondary)}.markdown-content code{padding:.1em .35em;border-radius:4px;background:var(--color-code-inline-bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown-content pre{overflow:auto;padding:10px 12px;border-radius:7px;background:var(--color-code-block-bg);color:var(--color-code-block-text)}.markdown-content pre code{padding:0;background:none;color:inherit}.markdown-content a{color:var(--color-accent)}.markdown-content table{width:100%;border-collapse:collapse}.markdown-content th,.markdown-content td{padding:6px 8px;border:1px solid var(--color-border)}.markdown-content img{max-width:100%;height:auto}.table-block-content,.image-block-content,.placeholder-area,.file-link-content,.attachment-preview{width:100%;height:100%}.table-preview{width:100%;height:100%;overflow:hidden;cursor:grab;background:var(--color-surface-1)}.table-preview:active{cursor:grabbing}.table-preview table,.spreadsheet table{border-collapse:separate;border-spacing:0;table-layout:fixed}.table-preview table{min-width:100%;font-size:12px}.table-preview th,.table-preview td{min-width:88px;height:30px;padding:5px 8px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-preview th{min-width:34px;width:34px;background:var(--color-sheet-header);color:var(--color-text-secondary);text-align:center;font-weight:500}.table-preview thead th{height:26px}.sheet-corner{min-width:42px!important;width:42px!important}.table-editor-dialog{display:flex;flex-direction:column;width:min(1280px,96vw);height:min(820px,92vh);overflow:hidden;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--color-bg-app)}.table-editor-toolbar{display:flex;align-items:center;gap:8px;min-height:50px;padding:8px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.table-editor-toolbar button{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);color:var(--color-text-primary);cursor:pointer}.table-editor-toolbar button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.table-editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar-divider{width:1px;height:24px;margin:0 3px;background:var(--color-border)}.table-editor-tip{margin-left:auto;color:var(--color-text-secondary);font-size:12px}.spreadsheet{flex:1;min-height:0;overflow:auto;background:var(--color-surface-2)}.spreadsheet table{min-width:100%;background:var(--color-surface-1)}.spreadsheet th{position:sticky;z-index:2;min-width:44px;width:44px;height:28px;border-right:1px solid var(--color-sheet-grid);border-bottom:1px solid var(--color-sheet-grid);background:var(--color-sheet-header);color:var(--color-text-secondary);font-size:12px;font-weight:500;text-align:center}.spreadsheet thead th{top:0;min-width:120px;width:120px}.spreadsheet tbody th{left:0}.spreadsheet thead .sheet-corner{left:0;z-index:3}.spreadsheet td{min-width:120px;width:120px;height:32px;padding:0;border-right:1px solid var(--color-sheet-grid);border-bottom:1px solid var(--color-sheet-grid);background:var(--color-surface-1)}.spreadsheet td.active{position:relative;box-shadow:inset 0 0 0 2px var(--color-accent)}.spreadsheet input{width:100%;height:31px;padding:5px 8px;border:0;outline:0;background:transparent;color:var(--color-text-primary);font:inherit}.spreadsheet input[readonly]{cursor:default}.image-block-content{display:flex;min-height:0;flex-direction:column;padding:9px 9px 0;background:var(--color-paper)}.image-frame{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-photo-mat);background:var(--color-photo-backdrop)}.image-frame img{width:100%;height:100%;object-fit:contain}.image-frame--album{position:relative;padding:12px 18px;overflow:hidden}.image-frame--album img{position:absolute;width:calc(100% - 44px);height:calc(100% - 28px);border:2px solid var(--color-paper);background:var(--color-photo-backdrop);box-shadow:var(--shadow-sm)}.image-frame--album .image-frame-back--0{transform:translate(11px,4px) rotate(7deg);opacity:.82}.image-frame--album .image-frame-back--1{transform:translate(-10px,-4px) rotate(-7deg);opacity:.88}.image-frame--album .image-frame-cover{z-index:1;transform:rotate(-2deg);transition:transform .24s ease}.image-block-content:hover .image-frame-cover{transform:rotate(0) scale(1.025)}.image-album-count{position:absolute;z-index:2;right:8px;bottom:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;background:var(--color-image-viewer-header);color:var(--color-code-block-text);font-size:11px}.image-info{flex:0 0 auto;min-height:42px;padding:13px 10px 12px;color:var(--color-text-secondary);font-size:11px;text-align:center;background:var(--color-paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-file-input,.attachment-file-input{display:none}.image-viewer-dialog{display:flex;flex-direction:column;width:calc(100vw - 32px);height:calc(100vh - 32px);overflow:hidden;border-radius:5px;background:var(--color-image-viewer-bg);box-shadow:var(--shadow-lg)}.image-viewer-dialog{animation:image-album-open .28s ease-out both}.image-viewer-dialog .block-editor-header{flex:0 0 auto;border-color:var(--color-code-border);background:var(--color-image-viewer-header);color:var(--color-code-block-text)}.image-viewer-dialog .block-editor-header span,.image-viewer-dialog .block-editor-header button{color:var(--color-code-muted)}.image-viewer-dialog .block-editor-header button:hover{background:var(--color-surface-3);color:var(--color-code-block-text)}.image-viewer-empty{display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--color-text-secondary);text-align:center}.image-viewer-empty svg{color:var(--color-accent)}.image-viewer-empty strong{color:var(--color-text-primary)}.image-viewer-error{position:absolute;margin:0;color:var(--color-danger);font-size:13px}.image-album-viewer{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;align-items:stretch;justify-content:center}.image-album-stage{position:relative;display:grid;flex:1;min-height:0;place-items:center;padding:20px 76px;overflow:hidden;touch-action:pan-y}.image-album-photo{display:block;max-width:100%;max-height:100%;object-fit:contain;animation:image-album-photo-in .3s ease-out both}.image-album-arrow{position:absolute;z-index:1;top:50%;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--color-code-border);border-radius:50%;background:var(--color-image-viewer-header);color:var(--color-code-block-text);cursor:pointer;transform:translateY(-50%);transition:background .2s ease,scale .2s ease}.image-album-arrow:hover{background:var(--color-code-surface);scale:1.08}.image-album-arrow--previous{left:18px}.image-album-arrow--next{right:18px}.image-album-footer{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;border-top:1px solid var(--color-code-border);color:var(--color-code-block-text)}.image-album-filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-album-actions{display:flex;flex:0 0 auto;gap:8px}.image-album-actions button,.image-album-empty-add{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px}.image-album-remove{color:var(--color-danger)}.image-album-strip{display:flex;flex:0 0 auto;gap:9px;min-height:90px;padding:10px 20px 16px;overflow-x:auto;border-top:1px solid var(--color-code-border);scroll-behavior:smooth}.image-album-thumb{display:grid;flex:0 0 64px;width:64px;height:64px;place-items:center;padding:2px;overflow:hidden;border:2px solid transparent;border-radius:5px;background:var(--color-image-viewer-header);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.image-album-thumb:hover{transform:translateY(-3px)}.image-album-thumb.is-active{border-color:var(--color-accent)}.image-album-thumb img{width:100%;height:100%;object-fit:cover}.image-album-empty-add{align-self:center;margin:18px}.image-album-viewer .image-viewer-empty{margin:auto;color:var(--color-code-muted)}.image-album-viewer .image-viewer-empty strong{color:var(--color-code-block-text)}.image-album-viewer .image-viewer-error{right:20px;bottom:110px;padding:8px 12px;border-radius:5px;background:var(--color-image-viewer-header)}@keyframes image-album-open{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes image-album-photo-in{0%{opacity:0;transform:translate(14px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.image-viewer-dialog,.image-album-photo{animation:none}.image-frame--album .image-frame-cover,.image-album-thumb,.image-album-arrow{transition:none}}.placeholder-area{display:grid;place-items:center;color:var(--color-text-secondary);background:var(--color-paper-alt)}.attachment-preview,.audio-preview,.file-link-content{display:flex;align-items:center;gap:10px;padding:12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.audio-preview{width:100%;height:100%}.audio-preview-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--color-surface-2);color:var(--color-accent);box-shadow:var(--shadow-sm)}.audio-preview-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.audio-preview-copy strong,.audio-preview-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-preview-copy small{color:var(--color-text-secondary)}.attachment-info{min-width:0;display:flex;flex-direction:column}.attachment-name,.file-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:var(--color-text-secondary);font-size:12px}.attachment-editor-dialog{display:flex;flex-direction:column;width:min(520px,94vw);min-height:300px;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.attachment-editor-content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:20px;min-width:0;padding:30px}.attachment-editor-file{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center;color:var(--color-text-primary)}.attachment-editor-file svg{color:var(--color-accent)}.attachment-editor-file strong{max-width:100%;overflow-wrap:anywhere;font-size:17px}.attachment-editor-file span{color:var(--color-text-secondary);font-size:12px;overflow-wrap:anywhere}.attachment-editor-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.attachment-editor-actions .app-action{min-height:42px}.attachment-upload-error{margin:0;color:var(--color-danger);text-align:center;font-size:13px}.audio-editor-dialog{display:flex;flex-direction:column;width:min(560px,94vw);min-height:420px;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.audio-editor-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:34px}.audio-player{width:100%;min-height:54px;color-scheme:light dark}.audio-record-button{display:flex;width:min(230px,72vw);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:2px solid var(--color-accent-border);border-radius:50%;background:var(--color-surface-2);color:var(--color-text-primary);box-shadow:var(--shadow-md);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.audio-record-button:hover:not(:disabled){background:var(--color-surface-3)}.audio-record-button:focus-visible{outline:3px solid var(--color-accent-ring);outline-offset:4px}.audio-record-button:disabled{cursor:wait;opacity:.65}.audio-record-button svg{color:var(--color-accent)}.audio-record-button strong{font-size:17px}.audio-record-button span{color:var(--color-text-secondary);font-size:13px}.audio-record-button--active{border-color:var(--color-danger);background:var(--color-danger-soft);transform:scale(.98)}.audio-record-button--active svg,.audio-record-button--active strong{color:var(--color-danger)}.audio-record-note,.audio-record-error{margin:0;color:var(--color-text-secondary);text-align:center;font-size:13px}.audio-record-error{color:var(--color-danger)}.location-preview{display:grid;width:100%;height:100%;grid-template-columns:minmax(92px,38%) 1fr;overflow:hidden;border:0;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.location-preview-map{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--color-border);background-color:var(--color-surface-2);background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:22px 22px;color:var(--color-accent)}.location-preview-map:before,.location-preview-map:after,.location-preview-map span{content:"";position:absolute;width:120%;height:18px;border:1px solid var(--color-border);border-radius:50%;transform:rotate(-24deg)}.location-preview-map:after{transform:rotate(34deg)}.location-preview-map span{transform:rotate(78deg)}.location-preview-map svg{position:relative;z-index:1}.location-preview-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:7px;padding:18px}.location-preview-copy strong,.location-preview-copy span,.location-preview-copy small{overflow:hidden;text-overflow:ellipsis}.location-preview-copy strong{font-size:16px;white-space:nowrap}.location-preview-copy span{display:-webkit-box;color:var(--color-text-secondary);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.location-preview-copy small{color:var(--color-text-muted);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.location-editor-dialog{display:flex;width:min(1180px,94vw);height:min(780px,90vh);flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.location-editor-body{display:flex;flex:1;min-height:0}.location-search-panel{position:relative;z-index:2;display:flex;width:340px;flex:0 0 340px;flex-direction:column;gap:12px;padding:14px;border-right:1px solid var(--color-border);background:var(--color-surface-1)}.location-search-form{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 11px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-2);box-shadow:var(--shadow-sm)}.location-search-form svg{flex:0 0 auto;color:var(--color-text-secondary)}.location-search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text-primary);font:inherit}.location-search-form input::placeholder{color:var(--color-text-muted)}.location-search-form button{min-height:34px;padding:0 12px;border:1px solid var(--color-accent-border);border-radius:7px;background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;cursor:pointer}.location-search-form button:disabled{opacity:.45;cursor:not-allowed}.location-search-results{display:flex;max-height:360px;flex-direction:column;overflow-y:auto;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-1);box-shadow:var(--shadow-md)}.location-search-results button{display:flex;align-items:flex-start;gap:9px;padding:11px;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.location-search-results button:last-child{border-bottom:0}.location-search-results button:hover{background:var(--color-surface-hover)}.location-search-results button>svg{flex:0 0 auto;margin-top:2px;color:var(--color-accent)}.location-search-results button span{display:flex;min-width:0;flex-direction:column;gap:3px}.location-search-results strong,.location-search-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-search-results small{color:var(--color-text-secondary)}.location-selection-card{display:flex;gap:10px;margin-top:auto;padding:13px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-paper-alt)}.location-selection-card>svg{flex:0 0 auto;color:var(--color-accent)}.location-selection-card div{display:flex;min-width:0;flex-direction:column;gap:5px}.location-selection-card span{color:var(--color-text-secondary);font-size:12px;line-height:1.45}.location-selection-card small{color:var(--color-text-muted);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.location-map-wrap{position:relative;flex:1;min-width:0;min-height:0;background:var(--color-surface-2)}.location-map{width:100%;height:100%}.location-map-tip{position:absolute;top:14px;left:50%;z-index:2;padding:7px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-1);color:var(--color-text-secondary);font-size:12px;box-shadow:var(--shadow-md);transform:translate(-50%);pointer-events:none}.location-map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:24px;background:var(--color-surface-2);color:var(--color-text-primary);text-align:center}.location-map-error svg{color:var(--color-accent)}.location-map-error span,.location-map-error small{color:var(--color-text-secondary)}.block-preview:focus-visible{outline:2px dashed var(--color-accent);outline-offset:-5px}.text-block-node .plain-text-content,.markdown-block-node .markdown-content,.attachment-block-node .attachment-preview,.file-link-node .file-link-content{background:transparent}.markdown-mobile-tabs{display:none}@media(max-width:760px),(pointer:coarse){.block-editor-backdrop{display:block;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.block-editor-dialog,.markdown-editor-dialog,.json-editor-dialog,.table-editor-dialog,.image-viewer-dialog,.text-editor-dialog,.text-viewer-dialog,.location-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.location-editor-body{flex-direction:column}.location-search-panel{width:100%;flex:0 0 auto;gap:8px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--color-border)}.location-search-form input{min-height:34px;font-size:16px}.location-search-form button{min-height:40px}.location-search-results{position:absolute;top:64px;right:12px;left:12px;max-height:min(42dvh,340px)}.location-search-results button{min-height:52px}.location-selection-card{margin-top:0;padding:9px 11px}.location-selection-card span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.location-map-wrap{flex:1}.audio-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.audio-editor-content{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.block-editor-header{min-height:calc(58px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.block-editor-header div{min-width:0;flex-direction:column;gap:2px}.block-editor-header strong,.block-editor-header span{max-width:78vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-header button{flex:0 0 44px;width:44px;height:44px}.text-editor-input{padding:20px 18px;font-size:16px;line-height:1.65}.text-editor-speech-bar{min-height:calc(66px + env(safe-area-inset-bottom));align-items:flex-start;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.text-editor-speech-bar .text-speech-button{min-width:150px;min-height:46px}.markdown-mobile-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border)}.markdown-mobile-tabs .app-action{flex:1;min-height:44px}.markdown-editor-columns{display:flex;flex:1;min-height:0}.markdown-editor-columns--write .markdown-editor-preview,.markdown-editor-columns--preview .markdown-editor-pane:first-child{display:none}.markdown-editor-pane{flex:1;min-height:0}.markdown-editor-pane+.markdown-editor-pane{border:0}.markdown-editor-pane textarea{font-size:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.markdown-editor-preview .markdown-content{overflow:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.json-editor-toolbar{gap:8px;padding:8px 12px}.json-editor-toolbar button{min-height:44px;flex:0 0 auto}.json-editor-source{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));font-size:16px}.table-editor-toolbar{gap:7px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.table-editor-toolbar button{min-height:44px;flex:0 0 auto}.table-editor-tip{display:none}.spreadsheet{overscroll-behavior:contain}.spreadsheet th{min-width:48px;height:40px}.spreadsheet td,.spreadsheet input{height:44px}.spreadsheet input{font-size:16px}.image-album-stage{padding:12px 52px}.image-album-arrow{width:40px;height:40px}.image-album-arrow--previous{left:5px}.image-album-arrow--next{right:5px}.image-album-footer{min-height:62px;padding:8px 12px}.image-album-actions button{min-height:44px}.image-album-strip{min-height:calc(90px + env(safe-area-inset-bottom));padding:10px 12px calc(16px + env(safe-area-inset-bottom))}.text-viewer-content{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.attachment-editor-content{justify-content:center;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}}.react-flow__node.block-color--transparent{background-color:transparent;background-image:none;box-shadow:none}.react-flow__node.block-color--transparent .resizable-block-shell{background-color:transparent;background-image:none}.react-flow__node.block-color--transparent .json-preview,.react-flow__node.block-color--transparent .table-preview,.react-flow__node.block-color--transparent .placeholder-area,.react-flow__node.block-color--transparent .image-block-content,.react-flow__node.block-color--transparent .image-info{background-color:transparent}.react-flow__node.block-color--transparent .json-preview{color:var(--color-text-primary)}.react-flow__node.block-color--transparent .image-frame{background-color:transparent}.react-flow__node.block-color--transparent.selected{box-shadow:0 0 0 3px var(--color-accent-ring)}.react-flow__node .plain-text-content,.react-flow__node .markdown-content,.react-flow__node .json-preview pre,.react-flow__node .table-preview td,.react-flow__node .attachment-name,.react-flow__node .file-link-title,.react-flow__node .audio-preview-copy strong,.react-flow__node .location-preview-copy strong,.react-flow__node .image-info{font-family:var(--block-font-family, inherit);font-size:var(--block-font-size, 14px);color:var(--block-text-color, var(--color-text-primary))}.react-flow__node .json-preview pre{color:var(--block-text-color, var(--color-code-text))}.react-flow__node.block-color--transparent .json-preview pre{color:var(--block-text-color, var(--color-text-primary))}.react-flow__node .image-info{font-size:var(--block-font-size, 11px);color:var(--block-text-color, var(--color-text-secondary))}.react-flow__node .table-preview td{font-size:var(--block-font-size, 12px)}.react-flow__node .location-preview-copy strong{font-size:var(--block-font-size, 16px)}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket){border:0;background:transparent;box-shadow:none}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket):before{display:none}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .resizable-block-shell{border:0;background:transparent}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .resizable-block-body{background:var(--block-fill, var(--shape-default-fill, var(--color-paper)));filter:drop-shadow(0 3px 3px var(--color-board-shadow))}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .text-block-node{--shape-default-fill: var(--color-note-yellow)}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .markdown-block-node{--shape-default-fill: var(--color-paper-alt)}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .attachment-block-node{--shape-default-fill: var(--color-note-pink)}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .audio-block-node{--shape-default-fill: var(--color-note-sage)}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) :is(.location-block-node,.file-link-node){--shape-default-fill: var(--color-note-blue)}.react-flow__node.block-border--torn .resizable-block-body{clip-path:polygon(0 3%,5% 0,11% 3%,17% 1%,23% 3%,30% 0,37% 3%,44% 1%,51% 3%,58% 0,65% 3%,72% 1%,79% 3%,86% 0,93% 3%,100% 1%,97% 11%,100% 22%,97% 33%,100% 45%,97% 56%,100% 68%,97% 80%,100% 92%,96% 100%,89% 97%,82% 100%,75% 97%,68% 100%,61% 97%,54% 100%,47% 97%,40% 100%,33% 97%,26% 100%,19% 97%,12% 100%,5% 97%,0 100%,3% 88%,0 77%,3% 66%,0 55%,3% 44%,0 33%,3% 22%)}.react-flow__node.block-border--organic .resizable-block-body{border-radius:14% 5% 11% 4%/7% 13% 6% 11%}.react-flow__node.block-border--ticket .resizable-block-body{clip-path:polygon(0 0,100% 0,100% 40%,96% 50%,100% 60%,100% 100%,0 100%,0 60%,4% 50%,0 40%)}.react-flow__node.block-color--transparent:is(.block-border--torn,.block-border--organic,.block-border--ticket) .resizable-block-body{background:transparent}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket).selected{box-shadow:0 0 0 2px var(--color-accent-ring)}.block-editor-dialog .text-editor-input,.block-editor-dialog .text-viewer-content,.block-editor-dialog .markdown-editor-pane textarea,.block-editor-dialog .markdown-editor-preview .markdown-content,.block-editor-dialog .json-editor-source,.block-editor-dialog .spreadsheet input,.block-editor-dialog .attachment-editor-file strong,.block-editor-dialog .image-album-filename{font-family:var(--block-font-family, inherit);font-size:var(--block-font-size, 16px);color:var(--block-text-color, var(--color-text-primary))}.block-editor-dialog .json-editor-source{color:var(--block-text-color, var(--color-code-text))}.block-editor-dialog .spreadsheet input{font-size:var(--block-font-size, 14px)}.block-editor-dialog .image-album-filename{color:var(--block-text-color, var(--color-code-block-text))}.react-flow__node-stickerBlock.block-color--default{background:transparent;background-image:none;box-shadow:none}.react-flow__node-stickerBlock.block-border--default{border-color:transparent}.react-flow__node-stickerBlock:not(.block-color--default){background-color:var(--block-fill)}.react-flow__node-stickerBlock.selected{box-shadow:0 0 0 3px var(--color-accent-ring)}.sticker-block-node{background:transparent;background-image:none}.sticker-block-node:before,.sticker-block-node .pushpin{display:none}.sticker-block-node .resizable-block-body{overflow:visible}.sticker-block-preview{display:grid;place-items:center;width:100%;height:100%;padding:7px}.sticker-block-preview img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transform:rotate(var(--sticker-rotation, 0deg));filter:drop-shadow(0 5px 6px var(--color-board-shadow));pointer-events:none}.sticker-block-empty{display:flex;width:100%;height:100%;align-items:center;flex-direction:column;justify-content:center;gap:7px;padding:10px;border:2px dashed var(--color-border-strong);border-radius:14px;background:var(--color-surface-1);color:var(--color-text-primary);text-align:center}.sticker-block-empty svg{color:var(--color-accent)}.sticker-block-empty strong{font-size:14px}.sticker-block-empty span{color:var(--color-text-secondary);font-size:11px}.sticker-block-empty .sticker-mobile-tip{display:none}.sticker-editor-dialog{display:flex;flex-direction:column;width:min(920px,96vw);height:min(690px,92vh);overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.sticker-editor-body{display:flex;flex:1;min-height:0;position:relative}.sticker-editor-dialog.block-editor-dialog--readonly .sticker-editor-selection{flex:1;border-right:0}.sticker-editor-selection{display:flex;flex:0 0 38%;min-width:0;align-items:center;flex-direction:column;justify-content:center;gap:14px;padding:28px;border-right:1px solid var(--color-border);background:var(--color-surface-2)}.sticker-editor-stage{display:grid;place-items:center;width:min(100%,280px);aspect-ratio:1;border:1px dashed var(--color-border-strong);border-radius:20px;background:var(--color-surface-1)}.sticker-editor-stage img{width:78%;height:78%;object-fit:contain;transform:rotate(var(--sticker-rotation, 0deg));filter:drop-shadow(0 8px 10px var(--color-board-shadow))}.sticker-editor-unselected{display:flex;align-items:center;flex-direction:column;gap:10px;color:var(--color-text-muted);text-align:center;font-size:13px}.sticker-editor-unselected svg{color:var(--color-accent)}.sticker-editor-selection>strong{font-size:17px}.sticker-editor-hint{color:var(--color-text-muted);font-size:12px;text-align:center}.sticker-rotation-control{display:grid;grid-template-columns:1fr 40px;align-items:center;gap:8px;width:min(100%,280px)}.sticker-rotation-control>span{grid-column:1 / -1;display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:13px}.sticker-rotation-control input{width:100%;accent-color:var(--color-accent)}.sticker-rotation-control button{min-width:40px;min-height:40px}.sticker-editor-library{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;padding:18px 18px 0}.sticker-search{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-2);color:var(--color-text-secondary)}.sticker-search:focus-within{border-color:var(--color-accent)}.sticker-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--color-text-primary);font:inherit}.sticker-categories{display:flex;flex:0 0 auto;gap:7px;overflow-x:auto;padding:13px 0;scrollbar-width:thin}.sticker-categories button{flex:0 0 auto;min-height:36px;padding:0 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.sticker-categories button.active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent)}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px;flex:1;min-height:0;overflow:auto;padding:2px 2px 12px}.sticker-grid button{display:flex;min-width:0;min-height:98px;align-items:center;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer}.sticker-grid button:hover{border-color:var(--color-accent-border);background:var(--color-surface-hover)}.sticker-grid button.selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-accent-ring)}.sticker-grid img{width:56px;height:56px;object-fit:contain}.sticker-grid span{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sticker-grid .sticker-load-more{grid-column:1 / -1;min-height:44px;font-size:13px}.sticker-empty{margin:32px auto;color:var(--color-text-secondary)}.sticker-library-message{margin:0;padding:8px 0;color:var(--color-text-secondary);font-size:12px}.sticker-library-message button{margin-left:8px;border:0;background:transparent;color:var(--color-accent);cursor:pointer}.sticker-library-footer{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px}.sticker-library-footer a,.sticker-readonly-credit a{color:var(--color-accent)}.sticker-library-footer button{min-height:40px}.sticker-readonly-credit{position:absolute;right:16px;bottom:4px;color:var(--color-text-muted);font-size:11px}.sticker-error{position:absolute;right:16px;bottom:60px;padding:8px 12px;border:1px solid var(--color-danger);border-radius:8px;background:var(--color-danger-soft);color:var(--color-danger);font-size:13px}.comment-block-node{background-color:var(--block-fill, var(--color-paper-alt))}.comment-block-preview{display:flex;width:100%;height:100%;flex-direction:column;gap:10px;padding:18px;color:var(--color-text-primary);cursor:pointer}.comment-block-preview-title{display:flex;align-items:center;gap:8px;color:var(--block-text-color, var(--color-text-primary));font-family:var(--block-font-family, inherit);font-size:var(--block-font-size, 15px);font-weight:700}.comment-block-preview-title svg{color:var(--color-accent)}.comment-block-preview-message{display:flex;min-height:0;flex:1;flex-direction:column;gap:5px;overflow:hidden}.comment-block-preview-message strong{color:var(--color-text-secondary);font-size:12px}.comment-block-preview-message span{display:-webkit-box;overflow:hidden;color:var(--block-text-color, var(--color-text-primary));font-family:var(--block-font-family, inherit);font-size:var(--block-font-size, 14px);line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.comment-block-preview-empty{display:grid;flex:1;place-items:center;color:var(--color-text-muted);font-size:13px}.comment-block-preview-action{margin-top:auto;padding-top:9px;border-top:1px solid var(--color-border);color:var(--color-accent);font-size:12px;font-weight:600}.comment-editor-dialog{display:flex;width:min(680px,94vw);max-height:min(800px,90vh);flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.comment-editor-body{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;padding:20px}.comment-form{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.comment-form label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:13px}.comment-form textarea,.comment-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;outline:0;background:var(--color-surface-1);color:var(--color-text-primary);font:inherit;font-size:14px}.comment-form textarea{min-height:104px;resize:vertical}.comment-form textarea:focus-visible,.comment-form input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.comment-form-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comment-email-hint{margin:0;color:var(--color-text-muted);font-size:12px;line-height:1.5}.comment-error{margin:0;color:var(--color-danger);font-size:13px}.comment-submit{justify-self:end;min-height:44px}.comment-list{display:grid;gap:0}.comment-list-empty{margin:0;padding:28px 0;color:var(--color-text-muted);font-size:13px;text-align:center}.comment-entry{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--color-border)}.comment-entry-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.comment-entry-header strong{color:var(--color-text-primary);font-size:14px}.comment-entry-header time{color:var(--color-text-muted);font-size:11px;white-space:nowrap}.comment-entry p{margin:0;color:var(--color-text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.comment-entry-actions{display:flex;justify-content:flex-end;gap:16px}.comment-entry-actions a,.comment-entry-actions button{border:0;background:transparent;color:var(--color-accent);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.comment-entry-actions button{color:var(--color-danger)}.comment-load-more{justify-self:center;min-height:44px;margin:18px 0}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .comment-block-node{--shape-default-fill: var(--color-paper-alt)}@media(max-width:760px),(pointer:coarse){.comment-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.comment-editor-body{padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.comment-form-identity{grid-template-columns:1fr}.comment-form textarea,.comment-form input{font-size:16px}}.video-block-node{background-color:var(--block-fill, var(--color-paper-alt))}.video-block-preview{display:flex;width:100%;height:100%;flex-direction:column;overflow:hidden;background:var(--color-surface-2)}.video-block-frame{display:block;width:100%;height:100%;border:0}.video-block-preview .video-block-frame{min-height:0;flex:1}.video-block-empty{display:flex;width:100%;min-height:0;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--color-text-secondary);font-size:13px}.video-block-empty svg{color:var(--color-accent)}.video-block-toolbar{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 12px;border-top:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-secondary);font-size:12px}.video-block-edit{min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--color-accent);cursor:pointer}.video-block-edit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.video-editor-dialog{display:flex;width:min(900px,94vw);max-height:min(820px,90vh);flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.video-editor-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;overflow:auto;padding:20px}.video-editor-field{display:grid;gap:7px;color:var(--color-text-secondary);font-size:13px}.video-editor-field input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--color-border);border-radius:7px;outline:0;background:var(--color-surface-1);color:var(--color-text-primary);font:inherit;font-size:14px}.video-editor-field input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.video-editor-hint{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.video-editor-player{width:100%;min-height:220px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-2)}.video-editor-error{margin:0;color:var(--color-danger);font-size:13px}.video-editor-actions{display:flex;justify-content:flex-end}.video-editor-actions .app-action{min-height:44px}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .video-block-node{--shape-default-fill: var(--color-paper-alt)}@media(max-width:760px),(pointer:coarse){.video-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.video-editor-body{padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.video-editor-field input{font-size:16px}.video-block-preview .video-block-frame{pointer-events:none}}.reference-block-node{background-color:var(--block-fill, var(--color-paper-alt))}.reference-preview{display:flex;width:100%;height:100%;align-items:center;gap:12px;padding:16px;background:transparent;color:var(--color-text-primary);cursor:pointer}.reference-preview-icon{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-1);color:var(--color-accent)}.reference-preview-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.reference-preview-copy strong,.reference-preview-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-preview-copy strong{color:var(--block-text-color, var(--color-text-primary));font-family:var(--block-font-family, inherit);font-size:var(--block-font-size, 14px)}.reference-preview-copy small{color:var(--color-text-secondary);font-size:11px}.reference-preview-arrow{flex:0 0 auto;color:var(--color-text-muted)}.reference-editor-dialog{display:flex;width:min(560px,94vw);max-height:min(720px,90vh);flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);box-shadow:var(--shadow-lg)}.reference-editor-body{display:flex;min-height:0;flex-direction:column;gap:18px;overflow:auto;padding:24px}.reference-kind-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-kind-tabs button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer}.reference-kind-tabs button.active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text-primary)}.reference-fields{display:grid;gap:16px}.reference-fields label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:12px}.reference-fields input,.reference-fields select{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-1);color:var(--color-text-primary);font:inherit;font-size:14px}.reference-fields input:focus-visible,.reference-fields select:focus-visible,.reference-kind-tabs button:focus-visible,.reference-editor-actions .app-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reference-hint{margin:0;color:var(--color-text-secondary);font-size:12px}.reference-error{margin:0;color:var(--color-danger);font-size:12px}.reference-editor-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.reference-editor-actions .app-action{min-height:44px;text-decoration:none}.react-flow__node:is(.block-border--torn,.block-border--organic,.block-border--ticket) .reference-block-node{--shape-default-fill: var(--color-paper-alt)}@media(max-width:760px),(pointer:coarse){.reference-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.reference-editor-body{padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.reference-fields input,.reference-fields select{font-size:16px}}@media(max-width:760px),(pointer:coarse){.sticker-block-empty .sticker-desktop-tip{display:none}.sticker-block-empty .sticker-mobile-tip{display:block}.sticker-editor-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.sticker-editor-body{flex-direction:column}.sticker-editor-selection{flex:0 0 auto;gap:7px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--color-border)}.sticker-editor-stage{width:min(34vw,140px)}.sticker-editor-selection>strong{font-size:14px}.sticker-editor-hint{display:none}.sticker-rotation-control{width:100%}.sticker-editor-library{padding:12px 12px 0}.sticker-search{min-height:44px}.sticker-search input{font-size:16px}.sticker-categories button{min-height:40px}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-grid button{min-height:90px}.sticker-library-footer{min-height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.sticker-readonly-credit{position:static;padding:12px;text-align:center}.block-editor-dialog .text-editor-input,.block-editor-dialog .markdown-editor-pane textarea,.block-editor-dialog .json-editor-source,.block-editor-dialog .spreadsheet input{font-size:max(16px,var(--block-font-size, 16px))}}.auth-page,.admin-page{width:100%;min-height:100%;color:var(--color-text-primary)}.auth-page{display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(circle at 50% 25%,var(--color-bg-canvas-start),var(--color-bg-canvas-end))}.auth-card,.admin-users-card,.admin-modal{border:1px solid var(--color-paper-edge);background:var(--color-paper);box-shadow:var(--shadow-lg)}.auth-card{width:min(100%,430px);padding:32px;border-radius:7px}.auth-card-brand{display:flex;align-items:center;gap:10px;padding-bottom:25px;border-bottom:1px solid var(--color-border);letter-spacing:.08em}.auth-card-brand strong{font-size:17px}.auth-card-brand small{margin-left:auto;color:var(--color-text-muted);font-size:11px;letter-spacing:0}.auth-brand-logo{flex:0 0 40px;width:40px;height:40px;border-radius:5px;object-fit:cover;box-shadow:var(--shadow-sm)}.auth-card-heading{display:flex;gap:13px;align-items:center;margin:27px 0 24px;color:var(--color-accent)}.auth-card-heading h1{color:var(--color-text-primary);font-size:25px}.auth-card-heading p{margin-top:5px;color:var(--color-text-secondary);font-size:13px}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.auth-form input:not([type=checkbox]),.auth-form select,.admin-search input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--color-border);border-radius:5px;outline:0;background:var(--color-surface-1);color:var(--color-text-primary)}.auth-form input:focus-visible,.auth-form select:focus-visible,.admin-search input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.auth-error{padding:10px 12px;border:1px solid var(--color-danger);border-radius:5px;background:var(--color-danger-soft);color:var(--color-danger);font-size:13px}.auth-submit{width:100%;min-height:44px;margin-top:3px}.auth-mfa-setup{display:grid;justify-items:center;gap:9px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-paper-alt);text-align:center}.auth-mfa-setup p{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.auth-mfa-setup img{width:190px;height:190px;padding:5px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-paper)}.auth-mfa-setup span{color:var(--color-text-secondary);font-size:11px}.auth-mfa-setup code{max-width:100%;overflow-wrap:anywhere;color:var(--color-text-primary);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;-webkit-user-select:all;user-select:all}.auth-loading{display:grid;place-items:center;width:100%;color:var(--color-text-secondary)}.admin-page{display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-app)}.admin-header{display:flex;align-items:center;gap:16px;min-height:65px;padding:10px 24px;border-bottom:1px solid var(--color-border);background:var(--color-paper-alt)}.admin-header-title{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--color-accent)}.admin-header-logo{width:32px;height:32px;border-radius:4px;object-fit:cover;box-shadow:var(--shadow-sm)}.admin-header-title strong{color:var(--color-text-primary)}.admin-current-user{color:var(--color-text-secondary);font-size:13px}.admin-content{width:min(100%,1100px);margin:0 auto;overflow:auto;padding:38px 24px 60px}.admin-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.admin-intro small{color:var(--color-accent);font-weight:700;letter-spacing:.09em}.admin-intro h1{margin:6px 0;font-size:28px}.admin-intro p{color:var(--color-text-secondary);font-size:13px}.admin-section-tabs{display:flex;gap:9px;margin-bottom:28px}.admin-section-tabs .active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.admin-notice{margin-bottom:18px;padding:10px 13px;border-left:3px solid var(--color-success);background:var(--color-surface-1);color:var(--color-text-primary);font-size:13px}.admin-content>.auth-error{margin-bottom:18px}.admin-users-card{overflow:hidden;border-radius:7px;box-shadow:var(--shadow-md)}.admin-users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 19px;border-bottom:1px solid var(--color-border)}.admin-users-toolbar strong{white-space:nowrap}.admin-users-toolbar strong span{margin-left:4px;color:var(--color-text-muted);font-size:13px}.admin-search{position:relative;display:flex;align-items:center;width:min(100%,260px);color:var(--color-text-muted)}.admin-search svg{position:absolute;left:11px;pointer-events:none}.admin-search input{padding-left:36px}.admin-users-list{display:grid}.admin-user-row{display:flex;align-items:center;gap:14px;min-height:74px;padding:12px 19px;border-bottom:1px solid var(--color-border)}.admin-user-row:last-child{border-bottom:0}.admin-avatar{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}.admin-user-copy{display:grid;flex:1;min-width:0;gap:3px}.admin-user-copy strong,.admin-user-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-copy span{color:var(--color-text-secondary);font-size:12px}.admin-user-copy small{margin-left:8px;color:var(--color-text-muted);font-size:11px}.admin-badge{flex:0 0 auto;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-2);color:var(--color-text-secondary);font-size:11px}.admin-badge--admin{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.admin-badge--active{border-color:var(--color-success);color:var(--color-success)}.admin-row-actions{display:flex;gap:6px;margin-left:5px}.admin-row-actions .app-action{box-shadow:none}.admin-empty{padding:36px;color:var(--color-text-secondary);text-align:center;font-size:13px}.admin-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:16px;background:var(--color-overlay)}.admin-modal{width:min(100%,450px);padding:23px;border-radius:7px}.admin-modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-modal-heading h2{font-size:19px}.admin-modal-note{margin-bottom:18px;color:var(--color-text-secondary);font-size:13px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.auth-form .admin-check{display:flex;align-items:center;gap:8px}.admin-check input{accent-color:var(--color-accent)}.feature-table-head,.feature-table-row{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(100px,1fr));align-items:center;gap:12px;padding:16px 20px}.feature-table-head{background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.feature-table-head>div,.feature-description{display:grid;gap:4px}.feature-table-head small,.feature-description small{color:var(--color-text-secondary);font-size:11px;font-weight:400}.feature-table-row{border-bottom:1px solid var(--color-border)}.feature-description strong{font-size:13px}.feature-cell{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:12px;cursor:pointer}.feature-cell input{width:17px;height:17px;accent-color:var(--color-accent)}.feature-cell:has(input:disabled){cursor:default}.feature-save-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px}.feature-save-actions span{margin-right:auto;color:var(--color-text-muted);font-size:12px}.operation-log-list{display:grid}.operation-log-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(180px,auto);align-items:center;gap:13px;min-height:72px;padding:12px 19px;border-bottom:1px solid var(--color-border)}.operation-log-row:last-child{border-bottom:0}.operation-log-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-2);color:var(--color-text-secondary)}.operation-log-icon--user-login{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.operation-log-main{display:flex;min-width:0;align-items:baseline;gap:8px}.operation-log-main strong{flex:0 0 auto;font-size:13px}.operation-log-main span{flex:0 0 auto;color:var(--color-text-primary);font-size:12px}.operation-log-main small{overflow:hidden;color:var(--color-text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.operation-log-meta{display:grid;justify-items:end;gap:3px;color:var(--color-text-muted);font-size:11px}.operation-log-meta time{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.visitor-security-heading{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.visitor-security-heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--color-accent-soft);color:var(--color-accent)}.visitor-security-heading>div{display:grid;gap:3px}.visitor-security-heading small,.visitor-security-fields small,.visitor-security-switch small{color:var(--color-text-secondary);font-size:11px;font-weight:400}.visitor-security-switch{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid var(--color-border);cursor:pointer}.visitor-security-switch input{width:18px;height:18px;accent-color:var(--color-accent)}.visitor-security-switch span{display:grid;gap:3px}.visitor-security-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.visitor-security-fields label{display:grid;gap:7px;color:var(--color-text-primary);font-size:12px;font-weight:600}.visitor-security-fields input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-2);color:var(--color-text-primary);font:inherit}.visitor-security-fields input:focus-visible{border-color:var(--color-accent);outline:0;box-shadow:0 0 0 3px var(--color-accent-ring)}@media(max-width:760px){.auth-page{min-height:100dvh;padding:16px}.auth-card{padding:25px}.admin-header{gap:8px;min-height:60px;padding:9px 12px}.admin-header-title{margin-right:auto}.admin-current-user{display:none}.admin-header .app-action{padding:8px;font-size:12px}.admin-content{padding:24px 14px 40px}.admin-intro{align-items:start;flex-direction:column}.admin-users-toolbar{align-items:stretch;flex-direction:column}.admin-search{width:100%}.admin-user-row{flex-wrap:wrap;gap:9px;padding:14px}.admin-user-copy{flex-basis:calc(100% - 50px)}.admin-row-actions{justify-content:flex-end;flex:1 0 100%;margin-left:0}.admin-row-actions .app-action{flex:1;font-size:12px}.feature-card{overflow-x:auto}.feature-table-head,.feature-table-row{min-width:650px}.feature-save-actions{flex-wrap:wrap;min-width:650px}.admin-section-tabs{overflow-x:auto}.admin-section-tabs .app-action{flex:0 0 auto}.operation-log-row{grid-template-columns:38px minmax(0,1fr);padding:13px 14px}.operation-log-main{align-items:flex-start;flex-direction:column;gap:2px}.operation-log-meta{grid-column:2;justify-items:start}.visitor-security-fields{grid-template-columns:1fr;padding:16px}}.launch-intro{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:hidden;background:transparent;animation:intro-curtain 2.5s linear forwards}.launch-intro-paper{position:absolute;right:-4vw;left:-4vw;z-index:0;height:56vh;background-color:var(--color-kraft-face);background-image:radial-gradient(ellipse at 7px 9px,var(--color-kraft-fiber) 0 1px,transparent 1.7px),radial-gradient(ellipse at 18px 15px,var(--color-paper-grain) 0 .8px,transparent 1.5px),linear-gradient(115deg,transparent,var(--color-paper-grain) 48%,transparent 70%);background-size:23px 21px,31px 27px,100% 100%;box-shadow:var(--shadow-lg);will-change:transform}.launch-intro-paper--top{top:-3vh;clip-path:polygon(0 0,100% 0,100% 91%,96% 96%,91% 90%,86% 97%,80% 91%,74% 98%,68% 90%,62% 97%,56% 91%,50% 99%,44% 90%,38% 97%,31% 91%,25% 98%,19% 90%,13% 96%,7% 91%,0 97%);animation:intro-paper-top 2.5s cubic-bezier(.76,0,.24,1) forwards}.launch-intro-paper--bottom{bottom:-3vh;clip-path:polygon(0 4%,7% 10%,13% 4%,19% 11%,25% 3%,31% 10%,38% 3%,44% 11%,50% 2%,56% 10%,62% 3%,68% 11%,74% 2%,80% 10%,86% 3%,91% 10%,96% 4%,100% 9%,100% 100%,0 100%);animation:intro-paper-bottom 2.5s cubic-bezier(.76,0,.24,1) forwards}.launch-intro-stage{position:relative;z-index:2;width:min(900px,94vw);height:min(560px,76vh);animation:intro-stage-exit 2.5s ease-in forwards}.intro-character{position:absolute;width:clamp(108px,14vw,158px);filter:drop-shadow(0 12px 12px var(--color-board-shadow));opacity:0;transform-origin:center bottom;animation:intro-character-story 1.75s cubic-bezier(.2,.8,.24,1) var(--intro-delay) both}.intro-character svg{display:block;width:100%;overflow:visible}.intro-character--sun{--intro-delay: 30ms;--intro-rotate: -17deg;--intro-exit-x: -130px;--intro-exit-y: 100px;top:0;left:2%}.intro-character--note{--intro-delay: .1s;--intro-rotate: 12deg;--intro-exit-x: -60px;--intro-exit-y: -150px;top:38%;left:18%}.intro-character--pencil{--intro-delay: .18s;--intro-rotate: -11deg;--intro-exit-x: 55px;--intro-exit-y: 150px;top:-2%;right:28%}.intro-character--bird{--intro-delay: .26s;--intro-rotate: 15deg;--intro-exit-x: 150px;--intro-exit-y: -90px;top:39%;right:1%}.intro-character--flower{--intro-delay: .33s;--intro-rotate: -13deg;--intro-exit-x: -120px;--intro-exit-y: 35px;bottom:-2%;left:3%}.intro-character--tape{--intro-delay: .4s;--intro-rotate: 14deg;--intro-exit-x: 120px;--intro-exit-y: 70px;right:15%;bottom:-5%}.intro-svg-stitch{fill:var(--color-note-yellow);stroke:var(--color-warning);stroke-width:4;stroke-linejoin:round;stroke-dasharray:3 5}.intro-svg-face{fill:var(--color-note-yellow);stroke:var(--color-paper-edge);stroke-width:3}.intro-svg-eye{fill:var(--color-text-primary)}.intro-svg-smile{fill:none;stroke:var(--color-text-primary);stroke-width:4;stroke-linecap:round}.intro-svg-paper{fill:var(--color-paper);stroke:var(--color-paper-edge);stroke-width:4;stroke-linejoin:round}.intro-svg-fold{fill:var(--color-paper-alt);stroke:var(--color-paper-edge);stroke-width:4;stroke-linejoin:round}.intro-svg-pin{fill:var(--color-pin-ruby);stroke:var(--color-pin-ruby-shade);stroke-width:3}.intro-svg-pin-line{fill:none;stroke:var(--color-pin-metal-dark);stroke-width:3;stroke-linecap:round}.intro-svg-pencil-line{fill:none;stroke:var(--color-code-muted);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 5}.intro-svg-pencil{fill:var(--color-note-pink);stroke:var(--color-accent);stroke-width:4;stroke-linejoin:round}.intro-svg-pencil-tip{fill:var(--color-kraft-face);stroke:var(--color-accent);stroke-width:3}.intro-svg-pencil-band{fill:none;stroke:var(--color-accent);stroke-width:5}.intro-svg-motion{fill:none;stroke:var(--color-paper-alt);stroke-width:5;stroke-linecap:round}.intro-svg-bird{fill:var(--color-note-blue);stroke:var(--color-flow-edge);stroke-width:4;stroke-linejoin:round}.intro-svg-bird-fold{fill:none;stroke:var(--color-flow-edge);stroke-width:3;stroke-linejoin:round}.intro-svg-flower-petal{fill:var(--color-note-pink);stroke:var(--color-accent);stroke-width:3;stroke-linejoin:round}.intro-svg-flower-center{fill:var(--color-note-yellow);stroke:var(--color-warning);stroke-width:3}.intro-svg-tape{fill:var(--color-tape);stroke:var(--color-tape-edge);stroke-width:5}.intro-svg-tape-core{fill:var(--color-kraft-face);stroke:var(--color-tape-edge);stroke-width:4}.intro-svg-tape-tail{fill:var(--color-tape);stroke:var(--color-tape-edge);stroke-width:4;stroke-linejoin:round}.intro-scrap{position:absolute;width:17px;height:17px;border-radius:4px 8px 3px 7px;background:var(--color-note-sage);box-shadow:var(--shadow-sm);opacity:0;animation:intro-scrap-dance 1.5s ease-in-out var(--scrap-delay) both}.intro-scrap--one{--scrap-delay: .22s;top:23%;left:25%;background:var(--color-note-yellow)}.intro-scrap--two{--scrap-delay: .33s;top:15%;right:17%;background:var(--color-note-pink);transform:rotate(45deg)}.intro-scrap--three{--scrap-delay: .42s;bottom:17%;left:43%;background:var(--color-note-blue)}.intro-scrap--four{--scrap-delay: .5s;right:37%;bottom:7%;border-radius:50%;background:var(--color-note-sage)}.launch-intro-title{position:absolute;top:43%;left:50%;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:220px;padding:19px 28px 17px;border-radius:4px;background:var(--color-paper-alt);box-shadow:var(--shadow-lg);color:var(--color-text-primary);transform:translate(-50%,-50%) rotate(-1.5deg);animation:intro-title-story 1.9s cubic-bezier(.2,.8,.24,1) both}.launch-intro-logo{display:block;width:72px;height:72px;margin-bottom:3px;border-radius:7px;object-fit:cover;box-shadow:var(--shadow-sm)}.launch-intro-title strong{font-size:clamp(19px,3vw,28px);letter-spacing:.22em}.launch-intro-title small{color:var(--color-text-secondary);font-size:12px;letter-spacing:.12em}.launch-intro-pin{position:absolute;top:-10px;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 33% 27%,var(--color-pin-ruby-highlight),var(--color-pin-ruby) 48%,var(--color-pin-ruby-shade));box-shadow:2px 4px 6px var(--color-board-shadow);transform:translate(-50%)}@keyframes intro-character-story{0%{opacity:0;transform:translateY(55px) rotate(0) scale(.35)}14%{opacity:1;transform:translateY(-10px) rotate(var(--intro-rotate)) scale(1.12)}22%{transform:translateY(0) rotate(0) scale(1)}34%{transform:translateY(-7px) rotate(var(--intro-rotate)) scale(1.02)}48%{transform:translateY(1px) rotate(0) scale(1)}66%{opacity:1;transform:translateY(-5px) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--intro-exit-x),var(--intro-exit-y)) rotate(var(--intro-rotate)) scale(.55)}}@keyframes intro-scrap-dance{0%{opacity:0;transform:translateY(40px) rotate(-80deg) scale(.2)}18%{opacity:1;transform:translateY(-16px) rotate(25deg) scale(1.15)}35%{transform:translateY(3px) rotate(-12deg) scale(1)}58%{opacity:1;transform:translateY(-11px) rotate(18deg) scale(1.08)}to{opacity:0;transform:translateY(-90px) rotate(140deg) scale(.4)}}@keyframes intro-title-story{0%{opacity:0;transform:translate(-50%,-40%) rotate(-6deg) scale(.72)}14%{opacity:1;transform:translate(-50%,-53%) rotate(2deg) scale(1.04)}22%,72%{opacity:1;transform:translate(-50%,-50%) rotate(-1.5deg) scale(1)}to{opacity:0;transform:translate(-50%,-68%) rotate(3deg) scale(.86)}}@keyframes intro-paper-top{0%,76%{transform:translateY(0) rotate(0)}82%{transform:translateY(-5%) rotate(-.5deg)}to{transform:translateY(-115%) rotate(-3deg)}}@keyframes intro-paper-bottom{0%,76%{transform:translateY(0) rotate(0)}82%{transform:translateY(5%) rotate(.5deg)}to{transform:translateY(115%) rotate(3deg)}}@keyframes intro-stage-exit{0%,76%{opacity:1}86%,to{opacity:0}}@keyframes intro-curtain{0%,98%{visibility:visible}to{visibility:hidden}}@media(max-width:600px){.launch-intro-stage{width:96vw;height:68vh}.intro-character{width:clamp(88px,27vw,112px)}.intro-character--sun{top:2%;left:3%}.intro-character--note{top:52%;left:4%}.intro-character--pencil{top:0;right:4%}.intro-character--bird{top:52%;right:2%}.intro-character--flower{bottom:-2%;left:27%}.intro-character--tape{right:25%;bottom:-4%}.launch-intro-title{top:46%;min-width:200px;padding-inline:22px}}@media(prefers-reduced-motion:reduce){.launch-intro{display:none}}.block-search-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:start center;padding:min(13vh,120px) 16px 24px;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.block-search-dialog{width:min(680px,100%);max-height:min(76vh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--color-paper);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.block-search-heading{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 15px 10px 20px;border-bottom:1px solid var(--color-border)}.block-search-heading>svg{flex:0 0 auto;color:var(--color-accent)}.block-search-heading input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary);font-size:17px}.block-search-heading input::placeholder{color:var(--color-text-muted)}.block-search-heading button{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid var(--color-paper-edge);border-radius:8px;background:var(--color-paper-alt);color:var(--color-text-secondary);cursor:pointer}.block-search-heading button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.block-search-heading button:focus-visible,.block-search-result:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.block-search-results{min-height:160px;overflow-y:auto;padding:8px}.block-search-message{padding:52px 16px;color:var(--color-text-secondary);font-size:13px;text-align:center}.block-search-error{color:var(--color-danger)}.block-search-result{display:flex;width:100%;min-height:70px;align-items:center;gap:12px;padding:11px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.block-search-result:hover,.block-search-result.is-active{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.block-search-result-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid var(--color-paper-edge);border-radius:7px;background:var(--color-surface-2);font-size:17px}.block-search-result-copy{display:grid;flex:1;min-width:0;gap:5px}.block-search-result-meta,.block-search-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-search-result-meta{color:var(--color-text-secondary);font-size:11px}.block-search-result-meta em{font-style:normal;color:var(--color-accent)}.block-search-result-copy strong{font-size:13px;font-weight:600}.block-search-result>svg{flex:0 0 auto;color:var(--color-text-muted)}.block-search-footer{display:flex;flex-wrap:wrap;gap:14px;padding:10px 17px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px}.block-search-footer span:last-child{margin-left:auto}@media(max-width:760px),(pointer:coarse){.block-search-backdrop{padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.block-search-dialog{max-height:min(82dvh,720px)}.block-search-heading{min-height:60px;padding:8px 10px 8px 14px}.block-search-heading input{font-size:16px}.block-search-heading button{flex-basis:40px;width:40px;height:40px}.block-search-result{min-height:68px}}:root[data-theme=paper],:root[data-theme=grid],:root[data-theme=notebook],:root[data-theme=crumpled]{color-scheme:light;--color-accent: #b65f43;--color-accent-hover: #914932;--color-accent-soft: #f4dfd2;--color-accent-border: #d9a38b;--color-accent-ring: rgba(182, 95, 67, .25);--color-bg-app: #e6ddce;--color-bg-canvas-start: #c9a47b;--color-bg-canvas-end: #b88f67;--color-surface-1: #fffaf1;--color-surface-2: #f6efe2;--color-surface-3: #ece0cd;--color-surface-hover: #f5e9d9;--color-surface-active: #f0d9c8;--color-border: #ddd0bd;--color-border-strong: #bba98e;--color-text-primary: #403629;--color-text-secondary: #746656;--color-text-muted: #9b8d79;--color-text-inverse: #fffaf0;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-success: #059669;--color-warning: #d97706;--color-canvas-grid: rgba(255, 246, 226, .28);--color-flow-edge: #efe1c9;--color-handle-border: #fffaf0;--color-minimap-bg: #eadfca;--color-minimap-node: #b45335;--color-minimap-mask: rgba(172, 124, 81, .42);--color-board-fleck-light: rgba(255, 245, 220, .34);--color-board-fleck-dark: rgba(99, 57, 28, .19);--color-board-shadow: rgba(77, 47, 25, .23);--color-frame-face: #8c694b;--color-frame-ridge: #d5b78f;--color-frame-inner: #76563d;--color-paper: #fffdf6;--color-paper-alt: #f7efdc;--color-paper-edge: #d9cbb5;--color-paper-grain: rgba(100, 70, 42, .04);--color-kraft-face: #c39562;--color-kraft-fiber: rgba(88, 55, 29, .16);--color-note-yellow: #f5e8ae;--color-note-pink: #efd2d1;--color-note-blue: #dbe9e6;--color-note-sage: #dfe6ce;--color-note-peach: #f4dac5;--color-note-lilac: #e6d9ec;--color-note-mint: #d2eade;--color-note-slate: #d5dce8;--color-tape: rgba(242, 229, 198, .78);--color-tape-edge: rgba(117, 91, 57, .24);--color-pin: #cfae8b;--color-pin-highlight: #fff4dd;--color-pin-shade: #836446;--color-pin-ruby: #ad3d42;--color-pin-ruby-highlight: #ffd2c4;--color-pin-ruby-shade: #632c36;--color-pin-brass: #b89953;--color-pin-brass-highlight: #fff0b9;--color-pin-brass-shade: #70572c;--color-pin-charcoal: #404650;--color-pin-charcoal-highlight: #abb1b4;--color-pin-charcoal-shade: #242933;--color-pin-metal: #9b9b8e;--color-pin-metal-light: #ece9da;--color-pin-metal-dark: #5c5c54;--color-photo-mat: #d4c7b4;--color-photo-backdrop: #9a8d79;--color-photo-sky: #c4d4d0;--color-photo-land: #708574;--color-overlay: rgba(15, 23, 42, .48);--color-hint-bg: rgba(15, 23, 42, .82);--color-code-bg: #f9f4eb;--color-code-surface: #efe5d5;--color-code-border: #dccbb3;--color-code-text: #4d3e31;--color-code-muted: #857361;--color-code-inline-bg: #f3e4cf;--color-code-block-bg: #3a3028;--color-code-block-text: #f3e8d8;--color-sheet-header: #f2e7d6;--color-sheet-grid: #dacbb8;--color-image-viewer-bg: #211b17;--color-image-viewer-header: #302722;--shadow-sm: 0 2px 4px rgba(61, 49, 34, .18), 0 7px 14px rgba(61, 49, 34, .08);--shadow-md: 0 10px 28px rgba(46, 39, 29, .24);--shadow-lg: 0 24px 70px rgba(42, 34, 24, .34);--shadow-hover: 0 12px 26px rgba(42, 34, 24, .24)}:root,:root[data-theme=cork]{color-scheme:dark;--color-accent: #e0a27b;--color-accent-hover: #f1b991;--color-accent-soft: #4b352b;--color-accent-border: #92684e;--color-accent-ring: rgba(224, 162, 123, .28);--color-bg-app: #27221d;--color-bg-canvas-start: #856447;--color-bg-canvas-end: #725339;--color-surface-1: #302a24;--color-surface-2: #3b332a;--color-surface-3: #4b4034;--color-surface-hover: #40362d;--color-surface-active: #4b352b;--color-border: #5a4c3e;--color-border-strong: #75614d;--color-text-primary: #f0e4d3;--color-text-secondary: #c3b39e;--color-text-muted: #948370;--color-text-inverse: #25231e;--color-danger: #fb7185;--color-danger-soft: #3a1d29;--color-success: #34d399;--color-warning: #fbbf24;--color-canvas-grid: rgba(245, 216, 181, .16);--color-flow-edge: #e1bc94;--color-handle-border: #292823;--color-minimap-bg: #3b342b;--color-minimap-node: #e19a72;--color-minimap-mask: rgba(94, 60, 37, .46);--color-board-fleck-light: rgba(245, 218, 177, .2);--color-board-fleck-dark: rgba(45, 27, 15, .28);--color-board-shadow: rgba(24, 15, 10, .38);--color-frame-face: #523d2d;--color-frame-ridge: #8f6f52;--color-frame-inner: #332419;--color-paper: #373129;--color-paper-alt: #40382e;--color-paper-edge: #655746;--color-paper-grain: rgba(255, 231, 192, .035);--color-kraft-face: #9b7650;--color-kraft-fiber: rgba(37, 25, 16, .3);--color-note-yellow: #554c30;--color-note-pink: #533c3e;--color-note-blue: #394b48;--color-note-sage: #424d39;--color-note-peach: #604538;--color-note-lilac: #4c4058;--color-note-mint: #365247;--color-note-slate: #394755;--color-tape: rgba(160, 136, 99, .74);--color-tape-edge: rgba(240, 212, 166, .18);--color-pin: #d7b58e;--color-pin-highlight: #fff0d4;--color-pin-shade: #78563d;--color-pin-ruby: #bc555d;--color-pin-ruby-highlight: #ffd3c5;--color-pin-ruby-shade: #652d38;--color-pin-brass: #bea064;--color-pin-brass-highlight: #ffebac;--color-pin-brass-shade: #6e542e;--color-pin-charcoal: #555b63;--color-pin-charcoal-highlight: #bac1c4;--color-pin-charcoal-shade: #262b32;--color-pin-metal: #8f918b;--color-pin-metal-light: #d7d9cd;--color-pin-metal-dark: #4f534e;--color-photo-mat: #645b4d;--color-photo-backdrop: #716958;--color-photo-sky: #84968f;--color-photo-land: #495e51;--color-overlay: rgba(2, 6, 23, .72);--color-hint-bg: rgba(2, 6, 23, .88);--color-code-bg: #241e1b;--color-code-surface: #302722;--color-code-border: #574639;--color-code-text: #f1dcc4;--color-code-muted: #b1977d;--color-code-inline-bg: #4b352b;--color-code-block-bg: #18120e;--color-code-block-text: #f2e6d5;--color-sheet-header: #44392f;--color-sheet-grid: #5e4e40;--color-image-viewer-bg: #18120e;--color-image-viewer-header: #2b211a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .38), 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 28px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 76px rgba(0, 0, 0, .52);--shadow-hover: 0 8px 28px rgba(0, 0, 0, .48)}:root[data-theme=grid]{color-scheme:light;--color-accent: #47747b;--color-accent-hover: #31565d;--color-accent-soft: #dbe9e9;--color-accent-border: #8bafb2;--color-accent-ring: rgba(71, 116, 123, .24);--color-bg-app: #d9e1df;--color-bg-canvas-start: #eef2ef;--color-bg-canvas-end: #dfe7e4;--color-surface-1: #f8fbf9;--color-surface-2: #edf3f1;--color-surface-3: #dce7e4;--color-surface-hover: #e3edeb;--color-surface-active: #d4e4e1;--color-border: #c1d1ce;--color-border-strong: #91aaa7;--color-text-primary: #263c3e;--color-text-secondary: #536d6e;--color-text-muted: #7f9695;--color-flow-edge: #5f8588;--color-minimap-bg: #dce7e4;--color-minimap-node: #47747b;--color-minimap-mask: rgba(71, 116, 123, .3);--color-frame-face: #6c8582;--color-frame-ridge: #b7cac6;--color-frame-inner: #526d69;--color-paper: #fbfdfb;--color-paper-alt: #eff5f2;--color-paper-edge: #c5d4d0;--color-note-yellow: #e7e9c8;--color-note-pink: #e9d8dc;--color-note-blue: #d5e8e8;--color-note-sage: #dce7d6;--color-note-peach: #eedfd1;--color-note-lilac: #e3deeb;--color-note-mint: #d4ebe3;--color-note-slate: #d8e2e7;--color-code-bg: #edf3f1;--color-code-surface: #dfe9e6;--color-code-border: #bfd0cc;--color-code-text: #294346;--color-code-muted: #607b7c;--color-code-inline-bg: #d9e8e5;--color-code-block-bg: #20383b;--color-code-block-text: #edf8f5;--color-sheet-header: #e1ebe8;--color-sheet-grid: #bfd0cc}:root[data-theme=notebook]{color-scheme:light;--color-accent: #c65352;--color-accent-hover: #963c3e;--color-accent-soft: #f5dedd;--color-accent-border: #d79291;--color-accent-ring: rgba(198, 83, 82, .24);--color-bg-app: #c9c2ad;--color-bg-canvas-start: #fffdf0;--color-bg-canvas-end: #eee8d2;--color-surface-1: #fffdf4;--color-surface-2: #f4f0df;--color-surface-3: #e6dfc8;--color-surface-hover: #eee8d4;--color-surface-active: #f1ded3;--color-border: #b9d0d5;--color-border-strong: #819fa6;--color-text-primary: #343b42;--color-text-secondary: #667077;--color-text-muted: #8d9698;--color-flow-edge: #657f87;--color-minimap-bg: #eee9d8;--color-minimap-node: #c65352;--color-minimap-mask: rgba(105, 127, 132, .26);--color-board-fleck-light: rgba(255, 255, 255, .58);--color-board-fleck-dark: rgba(90, 98, 91, .1);--color-board-shadow: rgba(55, 58, 49, .24);--color-frame-face: #5e7e85;--color-frame-ridge: #bdc9c4;--color-frame-inner: #3f6068;--color-paper: #fffdf2;--color-paper-alt: #f7f1dd;--color-paper-edge: #d4ccb5;--color-note-yellow: #f6e8aa;--color-note-pink: #efd0cf;--color-note-blue: #dbe9ec;--color-note-sage: #dfe5cc;--color-note-peach: #f5dcc6;--color-note-lilac: #e6dbec;--color-note-mint: #d7e9d9;--color-note-slate: #d7dfe9;--color-code-bg: #f4f0e3;--color-code-surface: #e8e2d2;--color-code-border: #cfc6b3;--color-code-text: #39464b;--color-code-muted: #718086;--color-code-inline-bg: #e6edf0;--color-code-block-bg: #33464c;--color-code-block-text: #f5f3e8;--color-sheet-header: #e9eee9;--color-sheet-grid: #b7cdd0;--shadow-sm: 0 2px 5px rgba(55, 58, 49, .16), 0 7px 14px rgba(55, 58, 49, .07);--shadow-md: 0 11px 30px rgba(55, 58, 49, .22);--shadow-lg: 0 25px 72px rgba(55, 58, 49, .3);--shadow-hover: 0 13px 28px rgba(55, 58, 49, .23)}:root[data-theme=crumpled]{color-scheme:light;--color-accent: #6f6758;--color-accent-hover: #4f493e;--color-accent-soft: #e6dfd1;--color-accent-border: #aaa08d;--color-accent-ring: rgba(111, 103, 88, .25);--color-bg-app: #b9afa0;--color-bg-canvas-start: #eee8dc;--color-bg-canvas-end: #d9d1c4;--color-surface-1: #f5f0e7;--color-surface-2: #e9e2d7;--color-surface-3: #d8d0c4;--color-surface-hover: #e3dbcf;--color-surface-active: #d8cfc1;--color-border: #c2b8aa;--color-border-strong: #918677;--color-text-primary: #39352f;--color-text-secondary: #6a6359;--color-text-muted: #92897d;--color-flow-edge: #756e62;--color-minimap-bg: #ddd6cb;--color-minimap-node: #6f6758;--color-minimap-mask: rgba(104, 94, 80, .31);--color-board-fleck-light: rgba(255, 255, 255, .4);--color-board-fleck-dark: rgba(69, 61, 51, .13);--color-board-shadow: rgba(54, 47, 39, .3);--color-frame-face: #8d8171;--color-frame-ridge: #c8bdae;--color-frame-inner: #665c4f;--color-paper: #f2ede3;--color-paper-alt: #e5ded2;--color-paper-edge: #bdb2a3;--color-kraft-face: #b39775;--color-note-yellow: #e7d99f;--color-note-pink: #dec3c0;--color-note-blue: #c9d8d7;--color-note-sage: #d2d7be;--color-note-peach: #e7cbb6;--color-note-lilac: #d7cbdc;--color-note-mint: #c5ddd0;--color-note-slate: #c7d1dc;--color-tape: rgba(211, 198, 166, .76);--color-code-bg: #e8e1d7;--color-code-surface: #dcd3c7;--color-code-border: #b9ae9f;--color-code-text: #433e37;--color-code-muted: #7a7166;--color-code-inline-bg: #ddd5c9;--color-code-block-bg: #39342e;--color-code-block-text: #eee9df;--color-sheet-header: #ddd5c9;--color-sheet-grid: #bbb0a2;--shadow-sm: 2px 3px 7px rgba(54, 47, 39, .18), -1px 1px 3px rgba(54, 47, 39, .1);--shadow-md: 4px 13px 34px rgba(54, 47, 39, .28);--shadow-lg: 8px 28px 74px rgba(54, 47, 39, .36);--shadow-hover: 5px 15px 32px rgba(54, 47, 39, .28)}:root[data-theme=blueprint]{color-scheme:dark;--color-accent: #72d1d9;--color-accent-hover: #9be7e8;--color-accent-soft: #174b56;--color-accent-border: #377b84;--color-accent-ring: rgba(114, 209, 217, .3);--color-bg-app: #0d2730;--color-bg-canvas-start: #174551;--color-bg-canvas-end: #0e3039;--color-surface-1: #13343e;--color-surface-2: #19414b;--color-surface-3: #24515c;--color-surface-hover: #20505b;--color-surface-active: #255d68;--color-border: #32616a;--color-border-strong: #4f7d83;--color-text-primary: #e7f3f1;--color-text-secondary: #b4d0cd;--color-text-muted: #789c9b;--color-text-inverse: #102f37;--color-success: #67d5b5;--color-warning: #f3c86b;--color-canvas-grid: rgba(152, 225, 226, .2);--color-flow-edge: #b8ece8;--color-handle-border: #102f37;--color-minimap-bg: #173c46;--color-minimap-node: #72d1d9;--color-minimap-mask: rgba(20, 75, 86, .6);--color-board-fleck-light: rgba(160, 228, 226, .2);--color-board-fleck-dark: rgba(2, 24, 31, .32);--color-board-shadow: rgba(2, 18, 24, .45);--color-frame-face: #153b45;--color-frame-ridge: #41727a;--color-frame-inner: #08242c;--color-paper: #173b45;--color-paper-alt: #1c4650;--color-paper-edge: #3b6870;--color-paper-grain: rgba(177, 231, 228, .04);--color-kraft-face: #4c7777;--color-note-yellow: #4d5e45;--color-note-pink: #55414e;--color-note-blue: #1d5965;--color-note-sage: #355c53;--color-note-peach: #654d42;--color-note-lilac: #4b4a68;--color-note-mint: #2c5b55;--color-note-slate: #355263;--color-tape: rgba(121, 183, 178, .5);--color-tape-edge: rgba(194, 239, 233, .18);--color-photo-mat: #315963;--color-photo-backdrop: #244852;--color-photo-sky: #76a9aa;--color-photo-land: #385c55;--color-overlay: rgba(2, 14, 20, .76);--color-code-bg: #0c2831;--color-code-surface: #133640;--color-code-border: #315e67;--color-code-text: #d7ece9;--color-code-muted: #8cafad;--color-code-inline-bg: #174b56;--color-code-block-bg: #071d24;--color-code-block-text: #e4f5f2;--color-sheet-header: #1c4650;--color-sheet-grid: #38646c;--color-image-viewer-bg: #061a20;--color-image-viewer-header: #102e36;--shadow-sm: 0 2px 5px rgba(0, 13, 18, .42);--shadow-md: 0 10px 30px rgba(0, 11, 16, .46);--shadow-lg: 0 26px 78px rgba(0, 8, 12, .58);--shadow-hover: 0 12px 30px rgba(0, 10, 14, .5)}:root[data-theme=kraft]{color-scheme:dark;--color-accent: #e3a968;--color-accent-hover: #f1bf82;--color-accent-soft: #62442c;--color-accent-border: #9b7048;--color-accent-ring: rgba(227, 169, 104, .28);--color-bg-app: #38291f;--color-bg-canvas-start: #aa7545;--color-bg-canvas-end: #835831;--color-surface-1: #493529;--color-surface-2: #57402f;--color-surface-3: #6a4e37;--color-surface-hover: #624733;--color-surface-active: #704c32;--color-border: #765a42;--color-border-strong: #997555;--color-text-primary: #f4e6d0;--color-text-secondary: #d2bda1;--color-text-muted: #a78d70;--color-flow-edge: #f0cf9d;--color-minimap-bg: #543d2e;--color-minimap-node: #e3a968;--color-minimap-mask: rgba(76, 46, 25, .5);--color-board-fleck-light: rgba(255, 224, 177, .22);--color-board-fleck-dark: rgba(55, 31, 15, .3);--color-board-shadow: rgba(39, 23, 13, .42);--color-frame-face: #62442d;--color-frame-ridge: #aa7d54;--color-frame-inner: #3d291b;--color-paper: #5a4331;--color-paper-alt: #654b35;--color-paper-edge: #896a4d;--color-kraft-face: #b07d4d;--color-note-yellow: #6b5c35;--color-note-pink: #69484a;--color-note-blue: #405b59;--color-note-sage: #4d5c3e;--color-note-peach: #805438;--color-note-lilac: #674d5e;--color-note-mint: #455e4b;--color-note-slate: #485764;--color-tape: rgba(190, 151, 96, .68);--color-code-bg: #35251d;--color-code-surface: #443127;--color-code-border: #72543d;--color-code-text: #f0dcc2;--color-code-muted: #b89a78;--color-code-inline-bg: #62442c;--color-code-block-bg: #221710;--color-code-block-text: #f5e4ce;--color-sheet-header: #5b422f;--color-sheet-grid: #795b43;--color-image-viewer-bg: #20150f;--color-image-viewer-header: #3a281e}:root[data-theme=night]{color-scheme:dark;--color-accent: #aaa2ff;--color-accent-hover: #c5bfff;--color-accent-soft: #302d55;--color-accent-border: #625d9e;--color-accent-ring: rgba(170, 162, 255, .3);--color-bg-app: #0e1019;--color-bg-canvas-start: #1a1d2d;--color-bg-canvas-end: #11131f;--color-surface-1: #171925;--color-surface-2: #202231;--color-surface-3: #2b2d40;--color-surface-hover: #292b3e;--color-surface-active: #33304e;--color-border: #3c3e55;--color-border-strong: #5b5c78;--color-text-primary: #f0eff8;--color-text-secondary: #b8b7ca;--color-text-muted: #818198;--color-text-inverse: #171825;--color-danger: #ff8097;--color-success: #62d7ba;--color-warning: #f3c66f;--color-canvas-grid: rgba(192, 188, 255, .13);--color-flow-edge: #c7c2ff;--color-handle-border: #151622;--color-minimap-bg: #1e2030;--color-minimap-node: #aaa2ff;--color-minimap-mask: rgba(32, 30, 63, .62);--color-board-fleck-light: rgba(230, 226, 255, .28);--color-board-fleck-dark: rgba(3, 4, 14, .42);--color-board-shadow: rgba(2, 3, 11, .55);--color-frame-face: #25273a;--color-frame-ridge: #51536f;--color-frame-inner: #10111b;--color-paper: #202230;--color-paper-alt: #282a3a;--color-paper-edge: #46485f;--color-paper-grain: rgba(224, 222, 255, .035);--color-kraft-face: #5a526b;--color-note-yellow: #50492e;--color-note-pink: #503743;--color-note-blue: #303e58;--color-note-sage: #354638;--color-note-peach: #5b3f3b;--color-note-lilac: #463b5a;--color-note-mint: #2e4b48;--color-note-slate: #34445c;--color-tape: rgba(139, 132, 185, .52);--color-tape-edge: rgba(221, 217, 255, .16);--color-photo-mat: #3c3d51;--color-photo-backdrop: #2e3042;--color-photo-sky: #666d8d;--color-photo-land: #3c4c4a;--color-overlay: rgba(2, 3, 12, .8);--color-hint-bg: rgba(4, 5, 16, .92);--color-code-bg: #11131d;--color-code-surface: #1b1d2a;--color-code-border: #3c3d55;--color-code-text: #e8e6f4;--color-code-muted: #9693ad;--color-code-inline-bg: #302d55;--color-code-block-bg: #090a11;--color-code-block-text: #f0eefb;--color-sheet-header: #292b3b;--color-sheet-grid: #44465d;--color-image-viewer-bg: #080910;--color-image-viewer-header: #151621;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .48);--shadow-md: 0 10px 32px rgba(0, 0, 0, .52);--shadow-lg: 0 28px 82px rgba(0, 0, 0, .66);--shadow-hover: 0 13px 34px rgba(0, 0, 0, .58)}:root[data-theme=beach]{color-scheme:light;--color-accent: #16818b;--color-accent-hover: #0c6570;--color-accent-soft: #d7f0ed;--color-accent-border: #79bdbd;--color-accent-ring: rgba(22, 129, 139, .24);--color-bg-app: #e5e9de;--color-bg-canvas-start: #8bd0d0;--color-bg-canvas-end: #e6d2a8;--color-surface-1: #fffdf5;--color-surface-2: #f1f7ee;--color-surface-3: #e1efea;--color-surface-hover: #e8f4ec;--color-surface-active: #d6eeeb;--color-border: #cad9d0;--color-border-strong: #91b7b0;--color-text-primary: #294642;--color-text-secondary: #587570;--color-text-muted: #839b92;--color-text-inverse: #fffdf5;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-success: #059669;--color-warning: #d97706;--color-canvas-grid: rgba(255, 255, 247, .24);--color-flow-edge: #68adb3;--color-handle-border: #fffdf5;--color-minimap-bg: #e0eae0;--color-minimap-node: #18828b;--color-minimap-mask: rgba(67, 128, 124, .32);--color-board-fleck-light: rgba(255, 255, 241, .3);--color-board-fleck-dark: rgba(110, 94, 64, .16);--color-board-shadow: rgba(44, 85, 80, .19);--color-frame-face: #a99779;--color-frame-ridge: #d7c7a6;--color-frame-inner: #7c7760;--color-paper: #fffdf5;--color-paper-alt: #f5ecd3;--color-paper-edge: #d9cdb0;--color-paper-grain: rgba(78, 112, 100, .045);--color-kraft-face: #e4cda0;--color-kraft-fiber: rgba(126, 100, 65, .15);--color-note-yellow: #f5e7aa;--color-note-pink: #f0d8cd;--color-note-blue: #b4e3e2;--color-note-sage: #d6e8d7;--color-note-peach: #f3dac2;--color-note-lilac: #e5dff0;--color-note-mint: #c8e9dd;--color-note-slate: #cbdfe4;--color-tape: rgba(248, 239, 207, .78);--color-tape-edge: rgba(110, 106, 80, .22);--color-pin: #cfae8b;--color-pin-highlight: #fff4dd;--color-pin-shade: #836446;--color-pin-ruby: #ad3d42;--color-pin-ruby-highlight: #ffd2c4;--color-pin-ruby-shade: #632c36;--color-pin-brass: #b89953;--color-pin-brass-highlight: #fff0b9;--color-pin-brass-shade: #70572c;--color-pin-charcoal: #404650;--color-pin-charcoal-highlight: #abb1b4;--color-pin-charcoal-shade: #242933;--color-pin-metal: #9b9b8e;--color-pin-metal-light: #ece9da;--color-pin-metal-dark: #5c5c54;--color-photo-mat: #d4cbb3;--color-photo-backdrop: #819b91;--color-photo-sky: #7fc6ca;--color-photo-land: #77a59a;--color-overlay: rgba(15, 23, 42, .48);--color-hint-bg: rgba(15, 23, 42, .82);--color-code-bg: #edf5ef;--color-code-surface: #e0ece7;--color-code-border: #c5d7d0;--color-code-text: #294b48;--color-code-muted: #64817a;--color-code-inline-bg: #ddede7;--color-code-block-bg: #3a3028;--color-code-block-text: #f3e8d8;--color-sheet-header: #e6f0e8;--color-sheet-grid: #c9dacf;--color-image-viewer-bg: #211b17;--color-image-viewer-header: #302722;--shadow-sm: 0 2px 4px rgba(61, 49, 34, .18), 0 7px 14px rgba(61, 49, 34, .08);--shadow-md: 0 10px 28px rgba(46, 39, 29, .24);--shadow-lg: 0 24px 70px rgba(42, 34, 24, .34);--shadow-hover: 0 12px 26px rgba(42, 34, 24, .24)}