:root{--max-page-width: 1440px;--color-neutral-950: #0E121B;--color-neutral-900: #191B25;--color-neutral-800: #232530;--color-neutral-700: #2B303B;--color-neutral-600: #525866;--color-neutral-500: #717784;--color-neutral-400: #99A0AE;--color-neutral-300: #CACFD8;--color-neutral-200: #E0E4EA;--color-neutral-100: #F3F5F8;--color-neutral-50: #F5F7FA;--color-neutral-0: #FFFFFF;--color-blue-700: #2547D0;--color-blue-500: #335CFF;--color-blue-50: #EBF1FF;--color-red-500: #FB3748;--color-red-100: #FFD5D8;--color-green-500: #21C16B;--color-green-100: #D1FBE9;--color-white: #FFFFFF;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.2;--letter-spacing-1: -.5px;--letter-spacing-2: -.3px;--letter-spacing-3: -.2px;--spacing-0: 0;--spacing-025: .125rem;--spacing-050: .25rem;--spacing-075: .375rem;--spacing-100: .5rem;--spacing-150: .75rem;--spacing-200: 1rem;--spacing-250: 1.25rem;--spacing-300: 1.5rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-600: 3rem;--spacing-800: 4rem;--spacing-1000: 5rem;--border-radius-0: 0;--border-radius-4: 4px;--border-radius-6: 6px;--border-radius-8: 8px;--border-radius-10: 10px;--border-radius-12: 12px;--border-radius-16: 16px;--border-radius-20: 20px;--border-radius-24: 24px;--border-radius-full: 999px;--box-shadow-sm: 0 4px 6px 0 rgba(240, 240, 240, .6);--box-shadow-lg: 0 8px 12px 0 rgba(240, 240, 240, .6);--box-shadow-nav: 0 -4px 6px 0 rgba(240, 240, 240, .6);--box-shadow-add-btn: 0 7px 11px 0 rgba(202, 207, 216, .7);--sidebar-width: 272px}:root.dark{--color-neutral-0: #0E121B;--color-neutral-50: #191B25;--color-neutral-100: #232530;--color-neutral-200: #232530;--color-neutral-300: #525866;--color-neutral-400: #99A0AE;--color-neutral-600: #CACFD8;--color-neutral-700: #CACFD8;--color-neutral-800: #F3F5F8;--color-neutral-950: #FFFFFF;--color-blue-50: #2B303B;--box-shadow-nav: 0 -4px 6px 0 rgba(0, 0, 0, .3);--box-shadow-add-btn: 0 7px 11px 0 rgba(0, 0, 0, .7)}@font-face{font-family:Inter;src:url(/fm-notes/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:400 700}@font-face{font-family:"Noto Serif";src:url(/fm-notes/assets/NotoSerif-VariableFont_wdth_wght-DpsgPFyS.ttf) format("truetype");font-weight:400 700}@font-face{font-family:Source Code Pro;src:url(/fm-notes/assets/SourceCodePro-VariableFont_wght-Nw7RJEUj.ttf) format("truetype");font-weight:400 700}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%;scroll-behavior:smooth;font-family:Inter,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-neutral-100);color:var(--color-neutral-950)}@media (min-width: 1200px){body,html{background-color:var(--color-neutral-0)}}main{height:100%}button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-neutral-800);outline-offset:2px}.container{max-height:100%;max-width:var(--max-page-width);margin-inline:auto}.text-1{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-1);font-weight:var(--font-weight-bold)}.text-2{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-1);font-weight:var(--font-weight-bold)}.text-3{font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-2);font-weight:var(--font-weight-semibold)}.text-4{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-3);font-weight:var(--font-weight-medium)}.text-5{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-3);font-weight:var(--font-weight-regular)}.text-6{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-3);font-weight:var(--font-weight-regular)}#root{height:100%}.mobile-layout{height:100%;display:grid;grid-template-columns:100%;grid-template-rows:54px auto 54px;grid-template-areas:"header" "content" "navigation"}@media (min-width: 768px){.mobile-layout{grid-template-rows:74px auto 74px}}.mobile-layout .mobile-header{grid-area:header}.mobile-layout .mobile-content{grid-area:content}.mobile-layout .mobile-navigation{grid-area:navigation}.mobile-navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-150) var(--spacing-200);border-top:1px solid var(--color-neutral-200);box-shadow:var(--box-shadow-nav);background-color:var(--color-neutral-0);position:relative;z-index:1}@media (min-width: 768px){.mobile-navigation{padding:var(--spacing-150) var(--spacing-400)}}.mobile-navigation__divider{display:none;width:1px;height:100%;background-color:var(--color-neutral-100)}@media (min-width: 768px){.mobile-navigation__divider{display:block}}.mobile-navigation-item{display:flex;flex-direction:column;align-items:center;max-width:80px;width:100%;cursor:pointer;background-color:transparent;border-radius:var(--border-radius-4);padding:var(--spacing-100) 0;row-gap:var(--spacing-050)}.mobile-navigation-item:hover{background-color:var(--color-blue-50)}.mobile-navigation-item:hover .mobile-navigation-item__text,.mobile-navigation-item:hover .icon-container{color:var(--color-blue-500)}.mobile-navigation-item .icon-container{color:var(--color-neutral-600)}.mobile-navigation-item--selected{background-color:var(--color-blue-50)}.mobile-navigation-item--selected .mobile-navigation-item__text,.mobile-navigation-item--selected .icon-container{color:var(--color-blue-500)}.mobile-navigation-item__text{display:none;color:var(--color-neutral-500)}@media (min-width: 768px){.mobile-navigation-item__text{display:block}}.icon-container{display:inline-flex;align-items:center;justify-content:center;cursor:default}.icon-clickable{cursor:pointer;transition:transform .2s ease}.mobile-logo-section{display:flex;align-items:center;background-color:var(--color-neutral-100);padding:0 var(--spacing-400)}.mobile-content{position:relative;border-top-left-radius:var(--spacing-200);border-top-right-radius:var(--spacing-200);background-color:var(--color-neutral-0);padding:var(--spacing-250) var(--spacing-200);overflow-y:auto}@media (min-width: 768px){.mobile-content{padding:var(--spacing-300) var(--spacing-400)}}.mobile-add-note-btn{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);background-color:var(--color-blue-500);height:var(--spacing-600);width:var(--spacing-600);color:var(--color-neutral-0);position:absolute;bottom:var(--spacing-300);right:var(--spacing-400);box-shadow:var(--box-shadow-add-btn)}@media (min-width: 768px){.mobile-add-note-btn{height:var(--spacing-800);width:var(--spacing-800)}}.note-list-item{padding:var(--spacing-150) var(--spacing-100);border-bottom:1px solid var(--color-neutral-200);width:100%}.note-list-item:hover{background-color:var(--color-neutral-200);border-radius:var(--border-radius-6);border-bottom:1px solid transparent}.note-list-item--active{background-color:var(--color-neutral-100);border-radius:var(--border-radius-6);border-bottom:1px solid transparent}.note-list-item__heading{margin-bottom:var(--spacing-150)}.note-list-item__tag-list{display:flex;column-gap:var(--spacing-050);flex-wrap:wrap;margin-bottom:var(--spacing-150)}.tag{background-color:var(--color-neutral-200);color:var(--color-neutral-950);padding:var(--spacing-025) var(--spacing-075);border-radius:var(--border-radius-4)}.note-list{height:100%}.note-list__text{color:var(--color-neutral-700);margin-bottom:var(--spacing-150)}.note-list__btn-container{margin-bottom:var(--spacing-200)}.note-list__items{padding:var(--spacing-100);overflow-y:auto;max-height:calc(100% - 114px);scrollbar-width:none}.note-list__creation{padding:var(--spacing-100);background-color:var(--color-neutral-100)}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-150) var(--spacing-200);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);border-radius:var(--border-radius-8);cursor:pointer;transition:background-color .2s ease-in-out;column-gap:var(--spacing-050);border:1px solid transparent}.custom-button:disabled{pointer-events:none;cursor:unset}.custom-button--default-primary{background-color:var(--color-blue-500);color:var(--color-white)}.custom-button--default-primary:hover{background-color:var(--color-blue-700)}.custom-button--default-primary:active{background-color:var(--color-blue-500)}.custom-button--default-primary:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-300)}.custom-button--default-secondary{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.custom-button--default-secondary:hover{background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-300)}.custom-button--default-secondary:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-300)}.custom-button--default-tertiary{background-color:var(--color-red-500);color:var(--color-neutral-0)}.custom-button--default-tertiary:hover{background-color:var(--color-red-100)}.custom-button--default-tertiary:active{background-color:var(--color-red-500)}.custom-button--default-tertiary:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-300)}.custom-button--transparent-primary{padding:0;background-color:transparent;color:var(--color-neutral-600)}.custom-button--transparent-primary:hover{color:var(--color-neutral-950)}.custom-button--transparent-primary:active{color:var(--color-neutral-600)}.custom-button--transparent-primary:disabled{color:var(--color-neutral-300)}.custom-button--transparent-secondary{padding:0;background-color:transparent;color:var(--color-blue-500)}.custom-button--transparent-secondary:hover{color:var(--color-blue-700)}.custom-button--transparent-secondary:active{color:var(--color-blue-500)}.custom-button--transparent-secondary:disabled{color:var(--color-neutral-300)}.custom-button--icon{padding:0;background-color:transparent;color:var(--color-neutral-600)}.custom-button--icon:hover{color:var(--color-neutral-950)}.custom-button--icon:active{color:var(--color-neutral-600)}.custom-button--icon:disabled{color:var(--color-neutral-300)}.custom-button--full-width{width:100%}.empty-notes-text{background-color:var(--color-neutral-100);padding:var(--spacing-100);border-radius:var(--border-radius-8);border:1px inset solid var(--color-neutral-200);color:var(--color-neutral-950)}.mobile-header h1{margin-bottom:var(--spacing-200)}@media (min-width: 1200px){.mobile-header h1{margin-bottom:var(--spacing-300)}}.mobile-header__search{margin-bottom:var(--spacing-200);display:flex;flex-direction:column;row-gap:var(--spacing-200)}.mobile-header__search p{color:var(--color-neutral-700)}.mobile-header__search p span{color:var(--color-neutral-950)}.search{display:flex;align-items:center;border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-8);min-width:300px;padding:var(--spacing-100) var(--spacing-200);column-gap:var(--spacing-100);min-height:52px;background-color:var(--color-neutral-50)}@media (min-width: 1200px){.search{min-height:unset;background-color:var(--color-neutral-0)}}.search img{width:20px;height:20px}.search__input{border:none;outline:none;width:100%;background-color:transparent;font-size:var(--font-size-sm);color:var(--color-neutral-950)}.search__input::placeholder{color:var(--color-neutral-500)}.mobile-note-details{height:100%;display:flex;flex-direction:column}.mobile-note-details__text-area{width:100%;flex-grow:1;flex-shrink:1;margin-bottom:var(--spacing-200)}.details-meta-fields{display:flex;flex-direction:column;row-gap:var(--spacing-200);padding:var(--spacing-200) 0;border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-200)}.details-meta-fields input .text-5::placeholder{color:var(--color-neutral-400)}.details-meta-fields__field{display:grid;grid-template-columns:140px auto;column-gap:var(--spacing-100)}.details-meta-fields__label{display:flex;align-items:center;column-gap:var(--spacing-100);color:var(--color-neutral-700)}.details-meta-fields__data{color:var(--color-neutral-950)}.details-meta-fields__placeholder{color:var(--color-neutral-400)}.custom-input{border:unset;color:var(--color-neutral-950);text-overflow:ellipsis}.custom-input:focus{cursor:text}.custom-input::placeholder{letter-spacing:var(--letter-spacing-3);color:var(--color-neutral-400);text-overflow:ellipsis}.custom-textarea{border:unset;width:100%;height:100%;color:var(--color-neutral-800);background-color:var(--color-neutral-0);resize:none;overflow:auto}.custom-textarea::placeholder{var(--color-neutral-700)}.mobile-details-controls{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-200);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-200)}.mobile-details-controls__actions{display:flex;align-items:center;column-gap:var(--spacing-200)}.mobile-tag-list h1{margin-bottom:var(--spacing-200)}.navigation-item{display:flex;align-items:center;padding:var(--spacing-150);column-gap:var(--spacing-100);color:var(--color-neutral-700);cursor:pointer;background-color:var(--color-neutral-0);justify-content:space-between;width:100%;border-bottom:1px solid var(--color-neutral-200)}@media (min-width: 1200px){.navigation-item{border:unset}}.navigation-item:hover{background-color:var(--color-neutral-100)}.navigation-item__content{display:flex;column-gap:var(--spacing-100);align-items:center}.navigation-item--selected{background-color:var(--color-neutral-100);color:var(--color-blue-500)}.navigation-item--selected .text-4{color:var(--color-neutral-950)}.mobile-settings__heading{color:var(--color-neutral-950);margin-bottom:var(--spacing-200)}.setting-selection__nav{margin-bottom:var(--spacing-200);color:var(--color-neutral-600)}.color-selection__heading{color:var(--color-neutral-950);margin-bottom:var(--spacing-100)}.color-selection__paragraph{margin-bottom:var(--spacing-300)}.color-selection__checkboxes{display:flex;flex-direction:column;row-gap:var(--spacing-200);margin-bottom:var(--spacing-300)}.color-selection__btn-container{width:100%;display:flex;justify-content:flex-end}.setting-checkbox{padding:var(--spacing-200);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-12);display:flex;align-items:center;justify-content:space-between;width:100%;column-gap:var(--spacing-200)}.setting-checkbox__content{display:flex;align-items:center;column-gap:var(--spacing-200)}.setting-checkbox__icon-container{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-950);background-color:var(--color-neutral-0);border-radius:var(--border-radius-12);border:1px solid var(--color-neutral-200)}.setting-checkbox__heading{color:var(--color-neutral-950);margin-bottom:var(--spacing-050)}.setting-checkbox__heading{color:var(--color-neutral-700)}.setting-checkbox__toggle{width:1rem;height:1rem;background-color:var(--color-neutral-200);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);flex-shrink:0}.setting-checkbox__inner-circle{width:.75rem;height:.75rem;background-color:var(--color-neutral-0);border-radius:var(--border-radius-full);transition:linear .2s}.setting-checkbox--selected{background-color:var(--color-neutral-100)}.setting-checkbox--selected .setting-checkbox__toggle{background-color:var(--color-blue-500)}.setting-checkbox--selected .setting-checkbox__inner-circle{width:.5rem;height:.5rem}.font-selection__heading{color:var(--color-neutral-950);margin-bottom:var(--spacing-100)}.font-selection__paragraph{margin-bottom:var(--spacing-300)}.font-selection__checkboxes{display:flex;flex-direction:column;row-gap:var(--spacing-200);margin-bottom:var(--spacing-300)}.font-selection__btn-container{width:100%;display:flex;justify-content:flex-end}.desktop-layout{height:100%;display:grid;grid-template-columns:272px 290px auto minmax(160px,258px);grid-template-rows:82px auto;grid-template-areas:"sidebar header header header" "sidebar note-list note-details note-actions"}.desktop-layout .desktop-sidebar{grid-area:sidebar}.desktop-layout .desktop-header{grid-area:header}.desktop-layout .desktop-note-list{grid-area:note-list}.desktop-layout .desktop-note-details{grid-area:note-details}.desktop-layout .desktop-note-actions{grid-area:note-actions}.desktop-sidebar{background-color:var(--color-neutral-0);height:100%;border-right:1px solid var(--color-neutral-200);padding:var(--spacing-150) var(--spacing-200)}.desktop-sidebar__logo-container{padding:var(--spacing-150) 0;margin-bottom:var(--spacing-200)}.desktop-sidebar__categories{padding-bottom:var(--spacing-100);border-bottom:1px solid var(--color-neutral-200)}.desktop-sidebar__tag-label{color:var(--color-neutral-500);margin:var(--spacing-100) 0}.desktop-note-actions{display:flex;flex-direction:column;row-gap:var(--spacing-150);border-left:1px solid var(--color-neutral-200);padding:var(--spacing-250) var(--spacing-400) var(--spacing-250) var(--spacing-200)}.desktop-note-actions-item{padding:var(--spacing-150) var(--spacing-200);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-8);display:flex;align-items:center;column-gap:var(--spacing-100);width:100%;transition:background-color .2s ease-in-out;color:var(--color-neutral-950)}.desktop-note-actions-item:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-600);border:1px solid transparent}.desktop-note-actions-item:disabled{pointer-events:none;cursor:unset;background-color:var(--color-neutral-100);color:var(--color-neutral-300)}.desktop-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-400);border-bottom:1px solid var(--color-neutral-200)}.desktop-header__right{display:flex;align-items:center;column-gap:var(--spacing-300);color:var(--color-neutral-500)}.desktop-header__heading--tagged{color:var(--color-neutral-600)}.desktop-note-list{padding:var(--spacing-300) var(--spacing-200) var(--spacing-300) var(--spacing-400);border-right:1px solid var(--color-neutral-200);overflow:hidden;height:100%}.desktop-note-details{padding:var(--spacing-250) var(--spacing-300)}.desktop-note-details__form{height:100%;display:flex;flex-direction:column}.desktop-note-details__text-area{width:100%;flex-grow:1;flex-shrink:1;margin-bottom:var(--spacing-200)}.desktop-details-controls{padding-top:var(--spacing-200);border-top:1px solid var(--color-neutral-200);display:flex;column-gap:var(--spacing-200)}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0e121b80;display:flex;justify-content:center;align-items:center;z-index:99}.modal__content{background-color:var(--color-neutral-0);border-radius:var(--border-radius-12);max-width:440px;width:100%;margin-inline:var(--spacing-200)}.modal__body{padding:var(--spacing-250);border-bottom:1px solid var(--color-neutral-200);display:flex;column-gap:var(--spacing-200)}.modal__icon-container{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--color-neutral-100);flex-shrink:0;border-radius:var(--border-radius-8)}.modal__heading{margin-bottom:var(--spacing-100)}.modal__actions{display:flex;justify-content:flex-end;column-gap:var(--spacing-200);padding:var(--spacing-200) var(--spacing-250)}.toast-container{position:fixed;right:var(--spacing-400);bottom:140px;display:flex;flex-direction:column;gap:var(--spacing-100);z-index:99}@media (min-width: 768px){.toast-container{bottom:200px}}@media (min-width: 1200px){.toast-container{bottom:74px;right:var(--spacing-1000)}}.toast{padding:var(--spacing-100);background-color:var(--color-neutral-0);border-radius:var(--border-radius-8);box-shadow:0 16px 32px -12px #0e121b1a;border:1px solid var(--color-neutral-200);color:var(--color-neutral-950);display:flex;justify-content:space-between;align-items:center;min-width:274px;animation:slide-in-up .3s ease-out;transition:opacity .3s ease}@media (min-width: 1200px){.toast{min-width:390px}}.toast__label,.toast__actions{display:flex;align-items:center;column-gap:var(--spacing-150)}@keyframes slide-in-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
