*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-background:#fafafa;--color-surface:#fff;--color-border:#e8e8e8;--color-text:#0f0f0f;--color-text-secondary:#6b6b6b;--color-text-muted:#ababab;--color-white:#fff;--color-primary:#0f0f0f;--color-primary-dark:#2a2a2a;--color-primary-light:#f5f5f5;--color-primary-text:#fff;--color-sidebar:#f5f5f5;--color-success:#16a34a;--color-warning:#d97706;--color-error:#e11d48;--color-info:#2563eb;--tag-personal-bg:#ede9fe;--tag-personal-text:#5b21b6;--tag-personal-dot:#7c3aed;--tag-work-bg:#dbeafe;--tag-work-text:#1e40af;--tag-work-dot:#2563eb;--tag-ideas-bg:#dcfce7;--tag-ideas-text:#166534;--tag-ideas-dot:#16a34a;--tag-journal-bg:#fef3c7;--tag-journal-text:#92400e;--tag-journal-dot:#d97706;--tag-health-bg:#ffe4e6;--tag-health-text:#9f1239;--tag-health-dot:#e11d48;--tag-default-bg:#f3f4f6;--tag-default-text:#4b5563;--tag-default-dot:#6b7280;--font-primary:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Lora",Georgia,serif;--text-xs:clamp(0.625rem,0.6rem + 0.1vw,0.6875rem);--text-sm:clamp(0.6875rem,0.65rem + 0.2vw,0.75rem);--text-base:clamp(0.8125rem,0.76rem + 0.25vw,0.875rem);--text-md:clamp(0.875rem,0.82rem + 0.27vw,0.9375rem);--text-lg:clamp(1rem,0.94rem + 0.3vw,1.0625rem);--text-xl:clamp(1.125rem,1rem + 0.5vw,1.25rem);--text-2xl:clamp(1.25rem,1.1rem + 0.7vw,1.5rem);--spacing-xs:clamp(3px,0.2vw + 2px,4px);--spacing-sm:clamp(6px,0.4vw + 4px,8px);--spacing-md:clamp(10px,0.6vw + 6px,12px);--spacing-lg:clamp(12px,0.8vw + 8px,16px);--spacing-xl:clamp(18px,1.2vw + 10px,24px);--spacing-2xl:clamp(24px,1.8vw + 14px,32px);--spacing-3xl:clamp(32px,2.5vw + 20px,48px);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--transition-fast:150ms ease;--transition-normal:200ms ease}.dark-mode,[data-theme=dark]{--color-background:#0f0f0f;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-text:#f0f0f0;--color-text-secondary:#8a8a8a;--color-text-muted:#555;--color-sidebar:#141414;--color-primary:#f0f0f0;--color-primary-dark:#d0d0d0;--color-primary-light:#1a1a1a;--color-primary-text:#0f0f0f}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-background);color:#0f0f0f;color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-primary);font-size:clamp(.8125rem,.76rem + .25vw,.875rem);font-size:var(--text-base);font-weight:400;line-height:1.7;min-height:100%;overflow-x:hidden;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}#root,body{min-height:100dvh}#root{display:flex;flex-direction:column;height:100%}@media (min-width:1025px){.sidebar{display:flex!important}}button{-webkit-tap-highlight-color:transparent;cursor:pointer;padding:0}button,input,select,textarea{background:none;border:none;font-family:inherit;font-size:inherit}input,select,textarea{font-size:max(clamp(.8125rem,.76rem + .25vw,.875rem),16px);font-size:max(var(--text-base),16px);outline:none}:not(input):not(textarea):not(select){font-size:clamp(.8125rem,.76rem + .25vw,.875rem);font-size:var(--text-base)}a{-webkit-tap-highlight-color:transparent;color:inherit;text-decoration:none}ol,ul{list-style:none}img,svg{display:block;height:auto;max-width:100%}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e8e8e8;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ababab;background:var(--color-text-muted)}*{scrollbar-color:#e8e8e8 #0000;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}:focus-visible{border-radius:6px;border-radius:var(--radius-sm);outline:1.5px solid #0f0f0f;outline:1.5px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:#dbeafe;background-color:var(--tag-work-bg);color:#1e40af;color:var(--tag-work-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}.spinner-border{animation:spin .6s linear infinite;border:1.5px solid;border-radius:50%;border-right:1.5px solid #0000;display:inline-block;flex-shrink:0;height:14px;width:14px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{flex-direction:column;height:100vh;height:100dvh}.App,.app-layout{display:flex;overflow:hidden}.app-layout{flex:1 1;min-width:0}.sidebar{background-color:var(--color-sidebar);border-right:.5px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100%;min-width:180px;overflow-x:hidden;overflow-y:auto;width:clamp(180px,18vw,240px)}.sidebar-header{gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0;height:26px;justify-content:center;width:26px}.sidebar-logo-inner{background:var(--color-primary-text);border-radius:2px;height:10px;width:10px}.sidebar-wordmark{color:var(--color-text);font-size:var(--text-md);font-weight:500;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1 1;padding:var(--spacing-sm) var(--spacing-sm)}.sidebar-section-title{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-xs);text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:400;gap:var(--spacing-sm);min-height:36px;padding:6px var(--spacing-sm);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);width:100%}.sidebar-item.active,.sidebar-item:hover{background-color:var(--color-border);color:var(--color-text)}.sidebar-item.active{font-weight:500}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--text-base);justify-content:center;width:18px}.sidebar-count{background:var(--color-background);border-radius:10px;color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);font-weight:400;margin-left:auto;padding:1px 6px}.sidebar-tag-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.sidebar-footer{border-top:.5px solid var(--color-border);padding:var(--spacing-md)}.sidebar-new-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-primary-text);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--spacing-sm);justify-content:center;min-height:40px;padding:10px;transition:background-color var(--transition-fast);width:100%}.sidebar-new-btn:hover{background:var(--color-primary-dark)}.notes-panel{background:var(--color-background);flex:1 1;min-width:0;overflow-y:auto}.notes-panel,.notes-panel-header{display:flex;flex-direction:column}.notes-panel-header{background:var(--color-surface);border-bottom:.5px solid var(--color-border);gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:10}.notes-search{background:var(--color-background);border:.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-size:var(--text-base);min-height:40px;padding:8px 12px;transition:border-color var(--transition-fast);width:100%}.notes-search:focus{border-color:var(--color-primary);outline:none}.notes-search::placeholder{color:var(--color-text-muted)}.notes-meta-row{align-items:center;display:flex;justify-content:space-between}.notes-count{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400}.detail-panel{background:var(--color-surface);border-left:.5px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;min-width:280px;overflow:hidden;width:clamp(280px,28vw,380px)}.detail-empty{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl);text-align:center}.detail-empty-icon{font-size:32px;opacity:.3}.detail-header{border-bottom:.5px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.detail-body{color:var(--color-text);flex:1 1;font-size:13px;line-height:1.7;overflow-wrap:break-word;overflow-y:auto;padding:var(--spacing-xl);white-space:pre-wrap;word-break:break-word}.detail-footer{border-top:.5px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl)}.detail-title{color:var(--color-text);font-size:var(--text-lg);font-weight:500;letter-spacing:-.2px;margin-bottom:var(--spacing-sm);overflow-wrap:break-word}.detail-meta{align-items:center;color:var(--color-text-muted);flex-wrap:wrap;font-size:var(--text-xs)}.detail-meta,.note-card{display:flex;gap:var(--spacing-sm)}.note-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;flex-direction:column;min-width:0;padding:var(--spacing-lg);position:relative;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.note-card:hover{background-color:#fafafa;border-color:#c8c8c8}[data-theme=dark] .note-card:hover{background-color:#1e1e1e;border-color:#3a3a3a}.note-card.selected{border:1px solid var(--color-primary)}.note-card-title{color:var(--color-text);font-size:var(--text-base);font-weight:500;letter-spacing:-.1px;line-height:1.4;overflow-wrap:break-word}.note-card-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--text-sm);line-height:1.5;overflow:hidden;overflow-wrap:break-word}.note-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:space-between;margin-top:var(--spacing-xs)}.note-card-date{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.note-card-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.note-card:hover .note-card-actions{opacity:1}.note-card-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);height:28px;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast);width:28px}.note-card-action-btn:hover{background:var(--color-background);color:var(--color-text)}.note-card-action-btn.delete:hover{color:var(--color-error)}.tag-pill{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;line-height:1.5;padding:2px 8px;white-space:nowrap;width:fit-content}.navbar{background:var(--color-surface);border-bottom:.5px solid var(--color-border);height:clamp(44px,6vh,52px);justify-content:space-between;min-height:44px;padding:0 var(--spacing-xl)}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:var(--spacing-sm);min-width:0}.navbar-right{flex-shrink:0;gap:var(--spacing-md)}.navbar-btn,.navbar-right{align-items:center;display:flex}.navbar-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs);min-height:36px;padding:6px 12px;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.navbar-btn:hover{background:var(--color-background);color:var(--color-text)}.navbar-btn-dark{background:var(--color-primary);color:var(--color-primary-text)}.navbar-btn-dark:hover{background:var(--color-primary-dark);color:var(--color-primary-text)}.theme-toggle{align-items:center;background:#0000;border:.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-base);height:32px;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast);width:32px}.theme-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text)}.btn{align-items:center;border:.5px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:500;gap:var(--spacing-xs);justify-content:center;line-height:1.4;min-height:40px;padding:8px 16px;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-dark{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.btn-dark:hover:not(:disabled){background:var(--color-primary-dark)}.btn-outline{background:#0000;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.btn-outline-danger{background:#0000;border-color:var(--color-border);color:var(--color-error)}.btn-outline-danger:hover:not(:disabled){border-color:var(--color-error)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{color:var(--color-text);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:6px}.form-input{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-size:var(--text-base);min-height:44px;padding:10px 14px;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.form-input::placeholder,.form-text{color:var(--color-text-muted)}.form-text{font-size:var(--text-xs);margin-top:var(--spacing-xs)}.alert{align-items:center;animation:fadeIn .2s ease;border:.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:10px 14px}.alert-success{background:#16a34a0f;border-color:var(--color-success);color:var(--color-success)}.alert-danger{background:#e11d480f;border-color:var(--color-error);color:var(--color-error)}.alert-warning{background:#d977060f;border-color:var(--color-warning);color:var(--color-warning)}.auth-layout{display:flex;height:100vh;height:100dvh;width:100%}.auth-dark-panel{background:#0f0f0f;flex-direction:column;flex-shrink:0;padding:var(--spacing-3xl);position:relative;width:clamp(280px,40%,480px)}.auth-dark-panel,.auth-form-panel{align-items:center;display:flex;justify-content:center}.auth-form-panel{background:#fff;flex:1 1;min-width:0;overflow-y:auto;padding:clamp(var(--spacing-xl),5vw,var(--spacing-3xl))}[data-theme=dark] .auth-form-panel{background:var(--color-surface)}.auth-form-container{max-width:380px;width:100%}.auth-heading{color:var(--color-text);font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));font-weight:500;letter-spacing:-.3px;margin-bottom:4px}.auth-subheading{color:var(--color-text-secondary);font-size:13px;margin-bottom:var(--spacing-2xl)}.auth-submit{background:#0f0f0f;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:500;height:44px;transition:background-color var(--transition-fast);width:100%}.auth-submit:hover:not(:disabled){background:#2a2a2a}.auth-submit:disabled{cursor:not-allowed;opacity:.4}[data-theme=dark] .auth-submit{background:#f0f0f0;color:#0f0f0f}[data-theme=dark] .auth-submit:hover:not(:disabled){background:#d0d0d0}.auth-link{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xl);text-align:center}.auth-link a{color:var(--color-text);font-weight:500;text-decoration:underline}.pw-strength{display:flex;gap:4px;margin-top:var(--spacing-sm)}.pw-strength-segment{background:var(--color-border);border-radius:2px;flex:1 1;height:3px;transition:background-color var(--transition-fast)}.edit-overlay{align-items:center;animation:fadeIn .15s ease;background:#0000004d;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:200}.edit-dialog{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-lg);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.edit-dialog-header{align-items:center;background:var(--color-surface);border-bottom:.5px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:1}.edit-dialog-body{padding:var(--spacing-xl)}.edit-dialog-footer{background:var(--color-surface);border-top:.5px solid var(--color-border);bottom:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);position:sticky}.dropdown{position:relative}.dropdown-menu{animation:fadeIn .1s ease;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);min-width:140px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);min-height:36px;padding:6px 10px;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--color-background)}.notes-grid{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));padding:var(--spacing-lg) var(--spacing-xl)}@media (hover:none) and (pointer:coarse){.note-card-actions{opacity:1}}.sidebar-toggle-btn{align-items:center;background:#0000;border:.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.sidebar-toggle-btn:hover{background:var(--color-background)}.sidebar-overlay{animation:fadeIn .15s ease;background:#00000059;inset:0;position:fixed;z-index:190}.sidebar-overlay .sidebar{animation:sidebarSlideIn .25s ease;bottom:0;display:flex!important;left:0;position:fixed;top:0;width:clamp(240px,70vw,300px);z-index:191}@keyframes sidebarSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.mobile-fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 14px #00000026;color:var(--color-primary-text);cursor:pointer;display:none;font-size:28px;font-weight:300;height:56px;justify-content:center;position:fixed;right:24px;transition:transform var(--transition-fast),background-color var(--transition-fast);width:56px;z-index:150}.mobile-fab:hover{background:var(--color-primary-dark);transform:scale(1.08)}.detail-overlay{display:none}.detail-overlay.active{animation:fadeIn .15s ease;background:#00000059;display:block;inset:0;position:fixed;z-index:180}.detail-overlay .detail-panel{animation:slideUp .25s ease;border-left:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;min-width:0;min-width:auto;position:fixed;right:0;top:10vh;width:100%;z-index:181}.detail-close-btn{align-items:center;background:var(--color-background);border:.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:fixed;right:var(--spacing-lg);top:calc(10vh + var(--spacing-lg));width:32px;z-index:200}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1280px){.sidebar{min-width:160px;width:clamp(160px,16vw,200px)}.detail-panel{min-width:260px;width:clamp(260px,26vw,320px)}}@media (max-width:1024px){.app-layout>.detail-panel,.app-layout>.sidebar{display:none}.mobile-fab,.sidebar-toggle-btn{display:flex}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}}@media (max-width:768px){.auth-layout{flex-direction:column}.auth-dark-panel{min-height:auto}.auth-dark-panel,.auth-form-panel{padding:var(--spacing-2xl) var(--spacing-xl);width:100%}.navbar{height:48px;min-height:48px;padding:0 var(--spacing-md)}.navbar-btn{font-size:var(--text-sm);padding:5px 8px}.notes-grid,.notes-panel-header{padding:var(--spacing-md) var(--spacing-lg)}.notes-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.edit-dialog{margin:var(--spacing-sm);max-height:90vh;overflow-y:auto}}@media (max-width:480px){.auth-dark-panel,.auth-form-panel{padding:var(--spacing-xl) var(--spacing-lg)}.auth-heading{font-size:var(--text-xl)}.navbar-left span{display:none}.notes-grid{gap:8px;grid-template-columns:1fr;padding:var(--spacing-sm) var(--spacing-md)}.mobile-fab{bottom:16px;font-size:24px;height:50px;right:16px;width:50px}.detail-overlay .detail-panel{top:5vh}.edit-overlay{align-items:flex-end;padding:var(--spacing-sm)}.edit-dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0;max-height:95vh}}.me-1{margin-right:4px}.me-2{margin-right:8px}
/*# sourceMappingURL=main.f7cce133.css.map*/