:root{--motion-emphasized:cubic-bezier(.2, 0, 0, 1);--motion-emphasized-decelerate:cubic-bezier(.15, .09, .1, 1);--motion-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--motion-standard:cubic-bezier(.2, 0, 0, 1);--motion-duration-short:.25s;--motion-duration-medium:.35s;--motion-duration-long:.45s;--app-height:100vh;--keyboard-inset:0px;--keyboard-overlay-inset:0px;--keyboard-visual-top:0px}@supports (height:100svh){:root{--app-height:100svh}}html{height:var(--app-height);overflow:hidden}body.bluecolor{--primary:#9ecaff;--on-primary:#003258;--primary-container:#00497d;--on-primary-container:#d1e4ff;--secondary:#bbc7db;--on-secondary:#253140;--secondary-container:#3b4858;--on-secondary-container:#d7e3f7;--tertiary:#d6bee4;--on-tertiary:#3b2948;--tertiary-container:#523f5f;--on-tertiary-container:#f2daff;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffb4ab;--background:#1a1c1e;--on-background:#e2e2e6;--surface:#121316;--on-surface:#e2e2e6;--surface-variant:#43474e;--on-surface-variant:#c3c7cf;--outline:#8d9199;--outline-variant:#43474e;--shadow:#000;--scrim:#000;--inverse-surface:#e2e2e6;--inverse-on-surface:#2f3033;--inverse-primary:#0061a4;--surface-dim:#121316;--surface-bright:#38393c;--surface-container-lowest:#0d0e11;--surface-container-low:#1a1c1e;--surface-container:#1e2022;--surface-container-high:#282a2d;--surface-container-highest:#333538}body{background:var(--surface);height:var(--app-height);flex-direction:column;margin:0;padding:0;font-family:Google Sans,sans-serif;display:flex;overflow:hidden}.sync-app-bar{border-top:1px solid var(--outline-variant);background:var(--surface-container);min-height:44px;color:var(--on-surface);transition:background-color var(--motion-duration-medium) var(--motion-standard), color var(--motion-duration-short) linear, border-color var(--motion-duration-medium) var(--motion-standard);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:.9em;font-weight:500;display:flex}.sync-status-group{align-items:center;gap:12px;min-width:0;display:flex}.sync-app-bar.has-error{color:var(--error)}.sync-app-bar.is-idle{color:var(--on-surface-variant)}.sync-check{color:var(--outline);flex:none;font-size:20px;line-height:1;display:none}.sync-spinner{border:2px solid var(--outline-variant);border-top-color:currentColor;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite sync-spin}.sync-app-bar.is-idle .sync-spinner{display:none}.sync-app-bar.is-idle .sync-check{animation:sync-check-in var(--motion-duration-medium) var(--motion-emphasized-decelerate);display:inline-flex}#sync-status-text{text-overflow:ellipsis;white-space:nowrap;will-change:opacity, transform;display:inline-block;overflow:hidden}#sync-status-text.sync-text-out{animation:sync-text-out var(--motion-duration-short) var(--motion-emphasized-accelerate) both}#sync-status-text.sync-text-in{animation:sync-text-in var(--motion-duration-medium) var(--motion-emphasized-decelerate) both}@keyframes sync-spin{to{transform:rotate(360deg)}}@keyframes sync-check-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.app-bar-icon-btn{width:36px;min-width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-bar-icon-btn:hover,.app-bar-icon-btn:focus-visible{background:var(--surface-container-high);color:var(--on-surface)}.app-bar-icon-btn i{font-size:22px;line-height:1}.app-container{flex:1;display:flex;position:relative;overflow:hidden}.nlppppp{border-right:1px solid var(--outline-variant);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.folders-container{flex-direction:column;min-height:0;display:flex}@media (width>=769px){.nlppppp{flex:0 0 300px;width:300px}.app-container{flex-direction:row}.folders-container{border-right:1px solid var(--outline-variant);flex-direction:column;flex:0 0 240px;display:flex}.detail-container{flex-direction:column;flex:1;display:flex;overflow-y:auto}.hamburger-btn,.mobile-overlay{display:none}.notes-header{color:var(--outline);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:12px 16px;font-size:.85em;font-weight:500}}@media (width<=768px){.notes-header{margin-left:40px;padding:24px;font-size:24px;font-weight:700}.app-container{flex-direction:column}.folders-container{top:var(--keyboard-visual-top);bottom:var(--keyboard-overlay-inset);z-index:200;width:300px;height:auto;transition:transform var(--motion-duration-long) var(--motion-emphasized-decelerate);will-change:transform;background:var(--background);border-top-right-radius:10px;border-bottom-right-radius:10px;flex-direction:column;display:flex;position:fixed;left:0;transform:translate(-100%)}.folders-container.open{transform:translate(0);box-shadow:16px 0 48px #00000052}.detail-container{top:var(--keyboard-visual-top);bottom:var(--keyboard-overlay-inset);box-sizing:border-box;z-index:150;width:100%;height:auto;transition:transform var(--motion-duration-long) var(--motion-emphasized-decelerate);will-change:transform;background:var(--surface);flex-direction:column;display:flex;position:fixed;left:0;overflow:hidden;transform:translate(100%)}.detail-container.open{transform:translate(0)}.mobile-overlay{z-index:99;opacity:0;width:100%;height:100%;transition:opacity var(--motion-duration-short) linear;background:#00000080;display:none;position:fixed;top:0;left:0}.mobile-overlay.show{opacity:1;animation:overlay-fade-in var(--motion-duration-short) linear;display:block}.hamburger-btn{cursor:pointer;width:48px;height:48px;color:var(--on-surface);z-index:100;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:11px;left:10px}.nlppppp{flex:1;width:100%}}.sidebar{width:100%;transition:transform var(--motion-duration-medium) var(--motion-standard);flex:1;padding:0;overflow-y:auto}.sidebar.hidden{height:var(--app-height);z-index:100;position:absolute;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar-header{color:var(--outline);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:12px 16px;font-size:.85em;font-weight:500}.folders-panel{min-height:0;padding-bottom:var(--keyboard-inset);scroll-padding-bottom:calc(16px + var(--keyboard-inset));box-sizing:border-box;border-radius:0;flex-direction:column;display:flex}.notes-panel{flex-direction:column;display:flex}#btn-create-note,#btn-create-folder{border-radius:0;flex:0 0 40px;width:100%;height:40px;margin-top:auto;padding:0;position:static}.folder-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}#notes-list{overscroll-behavior:contain;outline:none;flex:1;min-height:0;overflow-y:auto}.notes-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.selection-count{color:var(--primary);letter-spacing:0;text-transform:none;white-space:nowrap;font-size:.92em;font-weight:600}.notes-header-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.notes-search{gap:8px}.notes-search>i{color:var(--on-surface-variant);flex:none}.notes-search-input{min-width:0;color:var(--on-surface);font:inherit;letter-spacing:0;text-transform:none;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:1rem;font-weight:400}.notes-search-input::placeholder{color:var(--outline)}.notes-search-input::-webkit-search-cancel-button{display:none}.note-list-folder{background:var(--surface-container);max-width:40%;color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:.8em;overflow:hidden}.note-list-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.unsaved-dot{background:var(--primary);width:8px;height:8px;animation:unsaved-dot-breathe 2.4s var(--motion-standard) infinite;border-radius:50%;flex:none}.folder-item{cursor:pointer;color:var(--on-surface-variant);transition:background-color var(--motion-duration-short) linear, color var(--motion-duration-short) linear, border-left-color var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard);text-overflow:ellipsis;border-left:4px solid #0000;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.folder-item:hover{background:var(--surface-container-high)}.folder-item.context-open{background:var(--surface-container-high);color:var(--on-surface)}.folder-item:focus-visible,.folder-item.focused:focus-visible{border-radius:3px}.folder-item.active{background:var(--surface-variant);border-left-color:var(--primary);color:var(--primary);font-weight:500}.note-list-item.selected{border-left-color:color-mix(in srgb, var(--primary) 72%, var(--outline))}.note-list-item.selected:not(.current){background:color-mix(in srgb, var(--surface-variant) 78%, transparent);color:var(--on-surface)}.note-list-item.current{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 48%, transparent)}.note-list-item[draggable=true]{cursor:grab}#notes-list .note-list-item,#folder-list .folder-item{-webkit-user-select:none;user-select:none}.note-list-item.dragging{opacity:.05;cursor:grabbing}.jnote-drag-preview{pointer-events:none;isolation:isolate;contain:layout style;opacity:1;width:260px;height:64px;color:var(--on-surface);font:500 .92rem/1.2 system-ui,sans-serif;position:fixed;top:-10000px;left:-10000px}.jnote-drag-card{box-sizing:border-box;border:1px solid var(--outline-variant);background:var(--surface-container-high);opacity:1;border-radius:8px;position:absolute;inset:14px 12px 4px 4px}.jnote-drag-card-back{box-shadow:0 5px 14px #0003}.jnote-drag-card-front{z-index:4;border-color:color-mix(in srgb, var(--primary) 58%, var(--outline-variant));align-items:center;gap:9px;padding:10px 11px;display:flex;box-shadow:0 10px 28px #0000004d}.jnote-drag-card-front i{color:var(--primary);flex:none;font-size:21px}.jnote-drag-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.jnote-drag-count{box-sizing:border-box;background:var(--primary);min-width:27px;height:27px;color:var(--on-primary);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:.82rem;font-weight:700;display:inline-flex}.folder-item.drag-over{background:var(--primary-container);color:var(--on-primary-container);border-left-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.note-list-item.renaming{background:var(--surface-container-high);border-left-color:var(--primary);cursor:text}.folder-item.renaming{cursor:text;background:var(--surface-container-high);border-left-color:var(--primary)}.note-rename-input,.folder-rename-input{border:1px solid var(--primary);background:var(--surface);width:100%;min-width:0;height:28px;color:var(--on-surface);font:inherit;box-sizing:border-box;-webkit-user-select:text;user-select:text;border-radius:3px;outline:none;padding:2px 6px}.note-rename-input:focus,.folder-rename-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}.folder-item-creating{cursor:text}.empty-state{text-align:center;color:var(--outline);padding:24px 16px;font-size:.9em}.top-bar{z-index:1;background:0 0;align-items:center;gap:16px;width:100%;height:48px;padding:0;display:flex}#btn-create-note{border-radius:0;width:100%;height:40px;padding:0;position:static}.menu-button{display:none}.top-bar h1{flex:1;margin:0;font-size:1.5em}#note-detail{padding-bottom:max(24px, calc(24px + var(--keyboard-inset)));overscroll-behavior:contain;width:100%;min-height:0;scroll-padding-bottom:calc(24px + var(--keyboard-inset));flex:1;overflow-y:auto}.close-detail-btn{cursor:pointer;width:40px;height:40px;color:var(--on-surface);transition:background-color var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard);background:0 0;border:none;flex:0 0 40px;justify-content:center;align-items:center;margin:0 auto 0 0;padding:0;display:none}.note-detail-toolbar.close-only{display:none}.hamburger-btn:hover,.close-detail-btn:hover{background:var(--surface-container-high)}.hamburger-btn:active,.close-detail-btn:active{transform:scale(.92)}@media (width<=768px){.close-detail-btn{display:flex}.detail-container{padding-top:0}#note-detail{padding:0;scroll-padding-top:64px;scroll-padding-bottom:24px}.note-detail-toolbar{z-index:9;box-sizing:border-box;background:var(--surface);min-height:64px;padding:12px 0;animation:none;position:sticky;top:0}.note-detail-toolbar.close-only{align-items:center;display:flex}}.note-detail-content{color:var(--on-surface);white-space:pre-wrap;word-break:break-word;margin:0;padding:0;font-size:1em;line-height:1.5}.note-actions,.note-title,.note-detail-content{animation:content-enter var(--motion-duration-medium) var(--motion-emphasized-decelerate) both}.note-details-wrapper{padding:24px}.note-title{animation-delay:25ms}.note-detail-content{animation-delay:50ms}.empty,.error{text-align:center;color:var(--on-surface-variant);padding:40px;font-size:1.05em}.error{color:var(--error)}.overlay,.modal{z-index:99;display:none;position:fixed;inset:0}.overlay{background:#00000080}.overlay.show{animation:overlay-fade-in var(--motion-duration-short) linear;display:block}.encryption-modal{z-index:1000;background:#000;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.encryption-modal.show{animation:overlay-fade-in var(--motion-duration-short) linear;display:flex}.encryption-modal-content{border:1px solid var(--outline-variant);background:var(--surface-container);width:min(420px,100%);color:var(--on-surface);animation:modal-enter var(--motion-duration-medium) var(--motion-emphasized-decelerate) both;border-radius:8px;margin:0;padding:24px;box-shadow:0 24px 72px #00000073}.encryption-modal-content h2{margin:0 0 10px;font-size:1.25em;font-weight:600}.encryption-copy,.encryption-warning,.encryption-error{margin:0 0 14px;font-size:.95em;line-height:1.45}.encryption-copy{color:var(--on-surface-variant)}.encryption-auth-copy{color:var(--on-surface-variant);margin:0 0 14px;font-size:.95em;line-height:1.45}.encryption-auth-copy a{color:var(--primary);font-weight:600}.encryption-warning{border:1px solid color-mix(in srgb, var(--error) 55%, var(--outline-variant));color:var(--error);background:color-mix(in srgb, var(--error-container) 35%, transparent);border-radius:8px;padding:12px}.encryption-field{margin:0 0 18px}.encryption-actions{flex-direction:column;gap:8px;display:flex}.encryption-error{color:var(--error)}.encryption-signin{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.encryption-submit{cursor:pointer;white-space:normal;box-sizing:border-box;border:0;width:100%;height:auto;min-height:42px;padding:10px 14px;font-weight:600;line-height:1.2}.encryption-submit:disabled{opacity:.62;cursor:wait;box-shadow:none;transform:none}.modal{z-index:200;padding:16px 16px calc(16px + var(--keyboard-inset));box-sizing:border-box;background:#00000080;justify-content:center;align-items:center}.modal.show{animation:overlay-fade-in var(--motion-duration-short) linear;display:flex}.modal-content{background:var(--surface);max-width:400px;max-height:calc(var(--app-height) - var(--keyboard-inset) - 32px);box-sizing:border-box;border:1px solid var(--outline);transform-origin:50%;border-radius:12px;flex-direction:column;width:90%;min-height:0;padding:24px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal.show .modal-content{animation:modal-enter var(--motion-duration-medium) var(--motion-emphasized-decelerate) both}.modal-header{color:var(--on-surface);margin:0 0 16px;font-size:1.3em;font-weight:600}.folder-selection{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;margin-bottom:16px;display:flex;overflow-y:auto}.folder-option{background:var(--surface-variant);border:1px solid var(--outline);cursor:pointer;color:var(--on-surface-variant);transition:background-color var(--motion-duration-short) linear, border-color var(--motion-duration-short) linear, color var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard);text-align:left;border-radius:8px;padding:12px 16px}.folder-option:hover{background:var(--outline);color:var(--on-surface);transform:translateY(-1px)}.folder-option:active{transform:scale(.99)}.folder-option.selected{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.folder-input-wrapper{gap:8px;margin-top:8px;display:flex}.folder-input-wrapper input{border:1px solid var(--outline);background:var(--surface-variant);color:var(--on-surface);transition:background-color var(--motion-duration-short) linear, border-color var(--motion-duration-short) linear, box-shadow var(--motion-duration-short) linear;border-radius:8px;flex:1;padding:12px 16px;font-size:1em}.folder-input-wrapper input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.folder-input-wrapper input::placeholder{color:var(--outline)}.folder-input-wrapper button{background:var(--primary);color:var(--on-primary);cursor:pointer;transition:opacity var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard), box-shadow var(--motion-duration-short) linear;border:none;border-radius:8px;padding:12px 16px;font-weight:500}.folder-input-wrapper button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{cursor:pointer;transition:background-color var(--motion-duration-short) linear, color var(--motion-duration-short) linear, opacity var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard), box-shadow var(--motion-duration-short) linear;border:none;border-radius:100px;padding:10px 20px;font-weight:500}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 18px #0003}.btn-secondary{color:var(--on-surface-variant);background:0 0}.btn-secondary:hover{background:var(--surface-container-medium);transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.folder-input-wrapper button:active,.modal-actions button:active,.note-actions button:not(.close-detail-btn):active{transform:scale(.98)}button{height:2em;transition:background-color var(--motion-duration-short) linear, color var(--motion-duration-short) linear, opacity var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-standard), box-shadow var(--motion-duration-short) linear;border-radius:100px;margin:0}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.note-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:20px 24px 20px 20px;display:flex}.note-actions button:not(.close-detail-btn){border:2px solid var(--primary);cursor:pointer;transition:background-color var(--motion-duration-short) linear, color var(--motion-duration-short) linear, opacity var(--motion-duration-short) linear, transform var(--motion-duration-short) var(--motion-emphasized), box-shadow var(--motion-duration-short) linear;padding:8px 16px;font-size:.9em;font-weight:500}.note-actions button:not(.btn-primary):not(.close-detail-btn){border:2px solid var(--outline)}.note-actions button:not(.btn-primary):not(.close-detail-btn):hover{border:2px solid var(--outline);background:var(--surface-bright)}@media (width<=768px){.note-detail-toolbar.note-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:0}.note-detail-toolbar.note-actions>button{box-sizing:border-box;flex:none;height:40px;min-height:40px}}.note-title,.note-detail-content.editable{color:var(--on-surface);white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-family:inherit;line-height:1.5;display:block;overflow:hidden}.note-title:focus-visible,.note-detail-content.editable:focus-visible{border-radius:3px}.note-title{word-break:break-word;height:auto;min-height:auto;margin:0 0 .6em;font-size:2em;font-weight:600;line-height:1.2}.note-detail-content.editable{min-height:300px;font-size:1em}[contenteditable]:empty:before{content:attr(placeholder);color:var(--outline);cursor:text}#btn-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.note-context-menu{z-index:300;border:1px solid var(--outline-variant);background:var(--surface-container-high);min-width:164px;color:var(--on-surface);transform-origin:0 0;animation:context-menu-enter var(--motion-duration-short) var(--motion-emphasized-decelerate) both;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed;box-shadow:0 18px 48px #00000057}.note-context-menu[hidden]{display:none}.note-context-menu button{width:-webkit-fill-available;width:-moz-available;width:stretch;height:auto;min-height:8px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 10px;font-size:.92em;display:flex;box-shadow:none!important}.note-context-menu button:hover,.note-context-menu button:focus-visible{background:var(--surface-variant);outline:none}.note-context-menu button:disabled{color:var(--outline);cursor:not-allowed;opacity:.62}.note-context-menu button:disabled:hover{background:0 0}.note-context-menu button.danger{color:var(--error)}.note-context-menu i{flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:1;display:inline-flex}.settings-dialog{border:1px solid var(--outline-variant);background:var(--surface-container);width:min(440px,100vw - 32px);color:var(--on-surface);z-index:2;border-radius:8px;padding:0;box-shadow:0 0 0 max(100vw,100vh) #00000080}.settings-dialog-content{flex-direction:column;gap:16px;margin:0;padding:20px;display:flex}.settings-dialog-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-dialog-header h2{color:var(--on-surface);margin:0;font-size:1.2em;font-weight:600}.icon-dialog-btn{width:36px;min-width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-dialog-btn:hover,.icon-dialog-btn:focus-visible{background:var(--surface-container-highest);color:var(--on-surface)}.settings-row-button{border:1px solid var(--outline-variant);background:var(--surface-container-high);width:100%;height:auto;min-height:48px;color:var(--on-surface);cursor:pointer;font:inherit;text-align:left;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:12px;font-weight:500;display:flex;box-sizing:border-box!important}.settings-row-button:hover,.settings-row-button:focus-visible{background:var(--surface-variant)}.settings-row-button i,.icon-dialog-btn i{font-size:22px;line-height:1}.custom-css-dialog{width:min(720px,100vw - 32px)}.change-key-dialog{width:min(520px,100vw - 32px)}.settings-dialog-copy,.settings-dialog-warning,.settings-dialog-status,.settings-dialog-error{margin:0;font-size:.95em;line-height:1.45}.settings-dialog-copy,.settings-dialog-status{color:var(--on-surface-variant)}.settings-dialog-warning{border:1px solid color-mix(in srgb, var(--error) 55%, var(--outline-variant));color:var(--error);background:color-mix(in srgb, var(--error-container) 35%, transparent);border-radius:8px;padding:12px}.settings-dialog-error{color:var(--error)}.settings-field{margin:0}#import-notes-file{opacity:1;width:100%;height:auto;font:inherit;color:var(--on-surface);display:block;position:static}#custom-css-input{resize:vertical;border:1px solid var(--outline-variant);background:var(--surface);width:100%;min-height:min(420px,52vh);color:var(--on-surface);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em;line-height:1.55}#custom-css-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}#custom-css-input::placeholder{color:var(--outline)}.settings-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settings-dialog-actions button{cursor:pointer;border:0;min-width:84px;padding:8px 16px;font-weight:500}.hide{display:none!important}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes context-menu-enter{0%{opacity:0;transform:translateY(-2px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sync-text-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes sync-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes unsaved-dot-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 14%, transparent);transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}