.basic-notes-column{max-width:800px;padding:1rem;margin:auto;display:flex;flex-direction:column;gap:1rem}.basic-note-card{border:1px solid #cbd5e1;border-radius:14px;padding:1rem;position:relative;background:#f8fafc;color:#0f172a;max-width:100%;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f6f7fb}.basic-note-card::-webkit-scrollbar{width:8px}.basic-note-card::-webkit-scrollbar-track{background:#f6f7fb}.basic-note-card-title{font-size:1rem;font-weight:700}.edit-note-card{max-width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:16px;position:relative;background:#f8fafc;color:#0f172a;box-shadow:0 16px 40px #0f172a14;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.basic-note-card-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}.delete-note-button{width:24px;height:24px;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.delete-note-toggle-button:hover{background-color:#f1f5f9}.edit-note-card-title-input{display:flex;align-items:center;gap:10px;margin-bottom:12px}.edit-note-card-title-input input{flex:1;min-width:0;padding:11px 12px;font-size:15px;font-weight:600;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.edit-note-card-title-input input::placeholder{color:#94a3b8;font-weight:500}.edit-note-card-title-input input:focus{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b859;background:#fff}.edit-note-card-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px}.edit-note-card-header button{border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.edit-note-card-header button:hover{background-color:#f1f5f9}@media(prefers-color-scheme:dark){.edit-note-card{border-color:#1f2937;background:#0b1220;color:#e5e7eb;box-shadow:0 20px 50px #00000073;scrollbar-color:#334155 #0b1220}.basic-note-card{border-color:#1f2937;background:#0b1220;color:#e5e7eb;scrollbar-color:#334155 #0b1220}.edit-note-card-title-input input{color:#e5e7eb;background:#0f1627;border-color:#1f2937}.edit-note-card-title-input input::placeholder{color:#94a3b8}.edit-note-card-title-input input:focus{border-color:#4b5563;box-shadow:0 0 0 2px #4b556373;background:#0f1627}.saving-indicator{color:#cbd5e1;background:#0f1627;border-color:#1f2937}.saving-indicator.is-active{color:#e5e7eb;background:#111827;border-color:#334155}.saving-indicator:before{background:#af0a10}.saving-indicator.is-active:before{background:#38bdf8}.new-note-button{border-color:#1f2937;background:#0f1627;color:#e5e7eb}.new-note-button:hover{background-color:#1f2937;color:#000}}.saving-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:8px;font-weight:600;line-height:1.2;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;white-space:nowrap}.saving-indicator:before{content:"";width:6px;height:6px;border-radius:999px;background:#af0a10}.saving-indicator.is-active{color:#0f172a;background:#eef2f7;border-color:#cbd5e1}.saving-indicator.is-active:before{background:#38bdf8;animation:saving-pulse 1.4s ease-in-out infinite}.saving-indicator.is-saved{color:#6b7280}@keyframes saving-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.8}}.edit-note-toggle-button{width:24px;height:24px;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.edit-note-toggle-button:hover{background-color:#f1f5f9}.new-note-button{background-color:transparent;width:100%;height:100%;border:none;cursor:pointer;font-size:1rem;font-weight:700;border-radius:14px;border:1px solid #cbd5e1;transition:background-color .2s ease}.new-note-button:hover{background-color:#f1f5f9}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.rich-input{border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;box-shadow:0 12px 30px #0f172a14;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.rich-input__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-bottom:1px solid #e5e7eb;background:#f8fafc;padding:8px 10px}.rich-input__button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#334155;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.rich-input__button:hover{background:#e2e8f0}.rich-input__button:active{background:#cbd5e1}.rich-input__button--active{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}.rich-input__button--disabled{opacity:.55;cursor:not-allowed}.rich-input__button--bold{font-weight:700}.rich-input__button--italic{font-style:italic}.rich-input__file-input{display:none}.rich-input__editor{padding:14px 16px}.rich-input__editor .ProseMirror{min-height:220px;outline:none;line-height:1.6;color:inherit}.rich-input__editor .ProseMirror p{margin:0 0 .9rem}.rich-input__editor .ProseMirror ul,.rich-input__editor .ProseMirror ol{margin:0 0 .9rem 1.25rem;padding:0}.rich-input__editor .ProseMirror li{margin-bottom:.35rem}.rich-input__editor .ProseMirror a{color:#2563eb;text-decoration:underline}.rich-input__editor .ProseMirror code{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;background:#f8fafc;padding:2px 6px;border-radius:6px;font-size:.9em;border:1px solid #e2e8f0}.rich-input__editor .ProseMirror pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px;overflow-x:auto}.rich-input__editor .ProseMirror blockquote{margin:0 0 .9rem;padding-left:14px;border-left:3px solid #cbd5e1;color:#475569}.rich-input__editor .ProseMirror img{max-width:100%;display:block;border-radius:12px;margin:12px 0;box-shadow:0 6px 18px #0f172a29}.rich-input__editor .ProseMirror hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.rich-input__editor .ProseMirror ::selection{background:#dbeafe}@media(prefers-color-scheme:dark){.rich-input{border-color:#1f2937;background:#0f1627;color:#e5e7eb;box-shadow:0 20px 40px #00000073}.rich-input__toolbar{background:#0b1220;border-color:#1f2937}.rich-input__button{color:#e5e7eb}.rich-input__button:hover{background:#1f2937}.rich-input__button:active{background:#374151}.rich-input__button--active{background:#374151;color:#f8fafc;border-color:#4b5563}.rich-input__editor .ProseMirror{color:#e5e7eb}.rich-input__editor .ProseMirror a{color:#93c5fd}.rich-input__editor .ProseMirror code{background:#111827;border-color:#1f2937}.rich-input__editor .ProseMirror blockquote{border-left-color:#334155;color:#cbd5e1}.rich-input__editor .ProseMirror hr{border-top-color:#1f2937}.rich-input__editor .ProseMirror ::selection{background:#1d4ed8;color:#f8fafc}}