:root{color:var(--color-text);background:var(--color-background);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:0}body{min-width:320px;font-size:var(--font-size-md);line-height:var(--line-height-ui);margin:0}button,input,textarea,select{font:inherit;color:inherit}button,summary,a,input,textarea,select{-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){background-color:var(--color-primary-highlight)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}input,textarea{caret-color:var(--color-text)}::placeholder{color:var(--color-text-subtle);opacity:1}::selection{color:var(--color-text);background:var(--color-selection)}a{color:inherit;text-underline-offset:.2em}svg{stroke-width:1.75px;flex:none}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}time,.data-management__version{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--color-surface);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-header{z-index:3;width:var(--layout-sidebar-width);height:78px;padding:0 var(--space-6);align-items:center;display:flex;position:absolute;top:0;left:0}.app-header__brand,.wordmark{align-items:center;gap:9px;display:inline-flex}.app-header .wordmark{min-height:44px}.wordmark{color:var(--color-text);font-size:1.3rem;font-weight:var(--font-weight-bold);letter-spacing:-.035em;text-decoration:none}.app-header__actions{gap:var(--space-2);display:flex}.app-shell__status-messages:empty{display:none}.app-shell__status-messages{z-index:4;padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--layout-sidebar-width) + var(--space-4));background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative}.app-shell__status-messages>p{margin:0}.workspace{grid-template-columns:var(--layout-sidebar-width) var(--layout-browser-width) minmax(0, 1fr);flex:1;min-width:0;min-height:0;display:grid;overflow:hidden}.workspace>*{min-width:0;min-height:0}.sidebar{gap:var(--space-6);padding:82px var(--space-3) var(--space-4);background:var(--color-background);border-right:1px solid var(--color-border);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar__mobile-heading,.sidebar__heading,.compact-sidebar-toggle,.sidebar-backdrop{display:none}.sidebar__create{padding:0 var(--space-1)}.new-note-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);color:var(--button-primary-fg);background:var(--button-primary-bg);border:1px solid var(--button-primary-bg);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-card);display:inline-flex}.new-note-button svg{width:18px;height:18px}.new-note-button:hover:not(:disabled){background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.new-note-button:active:not(:disabled){background:var(--neutral-800)}.sidebar__create .new-note-button{width:100%}.sidebar-nav{gap:var(--space-1);display:grid}.sidebar-nav__item{width:100%;min-height:40px;padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;font-weight:var(--font-weight-medium);background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.sidebar-nav__item svg{width:18px;height:18px}.sidebar-nav__item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav__item strong{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.sidebar-nav__item:hover{color:var(--color-text);background:var(--color-primary-highlight)}.sidebar-nav__item.is-active{color:var(--color-text);background:var(--color-navigation-selected);border-color:var(--color-control-border);font-weight:var(--font-weight-semibold)}.sidebar-nav__item.is-active svg{color:var(--color-brand)}.sidebar-nav__item.is-active strong{color:var(--color-text-muted)}.sidebar-footer{padding:0 var(--space-1);margin-top:auto}.sidebar-settings-label{padding:var(--space-4) 0 var(--space-2);border-top:1px solid var(--color-border);display:flex}.sidebar-settings-actions{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.sync-button,.lock-button,.encryption-header-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex}.sync-button:hover:not(:disabled),.lock-button:hover:not(:disabled),.encryption-header-button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.lock-button svg{width:16px;height:16px}.app-copyright{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.app-copyright--sidebar{margin-top:var(--space-4);padding:var(--space-2) 0 0}.sidebar-management,.sidebar>.organization-filter{display:none}.trash-controls{padding:0 var(--space-1)}.trash-controls button,.trash-link{min-height:var(--control-height);padding:0 var(--space-3);color:var(--color-danger);background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm)}.trash-link__icon{width:18px;height:18px}.note-browser{background:var(--color-surface-subtle);border-right:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.note-browser__header{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-4);flex-shrink:0;display:grid}.note-browser__context,.note-browser__heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.note-browser__context>span,.note-browser__heading>span{min-width:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-browser__context strong,.note-browser__heading strong{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex:none}.note-browser__toolbar{grid-template-columns:minmax(0,1fr) 84px auto;align-items:center;gap:6px;min-width:0;display:grid}.search-field{align-items:center;gap:var(--space-2);background:var(--input-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);min-width:0;min-height:38px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.search-field__icon{width:16px;height:16px;color:var(--color-text-subtle)}.search-field input{width:100%;min-width:0;font-size:var(--font-size-sm);background:0 0;border:0;outline:0;padding:7px 0}.search-field input:focus-visible{outline:0}.search-field button{padding:var(--space-1) 2px;color:var(--color-text-muted);font-size:var(--font-size-xs);background:0 0;border:0;flex-shrink:0}.recent-note-shortcut{min-width:0;min-height:38px;padding:0 var(--space-2);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;align-content:center;gap:1px;display:grid}.recent-note-shortcut:hover{color:var(--color-text);background:var(--color-surface-muted)}.recent-note-shortcut__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0}.recent-note-shortcut__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.6875rem;overflow:hidden}.browse-mode-switch{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,1fr);gap:2px;padding:2px;display:inline-grid}.browse-mode-switch button{justify-content:center;align-items:center;gap:var(--space-1);min-height:32px;color:var(--color-text-muted);border-radius:var(--radius-xs);background:0 0;border:0;padding:0 7px;font-size:0;display:flex}.browse-mode-switch button svg{width:17px;height:17px}.browse-mode-switch button:hover{background:var(--color-primary-highlight)}.browse-mode-switch button.is-active{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card)}.recent-searches{min-width:0}.recent-searches__heading{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.recent-searches__heading strong{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.recent-searches__heading button{padding:var(--space-1) 0;color:var(--color-text-subtle);font-size:var(--font-size-xs);background:0 0;border:0}.recent-searches__chips{gap:var(--space-2);display:flex;overflow-x:auto}.recent-searches__chip{align-items:center;gap:var(--space-2);max-width:90%;min-height:32px;padding:0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);flex-shrink:0;display:inline-flex}.recent-searches__chip svg{width:14px;height:14px}.recent-searches__chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-filter-tabs,.mobile-reference-page,.mobile-bottom-region,.mobile-nav{display:none}.note-list{align-content:start;gap:var(--space-2);min-height:0;padding:0 var(--space-3) var(--space-6);overscroll-behavior:contain;margin:0;display:grid;overflow-y:auto}.note-list-item{min-width:0;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;position:relative}.note-list-item:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.note-list-item.is-selected{color:var(--color-text);background:var(--note-selected-bg);border-color:var(--note-selected-border)}.note-list-item__select{border-radius:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;min-width:0;padding:14px 46px 14px 14px;display:grid}.note-list-item__select:focus-visible{outline-offset:-3px}.note-list-item__title{min-width:0;color:var(--color-text);font-size:var(--font-size-md);line-height:1.45;font-weight:var(--font-weight-semibold);align-items:center;gap:7px;display:flex}.note-list-item__title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.note-list-item__title.is-empty{color:var(--color-text-muted)}.note-list-item__preview{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-sm);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.note-list-item__preview.is-empty{color:var(--color-text-subtle)}.note-list-item mark{color:inherit;background:var(--color-search-highlight);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.note-list-item__meta{align-items:center;gap:5px var(--space-2);min-width:0;color:var(--color-text-subtle);font-size:var(--font-size-xs);flex-wrap:wrap;line-height:1.5;display:flex}.note-list-item__tags{gap:var(--space-1);flex-wrap:wrap;min-width:0;max-width:100%;display:inline-flex}.note-list-item__tag{max-width:100%;color:var(--color-text-muted);background:var(--color-surface-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:1px 5px;overflow:hidden}.note-list-item.is-selected .note-list-item__tag{background:var(--color-surface)}.note-list-item__time{white-space:nowrap;flex-shrink:0;margin-left:auto}.note-list-item__lock,.note-list-item__icon{display:inline-flex}.note-list-item__lock svg,.note-list-item__icon svg{width:16px;height:16px}.pin-button{width:36px;height:36px;color:var(--color-text-subtle);border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.pin-button svg{width:18px;height:18px}.pin-button:hover{color:var(--color-text);background:var(--color-primary-highlight)}.pin-button.is-pinned{color:var(--color-accent)}.note-list-item>.pin-button{position:absolute;top:7px;right:5px}.trash-item-actions{gap:var(--space-2);padding:0 14px 12px;display:flex}.trash-item-actions button{min-height:32px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.trash-item-actions .trash-item-actions__danger{color:var(--color-danger);border-color:var(--color-danger-border)}.trash-item-actions button:hover:not(:disabled){background:var(--color-surface-muted)}.note-list-item.is-trash .note-list-item__select{padding-right:14px}.no-results{margin:var(--space-2) var(--space-4);padding:var(--space-8) var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;line-height:1.7}.note-editor-transition{height:100%;min-height:0;overflow:hidden}.note-editor{height:100%;min-height:0;padding:var(--space-6) var(--space-10) var(--space-8);background:var(--color-surface);overscroll-behavior:contain;flex-direction:column;align-items:stretch;display:flex;overflow-y:auto}.note-editor>*{width:100%;max-width:var(--layout-editor-measure);flex-shrink:0;margin-left:auto;margin-right:auto}.note-editor>.note-editor__header{order:1}.note-editor>.editor-error,.note-editor>.editor-output-message{order:2}.note-editor>.note-editor__title{order:3}.note-editor>.note-editor__meta{order:4}.note-editor>.note-editor__body-wrap{order:5}.note-editor>.organization-controls,.note-editor>.trash-note-hint{order:6}.note-editor__header{align-items:center;gap:var(--space-2);min-height:38px;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.back-button{min-height:var(--control-height);padding:0 var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:5px;display:none}.back-button svg{width:19px;height:19px}.back-button__mobile-label,.mobile-editor-brand,.mobile-editor-break{display:none}.save-status{min-width:68px;color:var(--color-text-subtle);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.save-status__dot{background:var(--color-success);border-radius:var(--radius-pill);flex-shrink:0;width:6px;height:6px}.save-status--saving .save-status__dot{background:var(--color-warning);animation:1.2s ease-in-out infinite status-pulse}.save-status--error{color:var(--color-danger)}.save-status--error .save-status__dot{background:var(--color-danger)}.note-editor__header-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;margin-left:auto;display:flex}.editor-action,.delete-button,.restore-button,.note-lock-button{min-height:var(--control-height);padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;display:inline-flex}.editor-action{background:var(--color-surface);border-color:var(--color-border)}.editor-action svg{width:16px;height:16px}.editor-action:hover:not(:disabled),.note-lock-button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.delete-button:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-surface)}.restore-button{color:var(--color-surface);background:var(--color-primary)}.restore-button:hover:not(:disabled){color:var(--color-surface);background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.note-editor__title{margin-top:var(--space-8);margin-bottom:var(--space-2);min-height:48px;color:var(--color-text);resize:none;font-size:var(--font-size-title);line-height:1.4;font-weight:var(--font-weight-semibold);letter-spacing:-.03em;overflow-wrap:anywhere;background:0 0;border:0;border-radius:3px;padding:3px 0;overflow:hidden}.note-editor__title:focus:not(:focus-visible){outline:0}.note-editor__title:focus-visible{box-shadow:0 2px 0 var(--color-focus);outline:0}.note-editor__title::placeholder{color:var(--color-text-subtle)}.note-editor__meta{margin-top:0;margin-bottom:var(--space-7);color:var(--color-text-subtle);font-size:var(--font-size-xs)}.note-editor__body-wrap{flex:1 0 auto;min-height:260px;display:flex}.note-editor__body{width:100%;min-height:100%;color:var(--color-text);resize:none;letter-spacing:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:3px;padding:0 1px;font-family:inherit;font-size:1.03rem;line-height:1.78;display:block}.note-editor__body:focus-visible{outline-offset:6px}.organization-controls{align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.folder-select{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;display:flex}.folder-select select{min-width:0;max-width:min(320px,100%);min-height:var(--control-height);padding:0 30px 0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-overflow:ellipsis}.tag-toggles{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.tag-toggles button{max-width:100%;min-height:30px;padding:3px var(--space-2);overflow-wrap:anywhere;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-xs);text-align:left}.tag-toggles button.is-selected{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border-strong);font-weight:var(--font-weight-semibold)}.tag-toggles button:hover:not(:disabled){background:var(--color-primary-highlight);border-color:var(--color-border-strong)}.trash-note-hint{margin-top:var(--space-7);padding-top:var(--space-4);color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.note-appearance{display:inline-flex;position:relative}.note-appearance__trigger,.note-output-menu__trigger{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:36px;min-height:36px;padding:0;display:inline-grid}.note-appearance__trigger:hover,.note-output-menu__trigger:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.note-appearance__trigger svg,.note-output-menu__trigger svg{width:19px;height:19px}.note-appearance__popover{z-index:var(--layer-popover);top:var(--popover-top);left:var(--popover-left);width:min(320px,100vw - 24px);max-width:var(--popover-max-width,calc(100vw - 24px));max-height:var(--popover-max-height);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);position:fixed;overflow-y:auto}.note-appearance__heading{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.note-appearance__icons{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px;display:grid}.note-appearance__icons button{min-width:0;min-height:44px;color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.note-appearance__icons button:hover,.note-appearance__icons button.is-selected{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-control-border)}.note-appearance__icons svg{width:20px;height:20px}.note-appearance__colors{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px;display:grid}.note-appearance__colors+*,.note-appearance__icons+.note-appearance__heading{margin-top:var(--space-4)}.note-appearance__color{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;place-items:center;min-height:44px;padding:0;display:grid}.note-appearance__color span{border-radius:var(--radius-pill);background:currentColor;width:19px;height:19px;display:block}.note-appearance__color.is-selected{background:var(--color-surface-muted);border-color:var(--color-control-border)}.note-icon-color--default{color:var(--color-text-muted)}.note-icon-color--gray{color:var(--icon-gray)}.note-icon-color--red{color:var(--icon-red)}.note-icon-color--orange{color:var(--icon-orange)}.note-icon-color--yellow{color:var(--icon-yellow)}.note-icon-color--green{color:var(--icon-green)}.note-icon-color--teal{color:var(--icon-teal)}.note-icon-color--blue{color:var(--icon-blue)}.note-icon-color--purple{color:var(--icon-purple)}.note-icon-color--pink{color:var(--icon-pink)}.note-output-menu{position:relative}.note-output-menu__trigger{list-style:none}.note-output-menu__panel{z-index:var(--layer-popover);top:var(--popover-top);left:var(--popover-left);gap:var(--space-1);width:240px;max-width:var(--popover-max-width,calc(100vw - 24px));max-height:var(--popover-max-height);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);display:grid;position:fixed;overflow-y:auto}.note-output-menu__panel button{min-height:38px;padding:0 var(--space-3);color:var(--color-text);border-radius:var(--radius-xs);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0}.note-output-menu__panel button:hover{background:var(--color-surface-muted)}.note-output-menu__panel p{margin:var(--space-2) var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:1.6}.calendar-view{min-height:0;padding:0 var(--space-4) var(--space-6);overscroll-behavior:contain;overflow-y:auto}.calendar-view__toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-5);flex-wrap:wrap;display:flex}.calendar-view__toolbar h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0}.calendar-view__actions{gap:var(--space-1);display:flex}.calendar-view__actions button{min-height:34px;padding:0 var(--space-2);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.calendar-view__actions button:hover{color:var(--color-text);background:var(--color-surface-muted)}.calendar-view__weekdays,.calendar-view__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.calendar-view__weekdays{margin-bottom:var(--space-2);color:var(--color-text-subtle);font-size:var(--font-size-xs);text-align:center}.calendar-view__day,.calendar-view__empty-cell{min-height:44px}.calendar-view__day{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1) 0;color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.calendar-view__day:hover{background:var(--color-surface-muted)}.calendar-view__day.is-selected{color:var(--color-surface);background:var(--color-primary)}.calendar-view__day.is-selected:active:not(:disabled){color:var(--color-surface);background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.calendar-view__day.is-today{border-color:var(--color-border-strong)}.calendar-view__day.is-today>span{font-weight:var(--font-weight-bold);text-underline-offset:4px;text-decoration:underline}.calendar-view__day-dot{border-radius:var(--radius-pill);background:currentColor;width:4px;height:4px}.calendar-view__notes{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.calendar-view__notes-heading{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.calendar-view__notes-heading h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.calendar-view__notes-heading>span{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.calendar-view__note-list{gap:var(--space-2);display:grid}.calendar-view__note{width:100%;min-width:0;min-height:62px;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;gap:6px;display:grid}.calendar-view__note:hover,.calendar-view__note.is-selected{background:var(--note-selected-bg);border-color:var(--note-selected-border)}.calendar-view__note-title{overflow-wrap:anywhere;min-width:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:flex}.calendar-view__note-icon,.calendar-view__note-lock{display:inline-flex}.calendar-view__note-icon svg,.calendar-view__note-lock svg{width:16px;height:16px}.calendar-view__note time{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.calendar-view__empty{padding:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.note-browser__section-heading{gap:var(--space-4);min-width:0;display:grid}.note-browser__section-heading .note-browser__context span{align-items:center;gap:var(--space-2);display:inline-flex}.note-browser__section-heading svg{width:19px;height:19px}.note-browser__section-heading>button{min-height:var(--control-height);padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-self:start}.desktop-organization-browser{min-height:0;padding:0 var(--space-4) var(--space-6);overflow-y:auto}.desktop-organization-browser__list{gap:var(--space-2);display:grid}.desktop-organization-browser__row{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.desktop-organization-browser__row>button,.desktop-organization-browser__folder-none{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;min-height:40px;padding:0 var(--space-2);color:var(--color-text);border-radius:var(--radius-xs);text-align:left;background:0 0;border:0;display:flex}.desktop-organization-browser__row>button:hover,.desktop-organization-browser__folder-none:hover{background:var(--color-surface-muted)}.desktop-organization-browser__row>button span,.desktop-organization-browser__folder-none span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-organization-browser__row strong,.desktop-organization-browser__folder-none strong{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-shrink:0}.desktop-organization-browser__row>span{display:flex}.desktop-organization-browser__row>span button{min-height:36px;color:var(--color-text-muted);border-radius:var(--radius-xs);font-size:var(--font-size-xs);background:0 0;border:0;padding:0 6px}.desktop-organization-browser__row>span button:hover{background:var(--color-surface-muted)}.desktop-organization-browser__list>p,.organization-empty{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.organization-filter{gap:var(--space-1);display:grid}.organization-filter__heading{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex}.organization-filter__heading button{min-height:36px;padding:0 var(--space-2);color:var(--color-text);border-radius:var(--radius-xs);background:0 0;border:0}.organization-filter>button,.organization-filter__row>button{align-items:center;gap:var(--space-2);min-width:0;min-height:36px;padding:0 var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;display:flex}.organization-filter button:hover{background:var(--color-surface-muted)}.organization-filter button.is-active{color:var(--color-text);background:var(--color-surface-muted)}.organization-filter__row{grid-template-columns:minmax(0,1fr) auto;display:grid}.organization-filter__row svg{width:16px;height:16px}.organization-filter__row>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.organization-filter__row>button strong{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:auto}.organization-filter__row>span{display:flex}.organization-filter__row>span button{color:var(--color-text-muted);font-size:var(--font-size-xs);background:0 0;border:0;padding:0 5px}.workspace--settings>.note-browser,.workspace--settings>.note-editor-transition,.workspace--settings>.empty-state{display:none}.desktop-settings{background:var(--color-surface);grid-column:2/-1;grid-template-columns:232px minmax(0,1fr);display:grid;overflow:hidden}.desktop-settings__navigation{padding:var(--space-7) var(--space-4);background:var(--color-surface-subtle);border-right:1px solid var(--color-border)}.desktop-settings__navigation-heading{align-items:start;gap:var(--space-2);margin-bottom:var(--space-7);display:flex}.desktop-settings__navigation-heading>div{min-width:0}.desktop-settings__navigation h1{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em}.desktop-settings__navigation p{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0;line-height:1.7}.desktop-settings__navigation nav{gap:var(--space-1);display:grid}.desktop-settings__navigation nav button{min-height:42px;padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);background:0 0;border:0;align-items:center;gap:10px;display:flex}.desktop-settings__navigation nav button:hover,.desktop-settings__navigation nav button.is-active{color:var(--color-text);background:var(--color-surface-muted)}.desktop-settings__navigation nav svg{width:18px;height:18px}.desktop-settings__content{min-width:0;padding:var(--space-12) var(--space-12);overscroll-behavior:contain;overflow-y:auto}.desktop-settings__content>*{max-width:720px;margin-left:auto;margin-right:auto}.desktop-settings__content-heading{margin-bottom:var(--space-8)}.desktop-settings__content-heading h2{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em}.desktop-settings__content-heading p{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0;line-height:1.7}.desktop-settings__card{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.desktop-settings__card h3{margin:0 0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.desktop-settings__row{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-3) 0;display:flex}.desktop-settings__row>span{align-items:center;gap:var(--space-3);min-width:0;display:flex}.desktop-settings__row>span>span{gap:var(--space-1);display:grid}.desktop-settings__row strong{overflow-wrap:anywhere;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.desktop-settings__row small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.desktop-settings__row button,.data-management button,.data-management__sync>button,.data-management__sync-actions button,.data-management__sync-warning button{min-height:40px;padding:0 var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.desktop-settings__row button:hover:not(:disabled),.data-management button:hover:not(:disabled),.data-management__sync button:hover:not(:disabled){background:var(--color-surface-muted)}.data-management__sync>button:first-of-type:not([aria-label=로그아웃]),.data-management button.data-management__backup{color:var(--color-surface);background:var(--color-primary);border-color:var(--color-primary)}.data-management__sync>button:first-of-type:not([aria-label=로그아웃]):hover:not(:disabled),.data-management button.data-management__backup:hover:not(:disabled){background:var(--color-primary-strong)}.data-management__sync>button[aria-label=로그아웃],.desktop-settings__row button.is-secondary{color:var(--color-danger);background:var(--color-danger-surface);border-color:var(--color-danger-border)}.data-management__sync>button[aria-label=로그아웃]:hover:not(:disabled),.data-management__sync>button[aria-label=로그아웃]:active:not(:disabled){color:var(--color-danger-strong);background:var(--color-danger-surface);border-color:var(--color-danger)}.data-management{gap:var(--space-3);min-width:0;display:grid}.data-management h2,.data-management__sync h2{margin:0 0 var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.desktop-settings__content>.data-management>h2,.data-management__file-input{display:none}.data-management__sync{gap:var(--space-3);min-width:0;padding:var(--space-6);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.data-management__sync>h2,.data-management__sync-status,.data-management__sync-warning,.data-management__sync-passphrase,.data-management__sync>.data-management__message{flex:0 0 100%;width:100%;min-width:0}.data-management__sync h2{margin:0}.data-management__sync-status{margin-bottom:var(--space-2);gap:6px;display:grid}.data-management__sync-status p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.data-management__sync-status p:first-child{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-md)}.data-management__sync-warning{padding:var(--space-4);color:var(--color-warning);background:var(--color-warning-surface);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm)}.data-management__sync-warning p{margin:0 0 var(--space-3);line-height:1.7}.data-management__sync-warning button{margin:0 var(--space-2) var(--space-1) 0}.data-management__sync-passphrase{gap:var(--space-2);display:grid}.data-management__sync-passphrase input,.encryption-panel input,.note-lock-gate input{width:100%;min-height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--input-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm)}.data-management__sync-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.data-management__exports{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:grid}.data-management__exports>span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.data-management__exports>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-management__hint,.data-management__version{color:var(--color-text-subtle);font-size:var(--font-size-xs);margin:0;line-height:1.7}.data-management__message{padding:var(--space-3);color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin:0;line-height:1.7}.data-management__message>p{margin:0 0 var(--space-2)}.data-management__message--success{color:var(--color-success);background:var(--color-success-surface)}.data-management__message--error{color:var(--color-danger);background:var(--color-danger-surface)}.data-management__restore-summary,.data-management__restore-mode{color:var(--color-text-muted);font-size:var(--font-size-sm)}.encryption-modal-backdrop{z-index:60;padding:var(--space-6);background:var(--color-backdrop);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.action-dialog-backdrop{z-index:var(--layer-dialog);padding:var(--space-6);background:var(--color-backdrop);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.encryption-gate{min-height:100%;padding:var(--space-6);background:var(--color-background);place-items:center;display:grid}.encryption-panel,.action-dialog{width:min(480px,100%);max-height:calc(100dvh - 48px);padding:var(--space-8);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);overflow-y:auto}.encryption-panel h1,.action-dialog__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;line-height:1.4}.encryption-panel p,.action-dialog__description,.action-dialog__status{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1.7}.encryption-panel .wordmark{margin-bottom:var(--space-6)}.encryption-panel form{gap:var(--space-3);margin-top:var(--space-5);display:grid}.encryption-panel label,.note-lock-gate label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.encryption-panel__actions,.note-lock-gate__actions,.action-dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.encryption-panel form>button,.encryption-panel__actions button,.note-lock-gate__actions button,.button-secondary,.button-primary,.button-danger{min-height:44px;padding:0 var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.encryption-panel form>button,.encryption-panel__actions button:last-child:not(:first-child),.note-lock-gate__actions button:first-child,.button-primary{color:var(--color-surface);background:var(--color-primary);border-color:var(--color-primary)}.encryption-panel__actions button:hover:not(:disabled),.button-secondary:hover:not(:disabled){border-color:var(--color-text-subtle);background:var(--color-surface-muted)}.data-management__logout-panel .encryption-panel__actions button:last-child,.button-danger{color:var(--color-surface);background:var(--color-danger);border-color:var(--color-danger)}.encryption-panel form>button:hover:not(:disabled),.encryption-panel__actions button:last-child:not(:first-child):hover:not(:disabled),.note-lock-gate__actions button:first-child:hover:not(:disabled),.button-primary:hover:not(:disabled){color:var(--color-surface);background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.button-danger:hover:not(:disabled),.data-management__logout-panel .encryption-panel__actions button:last-child:hover:not(:disabled){color:var(--color-surface);background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.encryption-panel .encryption-warning{padding:var(--space-3);color:var(--color-warning);background:var(--color-warning-surface);border-radius:var(--radius-sm)}.encryption-panel .encryption-error{color:var(--color-danger)}.action-dialog__field{gap:var(--space-2);margin-top:var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid}.action-dialog__field input{width:100%;min-height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--input-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.note-lock-gate{height:100%;padding:var(--space-10);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.note-lock-gate__icon{width:48px;height:48px;margin-bottom:var(--space-5);color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:var(--radius-md);place-items:center;display:grid}.note-lock-gate__icon svg{width:24px;height:24px}.note-lock-gate h1{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.note-lock-gate p{margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.7}.note-lock-gate form{gap:var(--space-3);width:min(360px,100%);margin-top:var(--space-3);display:grid}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-10);color:var(--color-text);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:56px;height:56px;margin-bottom:var(--space-2);color:var(--color-text-subtle);background:var(--color-surface-muted);border-radius:var(--radius-md);place-items:center;display:grid}.empty-state__icon svg{width:25px;height:25px}.empty-state h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;margin:0}.empty-state p{max-width:36ch;color:var(--color-text-muted);font-size:var(--font-size-md);margin:0;line-height:1.7}.empty-state .new-note-button{margin-top:var(--space-3)}.empty-state__skeleton{gap:var(--space-3);width:min(260px,100%);margin-bottom:var(--space-4);display:grid}.empty-state__skeleton span{background:var(--color-surface-muted);border-radius:var(--radius-xs);height:12px;animation:1.2s ease-in-out infinite status-pulse}.empty-state__skeleton span:nth-child(2){width:85%}.empty-state__skeleton span:nth-child(3){width:65%}.editor-error,.app-error,.calendar-view__save-error{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);color:var(--color-danger);background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.7}.editor-output-message,.app-message--success{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);color:var(--color-success);background:var(--color-success-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.7}.editor-output-message--error{color:var(--color-danger);background:var(--color-danger-surface)}.delete-undo{z-index:var(--layer-toast);left:50%;bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-5);width:max-content;max-width:calc(100vw - 32px);padding:var(--space-2) var(--space-4);color:var(--color-surface);background:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);display:flex;position:fixed;transform:translate(-50%)}.delete-undo button{min-height:36px;padding:0 var(--space-2);color:var(--color-surface);border-radius:var(--radius-xs);font-weight:var(--font-weight-semibold);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.delete-undo button:hover{background:var(--neutral-800)}.pwa-update-prompt{z-index:30;right:var(--space-6);bottom:var(--space-6);align-items:center;gap:var(--space-3);max-width:min(520px,100vw - 32px);padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);flex-wrap:wrap;display:flex;position:fixed}.pwa-update-prompt>span{flex:180px;min-width:0;line-height:1.7}.pwa-update-prompt button{min-height:40px;padding:0 var(--space-3);color:var(--color-surface);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.pwa-update-prompt button:last-child{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border-strong)}.new-note-button:active:not(:disabled),.restore-button:active:not(:disabled),.button-primary:active:not(:disabled),.data-management button.data-management__backup:active:not(:disabled),.data-management__sync>button:first-of-type:not([aria-label=로그아웃]):active:not(:disabled),.encryption-panel form>button:active:not(:disabled),.encryption-panel__actions button:last-child:not(:first-child):active:not(:disabled),.note-lock-gate__actions button:first-child:active:not(:disabled),.pwa-update-prompt button:first-of-type:active:not(:disabled){color:var(--color-surface);background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.button-danger:active:not(:disabled),.data-management__logout-panel .encryption-panel__actions button:last-child:active:not(:disabled){color:var(--color-surface);background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.delete-undo button:active:not(:disabled){color:var(--color-surface);background:var(--neutral-800)}@keyframes status-pulse{50%{opacity:.55}}@media (width>=1100px){.note-browser__toolbar .search-field{grid-area:1/1}.note-browser__toolbar .recent-note-shortcut{grid-area:1/2}.note-browser__toolbar .browse-mode-switch{grid-area:1/3}.note-browser[data-mobile-section=tags]>.note-list,.note-browser[data-mobile-section=tags]>.no-results,.note-browser[data-mobile-section=folders]>.note-list,.note-browser[data-mobile-section=folders]>.no-results{display:none}}@media (width>=721px) and (width<=1099px){.note-browser__toolbar .search-field{grid-row:1}.note-browser__toolbar .recent-note-shortcut{grid-row:2}.app-header{display:none}.app-shell__status-messages{padding-left:var(--space-4)}.workspace{grid-template-columns:clamp(300px,39%,380px) minmax(0,1fr)}.note-browser__header{gap:var(--space-3);grid-template-columns:36px minmax(0,1fr)}.note-browser__header>.note-browser__toolbar{grid-column:1/-1}.note-browser__header>.note-browser__section-heading{align-items:center;gap:var(--space-2);grid-column:2;grid-template-columns:minmax(0,1fr) auto}.note-browser__section-heading>.note-browser__context{min-width:0}.note-browser__section-heading>button{white-space:nowrap;justify-self:end}.note-browser__toolbar{grid-template-columns:minmax(0,1fr) auto}.note-browser__toolbar .browse-mode-switch{grid-area:1/2}.note-browser__toolbar .recent-note-shortcut{justify-content:space-between;gap:var(--space-2);grid-column:1/-1;min-height:32px;display:flex}.recent-note-shortcut__title{font-size:var(--font-size-xs)}.note-editor{padding:var(--space-5) var(--space-6) var(--space-7)}.note-editor__title{font-size:1.75rem}.note-editor__header-actions{justify-content:flex-start}.desktop-settings{grid-column:1/-1;grid-template-columns:216px minmax(0,1fr)}.desktop-settings__content{padding:var(--space-8)}.desktop-settings__row{flex-wrap:wrap}.note-browser[data-mobile-section=tags]>.note-list,.note-browser[data-mobile-section=tags]>.no-results,.note-browser[data-mobile-section=folders]>.note-list,.note-browser[data-mobile-section=folders]>.no-results{display:none}}@media (width<=1099px){.compact-sidebar-toggle{width:36px;min-width:36px;min-height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;flex:none;place-items:center;padding:0;display:inline-grid}.compact-sidebar-toggle svg{width:19px;height:19px}.compact-sidebar-toggle:hover{background:var(--color-surface-muted)}.sidebar{z-index:20;width:min(320px,100vw - 44px);padding:var(--space-5) var(--space-4) var(--space-6);box-shadow:var(--shadow-panel);visibility:hidden;transition:transform var(--duration-normal) var(--ease-out), visibility var(--duration-normal);border:0;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-mobile-open{visibility:visible;transform:translate(0)}.sidebar__mobile-heading{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);display:flex}.sidebar__mobile-heading button{min-width:44px;min-height:44px;padding:0 var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:0 0;border:0}.sidebar-backdrop{z-index:19;background:var(--color-backdrop);border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar>.organization-filter{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.sidebar-nav__item,.organization-filter__heading button,.organization-filter>button,.organization-filter__row>button,.organization-filter__row>span button{min-height:44px}.organization-filter__row>span button{min-width:44px}.sidebar__create .new-note-button,.sidebar .sync-button,.sidebar .trash-controls button{min-height:44px}}@media (width<=720px){.app-header{width:100%;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-5) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;position:static}.wordmark{font-size:1.25rem}.wordmark:before{width:26px;height:26px}.app-shell__status-messages{max-height:30dvh;padding:var(--space-2) var(--space-3);overflow-y:auto}.workspace{padding-bottom:calc(var(--layout-mobile-nav-height) + env(safe-area-inset-bottom));display:block}.note-browser{background:var(--color-surface-subtle);border:0;height:100%}.note-browser__header{gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);grid-template-columns:44px minmax(0,1fr)}.compact-sidebar-toggle{width:44px;min-width:44px;min-height:44px}.note-browser__context{align-items:center}.note-browser__context>span{font-size:var(--font-size-lg)}.note-browser__context strong{font-size:var(--font-size-xs)}.note-browser__heading{grid-column:2}.note-browser__toolbar{display:none}.note-browser__toolbar.is-mobile-search-open{gap:var(--space-3);grid-column:1/-1;grid-template-columns:minmax(0,1fr);display:grid}.note-browser__toolbar .search-field{grid-row:1}.note-browser__toolbar .recent-searches{grid-row:2}.note-browser__toolbar .recent-note-shortcut{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);grid-row:3;display:flex}.note-browser__toolbar .recent-note-shortcut__title{font-size:var(--font-size-xs)}.note-browser .browse-mode-switch{display:none}.search-field{min-height:48px;padding-left:var(--space-3)}.search-field input{min-height:44px;font-size:1rem}.search-field button{min-width:44px;min-height:44px}.recent-searches__heading button,.recent-searches__chip{min-height:44px}.mobile-filter-tabs{margin:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.mobile-filter-tabs button{min-height:44px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 2px}.mobile-filter-tabs button.is-active{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:var(--font-weight-semibold)}.mobile-filter-tabs button:hover{background:var(--color-surface-muted)}.note-list{gap:var(--space-3);padding:0 var(--space-4) var(--space-5);flex:1}.note-list-item__select{gap:5px;padding:12px 52px 12px 13px}.note-list-item__title{font-size:.9375rem}.note-list-item__preview{font-size:var(--font-size-md);line-height:1.65}.note-list-item__meta{font-size:var(--font-size-xs)}.note-list-item>.pin-button{width:44px;height:44px;top:8px;right:4px}.trash-item-actions button{min-height:44px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.note-list-item.is-trash .note-list-item__select{padding-bottom:41px;padding-right:13px}.trash-item-actions{margin-top:-29px}.note-editor-transition,.workspace>.empty-state{display:none}.mobile-bottom-region{z-index:18;height:calc(var(--layout-mobile-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:block;position:fixed;inset:auto 0 0}.mobile-nav{align-items:center;gap:var(--space-1);height:72px;padding:var(--space-2) var(--space-3) 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mobile-nav button{min-width:0;min-height:52px;color:var(--color-text-subtle);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:var(--font-weight-medium);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.is-active{color:var(--color-text);background:var(--color-surface-muted);box-shadow:inset 0 -2px 0 var(--color-primary)}.mobile-nav button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-muted)}.mobile-nav button.mobile-nav__create{width:44px;min-height:44px;color:var(--color-surface);background:var(--color-primary);border-radius:var(--radius-md);justify-self:center}.mobile-nav button.mobile-nav__create:hover:not(:disabled),.mobile-nav button.mobile-nav__create:active:not(:disabled){color:var(--color-surface);background:var(--color-primary-strong)}.mobile-nav__create svg{width:23px;height:23px}.app-copyright--mobile{padding:2px 0 var(--space-1);text-align:center;margin:0;font-size:.625rem;display:block}.app-shell--editing .app-header,.app-shell--editing .sidebar,.app-shell--editing .note-browser,.app-shell--editing .mobile-bottom-region{display:none}.app-shell--editing .workspace{height:100%;padding-bottom:0}.app-shell--editing .note-editor-transition{height:100%;display:block}.note-editor{height:100%;padding:env(safe-area-inset-top) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom))}.app-shell--editing .note-editor__header{z-index:4;padding-top:var(--space-2);padding-bottom:var(--space-3);background:var(--color-surface);flex-shrink:0;gap:6px;position:sticky;top:0}.back-button{min-height:44px;font-size:var(--font-size-md);padding-left:0;display:inline-flex}.back-button__desktop-label{display:none}.back-button__mobile-label{display:inline}.mobile-editor-brand{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:lowercase;letter-spacing:-.02em;margin-left:auto;display:inline}.save-status{margin-left:var(--space-2);font-size:var(--font-size-xs);gap:5px}.mobile-editor-break{flex-basis:100%;height:0;display:block}.note-editor__header-actions{justify-content:flex-start;gap:var(--space-1);flex-wrap:wrap;width:100%;margin-left:0}.note-editor__header-actions .delete-button{margin-left:auto}.pin-button--editor,.note-appearance__trigger,.note-output-menu__trigger{width:44px;min-height:44px}.editor-action,.delete-button,.restore-button,.note-lock-button{min-height:44px;padding:0 10px}.note-editor__title{margin-top:var(--space-6);min-height:44px;font-size:1.75rem;line-height:1.45}.note-editor__meta{margin-bottom:var(--space-6)}.app-shell--editing .note-editor>.note-editor__body-wrap{flex:none;order:5;min-height:50dvh}.note-editor__body{letter-spacing:normal;min-height:50dvh;font-family:inherit;font-size:1.03rem;line-height:1.78}.organization-controls{gap:var(--space-3);margin-top:var(--space-6)}.folder-select{width:100%}.folder-select select{flex:1;max-width:calc(100% - 40px);min-height:44px;font-size:1rem}.tag-toggles button{min-height:44px;font-size:var(--font-size-sm)}.note-appearance__popover{padding:8px}.note-appearance__icons,.note-appearance__colors{gap:2px}.note-output-menu__panel button{min-height:44px}.calendar-view{padding:0 6px var(--space-5);flex:1}.calendar-view__toolbar{margin:var(--space-2) 10px var(--space-4)}.calendar-view__toolbar h1{font-size:var(--font-size-lg)}.calendar-view__actions button{min-width:44px;min-height:44px;padding:0 var(--space-2);font-size:var(--font-size-xs)}.calendar-view__days,.calendar-view__weekdays{gap:0}.calendar-view__day{min-height:48px}.calendar-view__notes{margin:var(--space-6) 10px 0}.calendar-view__note{min-height:68px}.calendar-view__note-title{font-size:.9375rem}.note-browser__section-heading,.desktop-organization-browser{display:none}.mobile-reference-page{padding:var(--space-3) var(--space-4);flex-shrink:0;display:block}.mobile-reference-heading{margin-bottom:var(--space-5)}.mobile-reference-heading h1{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em}.mobile-reference-heading p{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0;line-height:1.7}.mobile-reference-subhead{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2);display:flex}.mobile-reference-subhead strong{font-weight:var(--font-weight-semibold)}.mobile-reference-subhead span{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.note-browser[data-mobile-section=favorites] .note-browser__context,.note-browser[data-mobile-section=search] .note-browser__context,.note-browser[data-mobile-section=settings] .note-browser__context,.note-browser[data-mobile-section=settings] .mobile-filter-tabs,.note-browser[data-mobile-section=settings]>.note-list,.note-browser[data-mobile-section=folders]>.note-list,.note-browser[data-mobile-section=folders]>.no-results,.note-browser[data-mobile-section=search] .mobile-filter-tabs{display:none}.mobile-reference-page--folders,.mobile-reference-page--settings{overscroll-behavior:contain;min-height:0;padding-bottom:var(--space-6);flex:1;overflow-y:auto}.mobile-tag-cloud{gap:var(--space-2);flex-wrap:wrap;display:flex}.note-browser[data-mobile-section=tags]{overscroll-behavior-y:contain;overflow-y:auto}.note-browser[data-mobile-section=tags]>.note-list{flex:none;min-height:120px;overflow-y:visible}.note-browser[data-mobile-section=tags] .mobile-tag-cloud{max-height:min(192px,28dvh);margin:-3px;padding:3px;overflow-y:auto}.mobile-tag-cloud button{align-items:center;gap:var(--space-2);max-width:100%;min-height:44px;padding:7px var(--space-3);overflow-wrap:anywhere;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;display:inline-flex}.mobile-tag-cloud button.is-active{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.mobile-tag-cloud button:hover{background:var(--color-primary-highlight)}.mobile-tag-cloud button span{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.mobile-folder-create{min-height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.mobile-folder-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.mobile-folder-list>button{align-items:center;gap:var(--space-3);min-width:0;min-height:72px;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;display:flex}.mobile-folder-list>button>svg{width:23px;height:23px;color:var(--color-text-subtle)}.mobile-folder-list>button>span{gap:var(--space-1);min-width:0;display:grid}.mobile-folder-list strong{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-semibold);overflow:hidden}.mobile-folder-list small{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.mobile-folder-list>button>.mobile-folder-list__chevron{width:18px;height:18px;color:var(--color-text-subtle);margin-left:auto}.mobile-folder-list>p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.mobile-settings-group{margin-top:var(--space-6)}.mobile-settings-group h2{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.mobile-settings-group>button,.mobile-settings-static{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;display:flex}.mobile-settings-group>button{margin-top:var(--space-2)}.mobile-settings-group>button strong,.mobile-settings-static strong{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mobile-settings-group>.data-management__sync{padding:var(--space-4)}.mobile-settings-group>.data-management__sync h2{color:var(--color-text);font-size:var(--font-size-md)}.mobile-settings-static+.mobile-settings-static{margin-top:var(--space-2)}.mobile-settings-static--version{align-items:flex-start}.mobile-settings-static--version strong{overflow-wrap:anywhere;text-align:right;min-width:0}.mobile-settings-disclosure{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mobile-settings-disclosure>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:54px;padding:var(--space-3);color:var(--color-text);cursor:pointer;list-style:none;display:flex}.mobile-settings-disclosure>summary::-webkit-details-marker{display:none}.mobile-settings-disclosure>summary strong{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-shrink:0}.mobile-settings-disclosure__close-label,.mobile-settings-disclosure[open] .mobile-settings-disclosure__open-label{display:none}.mobile-settings-disclosure[open] .mobile-settings-disclosure__close-label{display:inline}.mobile-settings-disclosure__content{padding:var(--space-3);border-top:1px solid var(--color-border)}.mobile-settings-disclosure__content .data-management>h2{display:none}.data-management button,.data-management__sync button{min-height:44px}.data-management__sync-passphrase input,.encryption-panel input,.note-lock-gate input{font-size:1rem}.pwa-update-prompt{left:12px;right:12px;bottom:calc(var(--layout-mobile-nav-height) + env(safe-area-inset-bottom) + 12px);max-width:none;padding:var(--space-3)}.pwa-update-prompt>span{flex-basis:100%}.pwa-update-prompt button{min-height:44px}.delete-undo{bottom:calc(var(--layout-mobile-nav-height) + env(safe-area-inset-bottom) + 12px);gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.delete-undo button{min-height:44px}:is(body:has(.app-shell--editing) .pwa-update-prompt,body:has(.app-shell--editing) .delete-undo){bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.encryption-modal-backdrop,.action-dialog-backdrop{padding:var(--space-4)}.encryption-panel,.action-dialog{max-height:calc(100dvh - 32px);padding:var(--space-6)}.note-lock-gate{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--neutral-white:#fff;--neutral-25:#fafafa;--neutral-50:#f5f5f4;--neutral-100:#f0f1f2;--neutral-200:#e4e5e7;--neutral-300:#c9cbd0;--neutral-500:#656a72;--neutral-600:#5c616a;--neutral-800:#34373e;--neutral-900:#24262c;--neutral-950:#181a20;--brand-green:#237653;--color-background:var(--neutral-50);--color-surface:var(--neutral-white);--color-surface-muted:var(--neutral-100);--color-surface-subtle:var(--neutral-25);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-subtle:var(--neutral-500);--color-primary:var(--neutral-900);--color-primary-strong:var(--neutral-950);--color-primary-soft:var(--neutral-100);--color-primary-wash:#f3f4f5;--color-primary-border:var(--neutral-300);--color-primary-highlight:#e8eaed;--color-brand:var(--brand-green);--color-accent:#8a601b;--color-success:#237653;--color-success-surface:#f0f6f2;--color-danger:#a3303a;--color-danger-strong:#842732;--color-danger-surface:#fcf2f2;--color-danger-border:#e8c9cd;--color-warning:#78531f;--color-warning-surface:#faf5eb;--color-warning-border:#e7d5b6;--color-focus:#455d82;--color-selection:#dce3ed;--color-search-highlight:#e8dfc6;--color-navigation-selected:#e7e7e5;--icon-gray:#606670;--icon-red:#b43d48;--icon-orange:#a65c2a;--icon-yellow:#8a6b19;--icon-green:#237653;--icon-teal:#267779;--icon-blue:#3b67a3;--icon-purple:#78559b;--icon-pink:#a74879;--font-family:"Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-body:1.03rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-title:2rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-ui:1.5;--line-height-prose:1.78;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--control-height:36px;--touch-target:44px;--duration-fast:.16s;--duration-normal:.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-card:0 1px 3px #181a200a;--shadow-panel:0 12px 40px #181a2014;--shadow-popover:0 12px 32px #181a2024;--shadow-dialog:0 24px 80px #181a202e;--focus-ring:0 0 0 3px #455d8226;--color-backdrop:#181a2061;--layout-sidebar-width:208px;--layout-browser-width:clamp(340px, 28vw, 408px);--layout-editor-measure:760px;--layout-mobile-nav-height:94px;--button-primary-bg:var(--color-primary);--button-primary-fg:var(--color-surface);--input-bg:var(--color-surface);--input-border:var(--color-control-border);--color-control-border:#858a94;--note-selected-bg:var(--color-surface-muted);--note-selected-border:var(--color-control-border);--layer-header:3;--layer-navigation:20;--layer-popover:40;--layer-dialog:60;--layer-toast:30}.wordmark{text-transform:lowercase}.wordmark:before{content:"";background:url(/favicon-32.png) 50%/contain no-repeat;flex:none;width:27px;height:27px}