/* My Note Page (mynote.page) | Created by Lâm Thái Sơn (lamthaison.me) */
/* Merriweather Font | SIL Open Font License: https://mynote.page/fonts/merriweather-license.txt */

:root{--duration-default:250ms;--duration-fast:100ms;--duration-medium:150ms;--duration-slow:250ms;--duration-theme:260ms;--scrollbar-width:8px;--scrollbar-thumb-border:1px solid #fff0;--scrollbar-thumb-clip:content-box;--scrollbar-bg:#1f2023;--scrollbar-thumb:#3d3f44;--scrollbar-thumb-hover:#46484f;--timing-function:cubic-bezier(0.4, 0, 0.2, 1);--timing-theme:cubic-bezier(0.3, 0, 0.4, 1);--z-fab:1000}body.dark-mode,body.light-mode{--body-bg:#1f2023;--box-scrollbar-bg:transparent;--box-scrollbar-track:transparent}body.light-mode{--menu-item-check-color:#494844;--container-bg:#faf8f4;--textarea-bg:#ffffff;--textarea-text:#2b2a28;--text-primary:#2b2a28;--text-secondary:#736f6a;--text-selection-bg:#d4cfb0;--text-selection-color:#000000;--border-light:#e0dcc4;--border-medium:#d8d3b0;--input-focus-border:#c0b07c;--divider-border:#d2cca3;--box-shadow-light:rgba(0, 0, 0, 0.08);--box-shadow-medium:rgba(50, 35, 10, 0.11);--input-focus-shadow:rgba(160, 138, 72, 0.11);--button-primary-bg:#e5e0cd;--button-primary-bg-hover:#ddd8bd;--button-primary-text:#2b2a28;--button-secondary-bg:#e5e0cd;--button-secondary-bg-hover:#ddd8bd;--button-secondary-text:#353431;--link-bg:#e3dfca;--link-notification-bg:#e3dfca;--note-highlight-bg:#f1e99c;--note-highlight-text:#21201f;--pinned-note-border:#a89a5a;--pinned-note-shadow:rgba(168, 154, 90, 0.13);--notification-status-bg-light:#ffffff;--notification-status-text-light:#2b2a28;--box-scrollbar-thumb:#e5e0cd;--box-scrollbar-thumb-hover:#ddd8bd;--toggle-track-off:#ccc8a8;--toggle-track-on:#b8a882}body.dark-mode{--menu-item-check-color:#e4e4e7;--container-bg:#28292d;--textarea-bg:#1f2023;--textarea-text:#e2e2e5;--text-primary:#e4e4e7;--text-secondary:#b0b0b9;--text-selection-bg:#4a4d51;--text-selection-color:#ffffff;--border-light:#46484f;--border-medium:#46484f;--input-focus-border:#4f5159;--divider-border:#4f5159;--box-shadow-light:rgba(0, 0, 0, 0.2);--box-shadow-medium:rgba(0, 0, 0, 0.3);--input-focus-shadow:rgba(137, 179, 247, 0.38);--button-primary-bg:#3d3f44;--button-primary-bg-hover:#46484f;--button-primary-text:#e4e4e7;--button-secondary-bg:#3d3f44;--button-secondary-bg-hover:#46484f;--button-secondary-text:#e4e4e7;--link-bg:#46484f;--link-notification-bg:rgba(0, 0, 0, 0.15);--note-highlight-bg:#46484f;--note-highlight-text:#f8f9f9;--pinned-note-border:#b8bac4;--pinned-note-shadow:rgba(184, 186, 196, 0.13);--notification-status-bg-dark:#f1f3f4;--notification-status-text-dark:#323232;--box-scrollbar-thumb:#3d3f44;--box-scrollbar-thumb-hover:#46484f;--toggle-track-off:#52545e;--toggle-track-on:#b0b0b9}body,textarea,.edit-textarea,#search-input,button{font-family:Merriweather,serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100}body{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;margin:0;padding:1.125rem;box-sizing:border-box;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--body-bg);transition:background-color var(--duration-theme) var(--timing-theme),color var(--duration-theme) var(--timing-theme)}body::selection{background-color:var(--text-selection-bg);color:var(--text-selection-color)}h1{margin-top:1.25rem;margin-bottom:1.25rem;font-size:2.25rem;font-weight:700;text-align:center}a{color:inherit;text-decoration:underline}.note-content .hashtag-link,.note-content a{color:inherit;text-decoration:underline}.note-content .hashtag-link:hover,.credit a:hover{text-decoration:underline}.container{width:100%;max-width:39.125rem;padding:0 1.125rem 1.125rem;background-color:var(--container-bg);border-radius:1rem;box-shadow:0 .0625rem .1875rem rgb(0 0 0 / .05),0 .25rem .75rem .125rem rgb(0 0 0 / .07);opacity:0;transition:opacity var(--duration-slow) var(--timing-function),background-color var(--duration-theme) var(--timing-theme)}.container.show{opacity:1}.note-input-container{display:flex;flex-direction:column;gap:1.125rem;margin-bottom:1.875rem}.notes-list{display:grid;gap:1.125rem;margin-bottom:1.5rem}button{padding:.625rem 1.25rem;border:1px solid #fff0;border-radius:.625rem;font-size:.9375rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:#fff0;transition:background-color var(--duration-fast) var(--timing-function),border-color var(--duration-fast) var(--timing-function),box-shadow var(--duration-fast) var(--timing-function),transform var(--duration-fast) ease}button:active,button:hover{box-shadow:none}button:active{transform:translateY(1px)}.btn-primary{color:var(--button-primary-text);background-color:var(--button-primary-bg)}.btn-primary:hover{background-color:var(--button-primary-bg-hover)}.note-actions button,.btn-read-less,.btn-read-more{border-radius:.5rem;color:var(--button-secondary-text);background-color:var(--button-secondary-bg);padding:.5rem 1rem;font-size:.9375rem}.note-actions button:hover,.btn-read-less:hover,.btn-read-more:hover{background-color:var(--button-secondary-bg-hover)}.btn-read-less,.btn-read-more{align-self:flex-start;margin-top:.875rem}#load-more-btn{display:none;width:100%;margin-top:-.3125rem;margin-bottom:1.5rem}.btn-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.375rem;height:2.375rem;min-width:unset;padding:0;border-radius:50%;color:var(--text-secondary);background-color:#fff0;border:1px solid #fff0;transition:background-color var(--duration-fast) var(--timing-function),color var(--duration-fast) var(--timing-function),border-color var(--duration-fast) var(--timing-function)}.btn-close:hover{background-color:var(--button-primary-bg);color:var(--text-primary)}.btn-close:active{background-color:var(--button-primary-bg-hover);transform:translateY(1px)}#search-input,.edit-textarea,textarea{width:100%;box-sizing:border-box;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--textarea-bg);border:1px solid var(--border-medium);outline:0;resize:none;transition:background-color var(--duration-theme) var(--timing-theme),color var(--duration-theme) var(--timing-theme),border-color var(--duration-medium) var(--timing-function),box-shadow var(--duration-medium) var(--timing-function)}#search-input:hover,.note-item:hover,textarea:hover{box-shadow:0 .125rem .375rem var(--box-shadow-medium)}#search-input{padding:1.125rem;border-radius:.625rem}#search-input::placeholder,textarea#note-text::placeholder{color:var(--text-secondary)}textarea#note-text:focus::placeholder{color:var(--text-primary)}#search-input:focus,.edit-textarea:focus,textarea#note-text:focus{border-color:var(--input-focus-border);box-shadow:0 .125rem .375rem var(--box-shadow-medium)}textarea#note-text{min-height:26svh;max-height:67svh;padding:1.125rem .625rem 1.125rem 1.125rem;border-radius:.625rem;overflow-y:auto}.edit-textarea{min-height:55svh;max-height:55svh;padding:1.125rem .625rem 0 1.125rem;overflow-y:auto;color:var(--textarea-text);border:1px solid var(--input-focus-border)}.edit-textarea:hover{box-shadow:none!important}.note-item{padding:1.125rem;display:flex;flex-direction:column;background-color:var(--container-bg);border:1px solid var(--border-light);border-radius:.625rem;box-shadow:0 .0625rem .125rem var(--box-shadow-light);overflow:hidden;word-break:break-word;transition:border-color var(--duration-medium) var(--timing-function),box-shadow var(--duration-medium) var(--timing-function),opacity var(--duration-slow) var(--timing-function),transform var(--duration-slow) var(--timing-function),height var(--duration-slow) var(--timing-function),margin var(--duration-slow) var(--timing-function),background-color var(--duration-theme) var(--timing-theme)}.note-item.pinned{order:-1;border-color:var(--pinned-note-border);box-shadow:0 .0625rem .125rem var(--pinned-note-shadow)}.note-item.pinned:hover{box-shadow:0 .125rem .375rem var(--pinned-note-shadow)}.note-content{flex-grow:1;width:100%;font-size:1rem;white-space:pre-wrap}.note-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%;margin-top:1.125rem}.note-item:has(.edit-controls-container){padding:0;background-color:var(--textarea-bg);border-color:var(--input-focus-border);box-shadow:0 .125rem .375rem var(--box-shadow-medium)}.note-item:has(.edit-controls-container) .edit-textarea{background-color:#fff0;border-color:#fff0}.note-item:has(.edit-controls-container) .edit-textarea:focus{box-shadow:none}.edit-controls-container{display:flex;flex-direction:column;gap:0;width:100%;animation:fadeinup var(--duration-slow) var(--timing-function)}.edit-buttons-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;margin-top:1.0625rem;margin-bottom:1.125rem;padding:0 1.125rem;box-sizing:border-box}.edit-buttons-container .btn-primary{flex:1 1 45%;min-width:unset;padding:.5rem 1rem;text-align:center;margin-left:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / .6);opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease;z-index:1001;-webkit-tap-highlight-color:#fff0}.modal-overlay.show{opacity:1;pointer-events:all;visibility:visible}.modal-content{display:flex;flex-direction:column;gap:1.125rem;width:90%;max-width:39.125rem;padding:1.125rem;background-color:var(--container-bg);border-radius:1rem;box-shadow:0 .0625rem .1875rem var(--box-shadow-light),0 .0625rem .125rem var(--box-shadow-medium);opacity:0;transform:translateY(1.25rem);transition:background-color var(--duration-theme) var(--timing-theme),opacity var(--duration-default) var(--timing-function),transform var(--duration-default) var(--timing-function)}.modal-overlay.show .modal-content{opacity:1;transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;padding-left:.75rem}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%}.modal-actions .btn-primary{flex:1 1 45%;min-width:unset;padding:.5rem 1rem;text-align:center}#menu-modal-title{padding-left:.8125rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0}.stat-item{text-align:center;padding:.875rem;background-color:var(--textarea-bg);border:1px solid var(--border-light);border-radius:.625rem;transition:background-color var(--duration-theme) var(--timing-theme),border-color var(--duration-theme) var(--timing-theme)}.stat-item-full{grid-column:1 / -1}.stat-label{color:var(--text-secondary);margin-bottom:.3125rem;font-weight:400;transition:color var(--duration-theme) var(--timing-theme)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color var(--duration-theme) var(--timing-theme)}.stat-value-small{font-size:1rem;font-weight:400;color:var(--text-primary);line-height:1.5;transition:color var(--duration-theme) var(--timing-theme)}.creator-content,.forever-free-content,.shortcuts-content,.safari-home-screen-content,.download-all-no-notes-content,.clear-all-no-notes-content,.confirmation-message,.clean-up-on-save-content{margin-bottom:-.25rem;padding-top:.3125rem;border-top:1px solid var(--divider-border)}.shortcuts-content{padding-top:.5rem}.creator-content p{margin-top:1.125rem}.forever-free-content p{margin-top:1.125rem}.safari-home-screen-content p{margin-top:1.125rem}.download-all-no-notes-content p,.clear-all-no-notes-content p{margin-top:1.125rem;margin-bottom:0}.credit{display:flex;justify-content:space-evenly}.creator-content,.forever-free-content,.shortcuts-content,.safari-home-screen-content,.download-all-no-notes-content,.clear-all-no-notes-content{overflow-y:auto;max-height:71svh}.shortcuts-content::-webkit-scrollbar-track{background-color:var(--scrollbar-bg);margin-top:1rem;margin-bottom:.0625rem}.search-results-list,.trash-notes-list,.recent-edits-list,.pinned-notes-list{margin:0;max-height:59svh;overflow-y:auto}.search-results-list{max-height:59.1svh}.recent-edits-list,.pinned-notes-list{max-height:72svh}.trash-notes-list{max-height:63.5svh}.search-results-list .note-item,.trash-notes-list .note-item,.recent-edits-list .note-item,.pinned-notes-list .note-item{margin:0}.browse-list{max-height:72svh;overflow-y:auto;overflow-x:hidden;margin:0;padding-bottom:.0625rem}#hashtags-modal .note-item,#dates-modal .note-item,#notes-by-date-modal .note-item,#months-modal .note-item,#notes-by-month-modal .note-item,#years-modal .note-item,#months-in-year-modal .note-item{padding:1.125rem 1.125rem 1.1875rem}#hashtags-modal .note-item:has(.edit-controls-container),#dates-modal .note-item:has(.edit-controls-container),#notes-by-date-modal .note-item:has(.edit-controls-container),#months-modal .note-item:has(.edit-controls-container),#notes-by-month-modal .note-item:has(.edit-controls-container),#years-modal .note-item:has(.edit-controls-container),#months-in-year-modal .note-item:has(.edit-controls-container){padding:0}#notes-by-date-list,#notes-by-month-list{max-height:72svh}#months-in-year-list{max-height:59svh}.browse-list .note-content,#months-in-year-list .note-content{display:flex;justify-content:space-between;align-items:baseline}.note-count-label{color:var(--text-secondary);white-space:nowrap;padding-left:1rem;flex-shrink:0}.copy-notification{position:fixed;left:50%;bottom:1.75rem;padding:.625rem 1.125rem;border-radius:.75rem;box-shadow:0 .125rem .625rem rgb(0 0 0 / .2);font-size:1rem;white-space:pre-line;min-width:max-content;text-align:center;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(1.25rem);transition:opacity var(--duration-medium) ease-out,transform var(--duration-medium) ease-out,visibility var(--duration-medium) ease-out;z-index:1100}.copy-notification.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}body.light-mode .copy-notification.status{color:var(--notification-status-text-light);background-color:var(--notification-status-bg-light)}body.dark-mode .copy-notification.status{color:var(--notification-status-text-dark);background-color:var(--notification-status-bg-dark)}body.dark-mode .container{box-shadow:0 .0625rem .125rem 0 rgb(0 0 0 / .2),0 .125rem .375rem .125rem rgb(0 0 0 / .2)}.highlight{padding:.125rem 0;color:var(--note-highlight-text);background-color:var(--note-highlight-bg)}.empty-state-message{margin-top:-1.625rem;text-align:center}.empty-search-message,.no-search-results-message,.no-trash-notes-message,.no-pinned-notes-message,.no-recent-edits-message{text-align:center;font-size:1rem;line-height:1.5;color:var(--text-primary);transition:color var(--duration-theme) var(--timing-theme)}.no-trash-notes-message{margin-top:0}.modal-header-subtitle{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;flex:1;padding-left:1rem}.trash-actions{display:flex;gap:.5rem}.trash-action-btn{flex:1;padding:.5rem 1rem;font-size:.9375rem;border-radius:.5rem;text-align:center}.trash-action-btn-destructive:hover{opacity:1}.no-pinned-notes-message{margin-top:0}.no-recent-edits-message{margin-top:0}.no-search-results-message{margin-top:.3125rem;margin-bottom:.625rem}.empty-search-message,.no-trash-notes-message,.no-pinned-notes-message,.no-recent-edits-message{margin-bottom:.6875rem;padding-top:1.5625rem;border-top:1px solid var(--divider-border)}.usage-guideline{margin:1.25rem 0;font-size:1rem;line-height:1.5;color:var(--text-primary);transition:color var(--duration-theme) var(--timing-theme)}.usage-guideline p{padding:.1875rem 0}#empty-trash-btn{display:none;padding:.5rem 1rem}.modal-header-actions{display:flex;gap:.75rem;align-items:center}.modal-header-actions .header-toggle-btn{padding:0;background-color:#fff0;border:none;height:1.25rem;box-shadow:none}.modal-header-actions .header-toggle-btn:hover,.modal-header-actions .header-toggle-btn:active{background-color:#fff0;transform:none}.modal-message{margin-top:-.125rem;margin-bottom:.3125rem;color:var(--text-primary);text-align:left;transition:color var(--duration-theme) var(--timing-theme);border-top:1px solid var(--divider-border);padding-top:1.25rem}.confirmation-checkbox-container{margin-top:-.5rem;margin-bottom:.3125rem}.confirmation-checkbox-label{display:flex;align-items:center;cursor:pointer;gap:.75rem}.confirmation-checkbox{appearance:none;-webkit-appearance:none;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.confirmation-checkbox-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;border:.125rem solid var(--border-medium);border-radius:.25rem;background-color:var(--textarea-bg);cursor:pointer;color:#fff0;transition:background-color var(--duration-fast) var(--timing-function),border-color var(--duration-fast) var(--timing-function),color var(--duration-fast) var(--timing-function)}.confirmation-checkbox-label:hover .confirmation-checkbox-box{border-color:var(--pinned-note-border)}.confirmation-checkbox:checked+.confirmation-checkbox-box{background-color:var(--pinned-note-border);border-color:var(--pinned-note-border);color:var(--container-bg)}#confirm-action-btn:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:var(--scrollbar-width);background-color:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-track{background-color:var(--scrollbar-bg);margin-top:1px;margin-bottom:1px}.edit-textarea::-webkit-scrollbar,.browse-list::-webkit-scrollbar,.search-results-list::-webkit-scrollbar,.trash-notes-list::-webkit-scrollbar,.recent-edits-list::-webkit-scrollbar,.pinned-notes-list::-webkit-scrollbar,.shortcuts-content::-webkit-scrollbar,.creator-content::-webkit-scrollbar,.forever-free-content::-webkit-scrollbar,.menu-nav::-webkit-scrollbar,textarea::-webkit-scrollbar{background-color:var(--box-scrollbar-bg);width:var(--scrollbar-width)}.edit-textarea::-webkit-scrollbar-track,.browse-list::-webkit-scrollbar-track,.search-results-list::-webkit-scrollbar-track,.trash-notes-list::-webkit-scrollbar-track,.recent-edits-list::-webkit-scrollbar-track,.pinned-notes-list::-webkit-scrollbar-track,.shortcuts-content::-webkit-scrollbar-track,.creator-content::-webkit-scrollbar-track,.forever-free-content::-webkit-scrollbar-track,.menu-nav::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:#fff0;border-radius:10px}.edit-textarea::-webkit-scrollbar-thumb,.browse-list::-webkit-scrollbar-thumb,.search-results-list::-webkit-scrollbar-thumb,.trash-notes-list::-webkit-scrollbar-thumb,.recent-edits-list::-webkit-scrollbar-thumb,.pinned-notes-list::-webkit-scrollbar-thumb,.shortcuts-content::-webkit-scrollbar-thumb,.creator-content::-webkit-scrollbar-thumb,.forever-free-content::-webkit-scrollbar-thumb,.menu-nav::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{border:var(--scrollbar-thumb-border);border-radius:10px;background-color:var(--box-scrollbar-thumb);background-clip:var(--scrollbar-thumb-clip)}.edit-textarea::-webkit-scrollbar-thumb:hover,.browse-list::-webkit-scrollbar-thumb:hover,.search-results-list::-webkit-scrollbar-thumb:hover,.trash-notes-list::-webkit-scrollbar-thumb:hover,.recent-edits-list::-webkit-scrollbar-thumb:hover,.pinned-notes-list::-webkit-scrollbar-thumb:hover,.shortcuts-content::-webkit-scrollbar-thumb:hover,.creator-content::-webkit-scrollbar-thumb:hover,.forever-free-content::-webkit-scrollbar-thumb:hover,.menu-nav::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background-color:var(--box-scrollbar-thumb-hover)}body::-webkit-scrollbar-track{margin-top:3px;margin-bottom:3px}@keyframes fadeinup{from{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.note-item.fade-in{animation:fadeinup var(--duration-slow) var(--timing-function)}.hidden{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:.125rem solid var(--input-focus-border);outline-offset:.125rem;border-radius:.25rem}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:.125rem solid var(--input-focus-border);outline-offset:.125rem;transition:none;border-radius:.25rem}}#goog-gt-tt,.goog-te-balloon-frame,.goog-te-banner-frame{display:none!important}kbd{position:relative;top:-1px;display:inline-block;padding:.25rem .5rem;margin:0 .125rem;font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap;border-radius:.5rem}body.light-mode kbd{color:#615d57;background-color:#ede9dd;border:1px solid #cdc8a8;box-shadow:0 1px 1px rgb(0 0 0 / .06),inset 0 1px 0 rgb(255 255 255 / .5)}body.light-mode kbd:hover{border-color:#bdb89a;box-shadow:0 1px 2px rgb(0 0 0 / .08),inset 0 1px 0 rgb(255 255 255 / .6)}body.dark-mode kbd{color:#b0b0b9;background-color:#35373c;border:1px solid #52545e;box-shadow:0 1px 1px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .05)}body.dark-mode kbd:hover{border-color:#5a5d66;box-shadow:0 1px 2px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .1)}#search-modal .edit-textarea{min-height:46svh;max-height:46svh}@keyframes fadein{from{opacity:0}to{opacity:1}}#dates-modal .note-item.fade-in,#months-modal .note-item.fade-in,#years-modal .note-item.fade-in,#months-in-year-list .note-item.fade-in,#hashtags-modal .note-item.fade-in{animation-name:fadein}.menu-modal-overlay{position:fixed;inset:0;align-items:flex-start;justify-content:flex-end;padding:0;background-color:rgb(0 0 0 / .6);pointer-events:none}.menu-modal-overlay.show{pointer-events:all}.menu-modal-content{position:fixed;top:auto;right:0;width:min(16.5rem, 78vw);min-width:unset;max-width:unset;max-height:78svh;margin:0;padding:1.125rem;gap:1.125rem;overflow:hidden;transform:translateY(-.5rem) scale(.97);transform-origin:top right;opacity:0;transition:opacity var(--duration-default) var(--timing-function),transform var(--duration-default) var(--timing-function),background-color var(--duration-theme) var(--timing-theme)}.menu-modal-overlay.show .menu-modal-content{opacity:1;transform:translateY(0) scale(1)}.menu-nav{display:flex;flex-direction:column;gap:.125rem;border-top:1px solid var(--divider-border);padding-top:1rem;padding-right:.125rem;padding-bottom:.25rem;overflow-x:hidden;overflow-y:auto;max-height:70svh;scrollbar-gutter:stable;transition:border-color var(--duration-theme) var(--timing-theme)}.menu-nav::-webkit-scrollbar-track{margin-top:1.7rem;margin-bottom:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;text-align:left;color:var(--text-primary);background-color:#fff0;border:none;cursor:pointer;-webkit-tap-highlight-color:#fff0;transition:background-color var(--duration-fast) var(--timing-function),color var(--duration-fast) var(--timing-function)}.menu-item:hover{background-color:var(--button-primary-bg)}.menu-item:active{background-color:var(--button-primary-bg-hover);transform:translateY(1px)}.menu-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-shortcut{flex-shrink:0;font-family:inherit;font-size:.75rem;border-radius:.375rem;padding:.125rem .375rem;transition:background-color var(--duration-theme) var(--timing-theme),border-color var(--duration-theme) var(--timing-theme),color var(--duration-theme) var(--timing-theme)}body.light-mode .menu-item-shortcut{color:#615d57;background-color:#ede9dd;border:1px solid #cdc8a8}body.dark-mode .menu-item-shortcut{color:#b0b0b9;background-color:#35373c;border:1px solid #52545e}.menu-item-shortcut-mobile{display:none;flex-shrink:0;color:var(--text-secondary)}a.menu-item{text-decoration:none;display:flex}.menu-item-theme-check{flex-shrink:0;display:flex;align-items:center;color:#fff0;transition:color var(--duration-fast) var(--timing-function)}.menu-item-sort.active .menu-item-theme-check,.menu-item-theme.active .menu-item-theme-check{color:var(--menu-item-check-color)}body.hide-note-input .container>.note-input-container{display:none}.menu-item-toggle{cursor:pointer}.menu-item-toggle-switch{flex-shrink:0;position:relative;display:inline-flex;align-items:center;width:2.25rem;height:1.25rem;border-radius:.625rem;background-color:var(--toggle-track-off);transition:background-color var(--duration-fast) var(--timing-function)}.menu-item-toggle-thumb{position:absolute;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background-color:#fff;transition:transform var(--duration-fast) var(--timing-function)}.menu-item-toggle.active .menu-item-toggle-switch{background-color:var(--toggle-track-on)}.menu-item-toggle.active .menu-item-toggle-thumb{transform:translateX(1rem)}.menu-item-fab-position{cursor:pointer}.menu-item-fab-status{flex-shrink:0;color:var(--text-secondary);transition:color var(--duration-theme) var(--timing-theme)}body.fab-left .floating-menu-btn{right:auto!important;left:1.125rem}.menu-modal-content.is-sliding{transition:opacity var(--duration-default) var(--timing-function),transform var(--duration-default) var(--timing-function),background-color var(--duration-theme) var(--timing-theme),left var(--duration-default) var(--timing-function),right var(--duration-default) var(--timing-function)}body.fab-left .menu-modal-content{transform-origin:top left!important}.shortcuts-grid{display:contents}@media (min-width:541px){.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:-.5rem}.shortcuts-grid p{margin:0;padding:.5rem 0}}.new-note-modal-content{display:flex;flex-direction:column;gap:0}#new-note-modal .note-input-container{gap:1.125rem;margin-bottom:0}#new-note-modal textarea{min-height:63svh;max-height:63svh;padding:1.125rem .625rem 1.125rem 1.125rem;border-radius:.625rem;overflow-y:auto}#new-note-modal textarea::placeholder{color:var(--text-secondary)}#new-note-modal textarea:focus::placeholder{color:var(--text-primary)}#new-note-modal textarea:focus{border-color:var(--input-focus-border);box-shadow:0 .125rem .375rem var(--box-shadow-medium)}#modal-add-note-btn{width:100%}.floating-menu-btn,.floating-new-note-btn{--fab-desktop-color:#e4e4e7;--fab-desktop-color-hover:#e4e4e7;--fab-desktop-bg:#3d3f44;--fab-desktop-bg-hover:#46484f;--fab-mobile-color:var(--text-primary);--fab-mobile-color-hover:var(--text-primary);--fab-mobile-bg:var(--button-primary-bg);--fab-mobile-bg-hover:var(--button-primary-bg-hover);position:fixed;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid #fff0;z-index:var(--z-fab);opacity:0;pointer-events:none;-webkit-tap-highlight-color:#fff0;cursor:pointer;font-family:inherit;transition:opacity 180ms cubic-bezier(.4,0,.2,1),transform 180ms cubic-bezier(.4,0,.2,1),background-color 100ms cubic-bezier(.4,0,.2,1),color 100ms cubic-bezier(.4,0,.2,1)}.floating-menu-btn{width:2.375rem;height:2.375rem}.floating-menu-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)!important}@media (min-width:541px){.floating-menu-btn{top:1.125rem;right:1.125rem;color:var(--fab-desktop-color);background-color:var(--fab-desktop-bg);transform:translateY(-6px)}.floating-menu-btn:hover{background-color:var(--fab-desktop-bg-hover);color:var(--fab-desktop-color-hover)}.floating-menu-btn:active{background-color:var(--fab-desktop-bg-hover);transform:scale(.93)!important}.floating-menu-btn[aria-expanded="true"]{background-color:var(--fab-desktop-bg-hover);color:var(--fab-desktop-color-hover)}}@media (max-width:540px){.floating-menu-btn{bottom:1.75rem;right:1.75rem;width:2.75rem;height:2.75rem;color:var(--fab-mobile-color);background-color:var(--fab-mobile-bg);transform:translateY(10px)}.floating-menu-btn:hover{background-color:var(--fab-mobile-bg-hover);color:var(--fab-mobile-color-hover)}.floating-menu-btn:active{background-color:var(--fab-mobile-bg-hover);transform:scale(.93)!important}.floating-menu-btn[aria-expanded="true"]{background-color:var(--fab-mobile-bg);color:var(--fab-mobile-color)}.menu-modal-content{left:50%!important;right:auto!important;transform:translateX(-50%) translateY(.5rem) scale(.97);transform-origin:bottom center}.menu-modal-overlay.show .menu-modal-content{transform:translateX(-50%) translateY(0) scale(1)}}@media (max-width:540px){:root{--scrollbar-width:10px;--scrollbar-thumb-border:3px solid #fff0;--scrollbar-thumb-clip:content-box}a,a:active{-webkit-tap-highlight-color:#fff0}body{padding:0;margin:0;background-color:var(--container-bg);background-image:none}a:active{color:inherit;background-color:var(--link-bg);border-radius:.125rem}.container{min-height:100vh;padding:0 .875rem .875rem;border-radius:0;box-shadow:none}h1{font-size:2rem;line-height:1.4}.note-input-container{gap:.875rem;margin-bottom:1.375rem}.notes-list{gap:.875rem}.note-item{padding:1.0625rem .875rem .875rem}.note-item.pinned:hover,.note-item:hover{box-shadow:0 .0625rem .125rem var(--box-shadow-light)}.note-content{padding-bottom:.0625rem}.note-actions{gap:.5rem;margin-top:.875rem}.note-actions button{flex-grow:1;padding:.5625rem;font-size:.9375rem}.note-item.pinned .note-actions{gap:.375rem}textarea#note-text{min-height:10rem;max-height:60svh;padding:.875rem .5rem .875rem .875rem;font-size:1rem;resize:none}.edit-textarea{min-height:60svh;max-height:60svh;padding:.875rem .5rem 0 .875rem;resize:none}.edit-buttons-container,.modal-actions{gap:.5rem;justify-content:center}.edit-buttons-container{width:auto;margin:.8125rem .875rem .875rem;padding:0}.edit-buttons-container .btn-primary{margin-right:0}.edit-buttons-container .btn-primary,.modal-actions .btn-primary{flex:1 1 45%!important;max-width:15rem;min-width:unset;padding:.5625rem .875rem;font-size:.9375rem;margin:0}#load-more-btn{margin-top:-.625rem;padding:.625rem .9375rem}.modal-content{position:fixed;top:0;left:0;right:0;width:auto;margin:auto;padding:.875rem;gap:.875rem;border-radius:0;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.modal-header h2{font-size:1.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.3125rem}.modal-actions{margin:0}#menu-modal-title{padding-left:.8125rem}#search-input{padding:.875rem;margin-bottom:0;font-size:1rem}#search-modal .modal-content,#notes-by-date-modal .modal-content,#notes-by-month-modal .modal-content,#months-in-year-modal .modal-content,#trash-modal .modal-content{padding-bottom:1.25rem}#hashtags-modal .note-item,#dates-modal .note-item,#notes-by-date-modal .note-item,#months-modal .note-item,#notes-by-month-modal .note-item,#years-modal .note-item,#months-in-year-modal .note-item{padding:.875rem .875rem .9375rem}#hashtags-modal .modal-content,#dates-modal .modal-content,#months-modal .modal-content,#years-modal .modal-content{padding-bottom:.875rem}.modal-message{padding:0;margin-top:0;margin-bottom:.5rem;padding-top:1.25rem}.confirmation-checkbox-container{margin-top:-.4375rem;margin-bottom:.4375rem}.creator-content{padding:0}.forever-free-content{padding:0}.creator-content,.forever-free-content,.shortcuts-content,.safari-home-screen-content,.download-all-no-notes-content,.clear-all-no-notes-content,.confirmation-message{margin-bottom:0;padding-top:.3125rem}.creator-content p{margin-top:1rem}.forever-free-content p{margin-top:1rem}.safari-home-screen-content p{margin-top:1rem}.download-all-no-notes-content p,.clear-all-no-notes-content p{margin-top:1rem}.shortcuts-content p{margin-top:1rem}.search-results-list,.trash-notes-list{margin:0 0 -.375rem;padding:0}#notes-by-date-list,#notes-by-month-list,#months-in-year-list{max-height:80svh}.trash-notes-list{max-height:73.6svh}.browse-list,.recent-edits-list,.pinned-notes-list{max-height:80svh}.shortcuts-content{max-height:79.2svh;padding-right:.5rem;padding-top:.4375rem}.search-results-list{max-height:71.1svh}.btn-close{width:2.75rem;height:2.75rem}.btn-read-less,.btn-read-more,#empty-trash-btn{padding:.5625rem .875rem;font-size:.9375rem;margin-top:.875rem;margin-bottom:0}#empty-trash-btn{margin-top:auto;margin-bottom:auto}.no-search-results-message{padding:0;margin-top:.625rem;margin-bottom:.6875rem;font-size:1rem}.usage-guideline{padding:0}.empty-state-message{margin-top:-1.125rem}.empty-state-message span{display:block}.credit{display:flex;justify-content:space-evenly;flex-direction:column;align-items:flex-start}.search-results-list::-webkit-scrollbar,.trash-notes-list::-webkit-scrollbar,.browse-list::-webkit-scrollbar,.recent-edits-list::-webkit-scrollbar,.pinned-notes-list::-webkit-scrollbar,.clean-up-on-save-content::-webkit-scrollbar,.safari-home-screen-content::-webkit-scrollbar{width:0}.confirmation-checkbox-label{padding:0;gap:.75rem}.copy-notification a:active{background-color:var(--link-notification-bg)}.stats-grid{gap:.875rem}.stat-item{padding:.875rem}.stat-value{font-size:1.75rem}.stat-value-small{font-size:1rem}kbd{padding:.1875rem .375rem}#search-modal .edit-textarea{min-height:56svh;max-height:56svh}.copy-notification{width:max-content;max-width:calc(100vw - 1.75rem);min-width:unset;white-space:pre-line;word-break:break-word;box-sizing:border-box}.menu-modal-content{width:70vw;max-width:unset;border-radius:.75rem;padding:.875rem;gap:.875rem}.menu-item-shortcut{display:none}.menu-item-shortcut-mobile{display:flex;align-items:center}.menu-item-desktop-only{display:none}.menu-item{padding:.5625rem .875rem}.menu-nav{max-height:27.3rem;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding-bottom:.5rem}.menu-nav::-webkit-scrollbar-track,.shortcuts-content::-webkit-scrollbar-track{margin-top:1.4rem;margin-bottom:.6rem}#shortcuts-modal{--scrollbar-width:4px;--scrollbar-thumb-border:none}#new-note-modal .note-input-container{gap:.875rem}#new-note-modal textarea{min-height:73svh;max-height:73svh;padding:.875rem;font-size:1rem;resize:none}body.fab-left .floating-menu-btn{left:1.75rem!important;right:auto!important}}@media (max-width:375px){#search-input,.edit-buttons-container .btn-primary,.modal-actions .btn-primary,.note-actions button,.btn-read-less,.btn-read-more,button{font-size:.875rem}.usage-guideline{padding:0 .0625rem}h1{font-size:1.875rem}}@media (width:375px){.shortcuts-content{overflow-y:auto;max-height:77.7svh!important}}@media (max-width:360px){.note-actions button{padding:.5rem .125rem}}.floating-new-note-btn{transform:scale(.6)}.floating-new-note-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)}@media (min-width:541px){.floating-new-note-btn{width:2.375rem;height:2.375rem;top:1.125rem;right:calc(1.125rem + 2.375rem + 0.5rem);color:var(--fab-desktop-color);background-color:var(--fab-desktop-bg)}.floating-new-note-btn:hover{background-color:var(--fab-desktop-bg-hover);color:var(--fab-desktop-color-hover)}.floating-new-note-btn:active{background-color:var(--fab-desktop-bg-hover);transform:scale(.93)!important}}@media (min-width:541px){body.fab-left .floating-new-note-btn{right:auto!important;left:calc(1.125rem + 2.375rem + 0.5rem)}}@media (max-width:540px){.floating-new-note-btn{width:2.75rem;height:2.75rem;bottom:1.75rem;right:calc(1.75rem + 2.75rem + 0.625rem);color:var(--fab-mobile-color);background-color:var(--fab-mobile-bg);transform:translateX(1rem) scale(.7)}.floating-new-note-btn.visible{transform:translateX(0) scale(1)}.floating-new-note-btn:hover{background-color:var(--fab-mobile-bg-hover);color:var(--fab-mobile-color-hover)}.floating-new-note-btn:active{background-color:var(--fab-mobile-bg-hover);transform:scale(.93)!important}}@media (max-width:540px){body.fab-left .floating-new-note-btn{right:auto!important;left:calc(1.75rem + 2.75rem + 0.625rem);transform:translateX(-1rem) scale(.7)}body.fab-left .floating-new-note-btn.visible{transform:translateX(0) scale(1)}}