:root{color-scheme:light;color:var(--color-text);background:var(--color-surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-accent: #0b84ff;--color-text: #1f2937;--color-ink: #1f1f1f;--color-ink-strong: #2b2b2b;--color-text-muted: #9aa0a8;--color-text-disabled: #c2c6cc;--color-surface: #ffffff;--color-surface-hover: #f7f7f8;--color-panel-surface: hsl(0, 0%, 99%);--color-panel-contrast: hsl(0, 0%, 100%);--color-panel-border: #1f1f1f;--color-panel-divider: #ececee;--color-hover: #f1f1f2;--color-active: #ebebed;--color-border: #1f1f1f;--color-divider: #ececee;--color-app-background: #dedede;--color-danger: #b42318;--color-danger-strong: #7f1d1d;--color-danger-border: #b91c1c;--color-danger-surface: #fff1f2;--color-warning: #78350f;--color-warning-border: #b45309;--color-panel-glass: rgb(255 255 255 / 94%);--color-readout-surface: rgb(255 255 255 / 72%);--color-readout-text: rgb(31 41 55 / 68%);--color-control-track: rgb(31 31 31 / 20%);--color-control-track-strong: rgb(31 31 31 / 35%);--color-control-divider: rgb(31 31 31 / 14%);--color-subtle-border: rgb(31 31 31 / 18%);--color-faint-border: rgb(31 31 31 / 12%);--color-preview-inset: rgb(255 255 255 / 72%);--color-input-surface: #f8f8f8;--color-muted-surface: #f9fafb;--color-hover-strong: #f3f4f6;--color-accent-hover: #006ee5;--color-on-accent: #ffffff;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--shadow-panel: 2px 3px 0px rgb(15 23 42 / 20%), inset 0px 0px 0px 1px var(--color-border), inset 0px 0px 0px 1px var(--color-panel-contrast);--shadow-popup: 0px 0px 0px rgb(15 23 42 / 16%);--shadow-page: 0px 0px 0px rgb(15 23 42 / 5%);--ui-inset: 6px;--ui-control-size: 36px;--ui-toolbar-button-size: 44px;--ui-focus-ring: 2px solid rgb(11 132 255 / 72%);--page-surface: hsl(210, 20%, 98%);--page-border: #000000;--page-inset: 12px;--page-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='pageNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pageNoise)' opacity='1'/%3E%3C/svg%3E");--page-pattern-dot: rgb(154 160 168 / 42%);--page-pattern-minor: rgb(154 160 168 / 20%);--page-pattern-major: rgb(154 160 168 / 32%);--page-pattern-line: rgb(29 155 240 / 20%);--page-pattern-margin: rgb(242 13 47 / 18%);--page-grid-line: rgb(107 114 128 / 45%);--page-pattern-dot-webgpu: #9aa0a8;--page-pattern-minor-webgpu: #9aa0a8;--page-pattern-major-webgpu: #9aa0a8;--page-pattern-line-webgpu: #1d9bf0;--page-pattern-margin-webgpu: #f20d2f;--page-grid-line-webgpu: #6b7280;--page-texture-tint-webgpu: #f2f0e8;--page-texture-highlight-webgpu: #fffef6;--page-texture-shadow-webgpu: #635e52}:root[data-resolved-theme=dark]{color-scheme:dark;--page-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='pageNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pageNoise)' opacity='.15'/%3E%3C/svg%3E");--page-surface: #b8b5b6;--color-accent: #2f80ed;--color-text: #f8f8f9;--color-ink: #c8c8c8;--color-ink-strong: #c8c8c8;--color-text-muted: #a1a2a3;--color-text-disabled: #6f7073;--color-surface: #2d2d2d;--color-surface-hover: #363637;--color-panel-surface: #2d2d2d;--color-panel-border: #050505;--color-panel-divider: #414141;--color-hover: #3a3a3a;--color-active: #474747;--color-border: #050505;--color-divider: #424242;--color-app-background: #171717;--color-danger: #ff8f86;--color-danger-strong: #ffd2cf;--color-danger-border: #7f1d1d;--color-danger-surface: #381414;--color-warning: #ffd899;--color-warning-border: #92400e;--color-panel-glass: rgb(45 45 45 / 94%);--color-readout-surface: rgb(45 45 45 / 76%);--color-readout-text: rgb(248 248 249 / 72%);--color-control-track: rgb(255 255 255 / 26%);--color-control-track-strong: rgb(255 255 255 / 42%);--color-control-divider: rgb(255 255 255 / 15%);--color-subtle-border: rgb(255 255 255 / 18%);--color-faint-border: rgb(255 255 255 / 12%);--color-preview-inset: rgb(255 255 255 / 10%);--color-input-surface: #242424;--color-muted-surface: #242424;--color-hover-strong: #3f3f3f;--color-accent-hover: #1f6fda;--shadow-panel: 2px 3px 0px rgb(0 0 0 / 18%);--shadow-popup: 0px 0px 0px rgb(0 0 0 / 56%);--shadow-page: 0px 0px 0px rgb(0 0 0 / 44%);--ui-focus-ring: 2px solid rgb(47 128 237 / 76%)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;max-height:100dvh}body{margin:0;min-width:320px;min-height:100dvh;max-height:100dvh;overflow:hidden}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.notes__topbar,.notes__toolbar,.notes__menu,.notes__share-menu,.home{-webkit-user-select:none;user-select:none}.notes__app{position:relative;width:100%;height:100%;max-height:100dvh;background-color:var(--color-app-background);background-image:var(--page-noise)}.canvas-shell{position:absolute;inset:var(--page-inset);isolation:isolate;overflow:hidden;border:1px solid var(--page-border);border-radius:4px;background-color:var(--page-surface);box-shadow:var(--shadow-page);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas-shell__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas-shell__canvas--gpu{z-index:1;pointer-events:none}.canvas-shell__gpu-unavailable{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:var(--color-panel-glass);color:var(--color-text);font-size:14px}.canvas-shell__gpu-unavailable p{max-width:360px}.canvas-shell__sync-error{position:fixed;z-index:9;top:max(calc(var(--ui-inset) + var(--ui-control-size) + var(--ui-inset)),calc(var(--safe-area-inset-top) + var(--ui-inset)));left:50%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;width:min(520px,calc(100dvw - 24px));padding:10px 12px;border:1px solid var(--color-danger-border);border-radius:4px;background:var(--color-panel-glass);box-shadow:var(--shadow-panel);color:var(--color-danger-strong);font-size:13px;line-height:1.35;transform:translate(-50%)}.canvas-shell__sync-error[data-kind=backend-unavailable]{grid-template-columns:minmax(0,1fr);border-color:var(--color-warning-border);color:var(--color-warning)}.canvas-shell__sync-error strong,.canvas-shell__sync-error span{grid-column:1}.canvas-shell__sync-error strong{font-size:13px;font-weight:700}.canvas-shell__sync-error button{grid-column:2;grid-row:1 / span 2;min-height:32px;padding:0 10px;border:1px solid var(--color-danger-strong);border-radius:4px;background:var(--color-danger-strong);color:var(--color-surface);font-size:13px;font-weight:700;cursor:pointer}.canvas-shell__canvas--live{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.canvas-shell__canvas--erase{cursor:cell}.canvas-shell__canvas--select{cursor:default}.canvas-shell__zoom-readout{position:absolute;z-index:4;left:8px;bottom:6px;display:block;margin:0;padding:2px 4px;border:0;border-radius:3px;background:var(--color-readout-surface);color:var(--color-readout-text);font:inherit;font-size:11px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none}.canvas-shell__zoom-readout:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.canvas-shell__fps-readout{position:absolute;z-index:4;right:8px;bottom:6px;display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px;background:var(--color-readout-surface);color:var(--color-readout-text);font-size:11px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-shell__fps-readout__dot{width:6px;height:6px;border-radius:50%;background:#6b7280b3}.canvas-shell__fps-readout[data-fps-status=healthy] .canvas-shell__fps-readout__dot{background:#16a34ad9}.canvas-shell__fps-readout[data-fps-status=slow] .canvas-shell__fps-readout__dot,.canvas-shell__fps-readout[data-fps-status=off] .canvas-shell__fps-readout__dot{background:#dc2626cc}.canvas-shell__paper{fill:var(--page-surface)}.notes__topbar{position:fixed;z-index:10;top:max(var(--ui-inset),var(--safe-area-inset-top));left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-right:max(var(--ui-inset),var(--safe-area-inset-right));padding-left:max(var(--ui-inset),var(--safe-area-inset-left));pointer-events:none}.notes__topbar__left{justify-self:start}.notes__topbar__center{justify-self:center}.notes__topbar__right{display:flex;flex-direction:row;justify-self:end;gap:6px}.notes__sync-disconnected-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:99px;background-color:var(--color-ink);color:var(--color-surface);cursor:default;pointer-events:auto;opacity:0;animation:notes-sync-disconnected-fade-in .12s ease-out 2s forwards}@keyframes notes-sync-disconnected-fade-in{0%{opacity:0}to{opacity:1}}.notes__icon-button,.notes__pagenav,.notes__topbar__share,.notes__toolbar{border:none;background:var(--color-panel-surface);box-shadow:var(--shadow-panel);pointer-events:auto}.notes__icon-button{display:grid;place-items:center;width:var(--ui-control-size);height:var(--ui-control-size);padding:3px;border-radius:4px;color:var(--color-ink);cursor:pointer}.notes__icon-button:focus-visible,.notes__pagenav__button:focus-visible,.notes__topbar__share:focus-visible,.notes__toolbar__button:focus-visible,.notes__menu__item:focus-visible,.notes__error-boundary__button:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.notes__pagenav{display:flex;align-items:center;height:var(--ui-control-size);gap:2px;padding:3px;border-radius:4px}.notes__pagenav__button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--color-ink);cursor:pointer}.notes__topbar__button-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:2px}.notes__pagenav__button:where(:disabled,[aria-disabled=true]){color:var(--color-text-disabled);cursor:default}.notes__pagenav__label{display:grid;align-self:stretch;place-items:center;min-width:32px;padding:0 4px;border:0;border-radius:2px;background:transparent;text-align:center;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--color-text);cursor:pointer}.notes__topbar__share{display:grid;place-items:center;width:var(--ui-control-size);height:var(--ui-control-size);padding:3px;border-radius:4px;color:var(--color-ink);cursor:pointer}.notes__topbar__share[aria-disabled=true]{color:var(--color-text-disabled);cursor:default}.notes__toolbar{position:fixed;z-index:10;top:var(--toolbar-y, auto);left:var(--toolbar-x, 50%);bottom:var(--toolbar-bottom, max(var(--ui-inset), var(--safe-area-inset-bottom)));display:flex;flex-direction:row;align-items:stretch;gap:0;max-width:calc(100dvw - 16px);padding:0;overflow-x:auto;overscroll-behavior-x:contain;border-radius:11px;scrollbar-width:none;transform:var(--toolbar-transform, translateX(-50%));transition:top .18s cubic-bezier(.2,.8,.2,1),left .18s cubic-bezier(.2,.8,.2,1);will-change:top,left}.notes__toolbar--dragging{transition:none}.notes__toolbar--vertical{flex-direction:column;max-width:none;max-height:calc(100dvh - (var(--ui-inset) * 2) - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto}.notes__toolbar::-webkit-scrollbar{display:none}.notes__toolbar__group{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);grid-auto-rows:var(--ui-toolbar-button-size);gap:0;padding:2px;align-content:center}.notes__toolbar__group--colors{--visible-color-grid-size: calc( var(--ui-toolbar-button-size) + var(--ui-toolbar-button-size) + var(--ui-toolbar-button-size) + var(--ui-toolbar-button-size) + 6px );grid-template-columns:repeat(var(--color-cols, 8),var(--ui-toolbar-button-size));grid-template-rows:repeat(2,var(--ui-toolbar-button-size));flex:0 0 var(--visible-color-grid-size);min-width:0;max-width:var(--visible-color-grid-size);overflow-x:auto;overscroll-behavior-x:none;scrollbar-width:none}.notes__toolbar__group--colors::-webkit-scrollbar{display:none}.notes__toolbar--vertical .notes__toolbar__group--colors{grid-template-columns:repeat(2,var(--ui-toolbar-button-size));grid-template-rows:none;max-width:none;max-height:var(--visible-color-grid-size);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none}.notes__toolbar__drag-handle{display:flex;position:sticky;right:0;z-index:1;flex:0 0 18px;width:18px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.notes__toolbar__drag-handle:after{content:"";position:absolute;top:16px;right:8px;bottom:16px;width:2px;border-radius:999px;background:var(--color-control-track);pointer-events:none;transition:background .12s ease}.notes__toolbar--vertical .notes__toolbar__drag-handle{position:relative;right:auto;z-index:auto;flex-basis:18px;width:auto;height:12px;margin-left:0;background:transparent}.notes__toolbar--vertical .notes__toolbar__drag-handle:after{inset:auto 16px 8px;width:auto;height:2px}.notes__toolbar--dragging .notes__toolbar__drag-handle:after{background:var(--color-control-track-strong)}.notes__toolbar__divider{flex:0 0 1px;width:1px;min-width:1px;margin:2px 0;background:var(--color-control-divider);align-self:stretch}.notes__toolbar--vertical .notes__toolbar__divider{flex-basis:1px;width:auto;min-width:0;height:1px;min-height:1px;margin:6px 2px}.notes__toolbar__button{display:grid;place-items:center;width:var(--ui-toolbar-button-size);height:var(--ui-toolbar-button-size);padding:0;border:0;border-radius:0;background:transparent;color:var(--color-ink);cursor:pointer;position:relative;isolation:isolate}.notes__toolbar__button:after{content:"";position:absolute;inset:4px;background-color:transparent;border-radius:6px;z-index:-1}.notes__toolbar__button--active:after{background:var(--color-active)}.notes__toolbar__button--tool-active{color:var(--color-on-accent)}.notes__toolbar__button--tool-active:after{background:var(--color-accent)}.notes__toolbar__button[aria-disabled=true]{color:var(--color-text-disabled);cursor:default}.notes__toolbar__button--muted{color:var(--color-text-disabled)}.notes__toolbar__color-dot{width:16px;height:16px;border-radius:50%}.notes__toolbar__size-dot{display:block;border:2px solid var(--color-ink-strong);border-radius:50%;background:transparent}.notes__toolbar__button--active .notes__toolbar__size-dot{background:var(--color-ink-strong)}.notes__page-dialog__backdrop{position:fixed;z-index:28;inset:0;background:#00000061}.notes__page-dialog{position:fixed;z-index:29;top:50%;left:50%;display:flex;flex-direction:column;width:min(720px,calc(100dvw - 32px));max-height:min(720px,calc(100dvh - 32px));padding:10px;border-radius:8px;background:var(--color-panel-surface);box-shadow:var(--shadow-panel);color:var(--color-text);outline:none;transform:translate(-50%,-50%)}.notes__page-dialog__header,.notes__page-panel__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px}.notes__page-dialog__title,.notes__page-panel__header span{margin:0;font-size:13px;font-weight:650;color:var(--color-ink)}.notes__page-dialog__actions{display:flex;gap:6px}.notes__page-dialog__button{min-height:30px;padding:0 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-ink);font-size:13px;font-weight:550;cursor:pointer}.notes__page-dialog__icon-button,.notes__page-panel__close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--color-ink);cursor:pointer}.notes__page-dialog__button:focus-visible,.notes__page-dialog__icon-button:focus-visible,.notes__page-panel__close:focus-visible,.notes__page-thumb:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.notes__page-list{display:grid;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:none}.notes__page-list::-webkit-scrollbar{display:none}.notes__page-list--dialog{flex:1 1 auto;grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.notes__page-list--panel{grid-template-columns:1fr;gap:8px}.notes__page-thumb{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:2 / 3;padding:0;overflow:hidden;border:1px solid var(--page-border);border-radius:3px;background:var(--page-surface);box-shadow:var(--shadow-page);color:var(--color-text-muted);cursor:pointer}.notes__page-thumb[aria-current=page]{outline:2px solid var(--color-accent);outline-offset:-3px}.notes__page-thumb__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.notes__page-thumb__fallback{font-size:13px;font-weight:600}.notes__page-thumb__number{position:absolute;right:8px;bottom:7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--color-control-divider);border-radius:999px;background:var(--color-panel-glass);color:var(--color-ink);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.notes__page-panel{position:fixed;z-index:11;top:calc(max(var(--ui-inset),var(--safe-area-inset-top)) + var(--ui-control-size) + 8px);right:max(var(--ui-inset),var(--safe-area-inset-right));display:flex;flex-direction:column;width:176px;max-height:calc(100dvh - var(--ui-control-size) - 24px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));padding:10px;border:1px solid var(--color-panel-border);border-radius:8px;background:var(--color-panel-surface);box-shadow:var(--shadow-panel);pointer-events:auto}.notes__menu-positioner{z-index:20}.notes__menu-backdrop{position:fixed;z-index:19;inset:0}.notes__menu{min-width:160px;padding:2px 0;border:1px solid var(--color-panel-border);border-radius:6px;background:var(--color-panel-surface);box-shadow:var(--shadow-popup);color:var(--color-text);outline:none}.notes__menu__heading{padding:6px 10px 4px;font-size:12px;display:none}.notes__menu__state{display:grid;gap:3px;padding:7px 10px;border-radius:6px;font-size:12px;line-height:1.2;color:var(--color-text-muted)}.notes__menu__state-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.notes__menu__state-row strong{font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.notes__menu__item{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;align-items:center;min-height:30px;padding:0 10px;border-radius:0;font-size:13px;line-height:1;cursor:default;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.notes__menu__item:after{content:"";position:absolute;inset:2px 4px;background-color:transparent;border-radius:4px;z-index:-1}.notes__menu__item--choice{grid-template-columns:18px 1fr;gap:6px;padding-left:6px}.notes__menu__item--icon{grid-template-columns:18px 1fr;gap:6px;padding-left:8px}.notes__menu__item--action{grid-template-columns:minmax(0,1fr) auto;gap:18px}.notes__menu__shortcut{color:var(--color-text-muted);font:inherit;font-variant-numeric:tabular-nums}.notes__menu__item[data-disabled]{color:var(--color-text-muted)}.notes__menu__item[data-disabled] .notes__menu__shortcut{color:inherit}.notes__menu__item--danger{color:var(--color-danger)}.notes__menu__item--color-choice,.notes__menu__item--size-choice{grid-template-columns:18px 22px 1fr;gap:6px;padding-left:6px}.notes__menu__item[data-highlighted]:after,.notes__menu__item[data-popup-open]:after{background:var(--color-hover)}.notes__menu__item--submenu{grid-template-columns:minmax(0,1fr) 16px;gap:10px}.notes__menu__separator{height:1px;margin:4px 0;background:var(--color-panel-divider)}.notes__menu__check{display:grid;place-items:center;width:18px;height:18px;color:var(--color-ink)}.notes__menu__submenu-chevron{display:grid;place-items:center;color:var(--color-ink)}.notes__menu__color-preview{display:block;width:18px;height:18px;border:1px solid var(--color-subtle-border);border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-preview-inset)}.notes__menu__size-preview{display:block;justify-self:center;border-radius:50%;background:var(--color-ink)}.notes__share-positioner{z-index:20}.notes__share-menu{display:grid;gap:8px;width:min(286px,calc(100vw - (var(--ui-inset) * 2)));padding:10px;border-radius:10px;background:var(--color-panel-surface);box-shadow:var(--shadow-panel);color:var(--color-text);outline:none;pointer-events:auto}.notes__share-menu__header,.notes__share-menu__access{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.notes__share-menu__header{min-height:24px;font-size:13px;font-weight:650;line-height:1.2}.notes__share-menu__toggle{position:relative;flex:none;width:34px;height:20px;padding:0;border:0;border-radius:999px;background:var(--color-border);box-shadow:inset 0 0 0 1px var(--color-faint-border);cursor:pointer}.notes__share-menu__toggle span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-on-accent);box-shadow:0 1px 2px #0f172a2e}.notes__share-menu__toggle[aria-checked=true]{background:var(--color-accent)}.notes__share-menu__toggle[aria-checked=true] span{left:16px}.notes__share-menu__toggle:disabled{opacity:.55;cursor:default}.notes__share-menu__toggle:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.notes__share-menu__access{min-height:24px;font-size:12px;line-height:1.2;color:var(--color-text)}.notes__share-menu__access span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes__share-menu__access strong{flex:none;display:inline-flex;align-items:center;gap:2px;color:var(--color-ink);font-size:12px;font-weight:700}.notes__share-menu__status{margin:-2px 0 0;color:var(--color-danger);font-size:12px;line-height:1.3}.notes__share-menu__copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:34px;padding:0 10px;border:1px solid var(--color-accent);border-radius:6px;background:var(--color-accent);color:var(--color-on-accent);font-size:13px;font-weight:650;line-height:1;cursor:pointer}.notes__share-menu__copy:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.notes__share-menu__exports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.notes__share-menu__export{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 9px;border:1px solid var(--color-divider);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:650;line-height:1;cursor:pointer}.notes__share-menu__export:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.notes__share-menu__qr{display:grid;place-items:center;aspect-ratio:1;width:100%;padding:8px;border:1px solid var(--color-faint-border);border-radius:6px;background:#fff;color:var(--color-text-muted);font-size:11px;font-weight:600}.notes__share-menu__qr img{display:block;width:100%;height:100%;image-rendering:pixelated}.notes__debug-panel{position:fixed;z-index:11;top:48px;left:var(--ui-inset);display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100% - (var(--ui-inset) * 2)));padding:12px;border:1px solid var(--color-panel-border);border-radius:8px;background:var(--color-panel-surface);box-shadow:var(--shadow-panel);color:var(--color-text);pointer-events:auto}.notes__debug-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.notes__debug-panel__header h2{margin:0;font-size:13px;font-weight:650;line-height:1.2}.notes__debug-panel__stats{display:flex;flex-wrap:wrap;gap:6px}.notes__debug-panel__stats span{padding:4px 7px;border-radius:6px;background:var(--color-hover);font-size:12px;font-weight:550;line-height:1;color:var(--color-text)}@media(max-width:620px){.notes__topbar{grid-template-columns:auto 1fr;gap:8px;padding:2px 12px}.canvas-shell__zoom-readout,.canvas-shell__fps-readout,.notes__topbar__center{display:none}.notes__toolbar{max-width:calc(100dvw - 4px)}.notes__toolbar__group--colors{max-width:none}}.notes__error-boundary{display:grid;width:100%;height:100%;place-items:center;padding:24px;background:var(--page-surface);color:var(--color-text)}.notes__error-boundary__panel{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;width:min(100%,520px);padding:20px;border:1px solid var(--color-panel-border);border-radius:8px;background:var(--color-panel-surface);box-shadow:0 12px 30px #0f172a1f,0 2px 8px #0f172a14}.notes__error-boundary__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--color-danger-surface);color:var(--color-danger)}.notes__error-boundary__content{min-width:0}.notes__error-boundary__content h1{margin:2px 0 6px;font-size:17px;font-weight:650;line-height:1.25}.notes__error-boundary__content p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.45}.notes__error-boundary__details{max-height:140px;margin:14px 0 0;padding:10px;overflow:auto;border:1px solid var(--color-divider);border-radius:6px;background:var(--color-muted-surface);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap}.notes__error-boundary__clear-error,.notes__error-boundary__copy-error{margin-top:12px!important;color:var(--color-danger)!important}.notes__error-boundary__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.notes__error-boundary__button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--color-divider);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:550;cursor:pointer}.notes__error-boundary__button:disabled{opacity:.6;cursor:default}.notes__error-boundary__button--danger{border-color:var(--color-danger-border);color:var(--color-danger)}.home{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100%;max-height:100dvh;overflow:hidden;background-color:var(--home-background);background-image:var(--page-noise);--home-border: #2e2e2e;--home-background: #fff;--home-frame-border: #000;--home-frame-surface: rgb(249 250 251 / 83%);--home-frame-inset-y: 12px;--home-frame-inset-x: 12px;--home-frame-inset: var(--home-frame-inset-y) var(--home-frame-inset-x);--home-topbar-margin-top: 6px;--home-topbar-margin-x: 24px;--home-topbar-height: 90px;--home-notice-margin-top: 8px;--home-notice-margin-x: 24px;--home-content-x: 36px;--home-content-padding-x: var(--home-content-x);--home-grid-gap: 24px;--home-surface: #f9fafb;--home-topbar-surface: #fcfcfc;--home-hover: #f1f1f2;--home-hard-shadow: 2px 3px 0 rgb(0 0 0 / 20%);--home-card-inset: #fff;--home-card-paper: #fff;--home-card-hover: #f4f6f8;--home-muted-text: #6b7280;--home-input-border: #e2e3e5;--home-control-text: #2e2e2e}:root[data-resolved-theme=dark] .home{--home-border: #050505;--home-background: #242424;--home-frame-border: #050505;--home-frame-surface: #242424;--home-surface: #242424;--home-topbar-surface: #2d2d2d;--home-hover: #3a3a3a;--home-hard-shadow: 2px 3px 0 rgb(0 0 0 / 58%);--home-card-inset: rgb(255 255 255 / 8%);--home-card-paper: #fff;--home-card-hover: #2b2b2b;--home-muted-text: #a0a7b2;--home-input-border: #424242;--home-control-text: #f4f4f5}.home--dashboard{display:block;overflow-x:hidden;overflow-y:auto;padding:var(--home-frame-inset-y) var(--home-frame-inset-x);overscroll-behavior-y:contain;--home-topbar-margin-top: -6px;--home-topbar-margin-x: -6px;--home-notice-margin-x: 12px;--home-content-padding-x: 24px}.home--dashboard:before{display:none}.home:before{content:"";position:absolute;inset:var(--home-frame-inset);z-index:0;border:1px solid var(--home-frame-border);border-radius:4px;background:var(--home-frame-surface);pointer-events:none}.home__surface{position:relative;z-index:1;display:flex;flex:none;flex-direction:column;min-height:calc(100dvh - var(--home-frame-inset-y) - var(--home-frame-inset-y));border:1px solid var(--home-frame-border);border-radius:4px;background:var(--home-frame-surface)}.home__topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex:none;height:var(--home-topbar-height);margin:var(--home-topbar-margin-top) var(--home-topbar-margin-x) 0;padding:0 20px 0 27px;border:1px solid var(--home-frame-border);border-radius:4px;background:var(--home-topbar-surface);box-shadow:var(--home-hard-shadow)}.home__brand{display:flex;align-items:center;gap:12px;min-width:0}.home__kebab{position:relative;display:grid;place-items:center;flex:none;width:24px;height:32px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--color-ink);cursor:pointer}.home__kebab-dots{display:block;width:2.4px;height:2.4px;border-radius:999px;background:currentColor;box-shadow:0 4.8px 0 currentColor,0 9.6px 0 currentColor;transform:translateY(-4.8px)}.home__kebab[data-popup-open]{background:var(--home-hover)}.home__kebab:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.home__create-button{display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:7px;flex:none;height:36px;margin-left:auto;padding:0 12px;border:none;border-radius:2px;background:none;color:var(--home-control-text);font-size:13px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer}.home__create-button svg{flex:none}.home__create-button:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}@media(hover:hover)and (pointer:fine){.home__kebab:hover,.home__create-button:hover{background:var(--home-hover)}}.home__notice{position:relative;z-index:2;flex:none;margin:var(--home-notice-margin-top) var(--home-notice-margin-x) 0;padding:9px 10px;border:1px solid var(--color-danger-border);border-radius:2px;background:var(--color-panel-glass);box-shadow:var(--home-hard-shadow);color:var(--color-danger-strong);font-size:13px;font-weight:600;line-height:1.35}.home__logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.home__logo__wordmark{display:block;flex:none;width:177px;height:32px}:root[data-resolved-theme=dark] .home__logo__wordmark{filter:invert(1)}.home__content{position:relative;z-index:1;flex:1;overflow-y:auto;padding:28px var(--home-content-x) 36px}.home--dashboard .home__content{flex:1 0 auto;overflow:visible;padding-right:var(--home-content-padding-x);padding-left:var(--home-content-padding-x)}.home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--home-grid-gap)}.home__card{position:relative;display:block;width:100%;aspect-ratio:1;padding:0}.home__card__open{border:1px solid var(--home-border);border-radius:2px;background:var(--home-surface);box-shadow:inset 0 0 0 2px var(--home-card-inset)}.home__card__open:focus-visible,.home__card__menu-button:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}@media(hover:hover)and (pointer:fine){.home__card__open:hover{background:var(--home-card-hover)}}.home__card__open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;cursor:pointer}.home__card__thumbnail{position:absolute;inset:0;width:100%;height:100%;background:var(--home-card-paper);object-fit:contain;pointer-events:none}.home__card__menu-button{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--home-frame-border);border-radius:2px;background:var(--home-topbar-surface);color:var(--home-control-text);box-shadow:var(--home-hard-shadow);cursor:pointer}.home__card__menu-button[data-popup-open]{background:var(--home-hover)}@media(hover:hover)and (pointer:fine){.home__card__menu-button{opacity:0;pointer-events:none;transition:opacity .12s ease}.home__card:hover .home__card__menu-button,.home__card__menu-button:focus-visible,.home__card__menu-button[data-popup-open]{opacity:1;pointer-events:auto}}.home__empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:100%;text-align:center;color:var(--home-muted-text);font-size:14px}.home__empty p{margin:0}.home__spinner{width:32px;height:32px;border:3px solid var(--color-divider);border-top-color:var(--home-control-text);border-radius:50%;animation:home__spinner-spin .7s linear infinite}@keyframes home__spinner-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.home__spinner{animation-duration:1.6s}}.home__empty__button{display:inline-grid;place-items:center;padding:8px 14px;border:1px solid var(--home-frame-border);border-radius:2px;background:var(--home-topbar-surface);box-shadow:var(--home-hard-shadow);color:var(--color-ink);font-size:13px;font-weight:550;text-decoration:none;cursor:pointer}.home__empty__button:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.home__auth{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:24px 16px}.home__auth-card{display:grid;width:min(100%,360px);gap:12px;padding:24px 23px 22px;border:1px solid var(--home-border);border-radius:2px;background:var(--home-topbar-surface);box-shadow:var(--home-hard-shadow)}.home__auth-title{margin:0 0 4px;color:var(--color-text);font-size:13px;font-weight:500;line-height:1.35;text-align:center}.home__auth-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:37px;padding:0 14px;border:0;border-radius:5px;background:#0b73f6;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.home__auth-google:disabled,.home__auth-submit:disabled{opacity:.65;cursor:default}.home__auth-google:focus-visible,.home__auth-card input:focus-visible,.home__auth-submit:focus-visible,.home__auth-switch:focus-visible{outline:var(--ui-focus-ring);outline-offset:2px}.home__auth-google__icon{display:block;flex:none;box-sizing:content-box;padding:2px;border-radius:50%;background:#fff}.home__auth-divider{display:flex;align-items:center;gap:10px;margin:8px 0}.home__auth-divider:before,.home__auth-divider:after{content:"";flex:1;height:1px;background:var(--color-divider)}.home__auth-divider span{color:var(--home-muted-text);font-size:12px;font-weight:500}.home__auth-field{display:grid;gap:9px;color:var(--color-text);font-size:13px;font-weight:500}.home__auth-card input{width:100%;height:37px;padding:0 11px;border:1px solid var(--home-input-border);border-radius:6px;background:var(--color-input-surface);color:var(--color-ink);font:inherit;font-weight:500}.home__auth-card input::placeholder{color:var(--home-muted-text);font-weight:450}.home__auth-legal{margin:6px 0 0;color:var(--home-muted-text);font-size:12px;font-weight:500;text-align:center}.home__auth-message{margin:0;color:var(--color-danger);font-size:13px;line-height:1.35}.home__auth-submit,.home__auth-switch{height:36px;border:1px solid var(--color-divider);border-radius:6px;background:var(--color-input-surface);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer}.home__auth-submit{background:var(--home-topbar-surface)}@media(max-width:1100px){.home__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:700px){.home__topbar{position:fixed;top:10px;left:12px;right:12px}.home{--home-frame-inset-y: 12px;--home-frame-inset-x: 6px;--home-topbar-margin-x: 24px;--home-topbar-height: 72px;--home-notice-margin-x: 12px;--home-content-x: 18px;--home-content-padding-x: 12px;--home-grid-gap: 18px}.home--dashboard{--home-topbar-margin-top: -6px;--home-topbar-margin-x: 0;--home-notice-margin-x: 6px;--home-content-padding-x: 12px}.home__topbar{padding-right:14px;padding-left:18px}.home__brand{gap:8px}.home__logo__wordmark{width:154px;height:auto}.home__content{padding-top:80px;padding-bottom:24px}.home__grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}}@media(hover:hover)and (pointer:fine){:is(.notes__icon-button,.notes__pagenav__button,.notes__topbar__share):hover .notes__topbar__button-icon{background:var(--color-hover)}.notes__pagenav__button:where(:disabled,[aria-disabled=true]):hover{background:transparent}.notes__pagenav__button:where(:disabled,[aria-disabled=true]):hover .notes__topbar__button-icon{background:transparent}.notes__pagenav__label:hover{background:var(--color-hover)}.notes__topbar__share[aria-disabled=true]:hover{background:var(--color-panel-surface)}.notes__topbar__share[aria-disabled=true]:hover .notes__topbar__button-icon{background:transparent}.notes__toolbar__drag-handle:hover:after{background:var(--color-control-track-strong)}.notes__toolbar__button:hover:after{background:var(--color-hover)}.notes__toolbar__button--active:hover:after{background:var(--color-active)}.notes__toolbar__button--tool-active:hover:after{background:var(--color-accent)}.notes__toolbar__button[aria-disabled=true]:hover,.notes__toolbar__button--muted:hover{background:transparent;cursor:default}.notes__page-dialog__button:hover,.notes__page-dialog__icon-button:hover,.notes__page-panel__close:hover{background:var(--color-hover)}.notes__share-menu__copy:hover{background:var(--color-accent-hover)}.notes__share-menu__export:hover{background:var(--color-surface-hover)}.notes__error-boundary__button:hover{background:var(--color-hover-strong)}.notes__error-boundary__button--danger:hover{background:var(--color-danger-surface)}.home__topbar__button:hover{background:var(--color-hover)}.home__session-button:hover{background:var(--color-surface-hover)}.home__card__menu-button:hover{background:var(--color-hover)}.home__empty__button:hover,.home__auth-switch:hover{background:var(--color-surface-hover)}}@media(max-width:640px){.home__card__open{-webkit-touch-callout:none}.home__card__menu-button{opacity:0;pointer-events:none}:root{--ui-inset: 2px;--ui-control-size: 44px;--ui-toolbar-button-size: 36px;--page-inset: 12px 6px 6px 6px}.notes__topbar__button-icon,.notes__pagenav__button{width:36px;height:36px}.notes__icon-button,.notes__topbar__share{width:36px;height:36px;padding:0}.notes__pagenav{height:36px;padding:0}.notes__pagenav__label{height:36px;min-width:32px;font-size:15px}.notes__toolbar{padding:3px 0 3px 3px}.notes__toolbar--vertical{padding:3px 3px 0}.notes__toolbar__divider{margin:0 3px}.notes__toolbar--vertical .notes__toolbar__divider{margin:3px 0}.notes__page-panel{right:max(var(--ui-inset),var(--safe-area-inset-right));left:max(var(--ui-inset),var(--safe-area-inset-left));width:auto;max-height:42dvh}.notes__page-list--dialog{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.notes__page-list--panel{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}