:root{color-scheme:light dark;--md-sys-color-primary:#246488;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#c8e6ff;--md-sys-color-on-primary-container:#004c6d;--md-sys-color-secondary:#4f606e;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d3e5f5;--md-sys-color-on-secondary-container:#384956;--md-sys-color-tertiary:#63597c;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#e9ddff;--md-sys-color-on-tertiary-container:#4b4163;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#f6f9fe;--md-sys-color-on-background:#181c20;--md-sys-color-surface:#f6f9fe;--md-sys-color-surface-dim:#d7dadf;--md-sys-color-surface-bright:#f6f9fe;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f1f4f9;--md-sys-color-surface-container:#ebeef3;--md-sys-color-surface-container-high:#e5e8ed;--md-sys-color-surface-container-highest:#dfe3e8;--md-sys-color-on-surface:#181c20;--md-sys-color-surface-variant:#dde3ea;--md-sys-color-on-surface-variant:#41484d;--md-sys-color-outline:#71787e;--md-sys-color-outline-variant:#c1c7ce;--md-sys-color-inverse-surface:#2d3135;--md-sys-color-inverse-on-surface:#eef1f6;--md-sys-color-inverse-primary:#94cdf6;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-surface-tint:var(--md-sys-color-primary)}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#94cdf6;--md-sys-color-on-primary:#00344d;--md-sys-color-primary-container:#004c6d;--md-sys-color-on-primary-container:#c8e6ff;--md-sys-color-secondary:#b7c9d8;--md-sys-color-on-secondary:#21323f;--md-sys-color-secondary-container:#384956;--md-sys-color-on-secondary-container:#d3e5f5;--md-sys-color-tertiary:#cec0e8;--md-sys-color-on-tertiary:#342b4b;--md-sys-color-tertiary-container:#4b4163;--md-sys-color-on-tertiary-container:#e9ddff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#101417;--md-sys-color-on-background:#dfe3e8;--md-sys-color-surface:#101417;--md-sys-color-surface-dim:#101417;--md-sys-color-surface-bright:#353a3e;--md-sys-color-surface-container-lowest:#0a0f12;--md-sys-color-surface-container-low:#181c20;--md-sys-color-surface-container:#1c2024;--md-sys-color-surface-container-high:#262a2e;--md-sys-color-surface-container-highest:#313539;--md-sys-color-on-surface:#dfe3e8;--md-sys-color-surface-variant:#41484d;--md-sys-color-on-surface-variant:#c1c7ce;--md-sys-color-outline:#8b9198;--md-sys-color-outline-variant:#41484d;--md-sys-color-inverse-surface:#dfe3e8;--md-sys-color-inverse-on-surface:#2d3135;--md-sys-color-inverse-primary:#246488}}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/roboto-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/roboto-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/roboto-serif-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/roboto-serif-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer{.md-typescale-display-small,.md-typescale-display-small-prominent{font:var(--md-sys-typescale-display-small-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-display-small-size,2.25rem)/var(--md-sys-typescale-display-small-line-height,2.75rem) var(--md-sys-typescale-display-small-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-display-medium,.md-typescale-display-medium-prominent{font:var(--md-sys-typescale-display-medium-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-display-medium-size,2.8125rem)/var(--md-sys-typescale-display-medium-line-height,3.25rem) var(--md-sys-typescale-display-medium-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-display-large,.md-typescale-display-large-prominent{font:var(--md-sys-typescale-display-large-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-display-large-size,3.5625rem)/var(--md-sys-typescale-display-large-line-height,4rem) var(--md-sys-typescale-display-large-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-headline-small,.md-typescale-headline-small-prominent{font:var(--md-sys-typescale-headline-small-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-headline-small-size,1.5rem)/var(--md-sys-typescale-headline-small-line-height,2rem) var(--md-sys-typescale-headline-small-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-headline-medium,.md-typescale-headline-medium-prominent{font:var(--md-sys-typescale-headline-medium-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-headline-medium-size,1.75rem)/var(--md-sys-typescale-headline-medium-line-height,2.25rem) var(--md-sys-typescale-headline-medium-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-headline-large,.md-typescale-headline-large-prominent{font:var(--md-sys-typescale-headline-large-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-headline-large-size,2rem)/var(--md-sys-typescale-headline-large-line-height,2.5rem) var(--md-sys-typescale-headline-large-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-title-small,.md-typescale-title-small-prominent{font:var(--md-sys-typescale-title-small-weight,var(--md-ref-typeface-weight-medium,500)) var(--md-sys-typescale-title-small-size,.875rem)/var(--md-sys-typescale-title-small-line-height,1.25rem) var(--md-sys-typescale-title-small-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-title-medium,.md-typescale-title-medium-prominent{font:var(--md-sys-typescale-title-medium-weight,var(--md-ref-typeface-weight-medium,500)) var(--md-sys-typescale-title-medium-size,1rem)/var(--md-sys-typescale-title-medium-line-height,1.5rem) var(--md-sys-typescale-title-medium-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-title-large,.md-typescale-title-large-prominent{font:var(--md-sys-typescale-title-large-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-title-large-size,1.375rem)/var(--md-sys-typescale-title-large-line-height,1.75rem) var(--md-sys-typescale-title-large-font,var(--md-ref-typeface-brand,Roboto))}.md-typescale-body-small,.md-typescale-body-small-prominent{font:var(--md-sys-typescale-body-small-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-body-small-size,.75rem)/var(--md-sys-typescale-body-small-line-height,1rem) var(--md-sys-typescale-body-small-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-body-medium,.md-typescale-body-medium-prominent{font:var(--md-sys-typescale-body-medium-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-body-medium-size,.875rem)/var(--md-sys-typescale-body-medium-line-height,1.25rem) var(--md-sys-typescale-body-medium-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-body-large,.md-typescale-body-large-prominent{font:var(--md-sys-typescale-body-large-weight,var(--md-ref-typeface-weight-regular,400)) var(--md-sys-typescale-body-large-size,1rem)/var(--md-sys-typescale-body-large-line-height,1.5rem) var(--md-sys-typescale-body-large-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-label-small,.md-typescale-label-small-prominent{font:var(--md-sys-typescale-label-small-weight,var(--md-ref-typeface-weight-medium,500)) var(--md-sys-typescale-label-small-size,.6875rem)/var(--md-sys-typescale-label-small-line-height,1rem) var(--md-sys-typescale-label-small-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-label-medium,.md-typescale-label-medium-prominent{font:var(--md-sys-typescale-label-medium-weight,var(--md-ref-typeface-weight-medium,500)) var(--md-sys-typescale-label-medium-size,.75rem)/var(--md-sys-typescale-label-medium-line-height,1rem) var(--md-sys-typescale-label-medium-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-label-medium-prominent{font-weight:var(--md-sys-typescale-label-medium-weight-prominent,var(--md-ref-typeface-weight-bold,700))}.md-typescale-label-large,.md-typescale-label-large-prominent{font:var(--md-sys-typescale-label-large-weight,var(--md-ref-typeface-weight-medium,500)) var(--md-sys-typescale-label-large-size,.875rem)/var(--md-sys-typescale-label-large-line-height,1.25rem) var(--md-sys-typescale-label-large-font,var(--md-ref-typeface-plain,Roboto))}.md-typescale-label-large-prominent{font-weight:var(--md-sys-typescale-label-large-weight-prominent,var(--md-ref-typeface-weight-bold,700))}}:root{--md-ref-typeface-brand:"Roboto Variable", Roboto, system-ui, sans-serif;--md-ref-typeface-plain:"Roboto Variable", Roboto, system-ui, sans-serif;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--vm-serif:"Roboto Serif Variable", "Roboto Serif", Georgia, serif;--vm-ease:cubic-bezier(.2, 0, 0, 1);--vm-fast:.2s;--md-menu-container-color:var(--md-sys-color-surface-container)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--md-sys-color-surface);min-height:100dvh;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.5;overflow-x:hidden}h1,h2,p{margin:0}.shell{flex-direction:column;max-width:48rem;min-height:100dvh;margin:0 auto;display:flex}.app-bar{z-index:20;min-height:64px;padding:env(safe-area-inset-top) 4px 0 4px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);align-items:center;gap:4px;display:flex;position:sticky;top:0}.app-bar h1{margin:0 0 0 4px}.app-bar-brand{align-items:center;gap:10px;padding-left:12px;display:inline-flex}.brand-symbol{color:var(--md-sys-color-primary);flex:none}.app-bar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.sync-indicator{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);height:32px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex}.sync-synced svg{color:var(--md-sys-color-primary)}.sync-pending,.sync-uploading{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sync-offline,.sync-unreachable{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sync-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.menu-anchor{display:inline-flex;position:relative}.menu-header{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--md-sys-color-on-surface-variant);padding:12px 16px 8px;overflow:hidden}.menu-icon{color:var(--md-sys-color-on-surface-variant);display:inline-flex}.content{padding:8px 16px calc(112px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.page-header{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 4px 0;display:flex}.note-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.note-grid>li{display:flex}.note-card{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);width:100%;min-height:148px;color:var(--md-sys-color-on-surface);--md-elevation-level:1;--md-ripple-hover-color:var(--md-sys-color-on-surface);--md-ripple-pressed-color:var(--md-sys-color-on-surface);--md-focus-ring-shape:var(--md-sys-shape-corner-medium);outline:none;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex;position:relative}.note-card md-elevation{border-radius:inherit}.note-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.note-card.menu-open{--md-elevation-level:3}.note-card:hover{--md-elevation-level:2}.note-card-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card-preview{-webkit-line-clamp:6;overflow-wrap:anywhere;white-space:pre-line;font-family:var(--vm-serif);color:var(--md-sys-color-on-surface-variant);-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.43;display:-webkit-box;overflow:hidden}.empty-preview{font-style:italic}.note-card-meta{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.note-card-cats{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cat-tag{border-radius:var(--md-sys-shape-corner-small);background:var(--cat-container);min-width:0;max-width:100%;height:22px;color:var(--cat-on-container);align-items:center;padding:0 8px;display:inline-flex}.cat-tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-more{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.source-tag{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-secondary-container);height:24px;color:var(--md-sys-color-on-secondary-container);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.note-card.skeleton{background:var(--md-sys-color-surface-container);animation:pulse 1.4s var(--vm-ease) infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.note-card.skeleton{animation:none}}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto 0;padding:24px 8px;display:flex}.empty p{max-width:20rem}.empty md-filled-button,.empty md-outlined-button{margin-top:12px}.empty-art{margin-bottom:8px}.empty-art .art-bg{fill:var(--md-sys-color-primary-container)}.empty-art .art-page{fill:var(--md-sys-color-surface-container-lowest);stroke:var(--md-sys-color-outline-variant);stroke-width:2px}.empty-art .art-ribbon{fill:var(--md-sys-color-primary)}.empty-art .art-line{fill:none;stroke:var(--md-sys-color-outline-variant);stroke-width:4px;stroke-linecap:round}.empty-art .art-dot{fill:var(--md-sys-color-tertiary-container);stroke:var(--md-sys-color-surface-container-lowest);stroke-width:3px}.empty-art .art-plus{fill:none;stroke:var(--md-sys-color-on-tertiary-container);stroke-width:3px;stroke-linecap:round}.on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.fab{right:max(16px,50vw - 24rem + 16px);bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;position:fixed}.note-form{gap:20px;padding-top:8px}.note-title{resize:none;width:100%;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);background:0 0;border:0;outline:none;margin:0;padding:4px 0;font-size:1.5rem;font-weight:400;line-height:2rem;display:block;overflow:hidden}.note-title:focus-visible{box-shadow:0 2px 0 var(--md-sys-color-primary)}.note-meta{flex-wrap:wrap;gap:2px 16px;margin-top:-8px;display:flex}.source-row{flex-wrap:wrap;gap:8px;display:flex}.source-row md-assist-chip{max-width:100%}.source-box{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);flex-direction:column;gap:12px;padding:16px;display:flex}.source-box[hidden]{display:none}.source-box md-outlined-select,.source-box md-outlined-text-field{width:100%}.source-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toolbar{top:calc(64px + env(safe-area-inset-top));z-index:5;scrollbar-width:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);gap:2px;padding:4px;display:flex;position:sticky;overflow-x:auto}.toolbar md-icon-button{--md-icon-button-icon-color:var(--md-sys-color-on-surface-variant);flex:none}.toolbar md-icon-button[selected]{background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);--md-icon-button-selected-icon-color:var(--md-sys-color-on-secondary-container)}.editor-surface{min-height:50dvh;font-family:var(--vm-serif);padding:12px 0 4px;font-size:1.0625rem;line-height:1.65}.editor-surface .tiptap{outline:none;min-height:48dvh}.editor-surface .tiptap>:first-child{margin-top:0}.editor-surface .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--md-sys-color-on-surface-variant)}.editor-surface blockquote{border-left:3px solid var(--md-sys-color-primary);color:var(--md-sys-color-on-surface-variant);margin:12px 0;padding:4px 0 4px 16px;font-style:italic}.editor-surface h2{font-family:var(--md-ref-typeface-plain);margin:20px 0 6px;font-size:1.25rem;font-weight:500}.editor-surface p{margin:0 0 10px}.editor-surface ul,.editor-surface ol{padding-left:24px}.auth{flex-direction:column;justify-content:center;gap:8px;max-width:28rem;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}.auth-header .brand-symbol{margin-bottom:8px}.auth-card{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container);flex-direction:column;gap:16px;padding:24px 16px 16px;display:flex;position:relative;overflow:hidden}.auth-card md-linear-progress{position:absolute;inset:0 0 auto}.auth-error{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);margin:0;padding:12px 16px}.auth-divider{align-items:center;gap:12px;display:flex}.auth-divider md-divider{flex:1}.auth-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:8px;display:flex}.auth md-outlined-text-field,.auth md-outlined-button{width:100%}.update-banner{z-index:30;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.dialog-note{margin:0 0 8px}.snackbar-region{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.snackbar{pointer-events:auto;box-sizing:border-box;border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-inverse-surface);width:100%;max-width:36rem;min-height:48px;color:var(--md-sys-color-inverse-on-surface);--md-text-button-label-text-color:var(--md-sys-color-inverse-primary);--md-text-button-hover-label-text-color:var(--md-sys-color-inverse-primary);--md-text-button-focus-label-text-color:var(--md-sys-color-inverse-primary);--md-text-button-pressed-label-text-color:var(--md-sys-color-inverse-primary);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 16px;display:flex;box-shadow:0 3px 6px #0003}.shell:has(.snackbar) .fab{transition:transform .15s;transform:translateY(-64px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inline-error{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}md-text-button.destructive{--md-text-button-label-text-color:var(--md-sys-color-error);--md-text-button-hover-label-text-color:var(--md-sys-color-error);--md-text-button-focus-label-text-color:var(--md-sys-color-error);--md-text-button-pressed-label-text-color:var(--md-sys-color-error)}.swatch{border-radius:var(--md-sys-shape-corner-full);background:var(--cat-swatch,var(--md-sys-color-outline));flex:none;display:inline-block}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.category-chip{--md-assist-chip-elevated-container-color:var(--cat-container);--md-assist-chip-label-text-color:var(--cat-on-container);--md-assist-chip-hover-label-text-color:var(--cat-on-container);--md-assist-chip-focus-label-text-color:var(--cat-on-container);--md-assist-chip-pressed-label-text-color:var(--cat-on-container);--md-assist-chip-elevated-container-elevation:0;--md-assist-chip-elevated-hover-container-elevation:1}.category-list,.trash-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-row,.trash-row{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);align-items:center;gap:8px;min-height:64px;padding:8px 4px 8px 16px;display:flex}.category-row-link,.trash-row-link{border-radius:var(--md-sys-shape-corner-medium);min-width:0;min-height:48px;color:inherit;-webkit-tap-highlight-color:transparent;flex:1;align-items:center;gap:16px;text-decoration:none;display:flex;position:relative}.category-row-text,.trash-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.category-row-name,.trash-row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trash-row-text{gap:2px}.trash-row-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trash-banner{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.note-readonly .note-title-static{overflow-wrap:anywhere;margin:0}.dialog-form{flex-direction:column;gap:16px;min-width:0;display:flex}.dialog-form md-outlined-text-field{width:100%}.color-picker{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:0;display:grid}.color-option{cursor:pointer;border-radius:var(--md-sys-shape-corner-full);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-height:48px;padding:0;display:flex}.color-option-dot{border-radius:var(--md-sys-shape-corner-full);background:var(--cat-swatch);width:32px;height:32px;color:var(--cat-container);justify-content:center;align-items:center;display:flex}.color-option:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:-4px}.color-option[aria-checked=true] .color-option-dot{box-shadow:0 0 0 2px var(--md-sys-color-surface-container-high), 0 0 0 4px var(--md-sys-color-on-surface)}.checkbox-list{flex-direction:column;display:flex}.checkbox-row{cursor:pointer;min-height:48px;color:var(--md-sys-color-on-surface);align-items:center;gap:12px;display:flex}.category-option{align-items:center;gap:8px;display:inline-flex}.error-text{color:var(--md-sys-color-error)}.category-filter-chip{--md-filter-chip-selected-container-color:var(--cat-container);--md-filter-chip-selected-label-text-color:var(--cat-on-container);--md-filter-chip-selected-hover-label-text-color:var(--cat-on-container);--md-filter-chip-selected-focus-label-text-color:var(--cat-on-container);--md-filter-chip-selected-pressed-label-text-color:var(--cat-on-container);--md-filter-chip-selected-leading-icon-color:var(--cat-on-container);--md-filter-chip-selected-hover-leading-icon-color:var(--cat-on-container);--md-filter-chip-selected-focus-leading-icon-color:var(--cat-on-container);--md-filter-chip-selected-pressed-leading-icon-color:var(--cat-on-container);--md-filter-chip-selected-outline-width:0}.chip-row.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chip-row.scroll>*{flex:none}.search-bar{top:calc(64px + env(safe-area-inset-top));z-index:6;background:var(--md-sys-color-surface);margin:0 -16px;padding:4px 16px 8px;position:sticky}.search-field{--md-outlined-text-field-container-shape:28px;width:100%}.editor-surface .passage{border-left:3px solid var(--md-sys-color-primary);border-radius:0 var(--md-sys-shape-corner-medium) var(--md-sys-shape-corner-medium) 0;background:var(--md-sys-color-surface-container-low);margin:16px 0;padding:12px 8px 4px 16px}.editor-surface .tiptap>:first-child>.passage{margin-top:0}.editor-surface .passage.modified{border-left-color:var(--md-sys-color-tertiary)}.editor-surface .passage blockquote,.passage-preview .passage-text{color:var(--md-sys-color-on-surface);border:0;margin:0;padding:0;font-style:normal}.editor-surface .passage blockquote p{margin:0 0 6px}.verse-number{font-family:var(--md-ref-typeface-plain);color:var(--md-sys-color-primary);font-size:.7em;font-weight:500}.passage-caption{min-height:48px;font-family:var(--md-ref-typeface-plain);color:var(--md-sys-color-on-surface-variant);user-select:none;flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.passage-modified{color:var(--md-sys-color-tertiary)}.passage-actions{align-items:center;margin-left:auto;display:flex}.passage-dialog{width:min(560px,100% - 48px)}@media (width<=600px){.passage-dialog{--md-dialog-container-shape:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}}.passage-dialog .dialog-form md-filled-tonal-button{align-self:flex-start}.passage-result{flex-direction:column;gap:12px;margin-top:16px;display:flex}.passage-result md-linear-progress{width:100%}.passage-preview{border-left:3px solid var(--md-sys-color-primary);flex-direction:column;gap:4px;padding:4px 0 4px 16px;display:flex}.passage-preview h3,.passage-preview p{margin:0}.passage-preview .passage-text{font-family:var(--vm-serif);margin-top:8px;font-size:1.0625rem;line-height:1.65}.passage-note{color:var(--md-sys-color-on-surface-variant)}.passage-tabs{--md-primary-tab-container-color:transparent;margin:0 -24px 16px}.ai-progress{flex-direction:column;gap:4px;display:flex}.ai-progress-row{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.empty-result{margin:0}.candidate-list{flex-direction:column;gap:8px;display:flex}.candidate{text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:12px 16px;display:flex}.candidate[aria-checked=true]{border:2px solid var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:11px 15px}.candidate:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.candidate .passage-text{color:inherit;border:0;margin:4px 0 0;padding:0;font-style:normal}.candidate .passage-text.clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-badge{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.editor-surface .ai-study{border-left:3px solid var(--md-sys-color-tertiary);border-radius:0 var(--md-sys-shape-corner-medium) var(--md-sys-shape-corner-medium) 0;background:var(--md-sys-color-surface-container-low);margin:16px 0;padding:4px 8px 8px 16px}.editor-surface .tiptap>:first-child>.ai-study{margin-top:0}.editor-surface .node-biblePassage+.node-aiStudy>.ai-study{margin-top:-8px}.ai-study-header{min-height:48px;font-family:var(--md-ref-typeface-plain);user-select:none;flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.ai-study-title{flex:1;min-width:0}.ai-study-text p{margin:0 0 8px}.study-sheet .study-body{flex-direction:column;gap:16px;display:flex}.study-heading{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.study-heading h3{margin:0}.study-text{color:var(--md-sys-color-on-surface);flex-direction:column;gap:16px;display:flex}.study-text section{flex-direction:column;gap:4px;display:flex}.study-text h4,.study-text p{margin:0}.study-readings{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.study-disclaimer{margin:0}.study-entry{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.library-tabs{--md-primary-tab-container-color:transparent;margin:0 -16px}.verse-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.verse-list>li{display:flex}.verse-card{min-height:0}.verse-card-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.verse-card-head h2{overflow-wrap:anywhere;margin:0}.verse-card-text{-webkit-line-clamp:4;color:var(--md-sys-color-on-surface);margin:0}.verse-card-origin{min-width:0;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:4px;margin:0;display:flex}.verse-card-origin span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.verse-card-origin.unavailable{font-style:italic}.card-page{gap:24px}.card-page-head{flex-direction:column;gap:4px;padding:8px 4px 0;display:flex}.card-page-head h1,.card-page-head p{overflow-wrap:anywhere;margin:0}.card-page-text{border-left:3px solid var(--md-sys-color-primary);font-family:var(--vm-serif);color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;margin:0;padding:4px 0 4px 16px;font-size:1.0625rem;line-height:1.65}.card-page-section{flex-direction:column;align-items:flex-start;gap:8px;padding:0 4px;display:flex}.card-page-section h2,.card-page-section p{margin:0}.card-origin-link{max-width:100%;min-height:48px;color:var(--md-sys-color-primary);align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:relative}.card-origin-link span{text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;overflow:hidden}.gallery-actions{justify-content:flex-start;display:flex}.selection-bar{align-items:center;gap:4px;min-height:56px;display:flex}.selection-bar>span{flex:1;min-width:0}.verse-card.selectable{font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.verse-card.selectable.selected{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px;background:var(--md-sys-color-secondary-container)}.verse-card.selectable[aria-disabled=true]{opacity:.6;cursor:default}.verse-card-check{border:2px solid var(--md-sys-color-on-surface-variant);width:22px;height:22px;color:var(--md-sys-color-on-primary);border-radius:4px;flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.selected .verse-card-check{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.suggestion-card{border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:8px;padding-top:12px;display:flex}.suggestion-card h3{margin:0}.suggestion-chips{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.suggestion-item{align-items:center;max-width:100%;display:flex}.suggestion-item md-filter-chip{flex:0 auto;min-width:0}.suggestion-item md-icon-button{flex:none}.suggestion-rename{align-items:flex-start;gap:4px;width:100%;display:flex}.suggestion-rename md-outlined-text-field{flex:1;min-width:0}.study-heading p{margin:0}.public-page{padding-bottom:calc(48px + env(safe-area-inset-bottom));gap:16px}.public-article{flex-direction:column;gap:16px;display:flex}.public-head{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 4px 0;display:flex}.public-head h1,.public-head p{overflow-wrap:anywhere;margin:0}.public-source-type{font-weight:500}.public-video{min-height:48px;color:var(--md-sys-color-primary);align-items:center;gap:8px;padding:0 4px;text-decoration:none;display:inline-flex}.public-video:hover,.public-video:focus-visible{text-decoration:underline}.public-doc{overflow-wrap:anywhere;min-height:0;padding-top:0}.public-doc>:first-child{margin-top:0}.public-doc .passage{border-left:3px solid var(--md-sys-color-primary);border-radius:0 var(--md-sys-shape-corner-medium) var(--md-sys-shape-corner-medium) 0;background:var(--md-sys-color-surface-container-low);margin:16px 0;padding:12px 8px 4px 16px}.public-doc .passage.modified{border-left-color:var(--md-sys-color-tertiary)}.public-doc .passage blockquote{color:var(--md-sys-color-on-surface);border:0;margin:0;padding:0;font-style:normal}.public-doc .passage blockquote p{margin:0 0 6px}.public-doc .ai-study{border-left:3px solid var(--md-sys-color-tertiary);border-radius:0 var(--md-sys-shape-corner-medium) var(--md-sys-shape-corner-medium) 0;background:var(--md-sys-color-surface-container-low);margin:16px 0;padding:4px 8px 8px 16px}.public-doc .passage+.ai-study{margin-top:-8px}.public-foot{border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:2px;padding:16px 4px 0;display:flex}.public-foot p{margin:0}.share-body{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.share-body>p{margin:0}.share-status{color:var(--md-sys-color-primary);align-items:center;gap:8px;margin:0;display:flex}.share-status.outdated{color:var(--md-sys-color-tertiary)}.share-link{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-highest);width:100%;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:12px 16px;text-decoration:none;display:block}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-unpublish{margin-left:-12px}.publication-badge{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-secondary-container);min-height:32px;color:var(--md-sys-color-on-secondary-container);font:inherit;cursor:pointer;border:0;align-items:center;gap:4px;margin:0;padding:0 10px 0 8px;display:inline-flex;position:relative}.publication-badge:after{content:"";position:absolute;inset:-8px 0}.publication-badge.outdated{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.card-page-head .publication-badge{align-self:flex-start;margin-top:4px}[data-cat=blue]{--cat-container:#cfe5ff;--cat-on-container:#001d34;--cat-swatch:#256293}[data-cat=green]{--cat-container:#bef0a7;--cat-on-container:#042100;--cat-swatch:#3e692e}[data-cat=red]{--cat-container:#ffdad6;--cat-on-container:#410002;--cat-swatch:#9c4239}[data-cat=orange]{--cat-container:#ffdcc5;--cat-on-container:#301400;--cat-swatch:#944b00}[data-cat=yellow]{--cat-container:#ffe17a;--cat-on-container:#231b00;--cat-swatch:#715c00}[data-cat=purple]{--cat-container:#ecdcff;--cat-on-container:#260a4b;--cat-swatch:#6b5293}[data-cat=pink]{--cat-container:#ffd8e8;--cat-on-container:#3b0327;--cat-swatch:#8c486c}[data-cat=teal]{--cat-container:#9df2e9;--cat-on-container:#00201e;--cat-swatch:#006a64}[data-cat=brown]{--cat-container:#ffdbc8;--cat-on-container:#2b1609;--cat-swatch:#765847}[data-cat=gray]{--cat-container:#e0e2e8;--cat-on-container:#181c20;--cat-swatch:#5b5f63}[data-cat=indigo]{--cat-container:#dce1ff;--cat-on-container:#001551;--cat-swatch:#475aa1}[data-cat=lime]{--cat-container:#d0ee82;--cat-on-container:#151f00;--cat-swatch:#4f6603}@media (prefers-color-scheme:dark){[data-cat=blue]{--cat-container:#004a78;--cat-on-container:#cfe5ff;--cat-swatch:#99cbff}[data-cat=green]{--cat-container:#275018;--cat-on-container:#bef0a7;--cat-swatch:#a3d48d}[data-cat=red]{--cat-container:#7d2b24;--cat-on-container:#ffdad6;--cat-swatch:#ffb4ab}[data-cat=orange]{--cat-container:#703700;--cat-on-container:#ffdcc5;--cat-swatch:#ffb783}[data-cat=yellow]{--cat-container:#554500;--cat-on-container:#ffe17a;--cat-swatch:#e5c449}[data-cat=purple]{--cat-container:#533a79;--cat-on-container:#ecdcff;--cat-swatch:#d6baff}[data-cat=pink]{--cat-container:#703054;--cat-on-container:#ffd8e8;--cat-swatch:#ffafd6}[data-cat=teal]{--cat-container:#00504b;--cat-on-container:#9df2e9;--cat-swatch:#81d5cd}[data-cat=brown]{--cat-container:#5c4131;--cat-on-container:#ffdbc8;--cat-swatch:#e5bfa9}[data-cat=gray]{--cat-container:#44474c;--cat-on-container:#e0e2e8;--cat-swatch:#c4c6cc}[data-cat=indigo]{--cat-container:#2e4288;--cat-on-container:#dce1ff;--cat-swatch:#b7c4ff}[data-cat=lime]{--cat-container:#3a4d00;--cat-on-container:#d0ee82;--cat-swatch:#b4d269}}