.import-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.import-page{max-width:800px;margin:0 auto;padding:0;background:var(--background-color);color:var(--text-color);border-radius:8px;box-shadow:0 4px 20px var(--shadow-color);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-height:90vh;overflow-y:auto;z-index:1000}.import-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{background-color:var(--button-hover-color)}.import-page h1{margin:0;font-size:1.8rem;color:var(--text-color)}.import-instructions{margin:0;background-color:var(--card-bg-color);padding:2rem}.import-instructions h2{margin-top:0;font-size:1.5rem;color:var(--secondary-text-color)}.import-instructions ol{padding-left:1.5rem;margin-bottom:0}.import-instructions li{margin-bottom:.5rem;line-height:1.5}.import-instructions a{color:var(--accent-color);text-decoration:none}.import-instructions a:hover{text-decoration:underline}.import-form{display:flex;flex-direction:column;gap:1rem;margin:0;padding:2rem;border-top:1px solid var(--border-color)}.file-input-container{position:relative}.file-input-label{display:inline-block;background-color:var(--search-bg-color);color:var(--secondary-text-color);padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;border:1px solid var(--border-color);font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;transition:background-color .2s}.file-input-label:hover{background-color:var(--button-hover-color)}input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.import-button{background-color:var(--accent-color);color:var(--button-text-color);border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;align-self:flex-start}.import-button:hover:not(:disabled){background-color:var(--accent-hover-color)}.import-button:disabled{background-color:var(--disabled-color, #ccc);cursor:not-allowed}.import-error,.import-success{margin:0;padding:2rem;border-top:1px solid var(--border-color);background-color:var(--foreground-color)}.import-error{background-color:var(--error-bg-color, rgba(217, 48, 37, .1));border-left:4px solid var(--error-color, #d93025)}.import-success{background-color:var(--success-bg-color, rgba(52, 168, 83, .1));border-left:4px solid var(--success-color, #34a853)}.import-error h3,.import-success h3{margin-top:0;color:var(--text-color)}.import-results{margin-top:1rem;background-color:var(--card-bg-color);padding:1rem;border-radius:4px}.import-results h4{margin-top:0;color:var(--secondary-text-color)}.import-results ul{padding-left:1.5rem;margin-bottom:1rem}.failures-list{max-height:200px;overflow-y:auto;background-color:var(--search-bg-color);padding:1rem;border-radius:4px;font-family:monospace;font-size:.9rem}.import-progress{margin:0;padding:2rem;background-color:var(--background-color);border-top:1px solid var(--border-color)}.import-progress h3{margin-top:0;color:var(--text-color)}.status-message{font-weight:500;margin-bottom:1rem;color:var(--text-color)}.progress-container{margin:1.5rem 0}.progress-bar{height:10px;background-color:var(--border-color);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--accent-color);border-radius:5px;transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--secondary-text-color);text-align:center}.import-note{font-style:italic;color:var(--secondary-text-color);margin-top:1rem;font-size:.9rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-color, #f5f5f5);padding:20px;flex-direction:column}.auth-container{margin-bottom:100px;border-radius:20px;box-shadow:0 4px 40px #00000026;padding:40px;width:100%;max-width:400px;border:1px solid var(--header-border-color)}.auth-logo{width:80px;height:auto;margin-bottom:50px;border-radius:18px;box-shadow:0 1px 80px #ffffff1a}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:24px;font-weight:600;margin:0 0 8px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input{padding:12px 16px;border:2px solid var(--header-border-color);background-color:transparent;border-radius:8px;color:var(--text-color);font-size:16px}.form-group input:focus{border:2px solid var(--text-color)}.error-message{background:rgba(255,90,114,.22);color:#c62828;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:700}.auth-button{background:var(--foreground-color);color:var(--text-color-contrast);border:none;border-radius:8px;padding:14px 24px;font-size:16px;cursor:pointer}.auth-button:hover{text-decoration:underline}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Thin-c81bff31.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-ThinItalic-d6fca60c.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Light-f0e7f176.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-LightItalic-a9e4ec3f.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Regular-744c8a73.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Italic-cb7f5641.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Medium-68f690d4.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-MediumItalic-2360dd61.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Bold-c1bd19e0.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-BoldItalic-7f6108e5.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-Black-0ff7d3d1.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url(/assets/ProductSans-BlackItalic-4e910926.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--nav-height: 64px;--accent-color: #23a286;--accent-hover-color: #32b598;--note-color-default: transparent;--note-color-coral: #77172e;--note-color-peach: #692b17;--note-color-sand: #7c4a03;--note-color-mint: #254436;--note-color-sage: #105350;--note-color-fog: #256377;--note-color-storm: #284255;--note-color-dusk: #472e5b;--note-color-blossom: #6c394f;--note-color-clay: #4b443a;--note-color-chalk: #232427}:root{--text-color: rgba(255, 255, 255, .9);--text-secondary-color: rgba(255, 255, 255, .6);--text-color-contrast: rgba(0, 0, 0, .9);--foreground-color: rgb(253, 253, 253);--background-color: #202124;--mobile-background-color: #14140b;--note-border-color: #5f6368;--noteform-border-color: rgba(255, 255, 255, .15);--header-border-color: #3e3e38;--mobile-note-border-color: #46494d;--note-hover-color: #2d2e30;--pinned-section-color: #2d2e30;--header-bg-color: #202124;--header-bg-color-glassy: rgba(32, 33, 36, .8);--mobile-header-bg-color: #14140b;--mobile-header-bg-color-glassy: rgba(28, 28, 20, .8);--selection-header-bg-color: #202124;--selection-header-bg-color-glassy: rgba(32, 33, 36, .8);--shadow-color: rgba(0, 0, 0, .3);--dropdown-bg-color: #2d2e30;--dropdown-bg-color-glassy: rgba(34, 34, 34, .95);--search-bg-color: rgba(65, 65, 65, .6);--search-active-bg-color: rgba(57, 57, 57, .7);--button-hover-color: rgba(255, 255, 255, .1);--list-hover-color: rgba(15, 15, 15, .1);--button-bg-color: #3c4043;--note-bg-color: #202124;--mobile-note-bg-color: #14140b;--border-transparent: rgba(255, 255, 255, .1);--fab-color: var(--accent-color);--fab-hover-color: var(--accent-hover-color);--fab-text-color: rgba(255, 255, 255, .9);--fab-bg-color-glassy: rgba(255, 255, 255, .8);--fab-hover-color-glassy: rgba(255, 255, 255, 1);--floating-element: #393939;--menu-item-hover-bg: rgba(0, 0, 0, .05);--menu-item-separator-light: rgb(230, 230, 230);--menu-item-separator-dark: rgb(60, 60, 60);--spinner-highlight: rgba(255, 255, 255, .5);--progress-highlight: rgba(255, 255, 255, .25);--link: #90aeff;--switch-dark-unchecked: #adadad;--tiptap-setting-button: #d3d3d3;--tiptap-setting-button-hover: #dedede;--tiptap-setting-button-selected: #4e4e4e;--tiptap-highlight-background: rgba(255, 216, 0, .3);--input-bg-color: rgba(0, 0, 0, .3);--button-bg: rgba(255, 255, 255, .1);--fill-subtle: rgba(255, 255, 255, .05);--menu-item-hover: rgba(255, 255, 255, .2);--menu-item-selected: rgba(255, 255, 255, .1);--star-rating-unfilled: rgba(255, 255, 255, .4);--star-rating-filled: #f1a500;--typeahead-mobile-bg-color: #1b1b17;--switch-inverse-active: rgba(255, 255, 255, .9);--switch-inverse-inactive: rgba(255, 255, 255, .5);--switch-inverse-knob-active: #202124;--switch-inverse-knob-inactive: rgba(255, 255, 255, .5)}:root.light-theme{--text-color: rgba(0, 0, 0, .9);--text-secondary-color: rgba(0, 0, 0, .6);--text-color-contrast: rgba(255, 255, 255, .9);--foreground-color: rgb(15, 15, 15);--background-color: #fff;--mobile-background-color: #fffef2;--note-border-color: #e0e0e0;--noteform-border-color: rgba(0, 0, 0, .08);--header-border-color: #e3e2de;--mobile-note-border-color: rgba(0, 0, 0, .22);--note-hover-color: #f5f5f5;--pinned-section-color: #f1f3f4;--header-bg-color: #fff;--header-bg-color-glassy: rgba(255, 255, 255, .8);--mobile-header-bg-color: #fff;--mobile-header-bg-color-glassy: rgba(239, 234, 220, .8);--selection-header-bg-color: #f1f3f4;--selection-header-bg-color-glassy: rgba(241, 243, 244, .8);--shadow-color: rgba(0, 0, 0, .1);--dropdown-bg-color: #fff;--dropdown-bg-color-glassy: rgba(252, 252, 252, .95);--search-bg-color: rgba(209, 209, 209, .4);--search-active-bg-color: rgba(209, 209, 209, .7);--button-hover-color: rgba(0, 0, 0, .1);--list-hover-color: rgba(255, 255, 255, .1);--button-bg-color: #fff;--note-bg-color: #fff;--mobile-note-bg-color: #fffef2;--border-transparent: rgba(0, 0, 0, .1);--fab-color: var(--accent-color);--fab-hover-color: var(--accent-hover-color);--fab-text-color: rgba(255, 255, 255, .9);--fab-bg-color-glassy: rgba(32, 33, 36, .8);--fab-hover-color-glassy: rgba(32, 33, 36, 1);--floating-element: #cecece;--menu-item-hover-bg: rgba(255, 255, 255, .15);--menu-item-separator-light: rgb(60, 60, 60);--menu-item-separator-dark: rgb(230, 230, 230);--spinner-highlight: rgba(0, 0, 0, .5);--progress-highlight: rgba(0, 0, 0, .25);--link: #1f3ebf;--switch-dark-unchecked: #717171;--tiptap-setting-button: #484848;--tiptap-setting-button-hover: #393939;--tiptap-setting-button-selected: #d0d0d0;--tiptap-highlight-background: rgba(255, 210, 0, .66);--input-bg-color: rgba(0, 0, 0, .08);--button-bg: rgba(0, 0, 0, .1);--fill-subtle: rgba(0, 0, 0, .05);--menu-item-hover: rgba(0, 0, 0, .2);--menu-item-selected: rgba(0, 0, 0, .1);--star-rating-unfilled: rgba(0, 0, 0, .3);--star-rating-filled: #d86800;--typeahead-mobile-bg-color: #fffffb;--switch-inverse-active: rgba(0, 0, 0, .9);--switch-inverse-inactive: rgba(0, 0, 0, .5);--switch-inverse-knob-active: #fff;--switch-inverse-knob-inactive: rgba(0, 0, 0, .5);--note-color-default: #ffffff;--note-color-coral: #ffc8c3;--note-color-peach: #fbcfa7;--note-color-sand: #fff8b8;--note-color-mint: #e2f6d3;--note-color-sage: #b4ddd3;--note-color-fog: #d4e4ed;--note-color-storm: #aeccdc;--note-color-dusk: #d3bfdb;--note-color-blossom: #f6e2dd;--note-color-clay: #e9e3d4;--note-color-chalk: #efeff1}*{box-sizing:border-box;margin:0;padding:0}*{overscroll-behavior:none;-webkit-overflow-scrolling:auto}@supports (padding-top: env(safe-area-inset-top)){:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right)}body{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9aa0a680;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#9aa0a6cc}*{scrollbar-width:thin;scrollbar-color:rgba(154,160,166,.5) transparent}[style*=overflow],[class*=scroll],*::-webkit-scrollbar-thumb{-webkit-backface-visibility:hidden;backface-visibility:hidden}body{font-family:Product Sans,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-variant-ligatures:none;font-variant-caps:normal;font-variant-alternates:normal;font-variant-numeric:lining-nums!important}@media (max-width: 600px){body{background-color:var(--mobile-background-color)}}#root{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}button{cursor:pointer;background:none;border:none;box-sizing:content-box;line-height:1}input,textarea{border:none;outline:none}a{color:var(--link);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}hr{border:1px solid var(--border-transparent);background-color:transparent;height:0px}mark{background-color:var(--tiptap-highlight-background);color:var(--text-color)}h1,h2,h3{line-height:1.1}.main-container{width:100%;padding-top:var(--nav-height)}.content{width:100%;max-width:1500px;margin:0 auto;padding:0 4px 80px}.notes-grid{text-align:left;margin:0 auto;padding:8px}.note-card{display:inline-block;vertical-align:top;width:calc(33.33% - 8px);margin:0 4px 8px;box-sizing:border-box}@media (max-width: 800px){.note-card{width:calc(50% - 8px)}}@media (max-width: 600px){.notes-grid{padding:4px;text-align:center}.note-card{width:calc(50% - 4px)!important;margin:0 2px 8px!important;box-sizing:border-box!important;background-color:var(--mobile-note-bg-color)}}@media (max-width: 400px){.notes-grid{padding:4px}.note-card{width:calc(50% - 4px)!important;margin:0 2px 4px!important;background-color:var(--mobile-note-bg-color)}}.note-card{background-color:var(--note-bg-color);border:1px solid var(--note-border-color);border-radius:8px;padding:16px;min-height:100px;display:flex;flex-direction:column;transition:all .2s ease;color:var(--text-color)}.note-card:hover{box-shadow:0 1px 5px var(--shadow-color);background-color:var(--note-hover-color)}.note-card-title{font-weight:500;margin-bottom:8px;overflow-wrap:break-word}.note-card-content{flex-grow:1;overflow-wrap:break-word;white-space:pre-wrap}.note-card-actions{display:flex;justify-content:flex-end;margin-top:16px;opacity:0}.note-card:hover .note-card-actions{opacity:1}.pinned-section{background-color:var(--pinned-section-color);margin-bottom:20px;padding:8px 0}ul[data-type=taskList]{padding:0}ul[data-type=taskList] li{margin-bottom:4px}ul[data-type=taskList] li[data-checked=true]{text-decoration:line-through;opacity:1}ul[data-type=taskList] li[data-checked=true] p{text-decoration:line-through;opacity:.6}@keyframes checkmarkAnimation{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes indeterminateAnimation{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ProseMirror .note-reference-link{position:absolute;font-size:0;line-height:0;color:transparent;-webkit-user-select:none;user-select:none;width:0;height:0;overflow:hidden;padding:0;margin:0;visibility:hidden}.note-reference-link{color:var(--link);text-decoration:none;cursor:pointer}.note-reference-link:hover{text-decoration:underline}.ai-placeholder{width:100%;background-color:var(--menu-item-hover);text-align:center;padding:12px 16px;border-radius:8px;font-style:italic;margin:8px 0}.ProseMirror .ai-placeholder{width:100%;background-color:var(--menu-item-selected);color:var(--text-secondary-color);text-align:center;padding:4px 16px;border-radius:50vh;font-style:normal;margin:8px 0}