@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,200..700,0,0&display=block"layer(base);@scope (.color-picker){:scope{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:24px;padding:24px}.selection-mark{position:absolute;z-index:2;font-size:40px;pointer-events:none;position-anchor:--selected-color-anchor;position-area:center}.color{width:48px;height:48px;border-radius:100px;border:3px solid oklch(60% .12 var(--color-hue));background:oklch(85% .16 var(--color-hue));cursor:pointer;position:relative}.color.is-selected{anchor-name:--selected-color-anchor}.color.inherit{background:transparent;border:3px solid oklch(50% .01 var(--hue-default))}.color.plain{background:oklch(85% .01 var(--hue-plain));border:3px solid oklch(60% .01 var(--hue-plain))}.color.red{--color-hue: var(--hue-red) }.color.orange{--color-hue: var(--hue-orange) }.color.yellow{--color-hue: var(--hue-yellow) }.color.green{--color-hue: var(--hue-green) }.color.blue{--color-hue: var(--hue-blue) }.color.violet{--color-hue: var(--hue-violet) }}@layer reset,base,variables,utilities,components;@layer base{:root{touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow-wrap:break-word;-webkit-user-drag:none;-webkit-touch-callout:none}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:not(dialog){margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:inherit}em,b,i,strong{font-weight:inherit;font-style:inherit}input,textarea,button,select{appearance:none;border:none;outline:none;padding:0;margin:0;background:transparent;font:inherit;color:inherit}textarea{resize:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}}@layer variables{:root{--hue-default: 200;--hue-plain: 250;--hue-red: 360;--hue-red: 5;--hue-orange: 40;--hue-orange: 45;--hue-yellow: 100;--hue-yellow: 85;--hue-green: 165;--hue-green: 145;--hue-blue: 215;--hue-blue: 230;--hue-violet: 280;--hue-violet: 298;--shadow-hue: 0;--color-base-white: oklch(100% 0 240);--color-base-xlight: oklch(96% .02 240);--color-base-light: oklch(94% .02 240);--color-base-medium2: oklch(86% .04 240);--color-base-medium: oklch(72% .05 240);--color-base-dark: oklch(56% .05 240);--color-base-dark2: oklch(48% .05 230);--color-base-xdark: oklch(32% .05 240);--color-base-black: oklch(0% 0 240);--color-app-background: var(--color-base-xlight);--color-app-background-inset: var(--color-base-light);--color-app-background-shadow: var(--color-base-medium2);--color-app-text-primary: var(--color-base-xdark);--color-app-text-secondary: var(--color-base-dark);--color-app-text-light: var(--color-base-medium);--color-primary-dark: oklch(35% .05 200);--color-primary-medium: oklch(50% .2 200);--color-primary-vivid: oklch(66% .12 200);--color-primary-light: oklch(86% .1 200);--color-primary-highlight: oklch(95% .1 200);--color-primary-highlight-v2: oklch(92% 8% 200);--color-primary-text: var(--color-primary-dark);--color-primary-text-secondary: var(--color-primary-medium);--color-primary-background: var(--color-primary-light);--color-primary-background-highlight: var(--color-primary-highlight);--color-danger-dark: oklch(35% .05 15);--color-danger-medium: oklch(50% .18 15);--color-danger-vivid: oklch(66% .2 15);--color-danger-light: oklch(80% .15 15);--color-danger-highlight: oklch(96% .2 15);--color-danger-text: var(--color-danger-dark);--color-danger-text-secondary: var(--color-danger-medium);--color-danger-background: var(--color-danger-light);--color-danger-background-highlight: var(--color-danger-highlight);--color-overlay-light: oklch(100% 0 0 / .2);--color-overlay-regular: oklch(100% 0 0 / .4);--color-overlay-medium: oklch(100% 0 0 / .6);--color-overlay-heavy: oklch(100% 0 0 / .8);--color-overlay-full: oklch(100% 0 0 / 1);--color-shade-xxlight: oklch(0% 0 0 / .04);--color-shade-xlight: oklch(0% 0 0 / .06);--color-shade-light: oklch(0% 0 0 / .2);--color-shade-regular: oklch(0% 0 0 / .4);--color-shade-medium: oklch(0% 0 0 / .6);--color-shade-heavy: oklch(0% 0 0 / .8);--color-shade-full: oklch(0% 0 0 / 1);--style-box-shadow-none: 0 0 0 transparent;--style-box-shadow-base: 0 2px 6px var(--color-shade-xlight);--style-box-shadow-emphasis: 0 2px 2px var(--color-shade-xlight);--style-overlay-filter: blur(24px);--color-base-noteBackground: oklch(95.5% .065 200);--color-base-noteBackground-selected: oklch(92.635% .06435 200);--color-base-noteBorder: oklch(87.86% .0585 200);--color-base-noteBorder-bottom: oklch(79.074% .05265 200);--color-base-noteInsetBorder: oklch(100% .02 200);--color-base-noteInsetBorder-bottom: oklch(100% .02 200 / 0);--color-base-noteShadow: oklch(50% .4 200 / .5);--color-base-noteText: oklch(48% .08 200);--color-base-noteText-light: oklch(72% .064 200);--color-plain-noteBackground: oklch(95.5% .01 250);--color-plain-noteBackground-selected: oklch(92.635% .01 250);--color-plain-noteBorder: oklch(87.86% .01 250);--color-plain-noteBorder-bottom: oklch(79.074% .01 250);--color-plain-noteInsetBorder: oklch(100% .01 250);--color-plain-noteInsetBorder-bottom: oklch(100% .01 250 / 0);--color-plain-noteShadow: oklch(50% .01 250 / .5);--color-plain-noteText: oklch(48% .01 250);--color-plain-noteText-light: oklch(72% .01 250);--color-red-noteBackground: oklch(95.5% .065 5);--color-red-noteBackground-selected: oklch(92.635% .06435 5);--color-red-noteBorder: oklch(87.86% .0585 5);--color-red-noteBorder-bottom: oklch(79.074% .05265 5);--color-red-noteInsetBorder: oklch(100% .02 5);--color-red-noteInsetBorder-bottom: oklch(100% .02 5 / 0);--color-red-noteShadow: oklch(50% .4 5 / .5);--color-red-noteText: oklch(48% .08 5);--color-red-noteText-light: oklch(72% .064 5);--color-orange-noteBackground: oklch(95.5% .065 45);--color-orange-noteBackground-selected: oklch(92.635% .06435 45);--color-orange-noteBorder: oklch(87.86% .0585 45);--color-orange-noteBorder-bottom: oklch(79.074% .05265 45);--color-orange-noteInsetBorder: oklch(100% .02 45);--color-orange-noteInsetBorder-bottom: oklch(100% .02 45 / 0);--color-orange-noteShadow: oklch(50% .4 45 / .5);--color-orange-noteText: oklch(48% .08 45);--color-orange-noteText-light: oklch(72% .064 45);--color-yellow-noteBackground: oklch(95.5% .05525 85);--color-yellow-noteBackground-selected: oklch(92.635% .0547 85);--color-yellow-noteBorder: oklch(87.86% .0497 85);--color-yellow-noteBorder-bottom: oklch(79.074% .0448 85);--color-yellow-noteInsetBorder: oklch(100% .016 85);--color-yellow-noteInsetBorder-bottom: oklch(100% .017 85 / 0);--color-yellow-noteShadow: oklch(50% .34 85 / .5);--color-yellow-noteText: oklch(48% .08 85);--color-yellow-noteText-light: oklch(72% .064 85);--color-green-noteBackground: oklch(95.5% .052 145);--color-green-noteBackground-selected: oklch(92.635% .06435 145);--color-green-noteBorder: oklch(87.86% .0585 145);--color-green-noteBorder-bottom: oklch(79.074% .05265 145);--color-green-noteInsetBorder: oklch(100% .02 145);--color-green-noteInsetBorder-bottom: oklch(100% .02 145 / 0);--color-green-noteShadow: oklch(50% .4 145 / .5);--color-green-noteText: oklch(48% .08 145);--color-green-noteText-light: oklch(72% .064 145);--color-blue-noteBackground: oklch(95.5% .052 230);--color-blue-noteBackground-selected: oklch(92.635% .06435 230);--color-blue-noteBorder: oklch(87.86% .0585 230);--color-blue-noteBorder-bottom: oklch(79.074% .05265 230);--color-blue-noteInsetBorder: oklch(100% .02 230);--color-blue-noteInsetBorder-bottom: oklch(100% .02 230 / 0);--color-blue-noteShadow: oklch(50% .4 230 / .5);--color-blue-noteText: oklch(48% .08 230);--color-blue-noteText-light: oklch(72% .064 230);--color-violet-noteBackground: oklch(94.545% .078 298);--color-violet-noteBackground-selected: oklch(91.709% .0772 298);--color-violet-noteBorder: oklch(86.981% .0702 298);--color-violet-noteBorder-bottom: oklch(78.283% .0632 298);--color-violet-noteInsetBorder: oklch(99% .024 298);--color-violet-noteInsetBorder-bottom: oklch(99% .024 298 / 0);--color-violet-noteShadow: oklch(49.5% .48 298 / .5);--color-violet-noteText: oklch(48% .08 298);--color-violet-noteText-light: oklch(72% .064 298);--color-button-primary: oklch(86% .1 200);--color-button-danger: oklch(80% .15 15);--color-button-danger-border: oklch(96% .2 15);--spacing-page-gutters: 12px;--spacing-note-gutters: 12px;--spacing-subNote-gutters: 7px;--spacing-noteArea-padding: 8px;--radius-note: 16px;--size-noteAnchor: 48px;--size-main-width: 800px;--style-overlayControl-background: oklch(100% 0 0 / .4);--style-overlayControl-background-light: oklch(100% 0 0 / .2);--style-overlayControl-background-medium: oklch(100% 0 0 / .6);--style-overlayControl-background-heavy: oklch(100% 0 0 / 1);--style-overlayControl-boxShadow: inset 0 1px 0 oklch(100% 0 0 / .6), inset 0 -1px 0 oklch(100% 0 0 / .4), inset 1px 0 0 oklch(100% 0 0 / .2), inset -1px 0 0 oklch(100% 0 0 / .2), var(--style-box-shadow-base);--style-overlayControl-foreground-active: oklch(.5 .2 200);--style-overlayControl-background-active: oklch(.66 .12 200)}}@layer utilities{.utility--stack{display:grid;grid-template-areas:"utility-stack";place-items:center}.utility--stack>*{grid-area:utility-stack}}@layer components{@scope (.m-icon){:scope{display:inline-block;font-weight:300}:scope.size-xxsmall{font-size:12px;font-weight:400}:scope.size-xsmall{font-size:16px;font-weight:400}:scope.size-small{font-size:20px;font-weight:400}:scope.size-regular{font-size:24px}:scope.size-medium{font-size:28px}:scope.size-large{font-size:32px}}}@layer components{@scope (.action-group){:scope{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:2px;background:var(--color-overlay-regular);box-shadow:var(--style-box-shadow-base);-webkit-backdrop-filter:var(--style-overlay-filter);backdrop-filter:var(--style-overlay-filter);border-radius:999px}:scope:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;border:solid var(--color-overlay-heavy);border-width:1.5px 1px}:scope.corners-squared{border-radius:14px}:scope.equal-size{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}:scope.vertical{display:flex;flex-direction:column;align-items:stretch;padding:4px;border-radius:16px}:scope.translucency-light{background:var(--color-overlay-light)}:scope.translucency-regular{background:var(--color-overlay-regular)}:scope.translucency-medium{background:var(--color-overlay-medium)}:scope.translucency-heavy{background:var(--color-overlay-heavy)}}@scope (.app-button){:scope{cursor:pointer;position:relative;flex-shrink:0;display:inline-flex;border-radius:999px;font-weight:500;transition-timing-function:ease-in-out;transition-duration:.15s;transition-property:background,color,border-color,box-shadow,opacity}:scope:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;border-color:inherit;corner-shape:inherit}.button-contents{flex-grow:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center}.trailing{display:inline-flex;align-items:center;justify-content:center}:scope.compound-button{align-items:center;justify-content:center}.main-button{cursor:pointer}:scope.treatment-elevated{color:var(--color-app-text-primary);background:var(--color-overlay-regular);box-shadow:var(--style-box-shadow-base);-webkit-backdrop-filter:var(--style-overlay-filter);backdrop-filter:var(--style-overlay-filter);border-color:var(--color-overlay-heavy)}:scope.treatment-elevated:after{border-style:solid;border-width:1.5px 1px}:scope.treatment-elevated.is-selected{color:var(--color-primary-text-secondary);background:var(--color-overlay-full);box-shadow:var(--style-box-shadow-base),var(--style-box-shadow-emphasis)}:scope.treatment-elevated.variant-normal:not(.is-disabled):hover{background:var(--style-overlayControl-background-heavy)}:scope.treatment-elevated.variant-primary{color:var(--color-primary-text);background:var(--color-primary-background);border-color:var(--color-primary-background-highlight)}:scope.treatment-elevated.variant-primary:not(.is-disabled):hover{background:var(--color-primary-background-highlight)}:scope.treatment-elevated.variant-danger{color:var(--color-danger-text);background:var(--color-danger-background);border-color:var(--color-danger-background-highlight)}:scope.treatment-elevated.variant-danger:not(.is-disabled):hover{background:var(--color-danger-background-highlight)}:scope.treatment-elevated.variant-rainbow{color:var(--color-primary-text);background:linear-gradient(to right,oklch(98% .02 var(--hue-orange)),oklch(98% .02 var(--hue-yellow)),oklch(98% .02 var(--hue-green)),oklch(98% .02 var(--hue-blue)),oklch(98% .02 var(--hue-violet)),oklch(98% .02 var(--hue-red)));border-color:var(--color-overlay-heavy)}:scope.treatment-elevated.variant-rainbow:not(.is-disabled):active{background:linear-gradient(to right,oklch(98% .05 var(--hue-orange)),oklch(98% .05 var(--hue-yellow)),oklch(98% .05 var(--hue-green)),oklch(98% .05 var(--hue-blue)),oklch(98% .05 var(--hue-violet)),oklch(98% .05 var(--hue-red)))}:scope.treatment-filled{background:var(--color-app-background-shadow)}:scope.treatment-filled.variant-primary{background:var(--color-primary-light)}:scope.treatment-outlined{color:var(--color-app-text-primary);background:transparent;box-shadow:none;border-color:var(--color-app-background-shadow)}:scope.treatment-outlined:after{border-style:solid;border-width:1.5px}:scope.treatment-outlined:not(.is-disabled):active{background:var(--color-shade-light)}:scope.treatment-outlined.variant-primary{color:var(--color-primary-medium);border-color:currentColor}:scope.treatment-outlined.variant-primary:not(.is-disabled):active{background:var(--color-primary-highlight)}:scope.treatment-outlined.variant-danger{color:var(--color-danger-medium);border-color:currentColor}:scope.treatment-outlined.variant-danger:not(.is-disabled):active{background:var(--color-danger-highlight)}:scope.treatment-flat{background:transparent;border:0px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:inherit}:scope.treatment-flat:not(.is-disabled):active{background:var(--color-shade-xlight)}:scope.treatment-flat.variant-primary{color:var(--color-primary-medium)}:scope.treatment-flat.variant-primary:not(.is-disabled):active{background:var(--color-primary-highlight)}:scope.treatment-flat.variant-danger{color:var(--color-danger-medium)}:scope.treatment-flat.variant-danger:not(.is-disabled):active{background:var(--color-danger-highlight)}--min-size: 48px;--spacing: 12px;--gap: var(--spacing);--text-size: 18px;--icon-size: 20px;.button-contents{min-height:var(--min-size);padding:0 var(--spacing);gap:var(--gap);font-size:var(--text-size)}:scope.icon-button .button-contents{min-width:var(--min-size)}:scope.icon-button .button-contents .leading-icon{margin:0}.leading-icon{font-size:var(--icon-size);margin-left:calc(-1/4*var(--spacing))}:scope.size-xsmall{--min-size: 24px;--spacing: 8px;--gap: 8px;--text-size: 12px;--icon-size: 20px}:scope.size-small{--min-size: 36px;--spacing: 12px;--gap: 12px;--text-size: 14px;--icon-size: 24px}:scope.size-medium{--min-size: 40px;--spacing: 12px;--gap: 12px;--text-size: 16px;--icon-size: 24px}:scope.size-xmedium{--min-size: 44px;--spacing: 16px;--gap: 12px;--text-size: 18px;--icon-size: 24px}:scope.size-large{--min-size: 48px;--spacing: 20px;--gap: 12px;--text-size: 18px;--icon-size: 24px}:scope.size-xlarge{--min-size: 52px;--spacing: 24px;--gap: 12px;--text-size: 18px;--icon-size: 24px}:scope.size-xlarge .leading-icon{font-weight:400}:scope.icon-button{border-radius:999px}:scope.icon-button .button-contents{padding:0}:scope.icon-button:has(.button-label){border-radius:12px}:scope.icon-button:has(.button-label) .button-contents{height:auto;padding:8px 12px;flex-direction:column;gap:4px}:scope.icon-button:has(.button-label) .button-label{font-size:14px;font-weight:400;line-height:normal}:scope.corners-squared{border-radius:12px}:scope.justified{--gap: 16px;justify-content:space-between;font-weight:400}:scope.justified .button-label{flex-grow:1;text-align:start;padding-right:8px}:scope.full-width{flex-grow:1;width:100%}:scope.true-center .leading-icon{margin-left:calc(-1em - var(--gap))}:scope.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}}@scope (.context-menu-wrapper){:scope.auto-vanish:not(:has(.context-menu.is-visible)){position:fixed;top:0;right:0;width:0;height:0;overflow:clip;contain:strict}:scope.auto-vanish:not(:has(.context-menu.is-visible)) .context-menu{transition:none}.context-menu{position:absolute;z-index:4;position-anchor:--context-menu-anchor;transition-property:visibility,transform,display;transition-timing-function:ease-in-out;transition-duration:.2s}.context-menu>*{transition-property:opacity;transition-duration:inherit;transition-timing-function:inherit}.context-menu:not(.is-visible){pointer-events:none;visibility:hidden;transform:translateY(-10px)}.context-menu:not(.is-visible)>*{opacity:0}.context-menu.above{position-area:top center;margin-bottom:-1px}.context-menu.above:not(.is-visible){transform:translateY(-10px)}.context-menu.below{position-area:bottom center;margin-top:-1px}.context-menu.below:not(.is-visible){transform:translateY(10px)}.context-menu.centered{position-area:center center}.context-menu.fixed{position:fixed;z-index:5;position-area:center center;position-anchor:--centered-view-anchor}}}@layer components{@scope (.modal-view) to (.modal-body>*){:scope{position:fixed;z-index:10;width:100%;height:100%;width:100dvw;height:100dvh;padding:24px 6%;overflow-y:auto;position-area:center center;position-anchor:--centered-view-anchor;display:flex;background:var(--color-shade-light);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-window{margin:auto;flex-grow:1;max-width:400px;background:#fff;border-radius:16px;padding:24px;box-shadow:var(--style-box-shadow-base)}.modal-title{font-size:24px;font-weight:700}.modal-subtitle{font-size:18px;font-weight:500;margin-top:.5em;color:var(--color-app-text-secondary)}.modal-body{margin-top:16px}.modal-actions{margin-top:32px;display:flex;flex-direction:column;gap:8px}}}@property --progress-percentage{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@scope (.root-viewport){:scope{isolation:isolate;position:absolute;width:100%;height:100%;height:100dvh;transition:opacity .3s .2s linear}@supports (height: stretch){:scope{height:-webkit-fill-available;height:stretch}}@starting-style{:scope{opacity:0}}.dialog-portal{position:absolute;z-index:4;inset:0;pointer-events:none;anchor-name:--centered-view-anchor}.app-window{position:absolute;z-index:1;inset:0;overflow-y:auto}.app-window:has(.main-app.is-search-mode){overflow:hidden}.main-app{position:relative;min-height:100%;display:flex;flex-direction:column}.page-view{position:relative;z-index:3;flex-grow:1;width:100%;max-width:var(--size-main-width);margin:64px auto 0;transition:filter .2s ease,opacity .2s linear}.main-app.is-search-mode .page-view{pointer-events:none;filter:blur(16px);opacity:.4;transition:filter 1.5s ease,opacity .2s linear}.app-top-elements-wrapper{z-index:5;position:sticky;inset:0 0 auto;height:0}.app-top-elements-area{position:absolute;inset:0 0 auto;height:100dvh;overflow:hidden;display:flex;flex-direction:column;pointer-events:none}@supports (not (-webkit-touch-callout: none)){.app-top-elements-area{height:var(--pwa-height, 100svh)}}.app-top-elements-area>*{pointer-events:auto}.main-app.is-search-mode .app-top-elements-area{pointer-events:auto;overflow-y:auto}.app-search-panel{width:100%;max-width:var(--size-main-width);margin:0 auto;transition:opacity .3s .2s ease,transform .4s .2s ease}.main-app:not(.is-search-mode) .app-search-panel{opacity:0;pointer-events:none;transform:translateY(8px);transition-delay:0s}.app-header-wrapper{position:sticky;top:0;z-index:5}.app-header{display:flex;max-width:var(--size-main-width);margin:0 auto;padding:8px;padding-top:calc(8px + env(safe-area-inset-top));gap:8px}.app-header:before{content:"";position:absolute;pointer-events:none;z-index:-2;inset:0 0 -16px;background:linear-gradient(to bottom,oklch(from var(--color-app-background) l c h / .8),transparent);-webkit-mask-image:linear-gradient(to bottom,white 60%,hsl(from white h s l / .8) 80%,transparent);mask-image:linear-gradient(to bottom,white 60%,hsl(from white h s l / .8) 80%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app-header .header-actions>:not(:first-child){margin-left:-6px}.app-header .header-search{flex-grow:1;min-width:48px}.app-header .header-search .input{align-self:stretch;flex-grow:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:16px}.app-header .header-search .input::placeholder{color:currentColor;opacity:.4}.app-header .account{position:relative}.app-header .save-status-indicator{z-index:3;position:absolute;top:0;right:0;margin:1px;width:12px;aspect-ratio:1;border-radius:999px;border:1.5px solid white;transition:background .1s ease,opacity .1s ease}.app-header .save-status-indicator[data-status=saved]{background:var(--color-green-noteBackground);opacity:0;transition:background .1s ease,opacity 1s .2s ease}.app-header .save-status-indicator[data-status=saving]{background:var(--color-orange-noteBackground)}.app-header .save-status-indicator[data-status=unsaved]{background:var(--color-violet-noteBackground)}.app-header .save-status-indicator[data-status=error]{background:var(--color-red-noteBackground)}.app-footer-wrapper{position:sticky;z-index:6;bottom:0;height:0;margin-top:auto;display:flex;flex-direction:column;justify-content:flex-end;transition:all .2s .1s ease}.app-footer-wrapper:not(.is-active){opacity:0;visibility:hidden;pointer-events:none;transition:none}.app-footer-wrapper .app-footer-inner{position:relative;padding-bottom:env(safe-area-inset-bottom,0);container-type:inline-size;anchor-name:--app-footer-wrapper}.app-footer-wrapper .app-footer-inner:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-16px 0 0;background:linear-gradient(to top,oklch(from var(--color-app-background) l c h / .4),transparent);-webkit-mask-image:linear-gradient(to top,white 60%,hsl(from white h s l / .8) 80%,transparent);mask-image:linear-gradient(to top,white 60%,hsl(from white h s l / .8) 80%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app-footer-wrapper .pages-bar-wrapper{display:flex;align-items:flex-end}@container (width > 800px){.app-footer-wrapper .pages-bar-wrapper{justify-content:center}}.app-footer-wrapper .pages-bar-wrapper:has(.pages-bar.is-hidden),.main-app.is-search-mode :is(.app-footer-wrapper .pages-bar-wrapper){height:0;pointer-events:none}:is(.app-footer-wrapper .pages-bar-wrapper:has(.pages-bar.is-hidden),.main-app.is-search-mode :is(.app-footer-wrapper .pages-bar-wrapper)) .page-item{opacity:0;transition-duration:0s}.app-footer-wrapper .pages-bar{--padding-safe: calc(var(--spacing-page-gutters) + env(safe-area-inset-bottom, 0));--padding-unsafe: calc(2 * var(--spacing-page-gutters));overflow-x:auto;display:flex;gap:8px;padding:24px calc(var(--spacing-page-gutters) + 8px);padding-bottom:max(var(--padding-safe),var(--padding-unsafe));transition:margin-bottom .5s ease-in-out}.app-footer-wrapper .pages-bar::-webkit-scrollbar{display:none}:root:has(.main-app.is-multi-select-mode) :scope :is(.app-footer-wrapper .pages-bar){margin-bottom:calc(-1*env(safe-area-inset-bottom,0))}.app-footer-wrapper .page-item{font-weight:400;transition:opacity .3s ease}@supports (corner-shape: superellipse(2)){.app-footer-wrapper .page-item{corner-shape:superellipse(1.5);border-radius:16px}}.app-footer-wrapper .page-item.is-selected{z-index:2;font-variation-settings:"GRAD" 125}.app-footer-wrapper .page-item:not(.is-selected) .trailing{visibility:hidden;pointer-events:none}.app-footer-wrapper .page-item .trailing{margin-left:-24px;margin-right:-8px}.app-footer-wrapper .multi-select-wrapper-outer{display:grid;grid-template-rows:1fr;overflow:clip;max-width:var(--size-main-width);margin-left:auto;margin-right:auto;margin-bottom:calc(-1*env(safe-area-inset-bottom,0));transition:all .5s ease-in-out;transition-property:grid-template-rows,margin-top}:root:has(.main-app:not(.is-multi-select-mode)) :scope :is(.app-footer-wrapper .multi-select-wrapper-outer){grid-template-rows:0fr}:root:has(.main-app.is-multi-select-mode) :scope :is(.app-footer-wrapper .multi-select-wrapper-outer){margin-top:calc(-1*var(--spacing-page-gutters))}.app-footer-wrapper .multi-select-wrapper-outer .multi-select-wrapper-inner{min-height:0}.app-footer-wrapper .multi-select-toolbar{display:flex;gap:8px;padding:4px;margin:8px;border-radius:100px;margin-bottom:max(8px,env(safe-area-inset-bottom,0));background:var(--style-overlayControl-background-light);box-shadow:var(--style-overlayControl-boxShadow);-webkit-backdrop-filter:var(--style-overlay-filter);backdrop-filter:var(--style-overlay-filter)}.app-footer-wrapper .multi-select-toolbar .counter{font-variant-numeric:tabular-nums}.app-footer-wrapper .multi-select-toolbar .multi-select-actions,.app-footer-wrapper .multi-select-toolbar .action{flex-grow:1}.app-footer-wrapper .multi-select-toolbar .details{padding-left:12px;padding-right:16px;gap:12px;background:var(--color-primary-medium);color:#fff;font-weight:500}.app-footer-wrapper .multi-select-toolbar .details:after{opacity:.3}.keyboard-toolbar{position:sticky;bottom:0;z-index:3;display:flex;justify-content:space-between;padding:4px;border-radius:24px 24px 0 0;background:var(--style-overlayControl-background);box-shadow:var(--style-overlayControl-boxShadow);-webkit-backdrop-filter:var(--style-overlay-filter);backdrop-filter:var(--style-overlay-filter)}.keyboard-toolbar:not(.is-active){display:none}.rename-input-wrapper{margin:8px 0}.rename-input{width:100%;padding:12px 16px;border-radius:8px;background:var(--color-app-background);border:2px solid var(--color-base-light);color:var(--color-app-text-primary);transition:border-color .2s,box-shadow .2s}.rename-input:focus{border-color:var(--color-primary-vivid);box-shadow:0 0 0 2px var(--color-primary-vivid)}}.m-icon.flip-v{transform:scaleY(-1)}.m-icon.rotate-90{transform:scaleY(-1) rotate(90deg)}@scope (.toast-notification){:scope{--notification-duration: 5;position:absolute;z-index:10;display:flex;gap:8px;justify-content:space-between;margin:0 24px;padding-left:20px;position-anchor:--app-footer-wrapper;position-area:top center;transition:all .3s ease;transition-property:transform,opacity,visibility}:scope:not(.is-visible){transform:translateY(50%);opacity:0;pointer-events:none;visibility:hidden}.toast-dismiss{position:relative}.progress-indicator{--progress-percentage: 0%;--bar-thickness: 3px;--progress-color: var(--color-shade-xlight);--track-color: transparent;transition:--progress-percentage 0s linear;z-index:-1;position:absolute;inset:2px;border-radius:999px;background:conic-gradient(var(--progress-color) var(--progress-percentage),var(--track-color) 0);-webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - var(--bar-thickness)),black calc(100% - var(--bar-thickness) + .5px));mask-image:radial-gradient(closest-side,transparent calc(100% - var(--bar-thickness)),black calc(100% - var(--bar-thickness) + .5px))}.progress-indicator.start-timer{--progress-percentage: 100%;transition-duration:calc(1s * var(--notification-duration))}}@scope (.notes-view){.section-header{display:flex;align-items:center;gap:8px;padding:0 var(--spacing-page-gutters);margin-bottom:var(--spacing-page-gutters);font-size:16px;color:var(--color-app-text-secondary)}.section-header .section-title{flex-grow:1}.section-group{padding:0 var(--spacing-page-gutters)}.notes-list{margin-top:16px;display:flex;flex-direction:column;gap:var(--spacing-note-gutters);padding:0 var(--spacing-page-gutters);margin-bottom:150px}.edit-note-menu{display:flex;align-items:center;gap:8px}.edit-note-menu .app-button.is-suggested .m-icon{position:relative;font-weight:500}.edit-note-menu .app-button.is-suggested .m-icon:after{content:"";position:absolute;z-index:-1;inset:0;margin:-4px;border-radius:8px;background:var(--color-shade-xlight)}}.notes-list{--time-noteLongTransition: .4s;--time-noteShortTransition: .2s;--timing-noteLongTransition: var(--time-noteLongTransition) ease-in-out;--transition-inset: inset var(--time-noteLongTransition) ease-in-out;--transition-margin: margin var(--time-noteLongTransition) ease-in-out;--transition-border-radius: border-radius var(--time-noteLongTransition) ease-in-out;--transition-background: background var(--time-noteLongTransition) ease-in-out;--transition-box-shadow: box-shadow var(--time-noteLongTransition) ease-in-out;--transition-color: color var(--time-noteLongTransition) ease-in-out;--transition-opacity: opacity var(--time-noteLongTransition) ease-in-out}.note-card{position:relative;display:flex;flex-direction:column;border-radius:calc(var(--radius-note) - var(--spacing-noteArea-padding)/2);transition:var(--transition-color),var(--transition-opacity),var(--transition-margin),var(--transition-border-radius)}.note-card:not(.completed-notes){z-index:3;contain:layout}.note-card.root-note:not(.completed-notes .note-card),.note-card.is-expanded{border-radius:var(--radius-note)}.note-card .note-card.is-expanded:not(.completed-notes){z-index:5}.note-card .note-card.is-expanded:not(.completed-notes):not(:first-of-type,.note-card.is-expanded+.note-card){margin-top:2px}.note-card .note-card.is-expanded:not(.completed-notes):not(:last-of-type){margin-bottom:2px}.note-card:not(.is-expanded) :is(.note-card .note-card){opacity:0}.note-card:not(.is-expanded) :is(.note-card .note-card).completed-notes{opacity:1}.note-card:not(.is-expanded) :is(.note-card .note-card).completed-notes>.note-body{opacity:0}.note-card .is-note-anchor{anchor-name:--note-anchor}.note-card .note-children-outer{overflow:clip;border-radius:0 0 40px 40px;display:grid;pointer-events:none;grid-template-rows:1fr;margin:calc(-1*(var(--spacing-noteArea-padding))) calc(-1*var(--spacing-page-gutters)) 0;transition:grid-template-rows var(--timing-noteLongTransition)}.note-card:not(.is-expanded)>:is(.note-card .note-children-outer){pointer-events:none;grid-template-rows:0fr}.note-card .note-children-inner{position:relative;pointer-events:auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-subNote-gutters);margin:var(--spacing-noteArea-padding) var(--spacing-page-gutters) 0}.main-app:not(.is-search-mode) .app-search-panel :is(.note-card .note-children-inner){pointer-events:none}.note-card .note-children-inner:not(.note-is-expanded){pointer-events:none}.note-card .note-children-inner:after{content:"";height:0;margin-bottom:calc(var(--spacing-noteArea-padding) - var(--spacing-subNote-gutters) + 1px)}.note-card .note-sticky-header-wrapper,.note-card .sticky-spacer{display:none}@supports (container-type: scroll-state){.note-card .note-sticky-header-wrapper{position:sticky;z-index:4;height:0;top:0;margin-bottom:30svh;display:flex;justify-content:center;align-items:flex-start;container-type:scroll-state}@container scroll-state(stuck: top){.note-card .note-sticky-header-wrapper .note-sticky-header{pointer-events:unset;visibility:unset;opacity:unset;translate:unset;transition-delay:.3s}}.note-card .sticky-spacer{display:block;margin-top:-30svh}}.note-card .note-sticky-header{text-wrap:nowrap;width:100%;max-width:220px;margin:72px 40px 0;padding:4px 16px;border-radius:999px;text-align:center;text-overflow:ellipsis;overflow:hidden;background:var(--note-default-background);box-shadow:var(--note-default-box-shadow-borders);pointer-events:none;visibility:hidden;opacity:0;translate:0 -12px;transition:visibility .3s ease,opacity .3s ease,translate .3s ease}.note-card .note-body{--handle-offset: calc(-1 * (var(--spacing-noteArea-padding) - 2px));position:relative;z-index:3;display:flex;padding:0;padding:0 var(--spacing-noteArea-padding);gap:calc(var(--spacing-noteArea-padding) + var(--handle-offset));transition:padding var(--timing-noteLongTransition),opacity var(--timing-noteLongTransition)}.note-card.root-note>:is(.note-card .note-body),.note-card.is-expanded>:is(.note-card .note-body),.app-search-panel .notes-list>.note-card>:is(.note-card .note-body){padding-top:4px;padding-bottom:4px}.note-card.completed-notes .root-note:not(.is-expanded)>:is(.note-card .note-body){padding-top:0;padding-bottom:0}.note-card .note-content{display:flow-root;align-self:flex-start;flex-grow:1;min-width:0;padding:calc((var(--size-noteAnchor) - 1lh)/2) 0;padding-right:var(--spacing-noteArea-padding)}.note-card .note-textarea{outline:none;position:relative;display:block;align-self:center;white-space:pre-wrap;min-height:1lh}.note-card .note-textarea em{background:oklch(from var(--note-shadow-color) l c h / .2);border-radius:4px}.note-card .note-textarea[contenteditable=plaintext-only]{cursor:auto}.note-card.is-completed :is(.note-card .note-textarea){opacity:.6;font-style:italic}.note-card.is-completed>.note-body>.note-content>:is(.note-card .note-textarea){opacity:.6;font-style:italic;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:-.33em;text-decoration-skip-ink:none}.note-card:is(.is-expanded:not(.completed-notes),.root-note:not(.completed-notes,.completed-notes .root-note))>.note-body>.note-content>:is(.note-card .note-textarea):first-line{font-variation-settings:"GRAD" 125}.note-card .note-textarea.is-empty:before{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;content:attr(data-placeholder);opacity:.6;text-decoration:inherit;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden;padding-right:32px}.note-card .note-handle{width:var(--size-noteAnchor);height:var(--size-noteAnchor);display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:var(--anchor-offset);transition:transform .3s ease-in-out}.note-card.is-expanded>.note-body>:is(.note-card .note-handle).expander{transform:rotate(90deg) scale(1)}.note-card .bullet-icon{width:8px;height:8px;border:1px solid;border-radius:8px;border:none;width:7px;height:7px;background:currentColor;opacity:.2}.note-card .note-indicators-area{float:inline-end;height:1lh;display:flex;align-items:center}.note-card .note-indicators-area:empty{display:none}.note-card .note-indicator{display:flex;justify-content:center;align-items:center;min-height:24px;gap:3px;padding:0 4px;margin-left:8px;border-radius:12px;font-size:12px;font-weight:700;color:var(--note-text-color-light)}.note-card .note-indicator .label{text-box-trim:trim-both;text-box-edge:cap alphabetic}.note-card .note-indicator.completed{padding:0 2px}.note-card .note-indicator.checklist .label{display:flex;gap:2px}.note-card .note-indicator.checklist .element{text-box-trim:inherit;text-box-edge:inherit}.note-card .note-indicator.checklist .element.slash{font-weight:400}.note-card .note-select{position:absolute;z-index:2;right:0;margin-right:8px;flex-shrink:0;width:48px;height:48px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;border-radius:12px;transition:opacity .2s ease}.note-card .note-select:before{pointer-events:none;content:"";position:absolute;inset:0;left:unset;width:200%;z-index:-1;border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--note-background-color);margin:4px 4px 8px;-webkit-mask-image:linear-gradient(to left,black 50%,transparent);mask-image:linear-gradient(to left,black 50%,transparent);transition:background var(--timing-noteLongTransition)}.note-card .note-select .select-box,.note-card .note-select .select-mark{grid-column:1;grid-row:1;transition:all .2s ease}.note-card .note-select .select-box{width:24px;height:24px;border-radius:4px;border:2px solid}.note-card .note-select .select-mark{opacity:0}.note-card.is-selected>.note-body>.note-select .select-box,.note-card.is-selected>.note-body>.note-select .select-mark{opacity:1}.note-card.is-selected .select-box,.note-card.is-selected .select-mark{opacity:.25}.note-card.is-selected .note-card.is-selected>.note-body>.note-select .select-box{opacity:.25}.note-card.is-selected .note-card.is-selected>.note-body>.note-select .select-mark{opacity:1}.note-card.is-selected-implicit>.note-body>.note-select>.select-box,.note-card.is-selected-implicit>.note-body>.note-select>.select-mark{opacity:.25}.note-card.is-selected-implicit.is-selected>.note-body>.note-select>.select-mark{opacity:1}.note-card.completed-notes>.note-body>.note-content>.note-textarea{display:flex;align-items:center;font-style:italic;opacity:.6;transition:opacity .2s ease}.note-card.completed-notes>.note-body>.note-handle{opacity:.6;transition:opacity .2s ease}.note-card.completed-notes.is-expanded>.note-body .note-textarea,.note-card.completed-notes.is-expanded>.note-body .note-handle{opacity:1}.note-card.completed-notes:not(.root-note):before,.note-card.completed-notes:not(.root-note):after{display:none}.note-card.completed-notes:not(.root-note).is-expanded>.note-body{margin-top:0;padding-top:0}.note-card.completed-notes:not(.root-note).is-expanded>.note-body .horizontal-line{opacity:.2;flex-grow:1}.note-card.completed-notes:not(.root-note)>.note-children-outer>.note-children-inner:after{display:none}.note-card.completed-notes .horizontal-line{flex-grow:0;height:1px;margin-left:16px;border-radius:999px;background:currentColor;opacity:0;transition:all .6s ease}.note-card.completed-notes>.note-children-outer{margin-bottom:calc(-1*var(--spacing-noteArea-padding))}.note-card.completed-notes>.note-children-outer>.note-children-inner{margin-bottom:var(--spacing-noteArea-padding)}.main-app:not(.is-multi-select-mode) .note-card .select-box,.main-app:not(.is-multi-select-mode) .note-card .select-mark{transform:translate(4px)}.main-app:not(.is-multi-select-mode) .note-card .note-select{pointer-events:none;opacity:0;visibility:hidden}@scope (.note-card){:scope{--pageColorDefault-note-background-color: var(--color-plain-noteBackground);--pageColorDefault-note-background-color-selected: var(--color-plain-noteBackground-selected);--pageColorDefault-note-border-color: var(--color-plain-noteBorder);--pageColorDefault-note-border-color-bottom: var(--color-plain-noteBorder-bottom);--pageColorDefault-note-border-inset-color: var(--color-plain-noteInsetBorder);--pageColorDefault-note-border-inset-color_bottom: var(--color-plain-noteInsetBorder-bottom);--pageColorDefault-note-shadow-color: var(--color-plain-noteShadow);--pageColorDefault-note-text-color: var(--color-plain-noteText);--pageColorDefault-note-text-color-light: var(--color-plain-noteText-light);--note-default-background: var(--_note-background-color, var(--pageColorDefault-note-background-color));--note-background-color: var(--note-default-background, var(--pageColorDefault-note-background-color));--note-background-color-selected: var(--_note-background-color-selected, var(--pageColorDefault-note-background-color-selected));--note-border-color: var(--_note-border-color, var(--pageColorDefault-note-border-color));--note-border-color-bottom: var(--_note-border-color-bottom, var(--pageColorDefault-note-border-color-bottom));--note-border-inset-color: var(--_note-border-inset-color, var(--pageColorDefault-note-border-inset-color));--note-border-inset-color_bottom: var(--_note-border-inset-color_bottom, var(--pageColorDefault-note-border-inset-color_bottom));--note-shadow-color: var(--_note-shadow-color, var(--pageColorDefault-note-shadow-color));--note-text-color: var(--_note-text-color, var(--pageColorDefault-note-text-color));--note-text-color-light: var(--_note-text-color-light, var(--pageColorDefault-note-text-color-light));--note-shadow: 0 4px 12px oklch(from var(--note-shadow-color) l c h / .1);--note-shadow-nested: 0 1px 4px oklch(from var(--note-shadow-color) l c h / .15);--box-shadow-border-top: 0 -1px 0;--box-shadow-border-left: 1px 0 0;--box-shadow-border-right: -1px 0 0;--box-shadow-border-bottom: 0 1px 0;--box-shadow-border-all: 0 0 0 1px;--box-shadow-inset-border-top: inset 0 1px 0;--box-shadow-inset-border-left: inset -1px 0 0;--box-shadow-inset-border-right: inset 1px 0 0;--box-shadow-inset-border-bottom: inset 0 -1px 0;--note-default-box-shadow-borders: var(--box-shadow-border-bottom) var(--note-border-color-bottom), var(--box-shadow-border-all) var(--note-border-color), var(--box-shadow-inset-border-top) var(--note-border-inset-color), var(--box-shadow-inset-border-left) var(--note-border-inset-color), var(--box-shadow-inset-border-right) var(--note-border-inset-color);--note-box-shadow-borders: var(--note-default-box-shadow-borders);--note-box-shadow-borders-selected: var(--box-shadow-border-bottom) oklch(100% 0 0 / .8), var(--box-shadow-border-all) transparent, var(--box-shadow-inset-border-top) var(--note-border-color), var(--box-shadow-inset-border-left) var(--note-border-color), var(--box-shadow-inset-border-right) var(--note-border-color)}:scope{color:var(--note-text-color)}:scope:before,:scope:after{content:"";position:absolute;z-index:2;pointer-events:none;inset:0;border-radius:inherit;corner-shape:inherit;--transition-inset: inset var(--time-noteShortTransition) ease-in-out;transition:var(--transition-inset),var(--transition-margin),var(--transition-background),var(--transition-box-shadow)}:scope:before{background:var(--note-background-color);box-shadow:var(--note-box-shadow-borders)}:scope:after{z-index:1;box-shadow:var(--note-shadow-nested)}:scope .note-card:not(.is-expanded):before,:scope .note-card:not(.is-expanded):after{inset:0 8px;--transition-inset: inset var(--time-noteShortTransition) calc(var(--time-noteLongTransition) - var(--time-noteShortTransition)) ease-in-out}:is(:scope.is-expanded,:scope.root-note):after{box-shadow:var(--note-shadow)}:scope.is-highlighted{--note-background-color: var(--_note-background-color-selected);--note-box-shadow-borders: var(--note-box-shadow-borders-selected)}:scope.is-highlighted:before,:scope.is-highlighted:after{transition-duration:.2s;margin:0 1px}:scope.is-highlighted:after{box-shadow:none}}:is(.note-card .note-card.color-inherit,.note-color-plain>.note-card.color-plain,.note-color-red>.note-card.color-red,.note-color-orange>.note-card.color-orange,.note-color-yellow>.note-card.color-yellow,.note-color-green>.note-card.color-green,.note-color-blue>.note-card.color-blue,.note-color-violet>.note-card.color-violet):not(.is-expanded,.is-highlighted,.note-is-highlighted>.note-card,.note-is-highlighted>.note-card.completed-notes>.note-children-outer>.note-children-inner>.note-card):before{background:none;box-shadow:none}:is(.note-card .note-card.color-inherit,.note-color-plain>.note-card.color-plain,.note-color-red>.note-card.color-red,.note-color-orange>.note-card.color-orange,.note-color-yellow>.note-card.color-yellow,.note-color-green>.note-card.color-green,.note-color-blue>.note-card.color-blue,.note-color-violet>.note-card.color-violet):not(.is-expanded,.is-highlighted,.note-is-highlighted>.note-card,.note-is-highlighted>.note-card.completed-notes>.note-children-outer>.note-children-inner>.note-card):after{box-shadow:none}@scope (.note-card.color-plain,.root-note.color-inherit){:scope{--_note-background-color: var(--color-plain-noteBackground);--_note-background-color-selected: var(--color-plain-noteBackground-selected);--_note-border-color: var(--color-plain-noteBorder);--_note-border-color-bottom: var(--color-plain-noteBorder-bottom);--_note-border-inset-color: var(--color-plain-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-plain-noteInsetBorder-bottom);--_note-shadow-color: var(--color-plain-noteShadow);--_note-text-color: var(--color-plain-noteText);--_note-text-color-light: var(--color-plain-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-plain-noteShadow)}}@scope (.note-card.color-red){:scope{--_note-background-color: var(--color-red-noteBackground);--_note-background-color-selected: var(--color-red-noteBackground-selected);--_note-border-color: var(--color-red-noteBorder);--_note-border-color-bottom: var(--color-red-noteBorder-bottom);--_note-border-inset-color: var(--color-red-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-red-noteInsetBorder-bottom);--_note-shadow-color: var(--color-red-noteShadow);--_note-text-color: var(--color-red-noteText);--_note-text-color-light: var(--color-red-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-red-noteShadow)}}@scope (.note-card.color-orange){:scope{--_note-background-color: var(--color-orange-noteBackground);--_note-background-color-selected: var(--color-orange-noteBackground-selected);--_note-border-color: var(--color-orange-noteBorder);--_note-border-color-bottom: var(--color-orange-noteBorder-bottom);--_note-border-inset-color: var(--color-orange-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-orange-noteInsetBorder-bottom);--_note-shadow-color: var(--color-orange-noteShadow);--_note-text-color: var(--color-orange-noteText);--_note-text-color-light: var(--color-orange-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-orange-noteShadow)}}@scope (.note-card.color-yellow){:scope{--_note-background-color: var(--color-yellow-noteBackground);--_note-background-color-selected: var(--color-yellow-noteBackground-selected);--_note-border-color: var(--color-yellow-noteBorder);--_note-border-color-bottom: var(--color-yellow-noteBorder-bottom);--_note-border-inset-color: var(--color-yellow-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-yellow-noteInsetBorder-bottom);--_note-shadow-color: var(--color-yellow-noteShadow);--_note-text-color: var(--color-yellow-noteText);--_note-text-color-light: var(--color-yellow-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-yellow-noteShadow)}}@scope (.note-card.color-green){:scope{--_note-background-color: var(--color-green-noteBackground);--_note-background-color-selected: var(--color-green-noteBackground-selected);--_note-border-color: var(--color-green-noteBorder);--_note-border-color-bottom: var(--color-green-noteBorder-bottom);--_note-border-inset-color: var(--color-green-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-green-noteInsetBorder-bottom);--_note-shadow-color: var(--color-green-noteShadow);--_note-text-color: var(--color-green-noteText);--_note-text-color-light: var(--color-green-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-green-noteShadow)}}@scope (.note-card.color-blue){:scope{--_note-background-color: var(--color-blue-noteBackground);--_note-background-color-selected: var(--color-blue-noteBackground-selected);--_note-border-color: var(--color-blue-noteBorder);--_note-border-color-bottom: var(--color-blue-noteBorder-bottom);--_note-border-inset-color: var(--color-blue-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-blue-noteInsetBorder-bottom);--_note-shadow-color: var(--color-blue-noteShadow);--_note-text-color: var(--color-blue-noteText);--_note-text-color-light: var(--color-blue-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-blue-noteShadow)}}@scope (.note-card.color-violet){:scope{--_note-background-color: var(--color-violet-noteBackground);--_note-background-color-selected: var(--color-violet-noteBackground-selected);--_note-border-color: var(--color-violet-noteBorder);--_note-border-color-bottom: var(--color-violet-noteBorder-bottom);--_note-border-inset-color: var(--color-violet-noteInsetBorder);--_note-border-inset-color_bottom: var(--color-violet-noteInsetBorder-bottom);--_note-shadow-color: var(--color-violet-noteShadow);--_note-text-color: var(--color-violet-noteText);--_note-text-color-light: var(--color-violet-noteText-light)}:scope>.note-children-outer>.note-children-inner>.note-card{--_note-shadow-color: var(--color-violet-noteShadow)}}@scope (.settings-page){:scope{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--color-app-background);color:var(--color-app-text-primary);text-wrap:pretty;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}:scope:not(.is-active){transform:translate(80%);opacity:0;pointer-events:none}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 48px;padding-top:calc(16px + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:2;background:linear-gradient(to bottom,var(--color-app-background) 50%,transparent);-webkit-mask-image:linear-gradient(to bottom,white 60%,hsl(from white h s l / .8) 80%,transparent);mask-image:linear-gradient(to bottom,white 60%,hsl(from white h s l / .8) 80%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.settings-title{font-size:22px;font-weight:500}.settings-content{flex-grow:1;padding:0 16px 24px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section .section-header{font-size:12px;font-weight:700;text-transform:uppercase;margin-left:8px;color:var(--color-app-text-light)}.section-card{border-radius:16px;background:var(--style-overlayControl-background);box-shadow:var(--style-overlayControl-boxShadow)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.settings-item.clickable{cursor:pointer}.settings-item .item-info{display:flex;flex-direction:column;gap:2px;flex-grow:1;padding-right:12px}.settings-item .item-label{font-size:16px;font-weight:500}.settings-item .item-subtext{font-size:.75em;color:var(--color-app-text-secondary);line-height:normal}.settings-item .item-action-wrapper{display:flex;align-items:center;gap:4px;color:oklch(from var(--color-plain-noteText) calc(l - .2) c h)}.settings-item .item-action-value{font-size:14px}.toggle-switch{flex-shrink:0;position:relative;display:inline-block;width:46px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-app-text-light);transition:.25s cubic-bezier(.4,0,.2,1);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--style-overlayControl-background-active)}input:checked+.toggle-slider:before{transform:translate(20px)}.settings-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;font-size:12px;color:var(--color-app-text-light)}.import-data{font-size:16px;background:var(--color-app-background-inset);border-radius:12px}.datum{padding:8px 12px}.datum-label{font-weight:600;color:var(--color-app-text-secondary)}.datum-value{font-weight:500;color:var(--color-app-text-primary)}.datum-value--warning{color:var(--color-caution, #e6a817)}.import-details-summary{display:flex;flex-direction:column;gap:12px;width:100%}.summary-intro{font-size:14px;color:var(--color-app-text-secondary);margin:0}.summary-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;background:var(--color-app-background-inset);border-radius:12px;overflow:hidden}.summary-table th,.summary-table td{padding:10px 12px}.summary-table th{font-weight:600;color:var(--color-app-text-secondary);background:var(--style-overlayControl-background);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.summary-table td{border-top:1px solid var(--color-base-light);color:var(--color-app-text-primary)}.summary-table .added-val{color:oklch(.65 .15 var(--hue-green));font-weight:600}.summary-table .updated-val{color:oklch(.6 .15 var(--hue-blue));font-weight:600}.summary-table .skipped-val{color:var(--color-app-text-light)}.import-error-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 8px}.import-error-message .error-icon{font-size:48px;color:var(--color-danger-vivid)}.import-error-message p{font-size:14px;color:var(--color-app-text-primary);margin:0}}@layer base{html,body{height:100%;margin:0;padding:0;overflow:hidden}body{position:relative}body{font-family:Google Sans,sans-serif;font-weight:400;font-style:normal;font-optical-sizing:auto;font-size:18px;color:#000;background:var(--color-app-background)}#root{display:contents}.m-icon{font-weight:300}}