:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--notes-workbench:#f4f4f4;--notes-surface:#fff;--notes-content:#111;--notes-secondary:#555;--notes-accent:#c8102e;--notes-caution:#8a4b00;--notes-edge:#d6d6d6;--notes-edge-strong:#767676;--notes-soft:#ebebeb;--notes-pressed:#dcdcdc;--notes-primary:#111;--notes-on-primary:#fff;--notes-on-accent:#fff;--notes-paper:#fff;--notes-focus:#c8102e;--notes-scrim:#11111173;--notes-shadow-overlay:4px 4px 0 #11111124;--notebook-graphite:#5c5c5c;--notebook-red:#c42b3a;--notebook-orange:#b8530a;--notebook-yellow:#8a6600;--notebook-green:#2e7d3e;--notebook-teal:#00716f;--notebook-blue:#2f62d9;--notebook-violet:#7c4ad6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--notes-workbench:#0b0b0b;--notes-surface:#161616;--notes-content:#f2f2f2;--notes-secondary:#ababab;--notes-accent:#ff6b6b;--notes-caution:#f0b35a;--notes-edge:#383838;--notes-edge-strong:#8a8a8a;--notes-soft:#292929;--notes-pressed:#383838;--notes-primary:#f2f2f2;--notes-on-primary:#111;--notes-on-accent:#161616;--notes-paper:#f2f2f2;--notes-focus:#ff6b6b;--notes-scrim:#000000a8;--notes-shadow-overlay:4px 4px 0 #0000008c;--notebook-graphite:#ababab;--notebook-red:#ff8f94;--notebook-orange:#ffa65e;--notebook-yellow:#f0cd5a;--notebook-green:#7fd18c;--notebook-teal:#78d5cb;--notebook-blue:#8fb3ff;--notebook-violet:#c3a4ff}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--notes-workbench:#0b0b0b;--notes-surface:#161616;--notes-content:#f2f2f2;--notes-secondary:#ababab;--notes-accent:#ff6b6b;--notes-caution:#f0b35a;--notes-edge:#383838;--notes-edge-strong:#8a8a8a;--notes-soft:#292929;--notes-pressed:#383838;--notes-primary:#f2f2f2;--notes-on-primary:#111;--notes-on-accent:#161616;--notes-paper:#f2f2f2;--notes-focus:#ff6b6b;--notes-scrim:#000000a8;--notes-shadow-overlay:4px 4px 0 #0000008c;--notebook-graphite:#ababab;--notebook-red:#ff8f94;--notebook-orange:#ffa65e;--notebook-yellow:#f0cd5a;--notebook-green:#7fd18c;--notebook-teal:#78d5cb;--notebook-blue:#8fb3ff;--notebook-violet:#c3a4ff}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--notes-font-ui:"Helvetica Neue", Helvetica, Arial, "Nimbus Sans", "Liberation Sans", system-ui, sans-serif;--notes-text-xs:12px;--notes-text-sm:13px;--notes-text-md:14px;--notes-text-base:15px;--notes-text-lg:17px;--notes-text-xl:20px;--notes-leading:1.45;--notes-weight-regular:400;--notes-weight-medium:500;--notes-weight-bold:700;--notes-tracking-tight:-.01em;--notes-tracking-label:.06em;--notes-space-1:4px;--notes-space-2:8px;--notes-space-3:12px;--notes-space-4:16px;--notes-space-5:24px;--notes-space-6:32px;--notes-target:44px;--notes-radius-control:0;--notes-radius-panel:0;--notes-radius-round:50%;--notes-hairline:1px;--notes-rule:2px;--notes-shadow-floating:none;--notes-focus-width:3px;--notes-focus-offset:2px;--notes-disabled-opacity:.4;--notes-duration:.15s;--notes-ease:cubic-bezier(.2, 0, 0, 1);--notes-board-selection:#c8102e;--notes-board-guide:#555;--notes-board-handle:#fff;--notes-board-area:#8a4b00;--notes-board-hint:#555;--notes-board-hint-strong:#111;--notes-board-editor:#ffffffe6;--notes-board-editor-label:#ffffffb3}@media (prefers-contrast:more){:root{--notes-edge:var(--notes-edge-strong)}}@media (prefers-reduced-motion:reduce){:root{--notes-duration:0s}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){:root{--notes-workbench:Canvas;--notes-surface:Canvas;--notes-content:CanvasText;--notes-secondary:CanvasText;--notes-accent:Highlight;--notes-caution:CanvasText;--notes-edge:ButtonText;--notes-edge-strong:ButtonText;--notes-soft:Canvas;--notes-pressed:Canvas;--notes-primary:ButtonText;--notes-on-primary:ButtonFace;--notes-on-accent:HighlightText;--notes-paper:Canvas;--notes-focus:Highlight}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--notes-workbench);color:var(--notes-content);font:var(--notes-text-base)/var(--notes-leading) var(--notes-font-ui);font-kerning:normal;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}h1,h2,h3{letter-spacing:var(--notes-tracking-tight)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.eyebrow{font-size:var(--notes-text-xs);font-weight:var(--notes-weight-bold);letter-spacing:var(--notes-tracking-label);text-transform:uppercase;color:var(--notes-secondary)}.eyebrow-value{text-transform:none;letter-spacing:normal}button{justify-content:center;align-items:center;gap:var(--notes-space-2);min-width:var(--notes-target);min-height:var(--notes-target);padding:0 var(--notes-space-3);border:var(--notes-hairline) solid transparent;border-radius:var(--notes-radius-control);cursor:pointer;transition:background-color var(--notes-duration) var(--notes-ease), border-color var(--notes-duration) var(--notes-ease), color var(--notes-duration) var(--notes-ease);-webkit-tap-highlight-color:transparent;background:0 0;display:inline-flex}button:hover:not(:disabled){background:var(--notes-soft)}button:active:not(:disabled){background:var(--notes-pressed)}button:disabled{opacity:var(--notes-disabled-opacity);cursor:default}:focus-visible{outline:var(--notes-focus-width) solid var(--notes-focus);outline-offset:var(--notes-focus-offset)}button.primary{background:var(--notes-primary);color:var(--notes-on-primary);border-color:var(--notes-primary);font-weight:var(--notes-weight-bold);padding:0 var(--notes-space-4)}button.primary:hover:not(:disabled),button.primary:active:not(:disabled){background:var(--notes-accent);border-color:var(--notes-accent);color:var(--notes-on-accent)}button.danger{background:var(--notes-caution);border-color:var(--notes-caution);color:var(--notes-on-accent);font-weight:var(--notes-weight-bold)}button.danger:hover:not(:disabled),button.danger:active:not(:disabled){background:color-mix(in srgb, var(--notes-caution) 85%, var(--notes-content))}.icon-button{padding:0}select,input[type=search]{min-height:var(--notes-target);padding:0 var(--notes-space-3);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);background:var(--notes-surface)}input[type=range]{width:100%;min-height:var(--notes-target);accent-color:var(--notes-accent)}input[type=checkbox],input[type=radio]{accent-color:var(--notes-accent);width:20px;height:20px}.app-loading{height:100%;color:var(--notes-secondary);padding:var(--notes-space-5);text-align:center;place-items:center;display:grid}.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.app-header{align-items:center;gap:var(--notes-space-4);min-height:64px;padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));padding-top:max(8px, env(safe-area-inset-top));background:var(--notes-surface);border-bottom:var(--notes-hairline) solid var(--notes-edge);display:flex}.brand{align-items:center;gap:var(--notes-space-3);font-size:var(--notes-text-xl);font-weight:var(--notes-weight-bold);letter-spacing:var(--notes-tracking-tight);display:flex}.notes-mark{width:26px;height:29px;color:var(--notes-accent);flex:none}.board-title{min-width:0;padding-left:var(--notes-space-4);border-left:var(--notes-hairline) solid var(--notes-edge);flex:1}.board-title h1{font-size:var(--notes-text-base);font-weight:var(--notes-weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.temporary{align-items:center;gap:var(--notes-space-2);font-size:var(--notes-text-sm);color:var(--notes-secondary);display:flex}.temporary .dot{border-radius:var(--notes-radius-round);background:var(--notes-caution);flex:none;width:8px;height:8px}.workspace{min-height:0;display:flex;position:relative}.ink-rail{align-items:center;gap:var(--notes-space-1);width:68px;padding:var(--notes-space-3) 0;background:var(--notes-surface);border-right:var(--notes-hairline) solid var(--notes-edge);flex-direction:column;flex:none;display:flex;overflow-y:auto}.ink-rail-tools{gap:var(--notes-space-1);flex-direction:column;display:flex}.ink-rail .divider{background:var(--notes-edge);flex:none;width:32px;height:1px;margin:6px 0}.tool{width:48px;height:48px;color:var(--notes-secondary);padding:0;position:relative}.tool.active,.tool.active:hover:not(:disabled){background:var(--notes-primary);color:var(--notes-on-primary)}.tool.active:before{content:"";background:var(--notes-accent);width:3px;position:absolute;top:10px;bottom:10px;left:-10px}@media (height<=780px){.ink-rail,.ink-rail-tools{gap:2px}.ink-rail{padding:var(--notes-space-2) 0}.ink-rail .divider{margin:4px 0}.tool{width:var(--notes-target);height:var(--notes-target)}}.stage{flex:1;min-width:0;position:relative;overflow:hidden}.board{background-color:var(--notes-paper);background-image:radial-gradient(circle, color-mix(in srgb, var(--notes-secondary) 38%, transparent) 1px, transparent 1.3px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;outline:none;position:absolute;inset:0;overflow:hidden}.board-svg{display:block;position:absolute;inset:0;overflow:visible}.board[data-tool=select]{cursor:default}.board[data-tool=hand]{cursor:grab}.board[data-tool=hand]:active{cursor:grabbing}.board[data-tool=text]{cursor:text}.board[data-tool=eraser]{cursor:cell}.board[data-tool=connect]{cursor:pointer}.selection-layer .select-outline{fill:none;stroke:var(--notes-board-selection);stroke-width:1.5px;stroke-dasharray:5 4}.selection-layer .focus-outline{fill:none;stroke:var(--notes-board-guide);stroke-width:1.5px;stroke-dasharray:2 4}.selection-layer .bind-outline{fill:color-mix(in srgb, var(--notes-board-selection) 8%, transparent);stroke:var(--notes-board-selection);stroke-width:2.5px}.selection-layer .resize-handle{fill:var(--notes-board-handle);stroke:var(--notes-board-selection);stroke-width:1.5px}.selection-layer .select-connector{stroke:var(--notes-board-selection);stroke-width:1.5px;stroke-dasharray:5 4}.selection-layer .endpoint-handles circle{fill:var(--notes-board-handle);stroke:var(--notes-board-selection);stroke-width:2px}.selection-layer .marquee{fill:color-mix(in srgb, var(--notes-board-selection) 7%, transparent);stroke:var(--notes-board-selection);stroke-width:1px;stroke-dasharray:4 3}.selection-layer .area-rect{fill:color-mix(in srgb, var(--notes-board-area) 6%, transparent);stroke:var(--notes-board-area);stroke-width:1.5px;stroke-dasharray:6 4}.draft-line{opacity:.85}.empty-hint{text-align:center;pointer-events:none;max-width:min(420px,80%);color:var(--notes-board-hint);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.empty-hint p:first-child{font-size:var(--notes-text-lg);font-weight:var(--notes-weight-bold);color:var(--notes-board-hint-strong)}.empty-hint .secondary{font-size:var(--notes-text-md);margin-top:4px}.text-editor-wrap{z-index:5;position:absolute}.text-editor-wrap[data-kind=new],.text-editor-wrap[data-kind=text],.text-editor-wrap[data-kind=sticky]{margin-top:-2px;margin-left:-2px}.text-editor{border-radius:var(--notes-radius-control);resize:none;background:var(--notes-board-editor);white-space:pre;outline:var(--notes-rule) solid var(--notes-board-selection);outline-offset:var(--notes-rule);-webkit-user-select:text;user-select:text;border:0;margin:0;padding:0 1px;display:block;overflow:hidden}.text-editor[data-wrap=fixed]{white-space:pre-wrap;overflow-wrap:anywhere}.text-editor-wrap[data-kind=label] .text-editor{background:var(--notes-board-editor-label)}.text-editor-wrap[data-kind=sticky] .text-editor{background:0 0}.text-editor-tools{background:var(--notes-surface);border:var(--notes-hairline) solid var(--notes-edge);border-radius:var(--notes-radius-control);box-shadow:var(--notes-shadow-floating);gap:2px;padding:2px;display:flex;position:absolute;bottom:calc(100% + 8px);left:-4px}.text-editor-tools .done{color:var(--notes-accent)}.text-editor-warning{width:max-content;max-width:320px;padding:var(--notes-space-2) var(--notes-space-3);font-size:var(--notes-text-sm);background:var(--notes-surface);color:var(--notes-caution);border:var(--notes-hairline) solid var(--notes-caution);border-radius:var(--notes-radius-control);position:absolute;top:calc(100% + 8px);left:0}.floating,.selection-bar,.chip,.view-controls .button-cluster,.style-dock,.catalog-panel,.toast{background:var(--notes-surface);border:var(--notes-hairline) solid var(--notes-edge);box-shadow:var(--notes-shadow-floating)}.top-strip{z-index:6;justify-content:flex-end;gap:var(--notes-space-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute;top:12px;left:12px;right:12px}.top-strip>*{pointer-events:auto}.selection-bar{border-radius:var(--notes-radius-panel);scrollbar-width:thin;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.selection-bar button{padding:0 var(--notes-space-3);font-size:var(--notes-text-md);flex:none}.selection-bar button[aria-pressed=true],.text-editor-tools button[aria-pressed=true]{color:var(--notes-on-primary);background:var(--notes-primary)}.chip{min-height:var(--notes-target);padding:0 var(--notes-space-4);border-radius:var(--notes-radius-control);font-size:var(--notes-text-md);font-weight:var(--notes-weight-bold);color:var(--notes-accent);border-color:var(--notes-accent)}.style-dock{z-index:6;border-radius:var(--notes-radius-panel);padding:var(--notes-space-1);position:absolute;bottom:12px;left:12px}.palette-toggle{display:none}.swatch-preview{border-radius:var(--notes-radius-round);border:2px solid var(--notes-surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--notes-edge)}.style-panel{gap:var(--notes-space-1);width:336px;max-width:calc(100vw - 48px);padding:var(--notes-space-2) var(--notes-space-3);display:grid}.swatches{border:0;flex-wrap:wrap;gap:0;margin:0;padding:0;display:flex}.swatches legend{padding:0 0 2px}.swatch{width:var(--notes-target);height:var(--notes-target);border-radius:var(--notes-radius-round);min-width:0;padding:0}.swatch:after{content:"";border-radius:var(--notes-radius-round);background:var(--swatch);width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--notes-content) 25%, transparent)}.swatch.selected:after{box-shadow:0 0 0 2px var(--notes-surface), 0 0 0 4px var(--notes-accent)}.swatch.border:after{background:var(--notes-surface);box-shadow:inset 0 0 0 4px var(--swatch), inset 0 0 0 5px color-mix(in srgb, var(--notes-content) 25%, transparent)}.swatch.border.selected:after{box-shadow:inset 0 0 0 4px var(--swatch), 0 0 0 2px var(--notes-surface), 0 0 0 4px var(--notes-accent)}.swatch.fill.none:after,.swatch.border.none:after{background:linear-gradient(135deg, transparent 45%, var(--notes-caution) 45%, var(--notes-caution) 55%, transparent 55%), var(--notes-surface)}.width-control{display:grid}.switch-row{align-items:center;gap:var(--notes-space-3);min-height:var(--notes-target);font-size:var(--notes-text-md);cursor:pointer;display:flex}.view-controls{z-index:6;gap:var(--notes-space-2);display:flex;position:absolute;bottom:12px;right:12px}.view-controls .button-cluster{border-radius:var(--notes-radius-panel);padding:3px;display:flex}.zoom-value{font-variant-numeric:tabular-nums;min-width:64px;font-size:var(--notes-text-md);font-weight:var(--notes-weight-bold)}.toast{z-index:7;max-width:min(480px,100% - 24px);padding:var(--notes-space-3) var(--notes-space-4);border-radius:var(--notes-radius-control);font-size:var(--notes-text-md);pointer-events:none;animation:toast-in var(--notes-duration) var(--notes-ease);background:var(--notes-primary);color:var(--notes-on-primary);border-color:var(--notes-primary);position:absolute;bottom:76px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.catalog-panel{gap:var(--notes-space-3);width:320px;padding:var(--notes-space-3);border-width:0 0 0 var(--notes-hairline);box-shadow:none;flex-direction:column;flex:none;display:flex;overflow:hidden}.catalog-panel header{justify-content:space-between;align-items:center;display:flex}.search-field{align-items:center;gap:var(--notes-space-2);padding-left:var(--notes-space-3);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);color:var(--notes-secondary);display:flex}.search-field input{min-width:0;color:var(--notes-content);background:0 0;border:0;flex:1}.search-field input:focus-visible{outline:none}.search-field:focus-within{outline:var(--notes-focus-width) solid var(--notes-focus);outline-offset:var(--notes-focus-offset)}.catalog-count{font-size:var(--notes-text-sm);color:var(--notes-secondary)}.catalog-grid{gap:var(--notes-space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding:2px;display:grid;overflow-y:auto}.catalog-item{gap:var(--notes-space-1);min-height:76px;padding:var(--notes-space-2) var(--notes-space-1);border:var(--notes-hairline) solid var(--notes-edge);border-radius:var(--notes-radius-control);font-size:var(--notes-text-xs);text-align:center;flex-direction:column;line-height:1.2}.catalog-item svg{color:var(--notes-content)}.catalog-empty{color:var(--notes-secondary);grid-column:1/-1}dialog{width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--notes-content);background:var(--notes-surface);border:var(--notes-hairline) solid var(--notes-edge);border-radius:var(--notes-radius-panel);box-shadow:var(--notes-shadow-overlay);padding:0;overflow:auto}dialog::backdrop{background:var(--notes-scrim)}.export-dialog form{gap:var(--notes-space-4);padding:var(--notes-space-4) var(--notes-space-5) var(--notes-space-5);display:grid}.export-dialog header,.confirm-dialog footer,.export-dialog footer{justify-content:space-between;align-items:center;gap:var(--notes-space-2);display:flex}.export-dialog footer,.confirm-dialog footer{justify-content:flex-end}dialog h2{font-size:var(--notes-text-xl);font-weight:var(--notes-weight-bold)}dialog{border-top:var(--notes-rule) solid var(--notes-content)}.confirm-dialog{padding:var(--notes-space-5)}.confirm-dialog p{color:var(--notes-secondary);margin:8px 0 16px}.segmented{gap:var(--notes-space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.segmented legend{padding:0 0 var(--notes-space-2);font-size:var(--notes-text-xs);font-weight:var(--notes-weight-bold);letter-spacing:var(--notes-tracking-label);text-transform:uppercase;color:var(--notes-secondary)}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented span{min-height:var(--notes-target);padding:0 var(--notes-space-4);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);font-weight:var(--notes-weight-medium);align-items:center;display:inline-flex}.segmented input:checked+span{background:var(--notes-primary);border-color:var(--notes-primary);color:var(--notes-on-primary);font-weight:var(--notes-weight-bold)}.segmented input:focus-visible+span{outline:var(--notes-focus-width) solid var(--notes-focus);outline-offset:var(--notes-focus-offset)}.segmented input:disabled+span{opacity:var(--notes-disabled-opacity)}.area-row{justify-content:space-between;align-items:center;gap:var(--notes-space-2);font-size:var(--notes-text-md);color:var(--notes-secondary);display:flex}.area-row button{border-color:var(--notes-edge-strong)}.option-grid{gap:var(--notes-space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.option-grid label{gap:var(--notes-space-1);font-size:var(--notes-text-sm);font-weight:var(--notes-weight-bold);color:var(--notes-secondary);display:grid}.export-summary{gap:var(--notes-space-2);font-size:var(--notes-text-md);display:grid}.export-summary .warning{padding:var(--notes-space-3) var(--notes-space-3);border-radius:var(--notes-radius-control);border:var(--notes-hairline) solid var(--notes-caution);color:var(--notes-content)}.export-summary .warning p{color:var(--notes-content)}.export-summary .error{padding:var(--notes-space-3) var(--notes-space-3);border-radius:var(--notes-radius-control);background:var(--notes-caution);color:var(--notes-on-accent)}.check{align-items:center;gap:var(--notes-space-2);min-height:var(--notes-target);font-weight:var(--notes-weight-bold);display:flex}dialog footer button:not(.primary):not(.danger){border-color:var(--notes-edge-strong)}.board-title h1 .title-button{max-width:100%;min-height:32px;padding:0 var(--notes-space-2);font-size:var(--notes-text-base);font-weight:var(--notes-weight-bold);white-space:nowrap;text-overflow:ellipsis;text-align:left;justify-content:flex-start;margin-left:-6px;display:block;overflow:hidden}.title-form input{width:min(360px,100%);min-height:36px;padding:0 var(--notes-space-2);font-size:var(--notes-text-base);font-weight:var(--notes-weight-bold);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);background:var(--notes-surface)}.save-status{align-items:center;gap:var(--notes-space-2);font-size:var(--notes-text-sm);color:var(--notes-secondary);display:flex}.save-status .dot{border-radius:var(--notes-radius-round);background:var(--notes-accent);flex:none;width:8px;height:8px}.save-status.problem{color:var(--notes-caution);font-weight:var(--notes-weight-bold)}.save-button,.sign-in-button,.notebooks-button{border-color:var(--notes-edge-strong);flex:none}.notebooks-button[aria-pressed=true],.notebooks-button[aria-pressed=true]:hover:not(:disabled){background:var(--notes-primary);color:var(--notes-on-primary);border-color:var(--notes-primary)}.account{flex:none;position:relative}.avatar{width:var(--notes-target);border-radius:var(--notes-radius-round);background:var(--notes-soft);color:var(--notes-accent);font-weight:var(--notes-weight-bold);padding:0}.avatar[data-color]{background:var(--notebook-color);color:var(--notes-surface);font-size:var(--notes-text-xl);forced-color-adjust:none}.avatar[data-color]:hover:not(:disabled){background:var(--notebook-color);box-shadow:0 0 0 var(--notes-rule) var(--notes-surface), 0 0 0 calc(var(--notes-rule) * 2) var(--notes-content)}.account-menu{z-index:20;min-width:240px;padding:var(--notes-space-2);background:var(--notes-surface);border:var(--notes-hairline) solid var(--notes-edge);border-radius:var(--notes-radius-panel);box-shadow:var(--notes-shadow-overlay);display:grid;position:absolute;top:calc(100% + 6px);right:0}.account-menu button{justify-content:flex-start;width:100%}.account-identity{padding:var(--notes-space-2) var(--notes-space-3) var(--notes-space-3);border-bottom:var(--notes-hairline) solid var(--notes-edge);font-size:var(--notes-text-md);overflow-wrap:anywhere;gap:2px;margin-bottom:4px;display:grid}.account-identity span{color:var(--notes-secondary);font-size:var(--notes-text-sm)}.notebook-panel{gap:var(--notes-space-2);width:300px;padding:var(--notes-space-3);background:var(--notes-surface);border-right:var(--notes-hairline) solid var(--notes-edge);flex-direction:column;flex:none;order:0;display:flex;overflow-y:auto}.notebook-panel header{justify-content:space-between;align-items:center;display:flex}.notebook-panel h2,.catalog-panel h2{font-size:var(--notes-text-lg);font-weight:var(--notes-weight-bold)}.panel-actions{gap:2px;display:flex}.notebook-list,.note-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.notebook-row,.note-row{align-items:center;gap:2px;display:flex}.notebook-toggle,.note-open{min-width:0;padding:0 var(--notes-space-2);flex:1;justify-content:flex-start}.notebook-toggle{font-weight:var(--notes-weight-bold)}.notebook-toggle .label,.note-open .label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.notebook-toggle .count,.note-open time{font-size:var(--notes-text-xs);color:var(--notes-secondary);font-weight:var(--notes-weight-regular)}.note-open[aria-current=page]{background:var(--notes-soft);color:var(--notes-content);font-weight:var(--notes-weight-bold);box-shadow:inset 3px 0 0 var(--notes-accent)}.notebook-row .icon-button,.note-row .icon-button{color:var(--notes-secondary);flex:none}.notebook-list .muted{padding:var(--notes-space-2);font-size:var(--notes-text-md);color:var(--notes-secondary)}.notebook-dot{border-radius:var(--notes-radius-round);background:var(--notebook-color);forced-color-adjust:none;flex:none;width:12px;height:12px}.note-list{border-left:2px solid var(--notebook-color,transparent);margin-left:15px;padding-left:7px}.notebook-editor{gap:var(--notes-space-2);padding:var(--notes-space-2);border:var(--notes-hairline) solid var(--notes-edge);border-radius:var(--notes-radius-panel);background:var(--notes-surface);display:grid}.notebook-editor input[name=name]{width:100%;min-height:var(--notes-target);padding:0 var(--notes-space-3);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);background:var(--notes-surface);color:var(--notes-content)}.notebook-colors{border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.notebook-swatch{width:var(--notes-target);height:var(--notes-target);border-radius:var(--notes-radius-round);cursor:pointer;place-items:center;display:grid;position:relative}.notebook-swatch:after{content:"";border-radius:var(--notes-radius-round);background:var(--notebook-color);forced-color-adjust:none;width:24px;height:24px}.notebook-swatch:has(input:checked):after{box-shadow:0 0 0 2px var(--notes-surface), 0 0 0 4px var(--notes-content)}.notebook-swatch:has(input:focus-visible){outline:var(--notes-focus-width) solid var(--notes-focus);outline-offset:calc(-1 * var(--notes-focus-width))}.editor-actions{justify-content:flex-end;gap:var(--notes-space-2);display:flex}.folder-list{gap:var(--notes-space-2);margin:0;padding:0;list-style:none;display:grid}.folder-group{border:var(--notes-hairline) solid transparent;border-radius:var(--notes-radius-control);gap:2px;padding:2px;display:grid}.folder-group[data-drop]{border-color:var(--notes-accent);background:var(--notes-soft)}.folder-group>.notebook-list,.folder-group>.notebook-editor{margin-left:12px}.folder-row{align-items:center;gap:2px;display:flex}.folder-row[draggable=true]{cursor:grab}.folder-toggle{min-width:0;padding:0 var(--notes-space-2);font-size:var(--notes-text-xs);font-weight:var(--notes-weight-bold);letter-spacing:var(--notes-tracking-label);color:var(--notes-secondary);flex:1;justify-content:flex-start}.folder-toggle .label{text-overflow:ellipsis;white-space:nowrap;text-align:left;text-transform:uppercase;flex:1;min-width:0;overflow:hidden}.folder-toggle .count{font-size:var(--notes-text-xs);font-weight:var(--notes-weight-regular)}.folder-row .icon-button{color:var(--notes-secondary);flex:none}.folder-dot{border-radius:var(--notes-radius-control);background:var(--notebook-color);forced-color-adjust:none;flex:none;width:12px;height:12px}.folder-checks{border:0;margin:0;padding:0;display:grid}.folder-checks legend{font-size:var(--notes-text-sm);font-weight:var(--notes-weight-bold);color:var(--notes-secondary);padding:0 0 2px}.folder-checks label{align-items:center;gap:var(--notes-space-2);min-height:var(--notes-target);padding:0 var(--notes-space-1);font-size:var(--notes-text-md);cursor:pointer;display:flex}.folder-checks input{width:18px;height:18px;accent-color:var(--notes-accent)}.folder-checks .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-tools{gap:var(--notes-space-2);flex-wrap:wrap;display:flex}.folder-tools button{border-color:var(--notes-edge-strong);padding:0 var(--notes-space-3);font-size:var(--notes-text-md)}.folder-tools .danger-text{color:var(--notes-caution)}.notebook-row[draggable=true]{cursor:grab}.editor-actions button:not(.primary){border-color:var(--notes-edge-strong);padding:0 var(--notes-space-4)}.save-problem{align-items:center;gap:var(--notes-space-2);padding:var(--notes-space-1) var(--notes-space-1) var(--notes-space-1) var(--notes-space-4);border-radius:var(--notes-radius-panel);max-width:100%;font-size:var(--notes-text-md);background:var(--notes-surface);border:var(--notes-hairline) solid var(--notes-caution);box-shadow:var(--notes-shadow-floating);flex-wrap:wrap;margin-right:auto;display:flex}.save-problem button:not(.primary){border-color:var(--notes-edge-strong)}.save-board-dialog form{gap:var(--notes-space-3);display:grid}.save-board-dialog p{margin:0}.option-grid input:not([type]){min-height:var(--notes-target);padding:0 var(--notes-space-3);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);background:var(--notes-surface);color:var(--notes-content);font-weight:var(--notes-weight-regular)}.settings-dialog{width:min(560px,100vw - 24px)}.settings-dialog form{gap:var(--notes-space-1);padding:var(--notes-space-5);display:grid}.settings-dialog section{gap:var(--notes-space-3);padding:var(--notes-space-4) 0;border-top:var(--notes-hairline) solid var(--notes-edge);display:grid}.settings-dialog h2{margin-bottom:10px}.settings-dialog h3{font-size:var(--notes-text-xs);font-weight:var(--notes-weight-bold);text-transform:uppercase;letter-spacing:var(--notes-tracking-label);margin:0}.settings-dialog legend,.settings-dialog .field{font-size:var(--notes-text-sm);font-weight:var(--notes-weight-bold);color:var(--notes-secondary)}.settings-dialog legend{padding:0 0 var(--notes-space-1)}.settings-dialog .field{gap:var(--notes-space-1);display:grid}.settings-dialog .field input:not([type]){min-height:var(--notes-target);padding:0 var(--notes-space-3);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);background:var(--notes-surface);color:var(--notes-content);font-size:var(--notes-text-base);font-weight:var(--notes-weight-regular)}.settings-dialog .field input[type=range]{min-height:var(--notes-target);accent-color:var(--notes-accent)}.settings-dialog .hint{font-size:var(--notes-text-sm);color:var(--notes-secondary)}.pen-colors .notebook-swatch:after{border:var(--notes-hairline) solid var(--notes-edge)}.profile-facts,.usage{gap:var(--notes-space-2);font-size:var(--notes-text-md);margin:0;display:grid}.profile-facts div,.usage-row{gap:var(--notes-space-3);grid-template-columns:minmax(110px,auto) 1fr;align-items:center;display:grid}.profile-facts dt,.usage-row dt{color:var(--notes-secondary)}.profile-facts dd,.usage-row dd{overflow-wrap:anywhere;margin:0}.usage-row dd{align-items:center;gap:var(--notes-space-3);display:flex}.usage-row meter{flex:1;min-width:80px;height:8px}.button-link{justify-self:start;align-items:center;gap:var(--notes-space-2);min-height:var(--notes-target);padding:0 var(--notes-space-4);border:var(--notes-hairline) solid var(--notes-edge-strong);border-radius:var(--notes-radius-control);color:var(--notes-content);font-weight:var(--notes-weight-bold);text-decoration:none;display:inline-flex}.button-link:hover{background:var(--notes-soft)}.settings-dialog .danger-zone{gap:var(--notes-space-3);padding:var(--notes-space-4) 0;border-top:var(--notes-hairline) solid var(--notes-edge);display:grid}.danger-zone summary{min-height:var(--notes-target);cursor:pointer;font-size:var(--notes-text-md);font-weight:var(--notes-weight-bold);color:var(--notes-secondary);align-items:center;display:flex}.danger-zone[open] summary{color:var(--notes-caution)}.danger-zone .danger-outline{justify-self:start;align-items:center;gap:var(--notes-space-2);min-height:var(--notes-target);padding:0 var(--notes-space-4);border:var(--notes-hairline) solid var(--notes-caution);border-radius:var(--notes-radius-control);color:var(--notes-caution);font-weight:var(--notes-weight-bold);display:inline-flex}.danger-zone .danger-outline:hover{background:var(--notes-soft)}.settings-dialog footer{justify-content:flex-end;gap:var(--notes-space-2);padding-top:var(--notes-space-4);border-top:var(--notes-hairline) solid var(--notes-edge);display:flex}@media (width<=720px){.app-header{gap:var(--notes-space-3);min-height:56px}.brand span{display:none}.board-title{padding-left:var(--notes-space-3)}.export-button{padding:0 var(--notes-space-3)}.workspace{flex-direction:column}.ink-rail{width:100%;height:auto;padding:4px max(8px, env(safe-area-inset-left)) max(4px, env(safe-area-inset-bottom));border-right:0;border-top:var(--notes-hairline) solid var(--notes-edge);scrollbar-width:none;flex-direction:row;order:2;overflow:auto hidden}.ink-rail-tools{flex-direction:row}.ink-rail .divider{width:1px;height:32px;margin:0 4px}.tool{width:var(--notes-target);height:var(--notes-target);flex:none}.tool.active:before{width:auto;height:3px;inset:auto 10px -4px}.stage{order:1}.selection-bar button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.style-dock .palette-toggle{display:inline-flex}.style-dock .style-panel-host{display:none}.style-dock.open .style-panel-host{display:block}.view-controls{flex-direction:column;align-items:flex-end}.view-controls [aria-label=Reset\ view],.view-controls [aria-label=Zoom\ in],.view-controls [aria-label=Zoom\ out]{display:none}.catalog-panel{z-index:8;border-width:var(--notes-hairline) 0 0;border-radius:var(--notes-radius-panel);width:auto;height:min(60%,460px);box-shadow:none;border-top:var(--notes-rule) solid var(--notes-content);position:absolute;bottom:0;left:0;right:0}.toast{bottom:120px}.notebook-panel{z-index:9;border:var(--notes-hairline) solid var(--notes-edge);border-width:var(--notes-hairline) 0 0;border-radius:var(--notes-radius-panel);width:auto;height:min(70%,520px);box-shadow:none;border-top:var(--notes-rule) solid var(--notes-content);position:absolute;bottom:0;left:0;right:0}.notebooks-button span,.sign-in-button span,.save-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.notebooks-button,.sign-in-button,.save-button{width:var(--notes-target);padding:0}.settings-dialog{border-width:var(--notes-hairline) 0 0;border-radius:var(--notes-radius-panel);width:100vw;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);margin:auto 0 0}}@media (width<=420px){.temporary{font-size:var(--notes-text-xs)}.export-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (forced-colors:active){.tool.active,.segmented input:checked+span{outline:2px solid highlight}.swatch:after{forced-color-adjust:none}}