:root{font-family:Segoe UI,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;line-height:1.5;font-weight:400;color:#1f1f1f;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh;background:#fff}#root{min-height:100vh}@media(max-width:900px){html,body,#root{height:auto;min-height:100%;overflow:visible}html,body{overflow-x:clip}}.app{--control-standard-height: 40px;--control-compact-height: 36px;--control-editor-height: 30px;--control-radius: 8px;--icon-standard-size: 18px;--icon-editor-size: 15px;--icon-button-border: #b8b8b8;--icon-button-foreground: #3f3f3f;--icon-button-disabled-background: #f7f7f7;display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;overflow:hidden}.app-workspace{position:relative;display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.app button{text-align:center}.sidebar{flex:0 0 320px;width:320px;min-width:0;max-width:320px;border-right:1px solid #d9d9d9;background:#f7f7f7;padding:20px;display:flex;flex-direction:column;gap:16px;height:100%;overflow-x:clip;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:8px;min-width:0}.sidebar-section>.label{align-self:flex-start}.new-note-button{height:var(--control-standard-height);border-radius:var(--control-radius);border:1px solid #1d1d1d;background:#1d1d1d;color:#fff;padding:0 12px;font-size:.95rem;font-weight:700;cursor:pointer}.new-note-button:hover{background:#333;border-color:#333}.sidebar-primary-actions{display:flex;align-items:stretch;gap:8px}.sidebar-primary-actions .new-note-button{flex:1;min-width:0}.markdown-import-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--control-standard-height);width:var(--control-standard-height);height:var(--control-standard-height);border:1px solid var(--icon-button-border);border-radius:var(--control-radius);background:#fff;color:var(--icon-button-foreground);cursor:pointer}.markdown-import-button:hover{border-color:#1d1d1d}.markdown-import-button:disabled{opacity:1;background:var(--icon-button-disabled-background);cursor:not-allowed}.markdown-import-button svg{width:var(--icon-standard-size);height:var(--icon-standard-size);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.section-title{font-size:.9rem;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.06em}.notes-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-filter-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.note-count{margin-top:3px;color:#666;font-size:.82rem}.filter-button,.filter-clear-button{flex:0 0 auto;border-radius:8px;border:1px solid #c7c7c7;background:#fff;color:#1d1d1d;padding:7px 10px;font-size:.85rem;font-weight:600;cursor:pointer}.filter-button:hover,.filter-button.active,.filter-clear-button:hover{border-color:#1d1d1d}.filter-clear-button{padding-right:9px;padding-left:9px}.note-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}.note-item{padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #e1e1e1;color:#333;font-size:.95rem;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0;max-width:100%}.note-item.empty{text-align:center;color:#777;background:#f2f2f2;cursor:default}.inline-action{align-self:center;border:none;background:transparent;color:#1d1d1d;cursor:pointer;font:inherit;font-weight:700;padding:2px 0;text-decoration:underline}.note-item.active{border-color:#1d1d1d;box-shadow:0 0 0 1px #1d1d1d}.note-title{font-weight:600;overflow-wrap:anywhere}.note-meta{font-size:.8rem;color:#666}.file-input{display:none}.editor{flex:1;min-width:0;padding:18px 32px 28px;display:flex;flex-direction:column;gap:18px;height:100%;overflow:hidden}.editor-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tab-button{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:var(--control-standard-height);border-radius:var(--control-radius);border:1px solid #c7c7c7;background:#fff;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.tab-button.active{border-color:#1d1d1d;background:#1d1d1d;color:#fff}.preview-panel{border:1px solid #e1e1e1;border-radius:12px;padding:18px;background:#fafafa;display:flex;flex-direction:column;gap:12px}.mdPreview{display:flex;flex-direction:column;gap:12px;line-height:1.7}.mdPreview>*{flex-shrink:0}.mdPreview-scroll{overflow-y:auto;flex:1;min-height:0;padding-right:8px}.mdPreview h1,.mdPreview h2,.mdPreview h3,.mdPreview h4{margin:12px 0 6px}.mdPreview h1{font-size:1.35rem;line-height:1.3}.mdPreview h2{font-size:1.15rem;line-height:1.35}.mdPreview h3{font-size:1.05rem;line-height:1.4}.mdPreview p{margin:8px 0}.mdPreview ul,.mdPreview ol{padding-left:1.25rem;margin:8px 0}.mdPreview ul.contains-task-list{padding-left:0}.mdPreview li{margin:.3rem 0}.mdPreview ul.contains-task-list>li.task-list-item{list-style:none}.mdPreview ul.contains-task-list>li.task-list-item>p{display:flex;align-items:flex-start;margin:0}.mdPreview ul.contains-task-list>li.task-list-item input[type=checkbox]{margin:.2rem .6rem 0 0;flex:0 0 auto;pointer-events:auto}.mdPreview li.task-list-item::marker{content:""}.mdPreview li.task-list-item:before{content:none;display:none}.mdPreview ul.contains-task-list>li:not(.task-item){list-style:disc;margin-left:1.25rem}.mdPreview li.task-item{list-style:none;display:flex;align-items:flex-start;margin-left:0}.mdPreview li.taskItem{list-style:none;display:flex;align-items:flex-start}.mdPreview li.taskItem>input[type=checkbox]{margin:.2rem .6rem 0 0;flex:0 0 auto}.mdPreview li.task-list-item{display:flex;align-items:flex-start}.mdPreview .taskCheckbox{appearance:none;width:1.8rem;height:1.8rem;flex:0 0 1.8rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8b8b8;border-radius:6px;background:#fff;color:#1d1d1d;cursor:pointer;margin-right:.5rem;padding:0;-webkit-user-select:none;user-select:none}.mdPreview .taskCheckbox:hover:not(:disabled){border-color:#1d1d1d}.mdPreview .taskCheckbox:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.mdPreview .taskCheckbox[aria-checked=true]{background:#1d1d1d;border-color:#1d1d1d;color:#fff}.mdPreview .taskCheckbox:disabled{opacity:.5;cursor:not-allowed}.mdPreview .taskText{flex:1}.mdPreview li.task-item input[type=checkbox]{width:1.1rem;height:1.1rem;margin:.18em .6rem 0 0;flex:0 0 1.1rem}.mdPreview li.task-item>p,.mdPreview li.task-item>span,.mdPreview li.task-item>div{margin:0;flex:1 1 auto}.mdPreview li.task-item .task-text{margin:0;flex:1 1 auto}.mdPreview li.task-item .task-text>p{margin:0}.mdPreview li.task-item input[type=checkbox]:checked+*{text-decoration:line-through;opacity:.65}.mdPreview li.task-item ul{padding-left:0;margin-top:.2rem;margin-bottom:.2rem}.mdPreview blockquote{margin:12px 0;padding-left:12px;border-left:3px solid #d0d0d0;color:#555}.mdPreview pre{background:#f4f4f4;padding:12px;border-radius:8px;overflow-x:auto}.mdPreview code{background:#f4f4f4;padding:2px 4px;border-radius:4px}.mermaid-block{overflow:hidden;margin:12px 0;border:1px solid #d8d8d8;border-radius:8px;background:#fff}.mermaid-block-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #e6e6e6;background:#f7f7f7}.mermaid-block-header figcaption{color:#444;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mermaid-view-toggle{display:inline-flex;gap:4px}.mermaid-view-toggle button{border:1px solid #c7c7c7;border-radius:6px;background:#fff;color:#1d1d1d;cursor:pointer;font-size:.78rem;font-weight:700;padding:5px 8px}.mermaid-view-toggle button.active{border-color:#1d1d1d;background:#1d1d1d;color:#fff}.mermaid-view-toggle button:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.mermaid-diagram-panel{min-height:88px;padding:12px}.mermaid-diagram-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.mermaid-diagram-svg{min-width:max-content}.mermaid-diagram-svg svg{display:block;max-width:none;background:#fff}.mermaid-message{border-radius:8px;background:#f4f4f4;color:#555;font-size:.9rem;padding:10px 12px}.mermaid-message.error{display:flex;flex-direction:column;gap:4px;border:1px solid #f0c7c7;background:#fff1f1;color:#5a1f1f}.mermaid-code{margin:0;max-height:360px;overflow:auto;border-radius:0;background:#f4f4f4}.mermaid-code code{display:block;padding:12px;background:transparent;white-space:pre}.mdPreview table{border-collapse:collapse;width:100%;margin:8px 0}.mdPreview th,.mdPreview td{border:1px solid #d0d0d0;padding:6px 10px}.mdPreview a{color:#1d1d1d;text-decoration:underline}.slides-panel{display:flex;min-height:0}.slides-shell{display:flex;flex:1;min-height:0;flex-direction:column;gap:12px;border:1px solid #e1e1e1;border-radius:12px;background:#fafafa;padding:18px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.slides-shell:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.slides-toolbar{display:flex;flex:0 0 auto;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;gap:12px;padding-bottom:2px;background:#fafafa}.slides-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.compact-button{padding:6px 10px;font-size:.82rem}.slide-count{min-width:3.75rem;color:#444;font-size:.88rem;font-weight:700;text-align:center}.slides-viewport{display:flex;flex:0 0 auto;min-height:0;width:100%;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d8d8d8;border-radius:8px;background:#e9e9e9;aspect-ratio:16 / 9;margin:0}.slides-frame{display:block;width:100%;height:100%;border:0;background:#fff}.slides-message{display:flex;flex:1;min-height:220px;flex-direction:column;justify-content:center;gap:12px;border-radius:8px;background:#f4f4f4;color:#555;font-size:.95rem;padding:18px}.slides-message.error{border:1px solid #f0c7c7;background:#fff1f1;color:#5a1f1f}.slides-directive-example{margin:0;overflow-x:auto;border-radius:8px;background:#fff;padding:12px}.slides-directive-example code{background:transparent;padding:0;white-space:pre}.preview-empty{color:#777}.editor-header{position:sticky;top:0;z-index:20;display:flex;align-items:flex-start;justify-content:flex-end;gap:16px;min-height:48px;margin:0;padding:8px 20px;border-bottom:1px solid #e6e6e6;background:#fffffffa;box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.editor-title-row{display:flex;align-items:center;gap:12px;min-width:0}.editor-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:8px;min-width:0;overflow:visible;flex-wrap:nowrap}.app-menu{position:relative;flex:0 0 auto}.app-menu-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-compact-height);height:var(--control-compact-height);padding:0;border:1px solid var(--icon-button-border);border-radius:var(--control-radius);background:#fff;color:var(--icon-button-foreground);cursor:pointer}.app-menu-button:hover,.app-menu-button[aria-expanded=true]{border-color:#1d1d1d;background:#f2f2f2}.app-menu-button svg{width:var(--icon-standard-size);height:var(--icon-standard-size);fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.app-menu-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:40;display:flex;width:240px;flex-direction:column;gap:2px;padding:6px;border:1px solid #d0d0d0;border-radius:10px;background:#fff;box-shadow:0 12px 28px #00000029}.app-menu-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:#fff;color:#1d1d1d;cursor:pointer;font-size:.88rem;font-weight:600}.app-menu-item svg,.actions-menu-item svg{width:16px;height:16px;flex:0 0 auto;stroke-width:2}.app-menu-item>svg{margin-top:2px}.app-menu-item-content{display:grid;min-width:0;text-align:left}.backup-last-label,.backup-last-value{color:#777;font-size:.72rem;font-weight:500;line-height:1.35}.backup-last-label{margin-top:3px}.icon-action-button{position:relative;display:inline-flex;width:var(--control-compact-height);min-width:var(--control-compact-height);height:var(--control-compact-height);align-items:center;justify-content:center;padding:0;border:1px solid var(--icon-button-border);background:#fff;color:var(--icon-button-foreground)}.icon-action-button svg{flex:0 0 var(--icon-standard-size);width:var(--icon-standard-size);min-width:var(--icon-standard-size);height:var(--icon-standard-size);stroke-width:2}.editor-header .icon-action-button{border-color:var(--icon-button-border);background:#fff;color:var(--icon-button-foreground)}.editor-header .icon-action-button:disabled{border-color:var(--icon-button-border);background:var(--icon-button-disabled-background);color:var(--icon-button-foreground);opacity:1}.actions-menu{position:relative;flex:0 0 auto}.actions-menu-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:40;display:flex;width:180px;flex-direction:column;gap:4px;padding:6px;border:1px solid #d0d0d0;border-radius:10px;background:#fff;box-shadow:0 12px 28px #00000029}.actions-menu-item{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:8px;padding:9px 10px;border:none;border-radius:7px;background:#fff;color:#1d1d1d;cursor:pointer;font-size:.88rem;font-weight:600}.actions-menu-item:hover,.actions-menu-item:focus-visible{background:#f1f1f1}.actions-menu-separator{height:1px;margin:2px 4px;background:#e3e3e3}.actions-menu-item-danger{color:#b42318}.actions-menu-item-danger:hover,.actions-menu-item-danger:focus-visible{background:#fff1f0}.app-menu-item:hover,.app-menu-item:focus-visible{background:#f1f1f1}.app-menu-item:disabled{opacity:.55;cursor:not-allowed}.tooltip-button{position:relative}.tooltip-button:after{position:absolute;top:calc(100% + 8px);left:50%;z-index:30;padding:5px 8px;border-radius:6px;background:#1d1d1d;color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:500;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-2px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.tooltip-button:hover:after,.tooltip-button:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.app-menu-button.tooltip-button:after{right:auto;left:0;transform:translateY(-2px)}.app-menu-button.tooltip-button:hover:after,.app-menu-button.tooltip-button:focus-visible:after{transform:translateY(0)}.actions-menu .tooltip-button:after{right:0;left:auto;transform:translateY(-2px)}.actions-menu .tooltip-button:hover:after,.actions-menu .tooltip-button:focus-visible:after{transform:translateY(0)}.sidebar .tooltip-button:after{right:0;left:auto;transform:translateY(-2px)}.sidebar .tooltip-button:hover:after,.sidebar .tooltip-button:focus-visible:after{transform:translateY(0)}.app-title{margin:0;font-size:1.15rem;line-height:1.2;color:#1d1d1d;white-space:nowrap}.editor-status{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow:hidden;font-size:.82rem;color:#666;white-space:nowrap}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:600}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#8a8a8a}.status-saved .status-dot,.status-saving .status-dot{background:#2563eb}.status-unsaved .status-dot{background:#d97706}.status-error .status-dot{background:#dc2626}.editor-header .primary-button,.editor-header .secondary-button,.editor-header .danger-button{flex:0 0 auto;min-height:var(--control-compact-height);padding:6px 12px;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-back-button{display:none}.primary-button{border-radius:8px;border:1px solid #1d1d1d;background:#1d1d1d;color:#fff;padding:8px 14px;font-size:.9rem;font-weight:600;cursor:pointer}.secondary-button,.danger-button{border-radius:8px;border:1px solid #c7c7c7;background:#fff;color:#1d1d1d;padding:8px 14px;font-size:.9rem;font-weight:600;cursor:pointer}.danger-button{border-color:#c0392b;color:#c0392b}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.db-error{background:#ffe7e7;color:#8a1f1f;border:1px solid #f2bcbc;padding:10px 12px;border-radius:8px;font-size:.9rem}.save-error-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.error-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.editor-section{display:flex;flex-direction:column;gap:8px}.metadata-field{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:6px 10px}.metadata-field .label{color:#666;font-size:.85rem;font-weight:600;line-height:1}.metadata-field>.input,.metadata-field>.tag-suggest{min-width:0}.marp-settings{display:flex;align-items:center;column-gap:14px;row-gap:10px;flex-wrap:wrap;min-width:0}.marp-settings-menu{position:relative;flex:0 0 auto}.marp-settings-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-compact-height);height:var(--control-compact-height);padding:0;border:1px solid var(--icon-button-border);border-radius:var(--control-radius);background:#fff;color:var(--icon-button-foreground);cursor:pointer}.marp-settings-button:hover,.marp-settings-button[aria-expanded=true]{border-color:#1d1d1d;background:#f2f2f2}.marp-settings-button:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.marp-settings-button:disabled{opacity:.55;cursor:not-allowed}.marp-settings-button svg{width:var(--icon-standard-size);height:var(--icon-standard-size)}.marp-settings-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:40;display:flex;width:290px;flex-direction:column;padding:0;border:1px solid #d0d0d0;border-radius:10px;background:#fff;box-shadow:0 12px 28px #00000029}.marp-settings-header{padding:10px 14px;border-bottom:1px solid #e2e2e2;color:#555;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.marp-settings-body{display:grid;gap:14px;padding:14px}.marp-settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:36px;color:#333;font-size:.86rem;font-weight:600}.marp-value-select{width:7.5rem}.toggle-switch{position:relative;display:inline-flex;width:40px;height:22px}.toggle-switch input{position:absolute;width:1px;height:1px;opacity:0}.toggle-switch-track{display:block;width:100%;height:100%;border-radius:999px;background:#b9b9b9;cursor:pointer;transition:background-color .12s ease}.toggle-switch-track:after{display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;content:"";transition:transform .12s ease}.toggle-switch input:checked+.toggle-switch-track{background:#1d1d1d}.toggle-switch input:checked+.toggle-switch-track:after{transform:translate(18px)}.toggle-switch input:focus-visible+.toggle-switch-track{outline:3px solid #7fb3ff;outline-offset:2px}.marp-heading-divider-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.marp-heading-divider-controls>input{width:1rem;height:1rem;margin:0}.marp-heading-divider-controls>input:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.marp-heading-divider-select{width:4.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.marp-toggle,.marp-setting{display:inline-flex;align-items:center;gap:6px;color:#333;font-size:.9rem;font-weight:600}.marp-toggle input{width:1rem;height:1rem;margin:0}.marp-setting span{color:#666;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.select{min-height:2.25rem;border:1px solid #c7c7c7;border-radius:8px;background:#fff;color:#1d1d1d;padding:6px 28px 6px 10px;font:inherit}.select:disabled{opacity:.55;cursor:not-allowed}.select:focus-visible,.marp-toggle input:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}.editor-body{flex:1;min-height:0;overflow:hidden;view-transition-name:editor-panel}.editor-body[hidden]{display:none}.editor-body.is-drag-active{position:relative;outline:3px solid #4f8cff;outline-offset:-3px}.editor-body.is-drag-active:after{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:24px;background:#eff6fff0;color:#174ea6;content:"Drop Markdown or text files to import";font-size:1rem;font-weight:700;pointer-events:none;text-align:center}.tab-marp-settings{margin-left:8px}.editor-body.is-expanded{position:absolute;inset:0;z-index:18;padding:18px 32px 28px;background:#fff}.app.editor-expanded .sidebar,.app.editor-expanded .editor>:not(.editor-body){visibility:hidden;pointer-events:none}.body-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:4px 0 6px;border-bottom:1px solid #eeeeee;background:#fff}.body-header .label{grid-column:1;color:#666;font-size:.85rem;font-weight:600;line-height:1}.md-toolbar{display:flex;flex:1 1 auto;flex-wrap:wrap;grid-column:2;gap:4px;min-width:0;overflow:visible}.editor-expand-button{position:relative;display:inline-flex;grid-column:3;width:var(--control-editor-height);min-width:var(--control-editor-height);height:var(--control-editor-height);align-items:center;justify-content:center;padding:0;border:1px solid var(--icon-button-border);border-radius:6px;background:#fff;color:var(--icon-button-foreground);cursor:pointer}.editor-expand-button:hover,.editor-expand-button[aria-pressed=true]{border-color:#1d1d1d;background:#f2f2f2}.editor-expand-button svg{width:var(--icon-editor-size);height:var(--icon-editor-size);stroke-width:2}.editor-expand-button:after{right:0;left:auto;transform:translateY(-2px)}.editor-expand-button:hover:after,.editor-expand-button:focus-visible:after{transform:translateY(0)}::view-transition-old(editor-panel),::view-transition-new(editor-panel){animation-duration:.22s;animation-timing-function:ease-in-out}@media(prefers-reduced-motion:reduce){::view-transition-old(editor-panel),::view-transition-new(editor-panel){animation:none}}.md-button{display:inline-flex;flex:0 0 var(--control-editor-height);align-items:center;justify-content:center;width:var(--control-editor-height);min-width:var(--control-editor-height);height:var(--control-editor-height);border:1px solid var(--icon-button-border);background:#fff;border-radius:6px;padding:0;font-size:.78rem;font-weight:700;line-height:1;cursor:pointer;color:var(--icon-button-foreground)}.md-button-wide{flex-basis:2.1rem;width:2.1rem;min-width:2.1rem}.md-button-italic{font-style:italic}.md-button-strike{text-decoration:line-through}.md-button-code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.md-button:hover{border-color:#1d1d1d}.md-button svg{width:var(--icon-editor-size);height:var(--icon-editor-size);stroke-width:2}.label{font-size:.9rem;font-weight:600;color:#333}.input,.textarea{border:1px solid #d0d0d0;border-radius:8px;padding:10px 12px;font-size:.95rem;font-family:inherit;background:#fff;color:#222}.textarea{resize:vertical;min-height:240px;line-height:1.6}.textarea-fill{flex:1;min-height:0;height:100%;resize:none}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;min-height:40px}.tag-suggest{position:relative}.tag-filter-suggest>.input{box-sizing:border-box;width:100%}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#1d1d1d;color:#fff;font-size:.85rem}.tag-remove{border:none;background:transparent;color:#fff;cursor:pointer;font-size:.9rem;line-height:1;padding:0}.tag-text-input{flex:1;min-width:140px;border:none;outline:none;font-size:.9rem;font-family:inherit}.tag-suggestion-list{position:absolute;top:calc(100% + 4px);left:0;width:min(360px,100%);box-sizing:border-box;z-index:12;display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;padding:6px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;box-shadow:0 12px 28px #00000024}.tag-suggestion{width:100%;border:none;border-radius:6px;background:#fff;color:#222;cursor:pointer;font-size:.85rem;padding:7px 8px}.tag-suggestion:hover,.tag-suggestion[aria-selected=true]{background:#f1f1f1}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000005c}.unsaved-dialog,.result-dialog,.filter-dialog,.delete-dialog{width:min(100%,440px);border-radius:10px;border:1px solid #d0d0d0;background:#fff;padding:20px;box-shadow:0 18px 48px #0000002e}.unsaved-dialog h2,.result-dialog h2,.filter-dialog h2,.delete-dialog h2{margin:0 0 8px;font-size:1.15rem}.unsaved-dialog p,.delete-dialog p{margin:0 0 18px;color:#444}.filter-dialog{display:flex;flex-direction:column;gap:18px}.filter-dialog-body{display:flex;flex-direction:column;gap:14px}.filter-field{display:flex;flex-direction:column;gap:8px}.filter-field>.input{width:100%}.filter-tag-input{align-items:center}.filter-result-count{color:#555;font-size:.9rem;font-weight:600}.result-message{margin:0 0 14px;color:#444;line-height:1.5}.result-summary{display:grid;gap:10px;margin:14px 0 18px}.result-summary div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline}.result-summary dt{color:#666;font-size:.85rem;font-weight:700}.result-summary dd{margin:0;min-width:0;overflow-wrap:anywhere}.failure-details{margin:0 0 18px}.failure-details summary{cursor:pointer;font-weight:700}.failure-details ul{margin:10px 0 0;padding-left:18px}.undo-toast{position:fixed;left:50%;bottom:20px;z-index:30;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border:1px solid #d0d0d0;border-radius:8px;background:#1d1d1d;color:#fff;box-shadow:0 14px 36px #0003;transform:translate(-50%)}.undo-button{border:1px solid rgba(255,255,255,.7);border-radius:6px;background:transparent;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:6px 10px}.undo-button:focus-visible{outline:3px solid #7fb3ff;outline-offset:2px}@media(max-width:900px){.app{display:flex;height:auto;min-height:100dvh;overflow:visible;overflow-x:clip}.app.editor-expanded{height:100dvh;min-height:0;overflow:hidden}.app-workspace{display:block;flex:none;width:100%;overflow:visible;overflow-x:clip}.app.editor-expanded .app-workspace{display:flex;flex:1;min-height:0;overflow:hidden}.app.mobile-notes .editor,.app.mobile-editor .sidebar{display:none}.sidebar{flex:none;width:100%;max-width:none;border-right:none;border-bottom:none;height:auto;min-height:100dvh;overflow:visible;overflow-x:clip;padding:16px}.editor{height:auto;min-height:100dvh;overflow:visible;padding:16px}.editor-header{align-items:stretch;flex-direction:column;gap:6px;margin:0;padding:6px 16px 8px}.app.mobile-notes .mobile-back-button,.app.mobile-notes .editor-actions{display:none}.editor-title-row{align-items:center;flex-direction:row;width:100%}.mobile-back-button{display:inline-flex;width:fit-content}.app-title{min-width:0;overflow:hidden;font-size:1.1rem;text-overflow:ellipsis}.editor-actions{align-items:center;display:flex;overflow-x:visible;width:100%}.editor-actions>button{width:auto;min-width:88px}.editor-actions .editor-status{white-space:nowrap}.editor-actions .actions-menu,.editor-actions .icon-action-button{width:36px;min-width:36px}.editor-body{flex:none;min-height:auto;overflow:visible}.editor-body.is-expanded{min-height:0;padding:12px 16px 16px;overflow:hidden}.editor-body.is-expanded .textarea-fill{flex:1;height:100%;min-height:0;resize:none}.tab-marp-settings{align-items:center;flex-direction:row;margin-left:0;width:auto}.marp-settings-popover{right:0;left:auto}.body-header{align-items:flex-start;grid-template-columns:minmax(0,1fr) auto}.body-header .label,.editor-body.is-expanded .body-header .label{grid-column:1 / -1}.md-toolbar{grid-column:1;gap:3px;width:100%}.editor-expand-button{grid-column:2}.md-button{flex-basis:1.5rem;width:1.5rem;min-width:1.5rem;height:1.75rem;font-size:.72rem}.md-button-wide{flex-basis:1.8rem;width:1.8rem;min-width:1.8rem}.textarea-fill{flex:none;height:min(58dvh,520px);min-height:320px;resize:vertical}.preview-panel.editor-body,.slides-panel.editor-body{min-height:60dvh}.slides-shell{padding:12px}.slides-toolbar{width:100%}.slides-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.slides-controls .slide-count{grid-column:1 / -1;order:-1;width:100%}.slides-controls .compact-button{width:100%;min-width:0}.slides-viewport{flex:0 0 auto;width:100%;max-height:none}.mdPreview-scroll{overflow-y:visible;padding-right:0}.mermaid-block-header{align-items:flex-start;flex-direction:column}.mermaid-view-toggle{width:100%}.mermaid-view-toggle button{flex:1}.save-error-panel{align-items:stretch;flex-direction:column}.modal-backdrop{align-items:flex-end;padding:12px}.unsaved-dialog,.result-dialog,.filter-dialog,.delete-dialog{width:100%}.undo-toast{align-items:stretch;bottom:12px;justify-content:space-between;width:calc(100vw - 24px)}}