.sidebar{width:var(--sidebar-width);height:100dvh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);box-shadow:1px 0 0 var(--color-border-subtle),3px 0 18px #0000000a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:width .22s cubic-bezier(.22,1,.36,1),background-color var(--transition-slow);-webkit-user-select:none;user-select:none;contain:layout style}.sidebar--collapsed{width:0;border-right-color:transparent;transition:width .2s 60ms cubic-bezier(.22,1,.36,1),background-color var(--transition-slow)}.sidebar-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;opacity:1;transition:opacity .1s ease .18s}.sidebar--collapsed .sidebar-body{opacity:0;transition:opacity 55ms ease 0ms}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);height:50px;flex-shrink:0}.sidebar-new-note-btn{display:flex;align-items:center;gap:var(--space-2);flex:1;height:32px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-new-note-btn:hover:not(:disabled){background:var(--color-bg-hover);box-shadow:var(--shadow-xs)}.sidebar-new-note-btn:active:not(:disabled){background:var(--color-bg-tertiary)}.sidebar-new-note-btn:disabled{opacity:.38;cursor:not-allowed}.header-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.header-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header-icon-btn__label{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1}.header-icon-btn--bell{position:relative}.notif-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;background:var(--color-danger, #ef4444);color:#fff;font-size:9px;font-weight:var(--font-bold);line-height:14px;border-radius:var(--radius-full);text-align:center;pointer-events:none}.sidebar-section-label--shared{margin-top:var(--space-4)}.sidebar-nav{padding:var(--space-1) var(--space-2);flex-shrink:0;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-1)}.sidebar-nav-btn{display:flex;align-items:center;gap:var(--space-2);width:calc(100% - 4px);margin:0 2px;padding:5px var(--space-2);height:30px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-nav-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-btn--active,.sidebar-nav-btn--active:hover{background:var(--color-bg-active);color:var(--color-accent);box-shadow:inset 2px 0 0 var(--color-accent)}.sidebar-nav-btn__count{margin-left:auto;font-size:10px;font-weight:var(--font-semibold);min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;line-height:1}.sidebar-section-header{display:flex;align-items:center;padding:var(--space-3) var(--space-3) var(--space-1);margin-bottom:2px;gap:var(--space-2)}.sidebar-section-header--shared{margin-top:var(--space-4)}.sidebar-section-add-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-section-add-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-2) var(--space-4);mask-image:linear-gradient(to bottom,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 20px),transparent 100%)}.sidebar-section-label{display:flex;align-items:center;gap:var(--space-1);flex:1;font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.sidebar-section-label:after{content:"";flex:1;height:1px;background:var(--color-border-subtle);margin-left:var(--space-1)}.sidebar-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.sidebar-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.sidebar-empty__cta{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.sidebar-empty__cta:hover{background:var(--color-accent-subtle)}.folder-group{margin-bottom:2px}.folder-group--colored>.folder-item{box-shadow:inset 2px 0 0 var(--fi-clr, transparent);border-radius:0 var(--radius-md) var(--radius-md) 0}.folder-group--colored .notes-list-content{border-left-color:color-mix(in srgb,var(--fi-clr) 40%,var(--color-border-subtle))}.folder-item{display:flex;align-items:center;gap:4px;padding:5px var(--space-2);height:30px;border-radius:var(--radius-md);cursor:pointer;position:relative;margin:0 2px;width:calc(100% - 4px);transition:background-color var(--transition-fast)}.folder-item:hover,.folder-item--active,.folder-item--creating{background:var(--color-bg-hover)}.folder-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .18s var(--ease-out),color var(--transition-fast)}.folder-chevron--open{transform:rotate(90deg)}.folder-icon{color:var(--color-text-secondary);flex-shrink:0}.folder-color-indicator{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;display:block}.folder-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.folder-count{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:var(--radius-full);flex-shrink:0;line-height:1.6}.folder-actions{display:flex;align-items:center;gap:1px;opacity:0;flex-shrink:0;transition:opacity var(--transition-fast)}.folder-item:hover .folder-actions{opacity:1}.item-action{width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.item-action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.item-action--delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.folder-color-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1.5px solid var(--color-border-default);display:block;transition:transform var(--transition-fast)}.folder-color-btn:hover .folder-color-dot{transform:scale(1.2)}.color-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:100;display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:colorPickerIn .12s var(--ease-out) both}@keyframes colorPickerIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.color-swatch{width:20px;height:20px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.color-swatch:hover{transform:scale(1.18);box-shadow:var(--shadow-sm)}.color-swatch--active{box-shadow:0 0 0 2px var(--color-bg-glass),0 0 0 4px currentColor}.notes-list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.notes-list--open{grid-template-rows:1fr}.notes-list-inner{overflow:hidden;min-height:0}.notes-list-content{margin-left:14px;padding-left:8px;border-left:1.5px solid var(--color-border-subtle);padding-top:3px;padding-bottom:5px}.notes-empty{padding:var(--space-2) var(--space-2)}.notes-empty__btn{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);padding:3px var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.notes-empty__btn:hover{background:var(--color-accent-subtle)}.note-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-md);cursor:pointer;position:relative;margin:0 2px;width:calc(100% - 4px);transition:background-color var(--transition-fast)}.note-item:hover{background:var(--color-bg-hover)}.note-item--selected,.note-item--selected:hover{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-active))}.note-item--selected:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--color-accent);border-radius:var(--radius-full)}.note-item__body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;padding-right:var(--space-3)}.note-item__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug);display:flex;align-items:center;gap:4px}.note-item__title--empty{color:var(--color-text-tertiary);font-style:italic;font-weight:var(--font-normal)}.note-item__pin-icon{color:var(--color-accent);flex-shrink:0;opacity:.7}.note-item__date{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item__preview{font-size:var(--text-xs);color:var(--color-text-placeholder);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.note-item__actions{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.note-item:hover .note-item__actions,.note-item--pinned .note-item__pin-btn{opacity:1}.note-item__pin-btn{color:var(--color-text-tertiary)}.note-item__pin-btn--active{color:var(--color-accent)!important;background:var(--color-accent-subtle)}.note-item__pin-btn--active:hover{background:var(--color-accent-subtle)}.rename-input{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-primary);border:1.5px solid var(--color-accent);border-radius:var(--radius-sm);padding:1px var(--space-2);height:22px;min-width:0;box-shadow:0 0 0 3px var(--color-accent-subtle)}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);flex-shrink:0;min-width:0}.user-avatar{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0;object-fit:cover;border:1.5px solid var(--color-border-subtle)}.user-avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1.5px solid transparent}.sidebar-user__info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:3px var(--space-2);margin:-3px -var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.sidebar-user__info:hover{background:var(--color-bg-hover)}.sidebar-user__name{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left;transition:color var(--transition-fast)}.sidebar-user__info:hover .sidebar-user__name{color:var(--color-text-primary)}.sidebar-user__settings-icon{color:var(--color-text-tertiary);opacity:.35;flex-shrink:0;transition:opacity var(--transition-fast)}.sidebar-user__info:hover .sidebar-user__settings-icon{opacity:1}.sidebar-user__signout{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-user__signout:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.note-item--pinned{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.note-item--pinned:hover{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-hover))}.folder-count--expanded{opacity:.45}.notes-filter{display:flex;align-items:center;gap:var(--space-1);margin:2px 2px 4px;padding:3px var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast)}.notes-filter:focus-within{border-color:var(--color-accent)}.notes-filter__icon{color:var(--color-text-tertiary);flex-shrink:0}.notes-filter__input{flex:1;font-size:var(--text-xs);color:var(--color-text-primary);background:transparent;min-width:0;line-height:1.6}.notes-filter__input::placeholder{color:var(--color-text-placeholder)}.notes-filter__clear{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast)}.notes-filter__clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.notes-empty__msg{font-size:var(--text-xs);color:var(--color-text-placeholder);padding:3px var(--space-2)}.sidebar-user__utils{display:flex;align-items:center;gap:1px;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.sidebar-user:hover .sidebar-user__utils{opacity:1}.sidebar-user__util-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-user__util-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-user__util-label{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1}.ctx-menu{position:fixed;z-index:9999;min-width:168px;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1);animation:dropdownIn .11s var(--ease-out) both}.ctx-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);text-align:left}.ctx-menu__item:hover{background:var(--color-bg-hover)}.ctx-menu__item--danger{color:var(--color-danger)}.ctx-menu__item--danger:hover{background:var(--color-danger-subtle)}.ctx-menu__divider{height:1px;background:var(--color-border-subtle);margin:var(--space-1) 0}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;z-index:50;background:transparent;transition:background-color .2s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}@media (max-width: 680px){.sidebar{display:none}.folder-item,.note-item{min-height:44px}.sidebar-user__utils{opacity:1}.sidebar-user__signout{width:36px;height:36px}.sidebar-resize-handle{display:none}}.note-panel{width:0;flex-shrink:0;overflow:hidden;border-left:1px solid transparent;background:var(--color-bg-secondary);transition:width .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,background-color var(--transition-slow)}.note-panel--open{width:268px;border-left-color:var(--color-border-subtle)}.note-panel__inner{width:268px;height:100%;display:flex;flex-direction:column;overflow:hidden}.note-panel__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);height:44px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.note-panel__tabs{display:flex;align-items:center;gap:2px}.panel-tab-btn{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.panel-tab-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.panel-tab-btn--active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.panel-close-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.panel-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.note-panel__body{flex:1;overflow-y:auto}.panel-tab-content{padding:var(--space-3) 0 var(--space-8)}.panel-section{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.panel-section:last-child{border-bottom:none}.panel-section__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3)}.panel-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.panel-stat{display:flex;flex-direction:column;gap:2px}.panel-stat__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.panel-stat__key{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.panel-meta-list{display:flex;flex-direction:column;gap:var(--space-3)}.panel-meta-row{display:flex;flex-direction:column;gap:2px}.panel-meta-row__key{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.panel-meta-row__val{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-snug)}.panel-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-5);gap:var(--space-3)}.panel-empty__icon{color:var(--color-text-tertiary);opacity:.5}.panel-empty__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.panel-empty__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.version-list{display:flex;flex-direction:column;gap:var(--space-1)}.version-item{padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.version-item:hover{background:var(--color-bg-hover)}.version-item--current{background:var(--color-bg-active);border:1px solid var(--color-border-subtle)}.version-item--current:hover{background:var(--color-bg-active)}.version-item__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.version-item__badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);background:var(--color-accent-subtle);padding:1px 6px;border-radius:var(--radius-full)}.version-item__time{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex:1}.version-item__preview{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-item__preview strong{color:var(--color-text-primary);font-weight:var(--font-medium)}.version-restore-btn{display:none;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;transition:background-color var(--transition-fast);flex-shrink:0}.version-restore-btn:hover{background:var(--color-accent-subtle)}.version-item:hover .version-restore-btn{display:flex}.note-panel-backdrop{display:none}@media (max-width: 680px){.note-panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:449;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:overlayIn .2s var(--ease-out) both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.note-panel{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%!important;height:75dvh;border-left:none;border-top:1px solid var(--color-border-subtle);z-index:450;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .24s ease;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;box-shadow:0 -8px 40px #0000002e;pointer-events:none}.note-panel--open{transform:translateY(0);width:100%!important;border-left-color:transparent;pointer-events:auto}.note-panel__inner{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.note-panel__inner:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--color-border-subtle);margin:10px auto 4px;flex-shrink:0}.note-panel__header{height:52px}.panel-close-btn{width:36px;height:36px;border-radius:var(--radius-md)}.panel-tab-btn{padding:6px var(--space-3);font-size:var(--text-md)}.version-restore-btn{display:flex}.panel-tab-content{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}}.note-prefs{padding:var(--space-1) 0}.note-prefs__section{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.note-prefs__section:last-child{border-bottom:none;padding-bottom:var(--space-2)}.note-prefs__label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.note-prefs__row{display:flex;gap:3px}.note-prefs__seg{flex:1;padding:4px 0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast);text-align:center}.note-prefs__seg:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.note-prefs__seg--active,.note-prefs__seg--active:hover{background:var(--color-accent);color:#fff}.note-prefs__colors{display:flex;gap:5px}.note-prefs__color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.note-prefs__color:hover{transform:scale(1.15)}.note-prefs__color--active{border-color:var(--color-text-primary)}.editor-layout{flex:1;display:flex;overflow:hidden;height:100%}.editor-host{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.editor-topbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;background:var(--color-bg-primary);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out),background-color var(--transition-slow),border-color var(--transition-slow)}.editor-topbar--focus-hidden{opacity:0;pointer-events:none;transform:translateY(-3px)}.editor-topbar__breadcrumb{display:flex;align-items:center;gap:var(--space-1);overflow:hidden;min-width:0}.editor-topbar__back-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;margin-right:2px;transition:background-color var(--transition-fast),color var(--transition-fast)}.editor-topbar__back-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.editor-topbar__sidebar-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.editor-topbar__sidebar-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.editor-topbar__folder-chip{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap;line-height:1.5;transition:background-color var(--transition-fast),color var(--transition-fast)}button.editor-topbar__folder-chip:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.editor-topbar__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.editor-save-indicator{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);opacity:0;pointer-events:none;white-space:nowrap;min-width:0}.editor-save-indicator--saving{opacity:1;color:var(--color-accent)}.editor-save-indicator--just-saved{animation:saveFade 1.8s var(--ease-in-out) both}@keyframes saveFade{0%{opacity:1}55%{opacity:1}to{opacity:0}}.editor-topbar__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.editor-panel-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.editor-panel-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.editor-panel-btn--active,.editor-panel-btn--active:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.more-menu{position:relative}.more-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:200px;background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;animation:modalIn .14s var(--ease-out) both}.more-menu__label{font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-tertiary);padding:var(--space-3) var(--space-3) var(--space-1)}.more-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);text-align:left}.more-menu__item:hover{background:var(--color-bg-hover)}.more-menu__item--danger{color:var(--color-danger)}.more-menu__item--danger:hover{background:var(--color-danger-subtle)}.more-menu__sep{height:1px;background:var(--color-border-subtle);margin:var(--space-1) 0}.editor-scroll{flex:1;overflow-y:auto;background:var(--color-bg-primary);transition:background-color var(--transition-slow);-webkit-overflow-scrolling:touch}.editor-inner{max-width:var(--editor-max-width);width:100%;margin:0 auto;padding:var(--editor-padding-y) var(--editor-padding-x);min-height:100%;display:flex;flex-direction:column}.editor-title{width:100%;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.025em;background:none;border:none;outline:none;padding:0;caret-color:var(--color-accent);word-break:break-word;white-space:pre-wrap;transition:color var(--transition-slow)}.editor-title:focus{outline:none}.editor-title:empty:before{content:attr(data-placeholder);color:var(--color-text-placeholder);pointer-events:none;display:block}.editor-wordcount{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1}.editor-wordcount__dot{opacity:.5;font-size:10px}.editor-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-5) 0}.editor-content{flex:1;width:100%;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);line-height:var(--leading-relaxed);background:none;border:none;outline:none;padding:0;min-height:260px;caret-color:var(--color-accent);-webkit-font-smoothing:antialiased;transition:color var(--transition-slow);word-break:break-word}.editor-content:focus-visible,.editor-title:focus-visible{outline:none}.editor-content--empty:before{content:attr(data-placeholder);color:var(--color-text-placeholder);pointer-events:none;display:block}.editor-content b,.editor-content strong{font-weight:var(--font-bold)}.editor-content i,.editor-content em{font-style:italic}.editor-content u{text-decoration:underline}.editor-content s,.editor-content strike{text-decoration:line-through}.editor-content h1{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.025em;line-height:var(--leading-tight);color:var(--color-text-primary);margin:var(--space-8) 0 var(--space-3)}.editor-content h2{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.02em;line-height:var(--leading-snug);color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-2)}.editor-content h1:first-child,.editor-content h2:first-child{margin-top:0}.editor-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-5);color:var(--color-text-secondary);font-style:italic;margin:var(--space-4) 0}.editor-content pre{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65;overflow-x:auto;margin:var(--space-4) 0;white-space:pre;color:var(--color-text-primary)}.editor-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.editor-content a:hover{opacity:.8}.editor-content .task-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:3px 0}.editor-content .task-check{margin-top:4px;flex-shrink:0;width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer;border-radius:3px}.editor-content .task-text{flex:1;outline:none}.editor-content .task-item:has(.task-check:checked) .task-text{text-decoration:line-through;color:var(--color-text-tertiary)}.editor-content .editor-image{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-4) 0;display:block;box-shadow:var(--shadow-md)}.sel-toolbar{position:fixed;z-index:500;transform:translate(-50%,calc(-100% - 10px));display:flex;align-items:center;gap:1px;padding:4px 6px;background:#141312f2;border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:selToolbarIn .12s var(--ease-out) both;user-select:none;-webkit-user-select:none}.sel-toolbar:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#141312f2;pointer-events:none}@keyframes selToolbarIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}.sel-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:#ffffffa6;flex-shrink:0;transition:background-color 80ms ease,color 80ms ease;cursor:pointer}.sel-btn:hover{background:#ffffff1f;color:#fff}.sel-btn--on{color:#fff;background:#ffffff2e}.sel-btn--label{font-size:11px;font-weight:var(--font-bold);letter-spacing:-.02em;width:auto;min-width:26px;padding:0 5px}.sel-sep{width:1px;height:16px;background:#ffffff2e;margin:0 3px;flex-shrink:0}.sel-toolbar__link{display:flex;align-items:center;gap:var(--space-2);padding:0 2px}.sel-toolbar__link-input{width:220px;height:26px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xs);color:#fff;font-size:var(--text-xs);font-family:var(--font-sans);padding:0 var(--space-2);outline:none;transition:border-color .1s ease}.sel-toolbar__link-input:focus{border-color:#fff6}.sel-toolbar__link-input::placeholder{color:#ffffff59}.sel-toolbar__link-go{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);padding:3px 10px;background:#ffffff1a;border-radius:var(--radius-xs);height:26px;white-space:nowrap;transition:background-color 80ms ease;cursor:pointer}.sel-toolbar__link-go:hover{background:#ffffff2e}.mobile-format-bar{display:none}@media (max-width: 680px){.mobile-format-bar{position:fixed;left:0;right:0;z-index:400;display:flex;align-items:center;height:46px;padding:0 var(--space-2);gap:2px;background:var(--color-bg-glass);border-top:1px solid var(--color-border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}.mobile-format-bar::-webkit-scrollbar{display:none}}.mfb-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;transition:background-color 80ms ease,color 80ms ease;-webkit-tap-highlight-color:transparent}.mfb-btn:active{background:var(--color-bg-hover)}.mfb-btn--on{color:var(--color-accent);background:var(--color-accent-subtle)}.mfb-btn--label{font-size:13px;font-weight:var(--font-bold);letter-spacing:-.02em;width:auto;min-width:42px;padding:0 var(--space-2)}.mfb-sep{width:1px;height:20px;background:var(--color-border-subtle);flex-shrink:0;margin:0 2px}.editor--serif .editor-content,.editor--serif .editor-title{font-family:Georgia,Times New Roman,serif}.editor--mono .editor-content,.editor--mono .editor-title{font-family:Courier New,Courier,monospace;font-size:var(--text-md)}.editor--wide .editor-inner{max-width:960px}.editor-layout[style*=--note-accent] .editor-title,.editor-layout[style*=--note-accent] .editor-content{caret-color:var(--note-accent, var(--color-accent))}.presence-row{display:flex;align-items:center}.presence-avatar{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-bg-primary);overflow:hidden;margin-left:-6px;font-size:10px;font-weight:var(--font-semibold);color:#fff;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.presence-avatar:first-child{margin-left:0}.presence-avatar img{width:100%;height:100%;object-fit:cover}.editor-topbar__shared-badge{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-subtle);padding:1px 7px;border-radius:var(--radius-full)}@media (max-width: 680px){.editor-topbar{padding:0 var(--space-3);height:48px}.editor-topbar__back-btn{display:flex}.editor-topbar__sidebar-btn,.editor-topbar__folder-chip,.editor-topbar__shared-badge,.editor-topbar__focus-btn{display:none}.editor-inner{padding:var(--space-4) var(--space-4) calc(80px + env(safe-area-inset-bottom,0px))}.editor-title{font-size:var(--text-2xl)}.editor-content{line-height:1.75}.editor-wordcount{display:none}.editor-save-indicator{font-size:0;width:6px;height:6px;min-width:6px;border-radius:50%;background:transparent}.editor-save-indicator--saving{background:var(--color-accent)}.editor-save-indicator--just-saved{background:var(--color-success, #30d158)}.editor-content .task-check{width:20px;height:20px;margin-top:2px}.more-menu__insert-wrap,.more-menu__prefs-wrap{display:none}.sel-toolbar{display:none!important}.more-menu__dropdown{position:fixed;top:auto!important;bottom:0;left:0;right:0;z-index:450;border-radius:var(--radius-xl) var(--radius-xl) 0 0;min-width:100%;animation:sheetUp .22s var(--spring) both;padding-bottom:env(safe-area-inset-bottom,0px)}.more-menu__dropdown:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--color-border-subtle);margin:10px auto 4px}.more-menu__item{padding:var(--space-3) var(--space-4);font-size:var(--text-md);min-height:48px}.sel-toolbar__link-input{width:160px}}:root{--thumb-scale: .4}.home{flex:1;overflow-y:auto;background:var(--color-bg-primary);transition:background-color var(--transition-slow);animation:homeIn .22s var(--ease-out) both}@keyframes homeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-inner{max-width:1040px;width:100%;margin:0 auto;padding:var(--space-12) var(--space-10) var(--space-16)}.home-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.home-hero__left{min-width:0}.home-greeting{font-size:20px;font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.025em;line-height:var(--leading-tight)}.home-date{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.home-stats{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.home-stat{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary)}.home-stat--shared{color:var(--color-accent)}.home-hero__actions{flex-shrink:0}.home-new-note{position:relative;display:inline-flex;align-items:stretch;border-radius:var(--radius-md);overflow:visible}.home-new-note__main{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);transition:opacity var(--transition-fast),transform .14s var(--ease-out);white-space:nowrap}.home-new-note:not(:has(.home-new-note__chevron)) .home-new-note__main{border-radius:var(--radius-md)}.home-new-note__main:hover{opacity:.88;transform:translateY(-1px)}.home-new-note__in{opacity:.75;font-size:var(--text-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-new-note__chevron{display:flex;align-items:center;justify-content:center;width:28px;height:34px;border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:1px solid rgba(255,255,255,.25);background:var(--color-accent);color:#ffffffd9;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.home-new-note__chevron:hover{background:color-mix(in srgb,var(--color-accent) 85%,#000);color:#fff}.home-new-note__chevron--open{background:color-mix(in srgb,var(--color-accent) 80%,#000);color:#fff}.home-new-note__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;overflow:hidden;animation:dropdownIn .12s var(--ease-out) both}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.home-new-note__dropdown-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-subtle)}.home-new-note__folder-opt{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);text-align:left}.home-new-note__folder-opt:hover{background:var(--color-bg-hover)}.home-new-note__folder-opt span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-new-note__folder-count{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.home-section{margin-bottom:var(--space-10)}.home-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.home-featured{--card-accent: var(--color-accent);display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;margin-bottom:var(--space-10);height:200px;transition:box-shadow .16s var(--ease-out),transform .16s var(--ease-out),border-color var(--transition-fast)}.home-featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-border-default)}.home-featured__thumb{width:280px;height:200px;flex-shrink:0;position:relative;overflow:hidden;background:#fff;border-right:1px solid rgba(0,0,0,.07)}[data-theme=dark] .home-featured__thumb{background:#f7f6f4}.home-featured__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:2}.home-featured__inner{position:absolute;top:0;left:0;width:500px;min-height:360px;padding:18px 22px;transform:scale(.56);transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#333;font-size:14px;line-height:1.6}.home-featured__heading{font-size:26px;font-weight:700;color:#111;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em}.home-featured__body{font-size:14px;color:#555;line-height:1.65;overflow:hidden;max-height:300px;word-break:break-word}.home-featured__info{flex:1;padding:var(--space-8) var(--space-8);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);min-width:0}.home-featured__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.home-featured__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--leading-snug);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-featured__folder{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-featured__time{font-size:var(--text-sm);color:var(--color-text-placeholder)}.home-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:var(--space-4);justify-content:start}.home-show-all-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);transition:background-color var(--transition-fast)}.home-show-all-btn:hover{background:var(--color-accent-subtle)}.home-note-card{--card-accent: var(--color-accent);width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .16s var(--ease-out),transform .16s var(--ease-out),border-color var(--transition-fast)}.home-note-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-border-default)}.home-note-card--shared{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border-subtle));border-left-width:2px}.home-note-card--shared .note-thumb{background:color-mix(in srgb,var(--color-accent) 5%,#ffffff)}[data-theme=dark] .home-note-card--shared .note-thumb{background:color-mix(in srgb,var(--color-accent) 8%,#f7f6f4)}.note-thumb{width:100%;height:156px;position:relative;overflow:hidden;background:#fff;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.07)}[data-theme=dark] .note-thumb{background:#f7f6f4}.note-thumb__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:2}.note-thumb__inner{position:absolute;top:0;left:0;width:500px;min-height:390px;padding:18px 22px 22px;transform:scale(var(--thumb-scale));transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#333;line-height:1.6;font-size:14px}.note-thumb__heading{font-size:26px;font-weight:700;color:#111;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-thumb__body{font-size:14px;color:#555;line-height:1.65;overflow:hidden;max-height:330px;word-break:break-word}.note-thumb__body b,.note-thumb__body strong{font-weight:700}.note-thumb__body i,.note-thumb__body em{font-style:italic}.note-thumb__body u{text-decoration:underline}.note-thumb__body p,.note-thumb__body div{margin-bottom:6px}.note-thumb__placeholder{font-size:13px;color:#bbb;margin-top:4px}.note-thumb__badges{position:absolute;bottom:7px;right:8px;display:flex;align-items:center;gap:4px;z-index:3}.note-thumb__badge--pin{color:var(--color-accent)}.note-thumb__badge--share{color:#888;opacity:.8}.note-thumb__shared-tag{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:9px;font-weight:600;letter-spacing:.03em;z-index:3}.note-foot{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.note-foot__folder{font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-foot__folder--shared{color:var(--color-accent);text-transform:none;letter-spacing:0;font-size:var(--text-xs)}.note-foot__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.35;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1px}.note-foot__title--empty{color:var(--color-text-tertiary);font-style:italic;font-weight:var(--font-normal)}.note-foot__meta{font-size:var(--text-xs);color:var(--color-text-placeholder);margin-top:3px}.note-foot__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.collab-avatars{display:flex;align-items:center;flex-shrink:0}.collab-avatar{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--color-bg-secondary);margin-left:-4px;overflow:hidden;font-size:7px;font-weight:var(--font-bold);color:#fff;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.collab-avatar:first-child{margin-left:0}.collab-avatar img{width:100%;height:100%;object-fit:cover}.collab-avatar--extra{font-size:6px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-color:var(--color-bg-secondary)}.home-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,240px);gap:var(--space-4);justify-content:start}.home-folder-card{--folder-accent: var(--color-accent);width:240px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-top:2px solid var(--folder-accent);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .16s var(--ease-out),transform .16s var(--ease-out),border-color var(--transition-fast)}.home-folder-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-default)}.home-folder-card__header{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;border-bottom:1px solid var(--color-border-subtle)}.home-folder-card__icon{flex-shrink:0;color:var(--color-text-secondary)}.home-folder-card__name{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-folder-card__count{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;white-space:nowrap}.home-folder-card__add-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.home-folder-card__add-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.home-folder-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 12px}.folder-mini{cursor:pointer}.folder-mini__thumb{width:100%;height:82px;position:relative;overflow:hidden;background:#fff;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);transition:box-shadow .13s var(--ease-out),transform .13s var(--ease-out)}[data-theme=dark] .folder-mini__thumb{background:#f7f6f4}.folder-mini:hover .folder-mini__thumb{box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.folder-mini__inner{position:absolute;top:0;left:0;width:500px;min-height:385px;padding:14px 16px;transform:scale(.214);transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#444;font-size:14px;line-height:1.5}.folder-mini__heading{font-size:23px;font-weight:700;color:#111;line-height:1.2;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.folder-mini__body{font-size:13px;color:#555;line-height:1.6;overflow:hidden;max-height:350px;word-break:break-word}.folder-mini__title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.52) 0%,transparent 100%);font-size:9px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:16px 5px 4px 6px;pointer-events:none}.home-folder-card__empty-msg{padding:var(--space-5) var(--space-4);font-size:var(--text-xs);color:var(--color-text-placeholder);text-align:center}.home-folder-card__open-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.home-folder-card__open-btn:hover{background:var(--color-bg-hover);color:var(--color-accent)}.folder-mini__overflow{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}.welcome-note{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);max-width:680px;margin:0 auto;animation:homeIn .3s var(--ease-out) both}.welcome-note__topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:44px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-primary);flex-shrink:0}.welcome-note__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.welcome-note__folder-name{color:var(--color-text-tertiary);font-weight:var(--font-medium)}.welcome-note__sep{color:var(--color-text-placeholder)}.welcome-note__note-name{color:var(--color-text-secondary)}.welcome-note__status{font-size:var(--text-xs);color:var(--color-text-placeholder)}.welcome-note__formatbar{display:flex;align-items:center;gap:1px;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.welcome-note__fmt-btn{width:28px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);pointer-events:none}.welcome-note__fmt-sep{width:1px;height:16px;background:var(--color-border-subtle);margin:0 var(--space-2);flex-shrink:0}.welcome-note__body{padding:var(--space-8) var(--space-10) var(--space-6)}.welcome-note__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-2)}.welcome-note__wordcount{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-5)}.welcome-note__divider{height:1px;background:var(--color-border-subtle);margin-bottom:var(--space-5)}.welcome-note__content{font-size:var(--text-md);color:var(--color-text-primary);line-height:var(--leading-relaxed);display:flex;flex-direction:column;gap:var(--space-4)}.wn-p{color:var(--color-text-secondary)}.wn-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary)}.wn-format-demo{color:var(--color-text-primary)}.wn-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.wn-task{display:flex;align-items:center;gap:var(--space-3);cursor:default;font-size:var(--text-md);color:var(--color-text-secondary)}.wn-check{width:15px;height:15px;flex-shrink:0;accent-color:var(--color-accent);pointer-events:none}.wn-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-3)}.wn-shortcut{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.wn-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.welcome-note__footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.welcome-note__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:opacity var(--transition-fast),transform .14s var(--ease-out)}.welcome-note__cta:hover{opacity:.88;transform:translateY(-1px)}@media (max-width: 640px){.home-featured{height:auto;flex-direction:column}.home-featured__thumb{width:100%;height:140px;border-right:none;border-bottom:1px solid rgba(0,0,0,.07)}.home-featured__info{padding:var(--space-4) var(--space-4) var(--space-5)}.home-featured__title{font-size:var(--text-lg)}}@media (max-width: 860px){:root{--thumb-scale: .36}.home-notes-grid{grid-template-columns:repeat(auto-fill,180px)}.home-note-card{width:180px}.note-thumb{height:140px}}.home-mobile-recent,.home-mobile-sections{display:none}@media (max-width: 680px){.home-hero__actions,.home-folders-grid{display:none}.home-section:has(.home-folders-grid){display:none}.home-section--notes,.home-section--shared,.home-featured{display:none}.home-mobile-recent{display:block;margin-bottom:var(--space-2)}.home-mobile-recent__scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-3);padding-right:var(--space-2)}.home-mobile-recent__scroll::-webkit-scrollbar{display:none}.home-mobile-recent__scroll .home-note-card{flex-shrink:0;width:240px;scroll-snap-align:start}.home-mobile-recent__scroll .note-thumb{height:128px}.home-mobile-sections{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.home-mobile-shared__scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-3);padding-right:var(--space-2)}.home-mobile-shared__scroll::-webkit-scrollbar{display:none}.home-mobile-shared__scroll .home-note-card{flex-shrink:0;width:240px;scroll-snap-align:start}.home-mobile-shared__scroll .note-thumb{height:128px}.home-mobile-actions{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.home-mobile-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:13px var(--space-4);font-size:16px;font-weight:var(--font-medium);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);text-align:left;width:100%;transition:background-color var(--transition-fast)}.home-mobile-action-btn:last-child{border-bottom:none}.home-mobile-action-btn:active{background:var(--color-bg-hover)}.home-mobile-action-btn__icon{width:34px;height:34px;border-radius:9px;background:var(--color-accent-subtle);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-mobile-action-btn__icon--template{background:color-mix(in srgb,#FF9500 18%,transparent);color:#ff9500}.home-mobile-action-btn__text{flex:1}.home-mobile-action-btn__chevron{color:var(--color-text-tertiary);flex-shrink:0}}@media (max-width: 640px){:root{--thumb-scale: .3}.home-inner{padding:calc(var(--space-8) + 36px) var(--space-4) var(--space-12)}.home-hero{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.home-notes-grid{grid-template-columns:repeat(2,1fr);justify-content:start}.home-note-card{width:100%}.note-thumb{height:130px}.home-folders-grid{grid-template-columns:repeat(auto-fill,200px)}.home-folder-card{width:200px}.welcome-note__topbar{padding:0 var(--space-3)}.welcome-note__body{padding:var(--space-5) var(--space-4) var(--space-4)}.wn-shortcuts{gap:var(--space-2);flex-wrap:wrap}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;gap:var(--space-4);animation:fadeInUp .3s var(--ease-out) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state__icon-wrap{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);box-shadow:var(--shadow-sm)}.empty-state__icon-wrap--welcome{background:var(--color-accent-subtle);border-color:transparent;color:var(--color-accent)}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.empty-state__desc{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:320px}.empty-state__kbd{display:inline-block;padding:1px 5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono, monospace);color:var(--color-text-secondary);vertical-align:baseline;white-space:nowrap}.empty-state__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:var(--space-1)}.empty-state__btn--primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:var(--shadow-sm)}.empty-state__btn--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.empty-state__btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}@media (max-width: 680px){.empty-state{padding-top:calc(var(--space-8) + 44px);justify-content:flex-start}.empty-state__btn{min-height:44px;padding:var(--space-2) var(--space-6)}}html.landing-open,html.landing-open body,html.landing-open #root{height:auto!important;min-height:100dvh;overflow:auto!important}.lg-landing{min-height:100dvh;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);display:flex;flex-direction:column;animation:lgFadeIn .5s var(--ease-out) both}@keyframes lgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lg-nav{position:sticky;top:0;z-index:100;background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-subtle)}.lg-nav-inner{max-width:1080px;margin:0 auto;padding:0 var(--space-8);height:56px;display:flex;align-items:center;justify-content:space-between}.lg-nav-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.lg-nav-name{font-size:var(--text-md);font-weight:var(--font-semibold);letter-spacing:-.025em}.lg-nav-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.lg-nav-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.lg-hero-section{background-image:radial-gradient(ellipse 70% 50% at 20% 0%,var(--color-accent-subtle),transparent 60%),radial-gradient(ellipse 50% 60% at 80% 0%,var(--color-accent-subtle),transparent 60%)}.lg-hero-text{max-width:1080px;margin:0 auto;padding:80px var(--space-8) 64px;display:flex;flex-direction:column;align-items:center;text-align:center}.lg-badge{animation:lgUp .5s var(--ease-out) .05s both}.lg-headline{animation:lgUp .5s var(--ease-out) .11s both}.lg-sub{animation:lgUp .5s var(--ease-out) .17s both}.lg-ctas{animation:lgUp .5s var(--ease-out) .23s both}@keyframes lgUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lg-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-highlight);padding:5px var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.lg-headline{font-size:clamp(42px,6vw,68px);font-weight:var(--font-bold);letter-spacing:-.04em;line-height:1.06;color:var(--color-text-primary);margin:0 0 var(--space-5)}.lg-sub{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:460px;margin:0 0 var(--space-8)}.lg-ctas{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.lg-btn-primary{padding:11px var(--space-6);background:var(--color-accent);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:none;box-shadow:var(--shadow-sm);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.lg-btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:var(--shadow-md)}.lg-btn-primary:active{transform:none;opacity:.76}.lg-btn-ghost{padding:11px var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.lg-btn-ghost:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.lg-preview-wrap{max-width:1080px;margin:0 auto;padding:0 var(--space-8) 80px}.lg-preview-entrance{animation:lgPreviewIn .7s var(--ease-out) .25s both}@keyframes lgPreviewIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lg-app-window{display:flex;height:440px;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;outline:1px solid transparent}.lg-app-sidebar{width:220px;flex-shrink:0;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden}.lg-app-sidebar-hd{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--color-border-subtle)}.lg-app-sidebar-brand{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.lg-app-sidebar-actions{display:flex;gap:4px}.lg-app-icon-sq{width:24px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.lg-app-nav-row{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;margin:6px 8px 2px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.lg-app-section-lbl{font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-tertiary);padding:12px 12px 4px}.lg-app-folder-row{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;margin:1px 8px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.lg-app-folder-row--open{color:var(--color-text-primary);font-weight:var(--font-semibold)}.lg-app-chevron{display:flex;align-items:center;color:var(--color-text-tertiary);flex-shrink:0;transition:transform var(--transition-fast)}.lg-app-chevron--open{transform:rotate(90deg)}.lg-app-folder-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.lg-app-folder-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-app-folder-count{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);margin-left:auto;flex-shrink:0}.lg-app-notes-list{position:relative;padding-left:22px;padding-bottom:4px}.lg-app-notes-list:before{content:"";position:absolute;left:14px;top:4px;bottom:8px;width:1.5px;background:var(--color-border-default);border-radius:1px}.lg-app-note-row{position:relative;display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:var(--radius-md);margin:1px 8px 1px 0;cursor:default}.lg-app-note-row--active{background:var(--color-bg-active)}.lg-app-note-row--active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--color-accent);border-radius:var(--radius-full)}.lg-app-note-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lg-app-note-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.lg-app-note-row--active .lg-app-note-title{color:var(--color-accent);font-weight:var(--font-semibold)}.lg-app-note-preview{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.lg-app-note-time{font-size:var(--text-2xs);color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.lg-app-editor-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-primary)}.lg-app-topbar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.lg-app-breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-medium)}.lg-app-bc-folder{color:var(--color-text-tertiary)}.lg-app-bc-sep{color:var(--color-text-tertiary);opacity:.4;font-size:11px}.lg-app-bc-note{color:var(--color-text-secondary)}.lg-app-topbar-actions{display:flex;gap:var(--space-2)}.lg-app-editor-scroll{flex:1;position:relative;overflow:hidden}.lg-app-editor-inner{padding:36px 48px 24px;max-width:720px}.lg-app-note-title-h1{font-size:34px;font-weight:var(--font-bold);letter-spacing:-.025em;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0;caret-color:var(--color-accent)}.lg-app-wordcount{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-2) 0 0;line-height:1}.lg-app-rule{height:1px;background:var(--color-border-subtle);margin:var(--space-4) 0}.lg-app-body{font-size:17px;color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);font-weight:var(--font-normal)}.lg-app-cursor{display:inline-block;width:2px;height:19px;background:var(--color-accent);border-radius:1px;vertical-align:text-bottom;animation:cursorBlink 1.1s ease-in-out infinite}@keyframes cursorBlink{0%,44%{opacity:1}54%,to{opacity:0}}.lg-app-scroll-fade{position:absolute;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to bottom,transparent,var(--color-bg-primary));pointer-events:none}.lg-features{padding:96px var(--space-8);border-top:1px solid var(--color-border-subtle)}.lg-features-inner{max-width:1080px;margin:0 auto;text-align:center}.lg-eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 var(--space-3)}.lg-section-heading{font-size:clamp(26px,4vw,38px);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-12)}.lg-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:left}.lg-card{padding:var(--space-8) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);opacity:0;transform:translateY(20px);transition:transform .24s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.lg-features--in .lg-card{animation:cardRise .6s var(--ease-out) both}.lg-features--in .lg-card:nth-child(2){animation-delay:90ms}.lg-features--in .lg-card:nth-child(3){animation-delay:.18s}@keyframes cardRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--color-border-default)}.lg-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0}.lg-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.015em;margin:0}.lg-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.lg-callout{background:var(--color-accent-subtle);border-top:1px solid var(--color-accent-highlight);border-bottom:1px solid var(--color-accent-highlight);padding:88px var(--space-8)}.lg-callout-inner{max-width:560px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.lg-callout-heading{font-size:clamp(24px,3.5vw,36px);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin:0}.lg-callout-body{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:440px;margin:0}.lg-footer{margin-top:auto;border-top:1px solid var(--color-border-subtle);padding:var(--space-8)}.lg-footer-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.lg-footer-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:-.02em}.lg-footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}@media (max-width: 760px){.lg-app-window{height:360px}.lg-app-sidebar{width:180px}.lg-app-editor-inner{padding:24px 32px 20px}.lg-app-note-title-h1{font-size:24px}.lg-app-body{font-size:14px}}@media (max-width: 640px){.lg-nav-inner{padding:0 var(--space-5)}.lg-hero-text{padding:60px var(--space-5) 48px}.lg-preview-wrap{padding:0 var(--space-5) 64px}.lg-features{padding:72px var(--space-5)}.lg-cards-grid{grid-template-columns:1fr;gap:var(--space-3)}.lg-callout{padding:72px var(--space-5)}.lg-footer{padding:var(--space-6) var(--space-5)}.lg-footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.lg-ctas{flex-direction:column;width:100%}.lg-btn-primary,.lg-btn-ghost{width:100%;text-align:center}}@media (max-width: 480px){.lg-app-sidebar{display:none}.lg-app-window{height:300px}}.login{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-4);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,var(--color-accent-subtle),transparent 70%);animation:loginFadeIn .4s var(--ease-out) both}@keyframes loginFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.login-card{width:100%;max-width:400px;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg)}.login-back{align-self:flex-start;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);transition:color var(--transition-fast);margin-bottom:var(--space-1)}.login-back:hover{color:var(--color-text-secondary)}.login-logo{margin-bottom:var(--space-1)}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug);text-align:center;margin-bottom:var(--space-2)}.login-social{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.login-social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);transition:box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-xs)}.login-social-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px);background:var(--color-bg-secondary)}.login-social-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.login-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:var(--space-3);width:100%;color:var(--color-text-tertiary);font-size:var(--text-xs)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.login-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.login-field{display:flex;flex-direction:column;gap:var(--space-1)}.login-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.03em}.login-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.login-input::placeholder{color:var(--color-text-placeholder)}.login-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow);background:var(--color-bg-primary)}.login-input:disabled{opacity:.5}.login-feedback{font-size:var(--text-xs);line-height:var(--leading-normal);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.login-feedback--error{color:var(--color-danger);background:var(--color-danger-subtle)}.login-feedback--success{color:var(--color-success);background:var(--color-success-subtle)}.login-submit-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);margin-top:var(--space-1)}.login-submit-btn:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed}.login-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-1)}.login-link{font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.login-link:hover:not(:disabled){color:var(--color-text-secondary)}.login-link--accent{color:var(--color-accent);font-weight:var(--font-medium)}.login-link--accent:hover:not(:disabled){color:var(--color-accent-hover)}.login-link:disabled{opacity:.5;cursor:not-allowed}.login-footer{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;line-height:var(--leading-normal);padding:0 var(--space-2);margin-top:var(--space-1)}.login-verify-head{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.login-verify-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1;margin:0}.login-verify-email{color:var(--color-accent);font-weight:var(--font-medium)}.login-input--code{text-align:center;font-size:var(--text-2xl);font-family:var(--font-mono, "Courier New", monospace);font-weight:var(--font-bold);letter-spacing:.25em;padding:var(--space-4) var(--space-3);background:var(--color-bg-secondary)}.login-input--code::placeholder{letter-spacing:.2em;opacity:.35}.login-resend-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border-default);border-top-color:var(--color-text-primary);border-radius:50%;animation:loginSpin .65s linear infinite;flex-shrink:0}@keyframes loginSpin{to{transform:rotate(360deg)}}.app-loading{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);animation:loginFadeIn .3s var(--ease-out) both}.app-loading__logo{animation:loadingPulse 1.6s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:overlayIn .14s var(--ease-out) both}.search-modal{width:100%;max-width:580px;background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:modalIn .18s var(--spring) both;display:flex;flex-direction:column;max-height:68vh}.search-input-row{display:flex;align-items:center;padding:0 var(--space-4);height:56px;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.search-input-icon{color:var(--color-text-tertiary);flex-shrink:0}.search-input{flex:1;font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);background:none;border:none;outline:none;font-family:var(--font-sans)}.search-input::placeholder{color:var(--color-text-placeholder)}.search-clear{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:var(--text-md);line-height:1;flex-shrink:0;transition:background-color var(--transition-fast)}.search-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;padding:var(--space-3) var(--space-4) var(--space-1);flex-shrink:0}.search-results{overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-2);flex:1}.search-result{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.search-result:hover,.search-result--selected{background:var(--color-bg-hover)}.search-result--selected{background:var(--color-bg-active)}.search-result__icon{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.search-result--selected .search-result__icon{color:var(--color-accent)}.search-result__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.search-result__title{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.search-result__snippet{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.search-result__folder{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:1px}.search-highlight{background:var(--color-accent-highlight);color:var(--color-accent);border-radius:2px;font-style:normal}.search-empty{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-md)}.search-empty strong{color:var(--color-text-secondary);font-weight:var(--font-medium)}.search-footer{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.search-footer span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}kbd{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:1px 5px;line-height:1.5}@media (max-width: 600px){.search-overlay{align-items:flex-end;padding:0}.search-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85dvh}.search-input-row{height:60px}.search-result{min-height:48px}.search-footer{display:none}}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:overlayIn .14s var(--ease-out) both}.shortcuts-modal{width:100%;max-width:480px;background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:modalIn .18s var(--spring) both;overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.shortcuts-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.shortcuts-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.shortcuts-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.shortcuts-body{padding:var(--space-5) var(--space-6) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-8)}.shortcut-group__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0}.shortcut-row__keys{display:flex;align-items:center;gap:3px;flex-shrink:0}.shortcut-key{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);padding:1px 6px;line-height:1.6}.shortcut-row__label{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;white-space:nowrap}@media (max-width: 600px){.shortcuts-overlay{align-items:flex-end;padding:0}.shortcuts-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetUp .24s var(--spring) both}.shortcuts-body{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6);overflow-y:auto;max-height:75dvh}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:overlayIn .14s var(--ease-out) both}.share-modal{width:100%;max-width:420px;background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;animation:modalIn .18s var(--spring) both;margin:0 var(--space-4)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:none}}.share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.share-modal__title-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);min-width:0}.share-modal__title-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal__close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.share-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.share-modal__form{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.share-modal__input{flex:1;min-width:0;height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-slow)}.share-modal__input:focus{border-color:var(--color-accent);background:var(--color-bg-primary)}.share-modal__input::placeholder{color:var(--color-text-placeholder)}.share-modal__send{height:36px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.share-modal__send:hover:not(:disabled){opacity:.88}.share-modal__send:disabled{opacity:.45;cursor:not-allowed}.share-modal__status{padding:0 var(--space-4) var(--space-3);font-size:var(--text-sm)}.share-modal__status--error{color:var(--color-danger)}.share-modal__status--success{color:var(--color-success, #10b981)}.share-modal__collab-section{border-top:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4) var(--space-4)}.share-modal__collab-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.share-modal__collab-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.share-modal__collab-item{display:flex;align-items:center;gap:var(--space-2)}.share-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.share-avatar--initials{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--color-accent)}.share-modal__collab-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.share-modal__collab-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal__collab-email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal__collab-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.share-modal__collab-remove:hover{background:var(--color-danger-subtle);color:var(--color-danger)}@media (max-width: 600px){.share-overlay{align-items:flex-end;padding:0}.share-modal{max-width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetUp .24s var(--spring) both;padding-bottom:env(safe-area-inset-bottom,0px)}.share-modal:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--color-border-subtle);margin:10px auto 2px}.share-modal__header{padding:var(--space-3) var(--space-4);height:52px;align-items:center}.share-modal__title-row{font-size:var(--text-md)}.share-modal__close{width:36px;height:36px;border-radius:var(--radius-md)}.share-modal__form{flex-direction:column;padding:var(--space-3) var(--space-4)}.share-modal__input,.share-modal__send{height:46px;font-size:var(--text-md);border-radius:var(--radius-lg)}.share-modal__collab-item{padding:var(--space-2) 0}.share-avatar{width:36px;height:36px}.share-modal__collab-remove{width:36px;height:36px;border-radius:var(--radius-md)}}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--color-bg-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:overlayIn .14s var(--ease-out) both}.notif-panel{position:fixed;top:0;left:0;bottom:0;z-index:410;width:0;overflow:hidden;transition:width .22s cubic-bezier(.22,1,.36,1)}.notif-panel--open{width:320px}.notif-panel__inner{width:320px;height:100%;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xl);overflow:hidden}.notif-panel__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);height:50px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.notif-panel__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.notif-panel__close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.notif-panel__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.notif-panel__body{flex:1;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-5);gap:var(--space-3)}.notif-empty__icon{color:var(--color-text-tertiary);opacity:.45}.notif-empty__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.notif-empty__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.notif-list{display:flex;flex-direction:column;padding:var(--space-2) 0}.notif-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast);position:relative}.notif-item:hover{background:var(--color-bg-hover)}.notif-item--unread:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.notif-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:1px}.notif-avatar--initials{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--color-accent)}.notif-item__body{flex:1;min-width:0}.notif-item__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug);margin-bottom:3px}.notif-item__text strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.notif-item__text em{font-style:normal;font-weight:var(--font-medium);color:var(--color-text-primary)}.notif-item__time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.notif-item__actions{display:flex;gap:var(--space-2)}.notif-btn{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.notif-btn--accept{background:var(--color-accent);color:#fff}.notif-btn--accept:hover{opacity:.88}.notif-btn--decline{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.notif-btn--decline:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.notif-item__badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:1px 7px;border-radius:var(--radius-full)}.notif-item__badge--accepted{background:var(--color-accent-subtle);color:var(--color-accent)}.notif-item__badge--declined{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}@media (max-width: 680px){.notif-panel--open,.notif-panel__inner{width:100vw}.notif-item{padding:var(--space-4);min-height:48px}.notif-btn{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}}.trash-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--color-bg-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:overlayIn .14s var(--ease-out) both}.trash-panel{position:fixed;top:0;left:0;bottom:0;z-index:410;width:0;overflow:hidden;transition:width .22s cubic-bezier(.22,1,.36,1)}.trash-panel--open{width:320px}.trash-panel__inner{width:320px;height:100%;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xl);overflow:hidden}.trash-panel__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);height:50px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;gap:var(--space-2)}.trash-panel__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);min-width:0}.trash-panel__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary)}.trash-panel__header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.trash-empty-btn{height:26px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-danger);transition:background-color var(--transition-fast)}.trash-empty-btn:hover{background:var(--color-danger-subtle)}.trash-panel__close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.trash-panel__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.trash-panel__body{flex:1;overflow-y:auto}.trash-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);line-height:var(--leading-relaxed)}.trash-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-5);gap:var(--space-3)}.trash-empty__icon{color:var(--color-text-tertiary);opacity:.4}.trash-empty__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.trash-empty__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.trash-list{display:flex;flex-direction:column}.trash-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast)}.trash-item:last-child{border-bottom:none}.trash-item:hover{background:var(--color-bg-hover)}.trash-item__icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);flex-shrink:0}.trash-item__body{flex:1;min-width:0}.trash-item__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.trash-item__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.trash-item__folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.trash-item__folder:after{content:"·";margin-left:var(--space-2)}.trash-item__time{flex-shrink:0}.trash-item__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.trash-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.trash-action-btn:disabled{opacity:.4;pointer-events:none}.trash-action-btn--restore{color:var(--color-accent)}.trash-action-btn--restore:hover{background:var(--color-accent-subtle)}.trash-action-btn--delete{color:var(--color-text-tertiary)}.trash-action-btn--delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}@media (max-width: 680px){.trash-panel--open,.trash-panel__inner{width:100vw}.trash-item{padding:var(--space-3) var(--space-4);min-height:52px}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:overlayIn .14s var(--ease-out) both}.settings-modal{width:100%;max-width:440px;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s var(--spring) both;max-height:90dvh}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.settings-modal__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.settings-modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.settings-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-modal__body{flex:1;overflow-y:auto;padding:var(--space-2) 0}.settings-section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.settings-section:last-child{border-bottom:none}.settings-section__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.settings-profile{display:flex;gap:var(--space-4);align-items:flex-start}.settings-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0;cursor:pointer}.settings-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border:2px solid var(--color-border-subtle);transition:border-color var(--transition-fast),opacity var(--transition-fast);flex-shrink:0}.settings-avatar-btn:hover .settings-avatar{border-color:var(--color-accent);opacity:.85}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar__initials{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-accent)}.settings-avatar-btn__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);white-space:nowrap}.settings-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding-top:2px}.settings-field{display:flex;flex-direction:column;gap:var(--space-1)}.settings-field__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary)}.settings-field__input{height:38px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-slow)}.settings-field__input:focus{border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:var(--shadow-glow)}.settings-field__email{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:0 2px}.settings-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.settings-theme-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:2px solid var(--color-border-subtle);background:var(--color-bg-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);cursor:pointer}.settings-theme-btn:hover{border-color:var(--color-border-default);color:var(--color-text-primary);background:var(--color-bg-tertiary)}.settings-theme-btn--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.settings-theme-btn--active:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.settings-modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.settings-error{font-size:var(--text-xs);color:var(--color-danger);margin-bottom:var(--space-3)}.settings-modal__footer-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.settings-cancel-btn{height:36px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast),color var(--transition-fast)}.settings-cancel-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-save-btn{height:36px;padding:0 var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.settings-save-btn:hover:not(:disabled){opacity:.88}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.settings-overlay{align-items:flex-end;padding:0}.settings-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;animation:sheetUp .26s var(--spring) both}}@keyframes sheetUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.mobile-nav{display:none}@media (max-width: 680px){.mobile-nav{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;z-index:200;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-primary);border-top:1px solid var(--color-border-subtle)}.mobile-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast);padding:0 2px 4px}.mobile-nav__item:active{opacity:.6}.mobile-nav__item--active{color:var(--color-accent)}.mobile-nav__icon-area{display:flex;align-items:center;justify-content:center;width:48px;height:28px;border-radius:14px;flex-shrink:0;transition:background-color .15s var(--ease-out)}.mobile-nav__item--active .mobile-nav__icon-area{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.mobile-nav__label{font-size:10px;font-weight:var(--font-medium);letter-spacing:.01em;line-height:1;white-space:nowrap}.mobile-nav__item--active .mobile-nav__label{font-weight:var(--font-semibold)}.mobile-nav__label--dim{color:var(--color-text-tertiary)!important}.mobile-nav__item--new{gap:3px}.mobile-nav__plus-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;flex-shrink:0;box-shadow:0 2px 6px color-mix(in srgb,var(--color-accent) 40%,transparent),0 1px 2px #0000001a;transition:transform .12s var(--ease-spring),box-shadow var(--transition-fast)}.mobile-nav__item--new:active .mobile-nav__plus-btn{transform:scale(.88);box-shadow:0 1px 3px color-mix(in srgb,var(--color-accent) 25%,transparent),0 1px 1px #00000014}.folder-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0006;animation:backdropFadeIn .18s var(--ease-out) both}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.folder-drawer{position:fixed;left:0;right:0;bottom:0;z-index:301;background:var(--color-bg-secondary);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px #0000002e;animation:drawerSlideUp .24s var(--ease-out) both}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.folder-drawer__handle{width:36px;height:4px;border-radius:2px;background:var(--color-border-subtle);margin:10px auto 0}.folder-drawer__title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);padding:var(--space-4) var(--space-5) var(--space-2)}.folder-drawer__list{display:flex;flex-direction:column}.folder-drawer__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-5);background:none;border:none;border-top:1px solid var(--color-border-subtle);text-align:left;font-size:var(--text-md);font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast)}.folder-drawer__item:active{background:var(--color-bg-hover)}.folder-drawer__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.folder-drawer__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-drawer__cancel{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--space-8));height:50px;margin:var(--space-3) var(--space-4) var(--space-4);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--font-semibold);font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast)}.folder-drawer__cancel:active{background:var(--color-bg-hover)}.mobile-nav__avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav__avatar{width:26px;height:26px;border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--color-border-subtle);transition:border-color var(--transition-fast)}.mobile-nav__item--active .mobile-nav__avatar{border-color:var(--color-accent)}.mobile-nav__avatar--initials{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg-tertiary));color:var(--color-accent);font-size:11px;font-weight:var(--font-semibold)}.mobile-nav__badge{position:absolute;top:-4px;right:-6px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:9px;font-weight:var(--font-bold);line-height:15px;text-align:center;border:1.5px solid var(--color-bg-primary)}}.search-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);animation:spIn .18s var(--ease-out) both}@keyframes spIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sp-bar{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle)}.sp-input-wrap{flex:1;display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;background:color-mix(in srgb,var(--color-text-primary) 7%,var(--color-bg-primary));border:1.5px solid transparent;border-radius:11px;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.sp-input-wrap:focus-within{background:var(--color-bg-secondary);border-color:var(--color-accent)}.sp-input-icon{color:var(--color-text-tertiary);flex-shrink:0;transition:color .15s}.sp-input-wrap:focus-within .sp-input-icon{color:var(--color-accent)}.sp-input{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-primary);background:none;border:none;outline:none;font-family:var(--font-sans)}.sp-input::placeholder{color:var(--color-text-placeholder)}.sp-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-text-tertiary);color:var(--color-bg-primary);opacity:.7;transition:opacity var(--transition-fast)}.sp-clear:active{opacity:.45}.sp-cancel{flex-shrink:0;padding:4px 2px 4px var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;transition:opacity var(--transition-fast);animation:cancelIn .18s var(--ease-out) both}@keyframes cancelIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.sp-cancel:active{opacity:.5}.sp-body{flex:1;overflow-y:auto;padding-bottom:var(--space-10)}.sp-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary)}.sp-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3)}.sp-note-card{--card-accent: var(--color-accent);display:flex;align-items:stretch;width:100%;min-height:88px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-out),transform .15s var(--ease-out),border-color var(--transition-fast)}.sp-note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-border-default)}.sp-note-card:active{transform:scale(.99);box-shadow:none}.sp-thumb{width:76px;flex-shrink:0;position:relative;overflow:hidden;background:#fff;border-right:1px solid rgba(0,0,0,.07)}[data-theme=dark] .sp-thumb{background:#f7f6f4}.sp-thumb__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);z-index:2}.sp-thumb__inner{position:absolute;top:0;left:0;width:500px;min-height:580px;padding:16px 18px;transform:scale(.152);transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#333;font-size:14px;line-height:1.6}.sp-thumb__heading{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sp-thumb__body{font-size:13px;color:#555;line-height:1.65;overflow:hidden;max-height:480px;word-break:break-word}.sp-thumb__body b,.sp-thumb__body strong{font-weight:700}.sp-thumb__body i,.sp-thumb__body em{font-style:italic}.sp-thumb__body u{text-decoration:underline}.sp-thumb__body p,.sp-thumb__body div{margin-bottom:6px}.sp-thumb__placeholder{font-size:13px;color:#bbb}.sp-note-card__info{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px}.sp-note-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:1px}.sp-note-card__folder{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sp-note-card__time{font-size:10px;color:var(--color-text-placeholder);flex-shrink:0}.sp-note-card__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-note-card__snippet{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px}.sp-mark{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);font-weight:var(--font-semibold);border-radius:2px;font-style:normal;padding:0 1px}.sp-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-6) var(--space-8);gap:var(--space-1);text-align:center}.sp-empty__icon-wrap{width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.sp-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.sp-empty__msg{font-size:var(--text-md);color:var(--color-text-secondary)}.sp-empty__hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.folders-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);animation:spIn .18s var(--ease-out) both}.fp-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.fp-header__left{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.fp-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.fp-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.fp-new-folder-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.fp-new-folder-btn:hover{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.fp-new-folder-btn:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.fp-grid-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-10)}.fp-list{display:flex;flex-direction:column;gap:var(--space-2)}.fp-card{--folder-accent: var(--color-accent);display:flex;align-items:center;gap:var(--space-2);width:100%;padding:13px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-left:3px solid var(--folder-accent);border-radius:var(--radius-lg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-out),transform .15s var(--ease-out),border-color var(--transition-fast)}.fp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-border-default);border-left-color:var(--folder-accent)}.fp-card:active{transform:scale(.985);box-shadow:none}.fp-card__icon{flex-shrink:0;color:var(--folder-accent)}.fp-card__name{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fp-card__count{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;white-space:nowrap}.fp-card__chevron{flex-shrink:0;color:var(--color-text-tertiary)}.fp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);gap:var(--space-2);text-align:center}.fp-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.fp-empty__hint{font-size:var(--text-sm);color:var(--color-text-tertiary)}.fp-notes-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);animation:slideInRight .2s var(--ease-out) both}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.fp-notes-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-2);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle)}.fp-notes-back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:none;border:none;color:var(--color-accent);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:background-color var(--transition-fast)}.fp-notes-back:active{background:var(--color-bg-hover)}.fp-notes-header__icon{flex-shrink:0;color:var(--color-text-tertiary)}.fp-notes-header__name{flex:1;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fp-notes-header__count{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.fp-notes-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-10)}.fp-notes-list{display:flex;flex-direction:column;gap:var(--space-2)}.fp-note-card{display:flex;align-items:stretch;width:100%;min-height:84px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-out),transform .15s var(--ease-out),border-color var(--transition-fast)}.fp-note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-border-default)}.fp-note-card:active{transform:scale(.99);box-shadow:none}.fp-note-card--active{border-left:3px solid var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border-subtle))}.fp-note-thumb{width:72px;flex-shrink:0;position:relative;overflow:hidden;background:#fff;border-right:1px solid rgba(0,0,0,.07)}[data-theme=dark] .fp-note-thumb{background:#f7f6f4}.fp-note-thumb__inner{position:absolute;top:0;left:0;width:500px;min-height:585px;padding:16px 18px;transform:scale(.144);transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#333;font-size:14px;line-height:1.6}.fp-note-thumb__heading{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em}.fp-note-thumb__body{font-size:13px;color:#555;line-height:1.65;overflow:hidden;max-height:480px;word-break:break-word}.fp-note-thumb__body b,.fp-note-thumb__body strong{font-weight:700}.fp-note-thumb__body i,.fp-note-thumb__body em{font-style:italic}.fp-note-thumb__body u{text-decoration:underline}.fp-note-thumb__body p,.fp-note-thumb__body div{margin-bottom:6px}.fp-note-card__info{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px}.fp-note-card__top{display:flex;align-items:flex-start;gap:var(--space-1)}.fp-note-card__title{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fp-note-card--active .fp-note-card__title{color:var(--color-accent)}.fp-note-card__pin{flex-shrink:0;color:var(--color-accent);margin-top:2px}.fp-note-card__time{font-size:10px;color:var(--color-text-placeholder)}.fp-note-card__snippet{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px}.fp-notes-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}.fp-notes-menu-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.fp-notes-menu-btn:active{background:var(--color-bg-hover)}.fpm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:400;opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out)}.fpm-backdrop--visible{opacity:1;pointer-events:auto}.fpm-drawer{position:fixed;left:0;right:0;bottom:0;z-index:401;background:var(--color-bg-primary);border-radius:20px 20px 0 0;padding-bottom:16px;box-shadow:0 -4px 32px #0000002e;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);will-change:transform}.fpm-drawer--open{transform:translateY(0)}@media (max-width: 680px){.fpm-drawer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}}.fpm-handle{width:36px;height:4px;background:var(--color-border-default);border-radius:var(--radius-full);margin:10px auto 0}.fpm-drawer__header{display:flex;align-items:center;gap:6px;padding:14px 20px 10px}.fpm-drawer__header-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.fpm-drawer__header-name{flex:1;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fpm-drawer__header-count{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.fpm-divider{height:1px;background:var(--color-border-subtle);margin:4px 0}.fpm-actions{padding:4px 0}.fpm-action{display:flex;align-items:center;gap:14px;width:100%;padding:11px 20px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;transition:background-color var(--transition-fast)}.fpm-action:active{background:var(--color-bg-hover)}.fpm-action__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.fpm-action__icon--blue{background:#007aff}.fpm-action__icon--purple{background:#af52de}.fpm-action__icon--green{background:#34c759}.fpm-action__icon--red{background:#ff3b30}.fpm-action__label{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.fpm-action--danger .fpm-action__label{color:#ff3b30}.fpm-action__color-dot{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.fpm-action__chevron{flex-shrink:0;color:var(--color-text-tertiary)}.fpm-cancel-btn{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:13px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;transition:background-color var(--transition-fast)}.fpm-cancel-btn:active{background:var(--color-bg-tertiary)}.fpm-rename{padding:8px 16px}.fpm-rename__input{width:100%;box-sizing:border-box;padding:12px 14px;font-size:var(--text-md);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1.5px solid var(--color-border-default);border-radius:var(--radius-lg);outline:none;font-family:var(--font-sans);transition:border-color var(--transition-fast)}.fpm-rename__input:focus{border-color:var(--color-accent)}.fpm-row-btns{display:flex;gap:8px;padding:10px 16px 0}.fpm-row-btn{flex:1;padding:12px;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.fpm-row-btn:active{background:var(--color-bg-tertiary)}.fpm-row-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.fpm-row-btn--primary:active{opacity:.85}.fpm-row-btn--primary:disabled{opacity:.38;cursor:default}.fpm-row-btn--danger{background:#ff3b30;border-color:#ff3b30;color:#fff}.fpm-row-btn--danger:active{opacity:.85}.fpm-delete-msg{padding:6px 20px 4px;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.fpm-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:10px 24px 16px}.fpm-color-swatch{aspect-ratio:1;border-radius:50%;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}.fpm-color-swatch:active{transform:scale(.88)}.fpm-color-swatch--selected{box-shadow:0 0 0 2.5px var(--color-bg-primary),0 0 0 5px var(--color-accent)}.fpm-color-swatch--none{background:var(--color-bg-secondary);border:2px dashed var(--color-border-default)!important}.fpm-color-swatch--none:after{content:"";position:absolute;top:50%;left:15%;width:70%;height:2px;background:#ff3b30;border-radius:2px;transform:translateY(-50%) rotate(-45deg)}.fpm-color-swatch--none.fpm-color-swatch--selected{box-shadow:0 0 0 2.5px var(--color-bg-primary),0 0 0 5px var(--color-accent)}.fp-notes-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-2)}.fp-notes-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.fp-notes-empty__hint{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:220px}.profile-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);animation:spIn .18s var(--ease-out) both}.pp-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle)}.pp-avatar{width:54px;height:54px;border-radius:var(--radius-full);flex-shrink:0;overflow:hidden;background:color-mix(in srgb,var(--color-accent) 18%,var(--color-bg-tertiary));color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold)}.pp-avatar img{width:100%;height:100%;object-fit:cover}.pp-user-info{min-width:0}.pp-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-email{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4) var(--space-10)}.pp-section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);padding:0 var(--space-1)}.pp-unread-pill{margin-left:auto;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);padding:1px 7px;border-radius:var(--radius-full);text-transform:none;letter-spacing:0}.pp-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.pp-notif-list .notif-item{padding:var(--space-3) var(--space-4);min-height:52px}.pp-notif-list .notif-item+.notif-item{border-top:1px solid var(--color-border-subtle)}.pp-notif-list .notif-item--unread:before{left:8px}.pp-notif-list .notif-btn{height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}.pp-notif-empty{padding:var(--space-5) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.pp-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:50px;padding:0 var(--space-4);background:none;border:none;border-bottom:1px solid var(--color-border-subtle);text-align:left;font-size:var(--text-md);color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast)}.pp-row:last-child{border-bottom:none}.pp-row:active{background:var(--color-bg-hover)}.pp-row svg{color:var(--color-text-secondary);flex-shrink:0}.pp-row--danger{color:var(--color-danger)}.pp-row--danger svg{color:var(--color-danger)}.templates-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;background:var(--color-bg-primary);display:flex;flex-direction:column;overflow:hidden;animation:tpSlideIn .22s var(--ease-out) both}@keyframes tpSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tp-header{display:flex;align-items:center;gap:var(--space-2);padding:14px 12px 12px;padding-top:calc(14px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-primary);flex-shrink:0}.tp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;transition:background-color var(--transition-fast)}.tp-back-btn:hover,.tp-back-btn:active{background:var(--color-bg-hover)}.tp-title{font-size:17px;font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.tp-body{flex:1;overflow-y:auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px) + 72px)}.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tp-card{--tp-color: var(--color-accent);display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;transition:box-shadow .16s var(--ease-out),transform .16s var(--ease-out),border-color var(--transition-fast)}.tp-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--tp-color)}.tp-card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.tp-card__thumb{width:100%;height:168px;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid rgba(0,0,0,.07);flex-shrink:0}[data-theme=dark] .tp-card__thumb{background:#f7f6f4}.tp-card__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--tp-color);z-index:2}.tp-card__inner{position:absolute;top:0;left:0;width:500px;min-height:480px;padding:14px 18px 18px;transform:scale(.34);transform-origin:top left;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;color:#444;font-size:13px;line-height:1.55}.tp-card__doc-title{font-size:22px;font-weight:700;color:var(--tp-color);line-height:1.2;margin-bottom:10px;letter-spacing:-.02em}.tp-card__doc-body{font-size:13px;color:#555;line-height:1.6}.tp-card__doc-body p{margin-bottom:5px}.tp-card__doc-body strong{font-weight:700;color:#333}.tp-card__doc-body ul{padding-left:16px;margin:4px 0 8px}.tp-card__doc-body li{margin-bottom:3px}.tp-card__badge{position:absolute;bottom:7px;right:8px;font-size:16px;line-height:1;z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.tp-card__footer{padding:9px 12px 11px}.tp-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3;display:block}.tp-folder-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);padding:0 var(--space-1)}.tp-folder-list{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden;background:var(--color-bg-secondary)}.tp-folder-item{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);transition:background-color var(--transition-fast);text-align:left;width:100%}.tp-folder-item:last-child{border-bottom:none}.tp-folder-item:hover,.tp-folder-item:active{background:var(--color-bg-hover)}.tp-folder-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tp-folder-name{flex:1;font-size:var(--text-md);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-folder-count{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.tp-empty{text-align:center;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.tp-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.tp-empty__hint{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.5}@media (min-width: 640px){.templates-page{max-width:520px;left:50%;transform:translate(-50%);border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}.tp-card__inner{transform:scale(.44)}.tp-card__thumb{height:200px}}.app{display:flex;height:100dvh;overflow:hidden;background:var(--color-bg-primary);animation:appFadeIn .2s var(--ease-out) both}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.sidebar-restore-btn{position:absolute;top:var(--space-3);left:var(--space-3);z-index:20;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translate(-4px);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-restore-btn--visible{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-restore-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.app-main--has-editor .sidebar-restore-btn{display:none}@media (max-width: 680px){.app-main--has-editor .sidebar-restore-btn{display:none}}.app--focused .sidebar{width:0;border-right-color:transparent}.sidebar-backdrop{display:none}@media (max-width: 680px){.sidebar-backdrop,.sidebar-restore-btn{display:none}.app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}.app-loading{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.app-loading__logo{animation:loadingPulse 1.8s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.4;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}:root{--color-bg-primary: #FAFAF9;--color-bg-secondary: #F2F1EE;--color-bg-tertiary: #E9E7E3;--color-bg-hover: rgba(0, 0, 0, .038);--color-bg-active: rgba(91, 94, 248, .08);--color-bg-overlay: rgba(15, 15, 14, .42);--color-bg-glass: rgba(250, 250, 249, .94);--color-border-subtle: rgba(0, 0, 0, .06);--color-border-default: rgba(0, 0, 0, .11);--color-text-primary: #1A1917;--color-text-secondary: #57534E;--color-text-tertiary: #A8A29E;--color-text-placeholder: #D6D3D1;--color-accent: #5B5EF8;--color-accent-hover: #4649E5;--color-accent-subtle: rgba(91, 94, 248, .09);--color-accent-highlight: rgba(91, 94, 248, .16);--color-accent-text: #ffffff;--color-danger: #EF4444;--color-danger-subtle: rgba(239, 68, 68, .08);--color-success: #22C55E;--color-success-subtle: rgba(34, 197, 94, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-serif: "New York", "Georgia", "Times New Roman", serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.78;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05), 0 0 1px rgba(0,0,0,.04);--shadow-sm: 0 2px 6px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 14px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 28px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 52px rgba(0,0,0,.13), 0 8px 16px rgba(0,0,0,.07);--shadow-glow: 0 0 0 3px var(--color-accent-subtle);--shadow-inner: inset 0 1px 2px rgba(0,0,0,.06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.16, 1, .3, 1);--bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .1s var(--ease-in-out);--transition-base: .16s var(--ease-in-out);--transition-slow: .28s var(--ease-out);--transition-spring: .32s var(--spring);--sidebar-width: 268px;--panel-width: 268px;--topbar-height: 46px;--editor-max-width: 720px;--editor-padding-x: var(--space-10);--editor-padding-y: var(--space-12)}[data-theme=dark]{--color-bg-primary: #111110;--color-bg-secondary: #171615;--color-bg-tertiary: #201F1D;--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-active: rgba(129, 140, 248, .12);--color-bg-overlay: rgba(0, 0, 0, .65);--color-bg-glass: rgba(20, 19, 18, .95);--color-border-subtle: rgba(255, 255, 255, .07);--color-border-default: rgba(255, 255, 255, .12);--color-text-primary: #EDECEB;--color-text-secondary: #A09B96;--color-text-tertiary: #68645F;--color-text-placeholder: #413E3B;--color-accent: #818CF8;--color-accent-hover: #939CF9;--color-accent-subtle: rgba(129, 140, 248, .13);--color-accent-highlight: rgba(129, 140, 248, .18);--color-danger: #F87171;--color-danger-subtle: rgba(248, 113, 113, .1);--color-success: #4ADE80;--color-success-subtle: rgba(74, 222, 128, .1);--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 2px 6px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 14px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 28px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-xl: 0 20px 52px rgba(0,0,0,.6), 0 8px 16px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:var(--leading-normal);height:100dvh;overflow:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}#root{height:100dvh;display:flex;flex-direction:column}button{font-family:var(--font-sans);font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea{font-family:var(--font-sans);font-size:inherit;color:var(--color-text-primary);background:none;border:none;outline:none;line-height:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder)}input:focus-visible,textarea:focus-visible{outline:none}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-accent-subtle);color:var(--color-text-primary)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}