.navbar-container{background-color:var(--bg-sidebar);border-right:1px solid var(--border);height:100vh;width:260px;padding:var(--spacing-lg);display:flex;flex-direction:column;flex-shrink:0}.navbar-logo{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-sm)}.main-nav-desktop{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.nav-item-desktop{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s ease;width:100%}.nav-item-left{display:flex;align-items:center;gap:var(--spacing-md)}.nav-item-desktop:hover{background-color:var(--bg-hover)}.nav-item-desktop.active{background-color:var(--bg-hover);color:var(--text-main);font-weight:600}.nav-item-desktop .active-chevron{width:14px;height:14px;opacity:.6}.nav-item-desktop .active-accent{display:none}.nav-item-desktop img{width:20px;height:20px;flex-shrink:0}.tags-section{flex-grow:1}.tags-title{font-size:.75rem;text-transform:uppercase;color:var(--text-light);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}.settings-sidebar-btn{margin-top:auto}.settings-nav-link{margin-top:var(--spacing-md)}.mobile-bottom-nav,.mobile-only-label{display:none}@media(max-width:768px){.navbar-container{position:fixed;bottom:0;left:0;width:100%;height:80px;flex-direction:row;padding:0;border-top:1px solid var(--border);z-index:1000;background-color:var(--bg-sidebar)}.navbar-logo,.main-nav-desktop,.tags-section,.settings-sidebar-btn,.settings-nav-link{display:none}.mobile-bottom-nav{display:flex;width:100%;height:100%;justify-content:space-around;align-items:center;padding:0 16px}.nav-item-mobile{display:flex;align-items:center;justify-content:center;width:64px;height:44px;border-radius:12px;transition:all .2s ease;background-color:transparent}.nav-item-mobile img{width:24px;height:24px;opacity:.6;transition:opacity .2s}.nav-item-mobile.active{background-color:var(--bg-nav-active)}.nav-item-mobile.active img{opacity:1;filter:invert(41%) sepia(87%) rotate(216deg) brightness(97%) contrast(105%)}}.note-list{display:flex;flex-direction:column;padding:var(--spacing-sm);overflow-y:auto;flex-grow:1}.note-list-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:220px;padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;font-size:.875rem}.note-list-status strong{color:var(--text-main);font-size:.95rem}.note-list-status img{width:24px;height:24px;opacity:.55}.loading-dot{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:note-list-spin .8s linear infinite}@keyframes note-list-spin{to{transform:rotate(360deg)}}.note-item{padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:2px}.note-item:hover{background-color:var(--bg-hover);transform:translate(2px)}.note-item.selected{background-color:var(--bg-panel);box-shadow:var(--shadow-md);border:1px solid var(--border)}.note-item h3{font-size:1rem;color:var(--text-main);font-weight:700;margin-bottom:4px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tag{background-color:var(--bg-tag);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.date{font-size:.75rem;color:var(--text-light)}@media(max-width:768px){.note-list{padding:0;height:auto;overflow:visible;flex-grow:0}.note-item{border-bottom:1px solid var(--border);border-radius:0;padding:var(--spacing-lg) var(--spacing-md);margin-bottom:0}.note-item:last-child{border-bottom:none}.note-item.selected{box-shadow:none;background-color:var(--bg-active);border-bottom:1px solid var(--border)}.note-item h3{font-size:1.25rem;margin-bottom:8px}.tag{padding:2px 8px}.date{margin-top:4px}}.editor-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-main)}.editor-layout-main{display:flex;flex-grow:1;padding:var(--spacing-xl);max-width:1300px;margin:0 auto;width:100%;gap:var(--spacing-xl)}.editor-content-area{flex-grow:1;display:flex;flex-direction:column}.editor-header{margin-bottom:var(--spacing-lg)}.editor-title-view{font-size:2rem;color:var(--text-main);font-weight:700;line-height:1.2}.editor-title-input{width:100%;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-main)}.editor-title-input:hover{border-color:var(--border)}.editor-title-input:focus{padding:4px 8px;margin:-4px -8px}.editor-meta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.meta-value{color:var(--text-main);font-weight:500;font-size:.875rem}.tiptap-wrapper{flex-grow:1;padding:var(--spacing-lg) 0;border-top:1px solid var(--border)}.ProseMirror{font-size:1.125rem;line-height:1.7;color:var(--text-editor);outline:none;min-height:300px}.editor-bottom-actions{padding-top:var(--spacing-xl);display:flex;gap:var(--spacing-md);border-top:1px solid var(--border);margin-top:auto}.primary-btn{background-color:var(--primary);color:var(--text-on-primary);padding:10px 24px;border-radius:var(--radius-md);font-weight:600;transition:background-color .2s}.primary-btn:hover{background-color:var(--primary-hover)}.secondary-btn{background-color:var(--surface-subtle);color:var(--text-secondary);padding:10px 24px;border-radius:var(--radius-md);font-weight:600;transition:background-color .2s}.secondary-btn:hover{background-color:var(--bg-hover)}.editor-right-column{width:260px;display:flex;flex-direction:column;gap:var(--spacing-md)}.action-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.side-action-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:12px;color:var(--text-main);font-weight:500;font-size:.875rem}.side-action-btn:hover{background-color:var(--surface-muted)}.side-action-btn img{opacity:.6}.mobile-editor-header{display:none}@media(max-width:768px){.mobile-editor-header{display:flex;padding:var(--spacing-md);background-color:var(--bg-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.back-btn{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.mobile-header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.icon-action img{width:20px;height:20px;opacity:.5}.mobile-cancel-btn{color:var(--text-secondary);font-weight:500;font-size:.9375rem}.mobile-save-btn{color:var(--primary);font-weight:700;font-size:.9375rem}.editor-layout-main{flex-direction:column;padding:var(--spacing-md);max-width:100%}.editor-right-column,.editor-bottom-actions{display:none}.editor-title-view{font-size:1.75rem;margin-top:var(--spacing-md);font-weight:800}.editor-meta{margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0}.tiptap-wrapper{border-top:none;padding-top:0}}.toast-container{position:fixed;bottom:32px;right:32px;left:auto;transform:none;display:flex;flex-direction:column;gap:12px;z-index:2000;pointer-events:none;align-items:flex-end}@media(max-width:768px){.toast-container{bottom:24px;left:50%;right:auto;transform:translate(-50%);align-items:center;width:100%;padding:0 16px}}.toast-item{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);animation:slideUpToast .3s cubic-bezier(.16,1,.3,1);pointer-events:auto;min-width:300px;max-width:90vw}.toast-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#22c55e;border-radius:50%;flex-shrink:0}.toast-icon img{width:12px;height:12px;filter:brightness(0) invert(1)}.toast-message{font-size:.875rem;color:var(--text-main);font-weight:500;flex-grow:1}.toast-action{font-size:.875rem;color:var(--text-secondary);text-decoration:underline;cursor:pointer;white-space:nowrap;margin-left:auto;font-weight:500}.toast-action:hover{color:var(--text-main)}.toast-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s;margin-left:8px}.toast-close:hover{opacity:1;background-color:var(--bg-hover);border-radius:4px}.toast-close img{width:12px;height:12px;filter:invert(.5)}@media(prefers-color-scheme:dark){.toast-close img{filter:invert(.8)}}@keyframes slideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-note-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-main)}.create-note-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-xl);max-width:1300px;margin:0 auto;width:100%;gap:var(--spacing-xl)}.create-note-header{margin-bottom:var(--spacing-sm)}.create-title-input{font-size:2rem;font-weight:700;color:var(--text-main);border:none;background:transparent;width:100%;outline:none;padding:0}.create-title-input::placeholder{color:var(--text-main);opacity:1}.create-meta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.meta-row{display:flex;align-items:center;gap:var(--spacing-sm)}.meta-label{width:140px;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.meta-label img{width:16px;height:16px;opacity:.7}.create-tags-input{flex-grow:1;border:none;background:transparent;font-size:.875rem;color:var(--text-main);outline:none;min-width:200px}.create-tags-input::placeholder{color:var(--text-secondary);opacity:.5}.meta-value.disabled{font-size:.875rem;color:var(--text-light)}.create-editor-wrapper{flex-grow:1;padding:var(--spacing-lg) 0;border-top:1px solid var(--border)}.ProseMirror{font-size:1.125rem;line-height:1.7;color:var(--text-editor);outline:none;min-height:200px}.create-bottom-actions{padding-top:var(--spacing-xl);display:flex;gap:var(--spacing-md);border-top:1px solid var(--border);margin-top:auto}@media(prefers-color-scheme:dark){.create-title-input::placeholder{color:var(--text-main)}.ProseMirror{color:var(--text-secondary)}}.settings-page-wrapper{display:flex;height:100%;width:100%;background:var(--bg-main);overflow:hidden}.settings-sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--spacing-xl) var(--spacing-md);flex-shrink:0}.settings-header-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:var(--spacing-xl);padding-left:var(--spacing-xs)}.settings-nav-list{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.9375rem;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%}.settings-nav-item:hover{background-color:var(--bg-hover);color:var(--text-main)}.settings-nav-item.active{background-color:var(--bg-nav-active);color:var(--text-main);font-weight:600}.settings-nav-item.active .active-chevron{opacity:1}.settings-nav-item .item-left{display:flex;align-items:center;gap:var(--spacing-md)}.settings-nav-item img{width:20px;height:20px}.settings-nav-item .active-chevron{width:16px;height:16px;opacity:.6}.settings-divider{height:1px;background-color:var(--border);margin:var(--spacing-md) 0}.settings-nav-item.logout{color:#ef4444}.settings-nav-item.logout:hover{background-color:#fef2f2}.settings-content-panel{flex-grow:1;padding:clamp(var(--spacing-lg),4vw,56px);overflow-y:auto;background-color:var(--bg-main);display:flex;flex-direction:column;max-width:1000px;gap:var(--spacing-lg)}.sub-view-title{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:0}.sub-view-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.selection-cards{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:600px}.selection-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-card);transition:all .2s ease;cursor:pointer;min-height:76px;width:100%;font:inherit;text-align:left}.selection-card:hover{border-color:var(--primary);transform:translateY(-1px)}.selection-card.active{background-color:var(--bg-active);border-color:var(--primary)}.card-left{width:100%;font:inherit;text-align:left;display:flex;align-items:center;gap:var(--spacing-md)}.settings-sidebar-btn,.settings-nav-link{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background-color:var(--bg-panel)}.card-icon-circle img{width:24px;height:24px;opacity:.8}.font-aa{font-weight:600;font-size:1.125rem;color:var(--text-main)}.card-info{display:flex;flex-direction:column;gap:2px}.card-label{font-weight:600;font-size:1rem;color:var(--text-main)}.card-desc{font-size:.75rem;color:var(--text-secondary)}.radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);position:relative}.radio-dot.selected{border-color:#335cff}.radio-dot.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#335cff;border-radius:50%}.apply-btn{align-self:flex-end;background-color:var(--primary);color:var(--text-on-primary);padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9375rem;transition:background-color .2s}.apply-btn:hover{background-color:#2546bd}.password-form{max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-main)}.input-with-icon{position:relative;width:100%}.input-with-icon input{width:100%;padding:12px 48px 12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background-color:var(--bg-input);color:var(--text-main);transition:border-color .2s}.input-with-icon input:focus{outline:none;border-color:var(--primary)}.input-with-icon button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px;opacity:.4;background:none;border:none;cursor:pointer}.input-with-icon button:hover{opacity:.7}.input-with-icon button img{width:20px;height:20px}.field-hint{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.field-hint img{width:14px;height:14px}.save-password-btn{align-self:flex-end;background-color:var(--primary);color:var(--text-on-primary);padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9375rem;transition:background-color .2s}.save-password-btn:hover{background-color:#2546bd}.alert{padding:12px;border-radius:8px;margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:500}.alert.success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.alert.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.settings-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md);background:transparent;padding:0;border:none;cursor:pointer}.settings-breadcrumb:hover{color:var(--text-main)}.settings-breadcrumb img{width:14px;height:14px}.mobile-only,.mobile-arrow{display:none}.settings-nav-item:focus-visible,.selection-card:focus-visible,.apply-btn:focus-visible,.save-password-btn:focus-visible{outline:3px solid rgba(51,92,255,.35);outline-offset:2px}@media(max-width:768px){.settings-page-wrapper{flex-direction:column}.settings-sidebar{width:100%;height:100%;border-right:none;padding:var(--spacing-md)}.settings-sidebar.hidden-mobile{display:none}.settings-content-panel{padding:var(--spacing-md);width:100%;min-height:100%}.settings-content-panel.hidden-mobile{display:none}.settings-nav-item{padding:16px 4px;border-bottom:1px solid var(--border);border-radius:0}.settings-nav-item:hover,.settings-nav-item.active{background-color:transparent;color:var(--text-main)}.active-chevron{display:none}.mobile-arrow{display:block;opacity:.4}.mobile-only{display:block;margin-bottom:var(--spacing-lg)}.settings-header-title{font-size:2rem;margin-bottom:var(--spacing-lg)}.settings-divider{display:none}.selection-cards,.password-form{max-width:100%}.selection-card{min-height:72px}.apply-btn,.save-password-btn{align-self:stretch;width:100%}}.tags-list-page{padding:var(--spacing-md);height:100%;overflow-y:auto}.tags-list-description{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.tags-search{position:relative;display:block;max-width:520px;margin-top:var(--spacing-lg)}.tags-search img{position:absolute;width:18px;height:18px;left:14px;top:50%;transform:translateY(-50%);opacity:.55}.tags-search input{width:100%;height:46px;padding-left:42px;background:var(--bg-input);color:var(--text-main)}.tags-search input::-webkit-search-cancel-button{cursor:pointer}.tags-grid{display:flex;flex-direction:column;margin-top:var(--spacing-md)}.tag-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0;width:100%;border-bottom:1px solid var(--border);background:transparent;color:var(--text-main);font-weight:500;font-size:1rem}.tag-item-row:active,.tag-item-row:hover{background-color:var(--bg-hover)}.tag-item-row img{width:24px;height:24px;opacity:.6}.tag-item-row:last-child{border-bottom:none}.tags-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:56px var(--spacing-lg);color:var(--text-secondary);text-align:center;font-size:.875rem}.tags-empty-state strong{color:var(--text-main)}.tags-empty-state img{width:28px;height:28px;opacity:.5}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out;padding:16px}.modal-container{background-color:var(--bg-panel);width:100%;max-width:440px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);border:1px solid var(--border);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.modal-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.modal-icon-wrapper img{width:20px;height:20px;opacity:.8}.modal-content-text{display:flex;flex-direction:column;gap:8px}.modal-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0}.modal-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);margin-top:var(--spacing-sm)}.modal-btn{padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-btn-cancel{background-color:var(--bg-hover);color:var(--text-main);border:1px solid transparent}.modal-btn-cancel:hover{background-color:var(--bg-active)}.modal-btn-action{color:#fff;border:1px solid transparent}.modal-btn-action.destructive{background-color:#ef4444;box-shadow:0 1px 2px #ef444433}.modal-btn-action.destructive:hover{background-color:#dc2626}.modal-btn-action.primary{background-color:#335cff;box-shadow:0 1px 2px #335cff33}.modal-btn-action.primary:hover{background-color:#2546bd}@media(max-width:640px){.modal-container{padding:var(--spacing-md);gap:var(--spacing-md);width:100%;margin:0 16px}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-btn{width:100%;display:flex;justify-content:center;padding:12px}}@media(prefers-color-scheme:dark){.modal-overlay{background-color:#000000b3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-main)}.dashboard-main-panel{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.desktop-main-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background-color:var(--bg-header);border-bottom:1px solid var(--border)}.header-title{font-size:1.5rem;color:var(--text-main);font-weight:700}.header-actions-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-search-desktop{position:relative;width:320px}.header-search-desktop .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;opacity:.5}.header-search-desktop input{width:100%;padding-left:36px;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-main);border-radius:var(--radius-md);height:40px}.settings-btn-desktop{padding:8px;opacity:.6}.dashboard-content-grid{display:flex;flex-grow:1;overflow:hidden;position:relative}.notes-editor-container{display:flex;width:100%;height:100%}.notes-sidebar{width:clamp(280px,25vw,360px);background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.notes-sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.mobile-view-title,.mobile-search-bar,.view-subtitle{display:none}.create-note-btn-full{width:100%;background-color:var(--primary);color:var(--text-on-primary);padding:12px;border-radius:var(--radius-md);font-weight:600}.editor-section{flex-grow:1;background-color:var(--bg-main);overflow-y:auto;min-width:0}.mobile-dashboard-header,.mobile-fab{display:none}.mobile-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}@media(max-width:1024px){.create-note-btn-full{display:none}.mobile-view-title{display:block;font-size:2rem;font-weight:800;color:var(--text-main);margin:var(--spacing-md) 0 4px}.view-subtitle{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.mobile-search-bar{position:relative;width:100%;margin-top:var(--spacing-md)}.mobile-search-bar{display:none}.search-active .mobile-search-bar{display:block;margin-bottom:var(--spacing-md)}.mobile-search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;opacity:.5}.mobile-search-bar input{width:100%;padding-left:36px;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-main);border-radius:var(--radius-md);height:48px}}@media(max-width:768px){.desktop-main-header{display:none}.dashboard{flex-direction:column;background-color:var(--bg-main);height:auto;overflow:auto}.mobile-dashboard-header{display:flex;padding:var(--spacing-md);background-color:var(--bg-mobile-header);border-bottom:none}.mobile-logo{height:32px}.dashboard-main-panel,.dashboard-content-grid{height:auto;overflow:visible}.mobile-content-wrapper{background-color:var(--bg-panel);border-radius:20px 20px 0 0;margin-top:0;width:100%;min-height:calc(100vh - 80px);display:block}.notes-sidebar{width:100%;border-right:none;background-color:transparent}.notes-sidebar.has-selection{display:none}.editor-section.visible{display:flex;position:fixed;top:0;left:0;width:100%;height:calc(100% - 80px);z-index:2000;background-color:var(--bg-panel)}.mobile-fab{display:flex;position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));right:24px;width:60px;height:60px;background-color:var(--primary);border-radius:50%;align-items:center;justify-content:center;box-shadow:0 4px 12px #335cff66;z-index:100}.mobile-fab img{filter:brightness(0) invert(1);width:28px;height:28px}}.auth-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-main);padding:var(--spacing-md)}.auth-card{background-color:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.auth-logo{margin-bottom:var(--spacing-sm)}.auth-header h1{font-size:1.5rem;color:var(--text-main);margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-main)}.form-group .label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.75rem;color:var(--text-light);text-decoration:underline}.input-container{position:relative}.input-container input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-light);display:flex;align-items:center;justify-content:center}.helper-text{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:4px}.helper-text img{width:12px;height:12px}.auth-btn{background-color:var(--primary);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all .2s ease;margin-top:var(--spacing-sm)}.auth-btn:hover{background-color:var(--primary-hover)}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--text-light);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:600;background-color:#fff;transition:all .2s ease}.google-btn:hover{background-color:var(--bg-main)}.google-auth-container{width:100%;display:flex;justify-content:center;overflow:hidden}.google-auth-container>div,.google-auth-container iframe{max-width:100%}.auth-footer{font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:var(--text-main);font-weight:600}.error-message{background-color:#fee2e2;color:#dc2626;padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:var(--spacing-sm)}@media(max-width:480px){.auth-page-wrapper{padding:var(--spacing-sm)}.auth-card{padding:var(--spacing-lg) var(--spacing-md)}}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"Noto Serif";src:url(/assets/fonts/noto-serif/NotoSerif-VariableFont_wdth,wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/assets/fonts/source-code-pro/SourceCodePro-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:200 900;font-display:swap}:root{--primary: #335cff;--primary-hover: #254edb;--bg-main: #f8f9fb;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-tag: #f2f4f7;--border: #e0e4ea;--text-main: #1c2024;--text-secondary: #525866;--text-light: #99a1af;--bg-hover: #f3f5f8;--bg-active: #f3f5f8;--bg-nav-active: #eef2ff;--bg-mobile-header: #f4f5f7;--bg-panel: #ffffff;--surface-subtle: #f3f5f8;--surface-muted: #f9fafb;--text-on-primary: #ffffff;--text-editor: #4b5563;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--font-main: "Inter", sans-serif}[data-theme=dark]{--bg-main: #0b0f14;--bg-sidebar: #131920;--bg-header: #131920;--bg-panel: #131920;--bg-card: #1c242d;--bg-input: #1c242d;--bg-tag: #2d3748;--border: #2d3748;--text-main: #f4f7fa;--text-secondary: #94a3b8;--text-light: #64748b;--bg-mobile-header: #0b0f14;--surface-subtle: #202a35;--surface-muted: #1a222c;--text-on-primary: #ffffff;--text-editor: #d7dee7;--bg-hover: #1f2731;--bg-active: #1f2731;--bg-nav-active: #1f2731}[data-font=serif]{--font-main: "Noto Serif", serif}[data-font=monospace]{--font-main: "Source Code Pro", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-main);font-weight:600}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}input:focus,textarea:focus{outline:none;border-color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(51,92,255,.45);outline-offset:2px}ul{list-style:none}a{text-decoration:none;color:inherit}[data-theme=dark] .dashboard img,[data-theme=dark] .settings-page-wrapper img,[data-theme=dark] .tags-list-page img{filter:invert(1) brightness(1.15)}[data-theme=dark] .dashboard .navbar-logo img,[data-theme=dark] .dashboard .mobile-logo{filter:none}