:root{--color-bg-app:#f6f5f1;--color-bg-page:#fff;--color-bg-pages-rail:color-mix(in srgb, var(--color-bg-page) 55%, var(--color-bg-app));--color-text:#333;--color-text-secondary:#767c85;--color-accent:#1a9de0;--color-accent-subtle:#1a9de024;--color-border:#e7e5df;--color-code-bg:#f3f2ee;--color-highlight-bg:#fdeb9b;--color-danger:#c0392b;--color-danger-bg:#c0392b1a;--color-success:#6faf4b;--color-checkbox-border:#c9ccd2;--color-on-accent:#fff;--color-section-blue:#3e9ad6;--color-section-green:#6faf4b;--color-section-amber:#eda72c;--color-section-pink:#d65b85;--color-mark-from:#5ec4f5;--color-mark-to:#1a9de0;--color-mark-inner:#0b547a59;--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-title:600 34px/1.2 var(--font-heading);--text-title-tracking:-.012em;--text-h1:500 30px/1.25 var(--font-heading);--text-h2:500 24px/1.3 var(--font-heading);--text-h3:500 18px/1.35 var(--font-heading);--text-body:400 15px/21px var(--font-body);--text-nav:13.5px/1.4 var(--font-body);--text-nav-notebook:600 14px/1.4 var(--font-body);--text-ui:500 13px/1.4 var(--font-body);--text-small:400 12.5px/1.4 var(--font-body);--rail-thin:52px;--rail-sections:198px;--rail-pages:198px;--toolbar-h:44px;--measure:46rem;--doc-pad-block-start:40px;--doc-pad-inline-start:48px;--doc-pad-inline-end:56px;--doc-pad-block-end:80px;--title-rule-gap:12px;--title-rule-min:240px;--title-rule-buffer:32px;--title-text-w:0px;--stamp-gap:10px;--content-gap:30px;--block-rhythm:8px;--heading-space:20px;--list-rhythm:12px;--list-item-gap:6px;--space-1:4px;--ink-bar-thickness:3px;--tb-letter-size:14px;--tb-underline-offset:2px;--resize-handle-w:10px;--resize-handle-min-h:240px;--resize-outline-w:1.5px;--resize-outline-gap:16px;--settings-menu-w:172px;--dialog-w:380px;--dialog-log-max-h:180px;--ink-bar-gap:2px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--hairline:1px;--hairline-border:var(--hairline) solid var(--color-border);--checkbox-size:15px;--checkbox-border-w:1.5px;--quote-bar-w:3px;--icon-size:16px;--icon-size-rail:18px;--icon-size-caret:13px;--icon-size-plus:13px;--icon-stroke:1.8;--icon-stroke-heavy:2.4;--mark-size:26px;--mark-radius:7px;--rail-btn-size:34px;--section-bar-width:4px;--section-bar-height:17px;--active-page-marker:2.5px;--focus-ring-width:2px;--focus-ring-offset:2px;--motion-fast:.12s;--motion-med:.16s;--motion-ease:cubic-bezier(.2, .7, .3, 1);--motion-fold:.3s;--motion-ease-fold:cubic-bezier(.2, 1.6, .35, 1);--fold-tilt:10deg;--skeleton-opacity:.6;--skeleton-pulse:skeleton-pulse 1.2s var(--motion-ease) infinite}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-app:#15171a;--color-bg-page:#1c1f23;--color-text:#e8eaed;--color-text-secondary:#8b919b;--color-accent:#4db8f0;--color-accent-subtle:#4db8f029;--color-border:#2a2e33;--color-code-bg:#24282d;--color-highlight-bg:#f0c83c4d;--color-danger:#e07a6e;--color-danger-bg:#e07a6e24;--color-success:#7dbf59;--color-checkbox-border:#4a5058;--color-on-accent:#fff}}:root[data-theme=dark]{--color-bg-app:#15171a;--color-bg-page:#1c1f23;--color-text:#e8eaed;--color-text-secondary:#8b919b;--color-accent:#4db8f0;--color-accent-subtle:#4db8f029;--color-border:#2a2e33;--color-code-bg:#24282d;--color-highlight-bg:#f0c83c4d;--color-danger:#e07a6e;--color-danger-bg:#e07a6e24;--color-success:#7dbf59;--color-checkbox-border:#4a5058;--color-on-accent:#fff}strong,b{font-weight:700}::selection{background:var(--color-accent-subtle)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}@keyframes skeleton-pulse{0%,to{opacity:var(--skeleton-opacity)}50%{opacity:calc(var(--skeleton-opacity) / 2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font:var(--text-body);background:var(--color-bg-app);color:var(--color-text)}.skynote-app{background:var(--color-bg-app);height:100%;color:var(--color-text);display:flex}.skynote-main{background:var(--color-bg-page);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.skynote-canvas{flex:1;min-height:0;overflow-y:auto}.skynote-page-column{max-width:var(--measure);padding:var(--doc-pad-block-start) var(--doc-pad-inline-end) var(--doc-pad-block-end) var(--doc-pad-inline-start)}.skynote-doc-frame{position:relative}.skynote-measure-handle{block-size:max(100%, var(--resize-handle-min-h));width:var(--resize-handle-w);cursor:col-resize;z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset-block-start:0;inset-inline-end:calc((var(--doc-pad-inline-end) + var(--resize-handle-w) / 2) * -1)}.skynote-measure-outline{pointer-events:none;border:var(--resize-outline-w) solid var(--color-border);border-radius:var(--radius-lg);position:absolute;inset-block-start:calc(var(--resize-outline-gap) * -1);inset-block-end:calc(var(--resize-outline-gap) * -1);inset-inline-start:calc(var(--resize-outline-gap) * -1);inset-inline-end:calc(var(--doc-pad-inline-end) * -1)}.skynote-empty-page{max-width:var(--measure);padding:var(--doc-pad-block-start) var(--doc-pad-inline-end) var(--doc-pad-block-end) var(--doc-pad-inline-start);color:var(--color-text-secondary);font:var(--text-body)}.skynote-toast-region{bottom:var(--space-5);position:absolute;left:50%;transform:translate(-50%)}.skynote-toast{align-items:center;gap:var(--space-4);max-width:var(--measure);padding:var(--space-3) var(--space-4);border:var(--hairline-border);border-radius:var(--radius-lg);background:var(--color-bg-page);color:var(--color-text);font:var(--text-small);animation:skynote-toast-in var(--motion-med) var(--motion-ease);display:flex}@keyframes skynote-toast-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}.skynote-toast-text{min-width:0}.skynote-toast-action{color:var(--color-accent);font:var(--text-ui);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex:none;padding:0}.skynote-toast-action:hover{color:var(--color-text)}.skynote-skeleton{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.skynote-skeleton-line{height:var(--space-3);border-radius:var(--radius-sm);background:var(--color-border);opacity:var(--skeleton-opacity);animation:var(--skeleton-pulse)}.skynote-skeleton-line:last-child{width:62%}.skynote-icon{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.skynote-icon-notebooks,.skynote-icon-search{width:var(--icon-size-rail);height:var(--icon-size-rail)}.skynote-fold-book{transform-box:fill-box;transform-origin:100% 100%;transition:transform var(--motion-fold) var(--motion-ease-fold)}.skynote-icon-notebooks.is-open .skynote-fold-book{transform:rotate(var(--fold-tilt))}.skynote-icon-caret-down{width:var(--icon-size-caret);height:var(--icon-size-caret)}.skynote-icon-plus{width:var(--icon-size-plus);height:var(--icon-size-plus)}.skynote-icon-heavy{stroke-width:var(--icon-stroke-heavy)}.skynote-icon text{font-family:var(--font-body)}.skynote-settings{display:flex;position:relative}.skynote-settings-menu{z-index:2;min-width:var(--settings-menu-w);padding:var(--space-1);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);animation:skynote-settings-in var(--motion-med) var(--motion-ease);flex-direction:column;margin-inline-start:var(--space-2);display:flex;position:absolute;inset-block-end:0;inset-inline-start:100%}@keyframes skynote-settings-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}.skynote-settings-heading{padding:var(--space-1) var(--space-3);font:var(--text-small);color:var(--color-text-secondary)}.skynote-settings-item{align-items:center;gap:var(--space-2);text-align:start;white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font:var(--text-ui);color:var(--color-text);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);background:0 0;border:none;display:flex}.skynote-settings-item:hover:not(:disabled){background:var(--color-bg-app)}.skynote-settings-item[aria-checked=true]{color:var(--color-accent)}.skynote-settings-item:disabled{color:var(--color-text-secondary);opacity:.5;cursor:default}.skynote-settings-check{inline-size:var(--icon-size);text-align:center;display:inline-block}.skynote-settings-sep{block-size:var(--hairline);background:var(--color-border);margin:var(--space-1) var(--space-2)}.skynote-dialog-scrim{z-index:3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skynote-dialog{gap:var(--space-3);inline-size:var(--dialog-w);max-inline-size:100%;padding:var(--space-5);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);animation:skynote-settings-in var(--motion-med) var(--motion-ease);flex-direction:column;display:flex}.skynote-dialog-title{font:var(--text-title);color:var(--color-text);margin:0}.skynote-field{gap:var(--space-1);flex-direction:column;display:flex}.skynote-field-label{font:var(--text-small);color:var(--color-text-secondary)}.skynote-input{padding:var(--space-2) var(--space-3);font:var(--text-ui);color:var(--color-text);background:var(--color-bg-app);border:var(--hairline-border);border-radius:var(--radius-md)}.skynote-dialog-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.skynote-dialog-btn{padding:var(--space-2) var(--space-3);font:var(--text-ui);color:var(--color-text);background:var(--color-bg-app);border:var(--hairline-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.skynote-dialog-btn.is-primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.skynote-dialog-btn:disabled{color:var(--color-text-secondary);opacity:.5;cursor:default}.skynote-dialog-status{font:var(--text-small);color:var(--color-text-secondary)}.skynote-dialog-line{margin:0}.skynote-dialog-notes,.skynote-dialog-log{margin:var(--space-2) 0 0;gap:var(--space-1);font:var(--text-small);color:var(--color-text-secondary);flex-direction:column;padding-inline-start:var(--space-4);display:flex}.skynote-dialog-log{max-block-size:var(--dialog-log-max-h);overflow-y:auto}.skynote-dialog-log-kind{color:var(--color-text)}.skynote-thin-rail{width:var(--rail-thin);border-right:var(--hairline-border);padding:var(--space-3) 0;align-items:center;gap:var(--space-2);flex-direction:column;flex:none;display:flex}.skynote-mark{width:var(--mark-size);height:var(--mark-size);border-radius:var(--mark-radius);background:linear-gradient(145deg, var(--color-mark-from), var(--color-mark-to));box-shadow:inset 0 calc(var(--space-1) * -.75) calc(var(--space-1) * 1.5) var(--color-mark-inner);margin-bottom:var(--space-2);flex:none}.skynote-rail-btn{width:var(--rail-btn-size);height:var(--rail-btn-size);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.skynote-rail-spacer{flex:1}.skynote-sections-rail{width:var(--rail-sections);border-right:var(--hairline-border);flex-direction:column;flex:none;min-height:0;display:flex}.skynote-pages-rail{width:var(--rail-pages);border-right:var(--hairline-border);background:var(--color-bg-pages-rail);flex-direction:column;flex:none;min-height:0;display:flex}.skynote-notebook-row{align-items:center;gap:var(--space-2);text-align:left;width:100%;height:calc(var(--toolbar-h) - var(--hairline));padding-block:0;padding-inline:var(--space-4);font:var(--text-nav-notebook);color:var(--color-text);background:0 0;border:none;flex:none;display:flex}.skynote-notebook-row .skynote-icon{color:var(--color-text-secondary)}.skynote-row-ghost{visibility:hidden}.skynote-add-row{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;border-top:var(--hairline-border);border-bottom:var(--hairline-border);font:var(--text-ui);color:var(--color-accent);text-align:left;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;display:flex}.skynote-section{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-4);font:var(--text-nav);color:var(--color-text);transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;border:none;font-weight:500;display:flex}.skynote-section.is-active{background:var(--color-accent-subtle)}.skynote-section-bar{width:var(--section-bar-width);height:var(--section-bar-height);border-radius:calc(var(--radius-sm) / 2);flex:none}.skynote-page{font:var(--text-nav);color:var(--color-text-secondary);transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);align-items:center;font-weight:400;display:flex;position:relative}.skynote-page.is-active{color:var(--color-text);background:var(--color-accent-subtle);box-shadow:inset var(--active-page-marker) 0 0 var(--color-accent);font-weight:500}.skynote-page-select{min-width:0;font:inherit;font-weight:inherit;color:inherit;text-align:left;padding:var(--space-2) 0 var(--space-2) var(--space-4);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;overflow:hidden}.skynote-page-actions{color:var(--color-text-secondary);padding:var(--space-1);margin-right:var(--space-2);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex:none;align-items:center;display:flex}.skynote-page:hover .skynote-page-actions,.skynote-page-actions:focus-visible,.skynote-page.menu-open .skynote-page-actions{opacity:1}.skynote-page-menu{right:var(--space-2);z-index:10;background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);min-width:max-content;padding:var(--space-1);position:absolute;top:100%}.skynote-page-menu-item{width:100%;font:var(--text-ui);color:var(--color-danger);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:0 0;border:none;display:block}.skynote-page-menu-item:hover{background:var(--color-danger-bg)}.skynote-pages-loading{padding:var(--space-3) var(--space-4)}.skynote-pages-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font:var(--text-nav);flex-direction:column;flex:1;display:flex}.skynote-toolbar{height:var(--toolbar-h);align-items:center;gap:calc(var(--space-1) / 2);padding:0 calc(var(--space-5) - var(--space-1));border-bottom:var(--hairline-border);font:var(--text-ui);color:var(--color-text);flex:none;display:flex}.skynote-toolbar button{color:inherit;font:inherit;background:0 0;border:none}.skynote-style-drop{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);display:flex}.skynote-style{display:flex;position:relative}.skynote-style-menu{z-index:2;min-width:100%;padding:var(--space-1);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);animation:skynote-menu-in var(--motion-med) var(--motion-ease);flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-start:0}@keyframes skynote-menu-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1))}to{opacity:1;transform:none}}.skynote-style-item{text-align:start;white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background var(--motion-fast) var(--motion-ease)}.skynote-style-item[aria-checked=true]{color:var(--color-accent)}.skynote-style-caret{font-size:var(--icon-size-caret);color:var(--color-text-secondary)}.skynote-style-pilcrow{font-weight:700}.skynote-tb{padding:calc(var(--space-1) * 1.5) var(--space-2);border-radius:var(--radius-md);transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);align-items:center;display:flex}.skynote-toolbar button{cursor:pointer}.skynote-toolbar button:hover:not(:disabled){background:var(--color-bg-app)}.skynote-toolbar button[aria-pressed=true]{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md)}.skynote-toolbar button[aria-pressed=true]:hover:not(:disabled){background:var(--color-accent-subtle)}.skynote-toolbar button:disabled{color:var(--color-text-secondary);opacity:.5;cursor:default}.skynote-tb-bold,.skynote-tb-italic,.skynote-tb-underline,.skynote-tb-strike,.skynote-tb-color{font-size:var(--tb-letter-size);color:var(--color-text);font-weight:700}.skynote-tb-italic{font-style:italic}.skynote-tb-underline{text-underline-offset:var(--tb-underline-offset);text-decoration:underline}.skynote-tb-strike{text-decoration:line-through}.skynote-tb-sep{width:var(--hairline);height:var(--icon-size-rail);background:var(--color-border);margin:0 var(--space-2);flex:none}.skynote-saved{align-items:center;gap:var(--space-2);font:var(--text-small);color:var(--color-text-secondary);white-space:nowrap;margin-left:auto;display:flex}.skynote-saved-dot{width:calc(var(--space-1) * 1.5);height:calc(var(--space-1) * 1.5);background:currentColor;border-radius:50%;flex:none}.skynote-saved.is-saved .skynote-saved-dot{background:var(--color-success)}.skynote-saved.is-error{color:var(--color-danger)}.skynote-saved.is-error .skynote-saved-dot{background:var(--color-danger)}.skynote-color{display:flex;position:relative}.skynote-tb-color{flex-direction:column;gap:0;line-height:1}.skynote-color-bar{inline-size:var(--space-3);block-size:var(--ink-bar-thickness);border-radius:var(--radius-sm);background:currentColor;margin-block-start:var(--ink-bar-gap);display:block}.skynote-color-menu{z-index:2;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);animation:skynote-menu-in var(--motion-med) var(--motion-ease);flex-direction:column;display:flex;position:absolute;inset-block-start:100%;inset-inline-start:0}.skynote-color-item{border-radius:var(--radius-md);transition:background var(--motion-fast) var(--motion-ease)}.skynote-color-default{text-align:start;white-space:nowrap;padding:var(--space-1) var(--space-3);color:var(--color-text)}.skynote-color-default[aria-checked=true]{color:var(--color-accent)}.skynote-color-swatches{gap:var(--space-1);padding-inline:var(--space-1);grid-template-columns:repeat(4,auto);padding-block-end:var(--space-1);display:grid}.skynote-color-swatch{inline-size:var(--space-4);block-size:var(--space-4);border-radius:var(--radius-sm);border:var(--hairline-border)}.skynote-color-swatch[aria-checked=true]{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.skynote-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font:var(--text-small);animation:skynote-banner-in var(--motion-med) var(--motion-ease);flex:none;display:flex}.skynote-banner.is-danger{background:var(--color-danger-bg);color:var(--color-danger)}.skynote-banner.is-info{background:var(--color-accent-subtle);color:var(--color-text)}.skynote-banner-action{white-space:nowrap;font:inherit;color:var(--color-accent);transition:color var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex:none;margin-left:auto;padding:0;font-weight:500;text-decoration:underline}@keyframes skynote-banner-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1))}to{opacity:1;transform:translateY(0)}}.skynote-title-block{position:relative;overflow:clip}.skynote-title-mirror{visibility:hidden;white-space:pre;font:var(--text-title);letter-spacing:var(--text-title-tracking);position:absolute}.skynote-title{width:100%;color:var(--color-text);font:var(--text-title);letter-spacing:var(--text-title-tracking);padding:0 0 var(--title-rule-gap);background:0 0;border:none;border-radius:0;display:block}.skynote-title-rule{width:min(100%, max(var(--title-rule-min), calc(var(--title-text-w) + var(--title-rule-buffer))));border-bottom:var(--hairline-border)}.skynote-title:focus-visible{outline:none}.skynote-title::placeholder{color:var(--color-text-secondary)}.skynote-stamp{font:var(--text-small);color:var(--color-text-secondary);margin:var(--stamp-gap) 0 var(--content-gap)}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;position:relative}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection{caret-color:#0000}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";pointer-events:none;border:2px solid #8cf;position:absolute;inset:-2px -2px -2px -32px}img.ProseMirror-separator{border:none!important;margin:0!important;display:inline!important}.ProseMirror-gapcursor{pointer-events:none;display:none;position:absolute}.ProseMirror-gapcursor:after{content:"";border-top:1px solid #000;width:20px;animation:1.1s steps(2,start) infinite ProseMirror-cursor-blink;display:block;position:absolute;top:-2px}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.skynote-doc{font:var(--text-body);color:var(--color-text);margin:0}.skynote-doc:focus-visible{outline:none}.skynote-doc p{margin-block:var(--block-rhythm)}.skynote-doc[data-plain-text=true]{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:var(--radius-md);padding:var(--space-4)}.skynote-doc[data-plain-text=true] p{margin-block:0}.skynote-doc h1{font:var(--text-h1);margin-block:var(--heading-space)}.skynote-doc h2{font:var(--text-h2);margin-block:var(--heading-space)}.skynote-doc h3,.skynote-doc h4,.skynote-doc h5,.skynote-doc h6{font:var(--text-h3);margin-block:var(--heading-space)}.skynote-doc ul,.skynote-doc ol{margin-block:var(--list-rhythm);padding-inline-start:var(--space-5)}.skynote-doc li{margin-block:var(--list-item-gap)}.skynote-doc li>p{margin-block:0}.skynote-doc li>p+p,.skynote-doc li>ul,.skynote-doc li>ol,.skynote-doc li>blockquote,.skynote-doc li>pre,.skynote-doc li>table{margin-block-start:var(--block-rhythm)}.skynote-doc li[data-checked]>.skynote-task-content>p{margin-block:0}.skynote-doc li[data-checked]>.skynote-task-content>p+p,.skynote-doc li[data-checked]>.skynote-task-content>ul,.skynote-doc li[data-checked]>.skynote-task-content>ol,.skynote-doc li[data-checked]>.skynote-task-content>blockquote,.skynote-doc li[data-checked]>.skynote-task-content>pre,.skynote-doc li[data-checked]>.skynote-task-content>table{margin-block-start:var(--block-rhythm)}.skynote-doc .skynote-source-card{margin-block:var(--block-rhythm);background:var(--color-code-bg);border:var(--hairline-border);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.skynote-doc .skynote-source-card pre{font-family:var(--font-mono);white-space:pre;background:0 0;border-radius:0;margin:0;padding:0}.skynote-doc table{border-collapse:collapse;margin-block:var(--block-rhythm)}.skynote-doc th,.skynote-doc td{border:var(--hairline-border);padding:var(--space-1) var(--space-2)}.skynote-doc th{background:var(--color-accent-subtle)}.skynote-doc th>p,.skynote-doc td>p{margin-block:0}.skynote-doc blockquote{border-inline-start:var(--quote-bar-w) solid var(--color-border);margin-inline:0;padding-inline-start:var(--space-3)}.skynote-doc pre{background:var(--color-code-bg);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.skynote-doc code{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:var(--radius-sm);padding:0 var(--space-1)}.skynote-doc pre code{background:0 0;padding:0}.skynote-doc mark{background:var(--color-highlight-bg);color:inherit;border-radius:var(--radius-sm)}.skynote-doc hr{border:none;border-block-start:var(--hairline-border)}.skynote-doc li[data-checked]{column-gap:var(--space-2);grid-template-columns:auto 1fr;align-items:start;list-style:none;display:grid}.skynote-doc li[data-checked]>:not([role=checkbox]){grid-column:2}.skynote-doc [role=checkbox]{width:var(--checkbox-size);height:var(--checkbox-size);box-sizing:border-box;border:var(--checkbox-border-w) solid var(--color-checkbox-border);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);place-items:center;margin-block-start:calc((1lh - var(--checkbox-size)) / 2);display:inline-grid}.skynote-doc [role=checkbox][aria-checked=true]{background:var(--color-accent);border-color:var(--color-accent)}.skynote-doc [role=checkbox][aria-checked=true]:before{content:"";width:calc(var(--checkbox-size) * .28);height:calc(var(--checkbox-size) * .52);border-right:var(--checkbox-border-w) solid var(--color-on-accent);border-bottom:var(--checkbox-border-w) solid var(--color-on-accent);transform:translate(-4%,-14%)rotate(45deg)}.skynote-doc [role=checkbox][aria-checked=mixed]:before{content:"";width:calc(var(--checkbox-size) * .5);border-top:var(--checkbox-border-w) solid var(--color-text-secondary)}.skynote-doc li[data-checked=checked]{color:var(--color-text-secondary);text-decoration:line-through}.skynote-doc li[data-checked=inapplicable]{color:var(--color-text-secondary)}.skynote-doc .skynote-color-chip{width:var(--space-3);height:var(--space-3);vertical-align:middle;border:var(--hairline-border);border-radius:var(--radius-sm);margin-inline-end:var(--space-1);display:inline-block}.skynote-doc .ProseMirror-selectednode{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.skynote-doc[data-empty=true]>p:first-child:before{content:"Start writing…";float:left;pointer-events:none;height:0;color:var(--color-text-secondary)}.skynote-doc a{color:var(--color-accent);text-decoration:underline}.skynote-popover{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-lg);font:var(--text-ui);color:var(--color-text);animation:skynote-popover-in var(--motion-med) var(--motion-ease);display:flex;position:fixed}@keyframes skynote-popover-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}.skynote-popover form{align-items:center;gap:var(--space-2);display:flex}.skynote-popover-fields{gap:var(--space-1);flex-direction:column;display:flex}.skynote-popover input{font:var(--text-ui);color:var(--color-text);background:var(--color-bg-page);border:var(--hairline-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.skynote-popover input::placeholder{color:var(--color-text-secondary)}.skynote-popover button{font:var(--text-ui);color:var(--color-accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--motion-ease);background:0 0;border:none}.skynote-popover button:hover:not(:disabled){background:var(--color-bg-app)}.skynote-popover button:disabled{color:var(--color-text-secondary);opacity:.5;cursor:default}.skynote-popover-remove{color:var(--color-danger)}.skynote-popover-hint{margin:var(--space-1) 0 0;font:var(--text-ui);color:var(--color-danger)}