:root{--color-primary: #0D9488;--color-primary-dark: #0F766E;--color-primary-bg: rgba(13, 148, 136, .06);--color-cta: #F97316;--color-cta-dark: #EA6C0A;--color-bg: #F0FDFA;--color-surface: #FFFFFF;--color-text: #134E4A;--color-text-muted: #64748B;--color-border: #CCEBE8;--color-error: #DC2626;--radius: 6px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-layout{display:grid;grid-template-columns:220px auto 1fr;min-height:100vh}.app-main{min-width:0}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.25rem .75rem;gap:.5rem}.sidebar-home-button{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.4rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;text-align:left;transition:background var(--transition),color var(--transition),border-color var(--transition)}.sidebar-home-button:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.sidebar-new-button{background:var(--color-cta);color:#fff;border:none;border-radius:var(--radius);padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-align:left;transition:background var(--transition)}.sidebar-new-button:hover{background:var(--color-cta-dark)}.sidebar-toggle,.sidebar-overlay{display:none}@media (max-width: 639px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:220px;z-index:30;transform:translate(-100%);transition:transform .2s ease}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay--open{opacity:1;pointer-events:auto}.sidebar--open{transform:translate(0)}.sidebar-toggle{display:block;position:fixed;top:.75rem;left:.75rem;z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem .5rem;font-size:1.1rem;cursor:pointer;line-height:1}}.container{max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.new-note-button{background:var(--color-cta);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1.125rem;font-family:inherit;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition)}.new-note-button:hover:not([disabled]){background:var(--color-cta-dark)}.new-note-button:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.new-note-button[disabled]{opacity:.55;cursor:default}.error{color:var(--color-error);font-size:.875rem;margin:0 0 1rem}.empty{color:var(--color-text-muted);font-size:.9375rem}.loading{color:var(--color-text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.note-button{display:block;width:100%;text-align:left;background:none;border:none;border-radius:var(--radius);padding:.875rem .5rem;font-family:inherit;font-size:1rem;color:var(--color-text);cursor:pointer;transition:color var(--transition),background var(--transition)}.note-button:hover{color:var(--color-primary);background:var(--color-primary-bg)}.note-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.untitled{color:var(--color-text-muted);font-style:italic}.back-button{display:inline-flex;align-items:center;gap:.375rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.375rem .875rem;font-family:inherit;font-size:.875rem;color:var(--color-text);cursor:pointer;margin-bottom:1.75rem;transition:border-color var(--transition),color var(--transition),background var(--transition)}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.back-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.note-header .back-button{margin-bottom:0}.note-header-actions{display:flex;align-items:center;gap:.5rem}.save-button{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius);padding:.375rem .875rem;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.save-button:hover:not([disabled]){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.save-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.save-button[disabled]{opacity:.45;cursor:default}.cancel-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;display:flex;align-items:center;justify-content:center}.cancel-dialog{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:10px;padding:1.5rem 2rem;max-width:340px;width:90%;text-align:center;box-shadow:0 8px 32px #0000002e}.cancel-dialog-message{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--color-text)}.cancel-dialog-buttons{display:flex;gap:.75rem;justify-content:center}.cancel-confirm-button{background:var(--color-error);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.cancel-confirm-button:hover{background:color-mix(in srgb,var(--color-error) 80%,black)}.cancel-confirm-button:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.cancel-keep-button{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.cancel-keep-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.cancel-keep-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.delete-note-button{background:none;border:1px solid var(--color-error);border-radius:var(--radius);padding:.375rem .875rem;font-family:inherit;font-size:.875rem;color:var(--color-error);cursor:pointer;transition:background var(--transition),color var(--transition)}.delete-note-button:hover{background:var(--color-error);color:#fff}.delete-note-button:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.note-header-right{display:flex;align-items:center;gap:.75rem}.note-date-wrapper{display:flex;align-items:center;gap:.5rem}.date-input{border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem .5rem;font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition)}.date-input:hover{border-color:var(--color-primary)}.date-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.date-display{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}.title-input{display:block;width:100%;background:transparent;border:none;border-bottom:2px solid var(--color-border);border-radius:0;padding:.375rem 0;margin-bottom:1.5rem;font-family:inherit;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);outline:none;transition:border-color var(--transition)}.title-input:focus{border-bottom-color:var(--color-primary)}.title-input::placeholder{color:var(--color-text-muted);font-weight:400}.content-input{display:block;width:100%;min-height:calc(100vh - 360px);background:transparent;border:none;border-top:2px solid transparent;padding:.5rem 0 0;font-family:inherit;font-size:1rem;line-height:1.75;color:var(--color-text);resize:none;outline:none;transition:border-color var(--transition)}.content-input:focus{border-top-color:var(--color-primary)}.content-input::placeholder{color:var(--color-text-muted)}.note-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:stretch;margin-top:1.25rem}.note-content-panel{display:flex;flex-direction:column;border:1.5px solid var(--color-border);border-radius:8px;padding:1rem}.captured-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.captured-notes-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:0}.shortcuts-panel{position:relative}.shortcuts-toggle{width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.75rem;font-weight:700;cursor:pointer;line-height:1;padding:0;transition:border-color var(--transition),color var(--transition)}.shortcuts-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.shortcuts-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shortcuts-table{position:absolute;right:0;top:calc(100% + .25rem);z-index:10;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;box-shadow:0 4px 12px #0000001f}.shortcuts-table td{padding:.2rem .5rem .2rem 0;color:var(--color-text-muted)}.shortcuts-table td:first-child{padding-right:1rem}.shortcuts-table kbd{background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:.1em .35em;font-family:monospace;font-size:.75rem;color:var(--color-text)}.note-editor-container{position:relative}.discussed-button{position:absolute;right:4px;width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:.7rem;font-weight:700;cursor:pointer;padding:0;line-height:1;transition:background var(--transition),color var(--transition);transform:translateY(-50%)}.discussed-button:hover{background:var(--color-primary);color:#fff}.discussed-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.note-right-panel{min-width:0}@media (max-width: 767px){.note-layout{grid-template-columns:1fr}}.actions-section{border-top:none;padding-top:0}.actions-heading{margin:0 0 1rem;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.actions-list{list-style:none;padding:0;margin:0 0 1rem}.action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--color-border);font-size:.9375rem;color:var(--color-text);transition:color var(--transition)}.action-item:last-child{border-bottom:none}.action-item--done{color:var(--color-text-muted);text-decoration:line-through}.action-checkbox{cursor:pointer;flex-shrink:0;accent-color:var(--color-primary);width:1rem;height:1rem}.action-checkbox:disabled{opacity:.45;cursor:not-allowed}.action-input{display:block;width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:.375rem .75rem;font-family:inherit;font-size:.9375rem;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--transition)}.action-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948826}.action-input::placeholder{color:var(--color-text-muted)}.delete-action-button{background:none;border:none;padding:0 .25rem;font-size:1.125rem;line-height:1;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:color var(--transition)}.delete-action-button:hover:not([disabled]){color:var(--color-error)}.delete-action-button:focus-visible{outline:2px solid var(--color-error);outline-offset:2px;border-radius:var(--radius)}.delete-action-button[disabled]{opacity:.35;cursor:not-allowed}.todo-section{margin-top:2.5rem;border-top:2px solid var(--color-border);padding-top:1.5rem}.todo-heading{margin:0 0 1rem;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.625rem 0;border-bottom:1px solid var(--color-border);font-size:.9375rem}.todo-item:last-child{border-bottom:none}.todo-checkbox{cursor:pointer;flex-shrink:0;accent-color:var(--color-primary);width:1rem;height:1rem}.todo-checkbox:disabled{opacity:.45;cursor:not-allowed}.todo-description{color:var(--color-text);flex:1}.todo-note-title{color:#475569;font-size:.8125rem;white-space:nowrap}.note-cards-section{margin-top:2.5rem;border-top:2px solid var(--color-border);padding-top:1.5rem}.note-cards-heading{margin:0 0 1.25rem;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.note-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.note-card{display:flex;flex-direction:column;gap:.75rem;border:1.5px solid var(--color-border);border-radius:10px;padding:1.125rem 1.25rem;background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);cursor:pointer}.note-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0d94881a}.note-card[draggable=true]{cursor:grab}.note-card[draggable=true]:active{cursor:grabbing;opacity:.75}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.note-card-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);flex:1}.note-card-date{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.note-card-snippet{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card-actions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.note-card-action{font-size:.875rem;color:var(--color-text);padding:.25rem 0 .25rem 1rem;position:relative}.note-card-action:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.note-card-edit-button{margin-top:auto;align-self:flex-start;background:none;border:1.5px solid var(--color-primary);border-radius:var(--radius);color:var(--color-primary);font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem .875rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.note-card-edit-button:hover{background:var(--color-primary);color:#fff}.note-card-edit-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tags-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.tags-heading{margin:0 0 .75rem;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.tags-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem;min-height:0}.tag-pill{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-border);border-radius:9999px;padding:.2rem .6rem .2rem .7rem;font-size:.8125rem;font-weight:500;line-height:1.4}.tag-pill-remove{background:none;border:none;padding:0;font-size:.9rem;line-height:1;color:var(--color-primary);cursor:pointer;opacity:.6;transition:opacity var(--transition);display:flex;align-items:center}.tag-pill-remove:hover{opacity:1}.tags-input{display:block;width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .65rem;font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--transition)}.tags-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881f}.tags-input::placeholder{color:var(--color-text-muted)}.note-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.125rem}.note-card-tags-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.note-card-tag-pill{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-border);border-radius:9999px;padding:.15rem .55rem;font-size:.75rem;font-weight:500;line-height:1.4}.tag-filter{margin-top:1.5rem;padding:.875rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-filter-pills{display:flex;flex-wrap:wrap;gap:.375rem;flex:1}.tag-filter-pill{background:none;border:1.5px solid var(--color-border);border-radius:9999px;padding:.25rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tag-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-filter-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tag-filter-pill--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.tag-filter-controls{display:flex;align-items:center;gap:.375rem}.tag-filter-mode-toggle{background:none;border:1.5px solid var(--color-primary);border-radius:var(--radius);padding:.2rem .6rem;font-family:inherit;font-size:.75rem;font-weight:700;color:var(--color-primary);cursor:pointer;letter-spacing:.05em;transition:background var(--transition),color var(--transition)}.tag-filter-mode-toggle:hover{background:var(--color-primary);color:#fff}.tag-filter-clear{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.2rem .6rem;font-family:inherit;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.tag-filter-clear:hover{color:var(--color-error);border-color:var(--color-error)}.header-title-group{display:flex;flex-direction:column;gap:.25rem}.folder-breadcrumb-back{background:none;border:none;padding:0;font-family:inherit;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;text-align:left;transition:color var(--transition)}.folder-breadcrumb-back:hover{color:var(--color-primary)}.sidebar-folders{margin-top:1.25rem;border-top:1px solid var(--color-border);padding-top:.75rem}.sidebar-folders-header{display:flex;align-items:center;justify-content:space-between;padding:0 .1rem .375rem}.sidebar-folders-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.sidebar-unfiled-row{display:flex;align-items:center}.sidebar-unfiled{display:block;flex:1;background:none;border:none;border-radius:var(--radius);padding:.3rem .5rem;font-family:inherit;font-size:.8125rem;color:var(--color-text-muted);text-align:left;cursor:pointer;margin-bottom:.25rem;transition:background var(--transition),color var(--transition)}.sidebar-unfiled:hover{background:var(--color-primary-bg);color:var(--color-primary)}.sidebar-unfiled--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar-unfiled--drag-over{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-primary-bg);color:var(--color-primary)}.folder-new-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius);width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-muted);cursor:pointer;line-height:1;transition:color var(--transition),border-color var(--transition)}.folder-new-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.folder-new-input{display:block;width:100%;border:1px solid var(--color-primary);border-radius:var(--radius);padding:.3rem .5rem;font-family:inherit;font-size:.8125rem;color:var(--color-text);background:var(--color-surface);outline:none;margin-top:.375rem;box-shadow:0 0 0 3px #0d94881f}.folder-new-input::placeholder{color:var(--color-text-muted)}.folder-tree,.folder-tree-children{list-style:none;padding:0;margin:0}.folder-tree-children{padding-left:.875rem}.folder-tree-node{display:flex;flex-direction:column}.folder-tree-node-row{display:flex;align-items:center;gap:.125rem;border-radius:var(--radius);padding:.125rem 0;transition:background var(--transition)}.folder-tree-node-row:hover,.folder-tree-node-row--active{background:var(--color-primary-bg)}.folder-tree-node-row--drag-over{background:var(--color-primary-bg);outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius)}.folder-tree-expand{background:none;border:none;padding:0;width:1.125rem;flex-shrink:0;font-size:.65rem;color:var(--color-text-muted);cursor:pointer;text-align:center;line-height:1.6}.folder-tree-name{flex:1;background:none;border:none;padding:.2rem .25rem;font-family:inherit;font-size:.8125rem;color:var(--color-text);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color var(--transition)}.folder-tree-node-row--active .folder-tree-name{color:var(--color-primary);font-weight:600}.folder-tree-rename-input{flex:1;border:1px solid var(--color-primary);border-radius:var(--radius);padding:.15rem .35rem;font-family:inherit;font-size:.8125rem;color:var(--color-text);background:var(--color-surface);outline:none;min-width:0}.folder-tree-actions{display:none;align-items:center;gap:.125rem;flex-shrink:0}.folder-tree-node-row:hover .folder-tree-actions,.folder-tree-node-row--active .folder-tree-actions,.folder-tree-node-row--hovered .folder-tree-actions{display:flex}.folder-tree-action-btn{background:none;border:none;padding:0 .2rem;font-size:.75rem;line-height:1.6;color:var(--color-text-muted);cursor:pointer;border-radius:3px;transition:color var(--transition),background var(--transition)}.folder-tree-action-btn:hover{color:var(--color-primary);background:#0d94881a}.folder-tree-action-btn--delete:hover{color:var(--color-error);background:#dc262614}.folder-preview-panel{width:0;overflow:hidden;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .2s ease}.folder-preview-panel--open{width:220px}.folder-preview-panel--drag-over{background:var(--color-primary-bg);outline:2px dashed var(--color-primary);outline-offset:-2px}.folder-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem .875rem .75rem;border-bottom:1px solid var(--color-border);gap:.5rem;min-width:220px}.folder-preview-title{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-preview-close{background:none;border:none;font-size:1.1rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0 .125rem;flex-shrink:0;transition:color var(--transition)}.folder-preview-close:hover{color:var(--color-error)}.folder-preview-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;min-width:220px}.folder-preview-empty{padding:1rem .875rem;font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap}.folder-preview-item{display:flex;flex-direction:column;gap:.2rem;padding:.625rem .875rem;border-bottom:1px solid var(--color-border);cursor:grab;transition:background var(--transition)}.folder-preview-item:active{cursor:grabbing;opacity:.75}.folder-preview-item:hover{background:var(--color-primary-bg)}.folder-preview-note-title{font-size:.875rem;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-preview-note-date{font-size:.75rem;color:var(--color-text-muted)}.folder-picker-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.folder-picker-heading{margin:0 0 .75rem;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.folder-picker-select{display:block;width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .65rem;font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-surface);outline:none;cursor:pointer;transition:border-color var(--transition)}.folder-picker-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881f}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}