@layer legacy{:root{--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--header-height: 60px;--panel-header-height: 56px;--mobile-tab-bar-height: 76px;--editor-measure: 680px;--border-radius-small: 10px;--border-radius-medium: 16px;--border-radius-large: 24px;--transition-fast: .18s;--transition-normal: .28s;--focus-ring: 0 0 0 3px rgba(78, 101, 184, .24);--app-shell-gap: clamp(10px, 1.1vw, 14px);--shell-blur: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.theme-light{color-scheme:light;--primary-color: #465fae;--primary-strong: #304891;--primary-soft: #dfe6ff;--on-primary: #ffffff;--secondary-soft: #f3f5fb;--background-color: #eef1f7;--surface-color: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-muted: #f7f8fc;--surface-variant: #d9ddea;--surface-variant-strong: #c7cedf;--on-surface: #171c26;--on-surface-variant: #5f6677;--outline-color: #8a91a1;--danger-color: #b42318;--danger-soft: #ffe2de;--success-soft: #e3f3ea;--success-color: #177245;--scrim: rgba(13, 17, 27, .42);--shadow-color: rgba(22, 30, 56, .1);--note-surface: rgba(255, 255, 255, .78);--note-selected: #dde5ff;--tree-line-color: #d4dae7;--mark-bg: #fff0b5;--panel-surface-start: rgba(255, 255, 255, .96);--panel-surface-end: rgba(244, 247, 252, .92);--panel-accent-start: rgba(252, 253, 255, .96);--panel-accent-end: rgba(246, 248, 252, .94);--control-surface: rgba(255, 255, 255, .88);--control-surface-soft: rgba(255, 255, 255, .82);--control-surface-muted: rgba(246, 248, 253, .96);--control-highlight: rgba(255, 255, 255, .58);--control-border: rgba(118, 129, 161, .18);--control-border-soft: rgba(118, 129, 161, .12);--control-inset: rgba(255, 255, 255, .6);--control-shadow: rgba(17, 24, 39, .05);--card-shadow: rgba(19, 25, 44, .08);--card-shadow-strong: rgba(19, 25, 44, .11);--card-selected-start: rgba(230, 237, 255, .92);--card-selected-end: rgba(221, 229, 255, .9);--editor-surface: rgba(255, 255, 255, .26);--detail-surface: rgba(255, 255, 255, .22);--shell-card: rgba(255, 255, 255, .76);--shell-card-strong: rgba(255, 255, 255, .92);--shell-border: rgba(255, 255, 255, .54);--panel-divider: rgba(122, 132, 160, .16);--panel-shadow: rgba(23, 31, 58, .13);--panel-shadow-strong: rgba(20, 28, 54, .18);--toolbar-surface: rgba(255, 255, 255, .66)}body.theme-dark{color-scheme:dark;--primary-color: #b8c8ff;--primary-strong: #d7e0ff;--primary-soft: rgba(102, 124, 196, .28);--on-primary: #14204a;--secondary-soft: #202532;--background-color: #0f131b;--surface-color: rgba(24, 28, 39, .96);--surface-strong: #171c25;--surface-muted: #1d2230;--surface-variant: #31384a;--surface-variant-strong: #434c61;--on-surface: #edf0f7;--on-surface-variant: #adb5c6;--outline-color: #8891a7;--danger-color: #ffb4ab;--danger-soft: rgba(147, 0, 10, .35);--success-soft: rgba(20, 92, 57, .4);--success-color: #90d7ab;--scrim: rgba(0, 0, 0, .62);--shadow-color: rgba(0, 0, 0, .36);--note-surface: rgba(33, 38, 52, .86);--note-selected: rgba(73, 94, 162, .58);--tree-line-color: #303747;--mark-bg: rgba(255, 210, 86, .42);--panel-surface-start: rgba(26, 31, 43, .98);--panel-surface-end: rgba(17, 21, 31, .96);--panel-accent-start: rgba(29, 35, 49, .98);--panel-accent-end: rgba(20, 24, 35, .96);--control-surface: rgba(31, 37, 51, .94);--control-surface-soft: rgba(34, 41, 57, .92);--control-surface-muted: rgba(38, 45, 61, .94);--control-highlight: rgba(255, 255, 255, .08);--control-border: rgba(100, 112, 145, .32);--control-border-soft: rgba(100, 112, 145, .22);--control-inset: rgba(255, 255, 255, .08);--control-shadow: rgba(0, 0, 0, .24);--card-shadow: rgba(0, 0, 0, .3);--card-shadow-strong: rgba(0, 0, 0, .36);--card-selected-start: rgba(72, 87, 146, .62);--card-selected-end: rgba(52, 65, 108, .72);--editor-surface: rgba(22, 27, 38, .72);--detail-surface: rgba(21, 26, 36, .78);--shell-card: rgba(18, 23, 33, .84);--shell-card-strong: rgba(24, 30, 42, .96);--shell-border: rgba(96, 110, 145, .28);--panel-divider: rgba(104, 116, 149, .2);--panel-shadow: rgba(0, 0, 0, .34);--panel-shadow-strong: rgba(0, 0, 0, .42);--toolbar-surface: rgba(22, 27, 38, .84)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-family);background:radial-gradient(circle at top left,rgba(102,124,196,.2),transparent 30%),radial-gradient(circle at 78% 18%,rgba(150,175,255,.14),transparent 22%),radial-gradient(circle at bottom right,rgba(79,110,211,.18),transparent 30%),var(--background-color);color:var(--on-surface);background-attachment:fixed}html{height:100%;height:-webkit-fill-available}body{min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.folder-content:focus-visible,.note-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}mark{background:var(--mark-bg);color:inherit;padding:0 2px;border-radius:4px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,calc(24px + var(--safe-top))) max(24px,calc(24px + var(--safe-right))) max(24px,calc(24px + var(--safe-bottom))) max(24px,calc(24px + var(--safe-left)));overflow:auto}.landing-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);gap:28px;align-items:stretch}.landing-hero,.landing-actions-panel{border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff24,#ffffff0a);backdrop-filter:blur(14px);box-shadow:0 26px 60px var(--shadow-color);border-radius:32px}.landing-hero{padding:clamp(28px,5vw,44px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}.landing-brand{display:flex;align-items:center;gap:18px}.landing-hero .recovery-panel{margin-top:auto}.landing-logo,.app-logo{flex-shrink:0;display:block;object-fit:contain}.landing-logo{width:76px;height:76px;border-radius:0}.app-logo{width:40px;height:40px;border-radius:0;background:transparent;box-shadow:none}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:8px}.eyebrow.compact{margin-bottom:2px}.landing-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;max-width:11ch}.landing-description{font-size:clamp(16px,2.2vw,20px);line-height:1.7;max-width:34ch;color:var(--on-surface-variant)}.landing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-benefit{min-height:112px;padding:16px;border-radius:var(--border-radius-large);background:#ffffff2e;border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:10px;justify-content:space-between;color:var(--on-surface)}.landing-benefit .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.landing-actions-panel{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:20px}.landing-message{font-size:16px;color:var(--on-surface-variant)}.landing-actions{display:flex;flex-direction:column;gap:12px}.landing-helper{margin:-4px 2px 0;font-size:13px;line-height:1.5;color:var(--on-surface-variant)}.landing-button{width:100%;border:0;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}.landing-button:hover{transform:translateY(-1px)}.landing-button:disabled{opacity:.52;cursor:not-allowed;transform:none}.landing-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-strong));color:#fff}.landing-button.secondary{background:#ffffff47;color:var(--on-surface);border:1px solid rgba(255,255,255,.18)}.landing-button.compact{width:auto;min-width:120px;padding:11px 16px;border-radius:16px}.web-address{color:var(--on-surface-variant);font-size:13px}.recovery-panel{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:#ffffff47;border:1px solid rgba(255,255,255,.18)}.recovery-title{font-weight:700;margin-bottom:6px}.recovery-description,.recovery-warning{font-size:14px;line-height:1.5;color:var(--on-surface-variant)}.recovery-warning{color:var(--danger-color)}.recovery-actions{display:flex;gap:10px;flex-wrap:wrap}#app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative;gap:10px;padding:max(10px,calc(8px + var(--safe-top))) max(12px,calc(12px + var(--safe-right))) max(16px,calc(14px + var(--safe-bottom))) max(12px,calc(12px + var(--safe-left)))}.app-header{min-height:var(--header-height);padding:2px 4px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;z-index:10;position:sticky;top:0}.workspace-glance-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:center;padding:16px 20px;background:linear-gradient(180deg,var(--shell-card-strong),var(--shell-card)),var(--surface-color);border:1px solid var(--shell-border);border-radius:26px;box-shadow:0 16px 32px var(--panel-shadow),inset 0 1px 0 var(--control-inset);backdrop-filter:blur(var(--shell-blur))}.workspace-glance-bar.compact{grid-template-columns:1fr;gap:0;padding:12px 18px}.workspace-glance-bar.compact .workspace-glance-copy{display:none}.workspace-glance-bar.compact .workspace-glance-chips{justify-content:flex-start}.workspace-glance-copy{min-width:0}.workspace-glance-eyebrow{margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant)}.workspace-glance-title{font-size:clamp(18px,2vw,24px);font-weight:760;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.workspace-glance-description{margin-top:6px;font-size:13px;line-height:1.55;color:var(--on-surface-variant)}.workspace-glance-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.workspace-glance-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));border:1px solid var(--control-border-soft);color:var(--on-surface);font-size:12px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:inset 0 1px 0 var(--control-inset),0 8px 18px var(--control-shadow)}.header-left,.header-right,.sync-status{display:flex;align-items:center;gap:10px}.sync-status{padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));border:1px solid var(--control-border-soft);box-shadow:inset 0 1px 0 var(--control-inset),0 8px 18px var(--control-shadow);color:var(--on-surface-variant);min-width:116px;justify-content:center}#sync-status-icon{font-size:18px}#sync-status-icon.syncing{animation:spin 1.4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#main-content{display:grid;grid-template-columns:minmax(204px,236px) minmax(264px,316px) minmax(0,1fr);grid-template-areas:"nav notes editor";flex:1;min-height:0;overflow:hidden;position:relative;gap:var(--app-shell-gap)}#left-panel,#note-browser-panel,#editor-container{display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:5;border-radius:26px}#left-panel,#note-browser-panel{border:0;box-shadow:none;backdrop-filter:none}#editor-container{border:1px solid var(--shell-border);border-radius:18px;box-shadow:0 6px 12px var(--panel-shadow),inset 0 1px 0 var(--control-inset);backdrop-filter:blur(var(--shell-blur))}#left-panel{grid-area:nav}#note-browser-panel{grid-area:notes}#editor-container{grid-area:editor}#left-panel{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 28%),linear-gradient(180deg,var(--panel-surface-start),var(--panel-surface-end)),var(--surface-color);transition:transform var(--transition-normal)}#note-browser-panel{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 24%),linear-gradient(180deg,var(--panel-accent-start),var(--panel-accent-end)),var(--surface-color)}@media(min-width:1181px){#left-panel,#note-browser-panel{background:transparent;border-radius:0}#left-panel .panel-header,#note-browser-panel .panel-header{background:transparent;min-height:40px;padding:5px 8px 3px;border-bottom:0}}.panel-section{display:flex;flex-direction:column;min-height:0}.folder-panel-section,.note-panel-section{flex:1}.note-panel-section{position:relative;isolation:isolate}.folder-panel-section{border-top:1px solid var(--panel-divider)}.sync-panel-section{border-bottom:1px solid var(--panel-divider)}#left-panel.utility-zip-actions-in-header .sync-panel-section{display:none}#left-panel.utility-zip-actions-in-header .folder-panel-section{border-top:0}.sync-panel-section.utility-only .panel-header{display:none}.sync-panel-section.utility-only .sync-panel-body{padding:6px 10px 8px}.sync-panel-body{padding:12px;display:grid;gap:10px}.sync-overview-card{display:grid;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft)),var(--surface-strong);border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--control-inset),0 14px 28px var(--control-shadow)}.sync-overview-card.utility-only{gap:0;padding:0;background:transparent;border:0;box-shadow:none}.sync-overview-row,.sync-toggle-row{display:flex;align-items:center;gap:12px}.sync-overview-copy{min-width:0}.sync-overview-title,.sync-toggle-title{font-size:14px;font-weight:700}.sync-overview-description,.sync-toggle-description{margin-top:4px;font-size:12px;line-height:1.5;color:var(--on-surface-variant)}.sync-overview-description:empty,.sync-toggle-description:empty,.sync-alert-description:empty{display:none}#backup-source-status{display:none}.panel-inline-toggle{min-height:44px;border:1px solid var(--control-border);border-radius:16px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.panel-inline-toggle:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--secondary-soft),var(--control-surface))}.panel-inline-toggle.compact{min-height:38px;padding-inline:12px;border-radius:999px;flex-shrink:0}.panel-inline-toggle .material-symbols-outlined{font-size:18px;color:var(--primary-color)}.sync-overview-card .panel-inline-toggle{align-self:flex-start}.status-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0;background:var(--outline-color);box-shadow:0 0 0 6px var(--control-highlight)}.status-dot.online{background:var(--success-color)}.status-dot.offline{background:var(--danger-color)}.sync-toggle-row{justify-content:space-between}.sync-toggle-row>div,.sync-alert-copy{min-width:0}.switch-input{width:44px;height:24px;border-radius:999px;accent-color:var(--primary-color);cursor:pointer}.sync-alert-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:18px;background:linear-gradient(180deg,#6481ed24,#6481ed0f),var(--surface-raised);border:1px solid rgba(100,129,237,.2);box-shadow:inset 0 1px #ffffff2e,0 14px 28px #1a264a1f}.sync-alert-card.hidden{display:none}.sync-alert-title{font-size:13px;font-weight:700;color:var(--on-surface)}.sync-alert-description{margin-top:4px;font-size:12px;line-height:1.5;color:var(--on-surface-variant)}.sync-alert-button{min-height:38px;border:1px solid rgba(100,129,237,.22);border-radius:999px;background:#ffffffe0;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.sync-alert-button:hover{transform:translateY(-1px);border-color:#6481ed57}.sync-alert-button .material-symbols-outlined{font-size:17px}.sync-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sync-action-grid.hidden{display:none}.sync-action-button{min-height:46px;border:1px solid var(--control-border);border-radius:16px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.sync-action-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--secondary-soft),var(--control-surface))}.sync-action-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.sync-action-button .material-symbols-outlined{font-size:18px;color:var(--primary-color)}.sync-panel-section.utility-only .sync-action-grid{grid-template-columns:repeat(2,40px);justify-content:flex-start;gap:3px}.sync-panel-section.utility-only .sync-action-button{width:40px;min-height:38px;padding:0;border-radius:13px;background:transparent;border:0;box-shadow:none}.sync-panel-section.utility-only .sync-action-button span:last-child{display:none}.sync-panel-section.utility-only .sync-action-button:hover{background:var(--control-surface-muted)}.utility-header-action{display:none}#left-panel.utility-zip-actions-in-header .utility-header-action:not(.hidden){display:inline-flex}.panel-header{min-height:var(--panel-header-height);padding:8px 10px 6px;border-bottom:1px solid var(--panel-divider);display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(180deg,var(--toolbar-surface),transparent)}.folder-panel-section .panel-header>div:first-child,.note-panel-section .panel-header>div:first-child{display:none}.folder-panel-section .panel-header,.note-panel-section .panel-header{justify-content:flex-end}.panel-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:5px}.panel-title{font-size:14px;font-weight:760;letter-spacing:-.015em}.panel-header-actions,.toolbar-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sync-panel-section .panel-header{flex-direction:column;align-items:flex-start}.sync-panel-section .panel-header-actions{width:100%}.sync-auth-button{min-height:40px;border:1px solid var(--control-border);border-radius:999px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;cursor:pointer;line-height:1.25;text-align:center;white-space:nowrap;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.sync-panel-section .sync-auth-button{flex:1 1 auto;min-width:0}.sync-auth-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--secondary-soft),var(--control-surface))}.sync-auth-button .material-symbols-outlined{font-size:18px;color:var(--primary-color)}.sync-auth-button span:last-child{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.sync-auth-button.secondary .material-symbols-outlined,.sync-auth-button.secondary{color:var(--on-surface-variant)}#folder-list-container,#note-list-container{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#folder-list-container{padding:6px 8px 10px}#nas-settings-button{flex:0 0 auto}#google-auth-button,#google-signout-button{flex:1 1 138px}#note-list-container{position:relative;padding:0 8px 10px}.note-search-shell{margin:4px 8px 2px;padding:0 4px;display:flex;align-items:center;gap:2px;border-radius:13px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--control-inset)}#note-search-input{width:100%;min-height:32px;border:0;background:transparent;color:var(--on-surface);outline:0;font-size:14px}#note-search-input::placeholder{color:var(--on-surface-variant);opacity:.92}.chip-button{width:26px;height:26px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--secondary-soft);color:var(--on-surface-variant)}.note-search-shell .chip-button,.note-search-shell .search-shell-button{background:transparent;border:0;box-shadow:none}.note-search-shell .chip-button:hover,.note-search-shell .search-shell-button:hover,.note-search-shell .search-shell-button[aria-expanded=true]{background:var(--control-surface-muted)}.note-search-shell .search-shell-button.has-active-tools{position:relative;background:var(--control-surface-muted);color:var(--primary-color)}.note-search-shell .search-shell-button.has-active-tools:after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:999px;background:var(--primary-color);box-shadow:0 0 0 2px var(--shell-card-strong)}.note-search-shell .search-shell-button.has-active-tools .material-symbols-outlined{color:var(--primary-color)}.search-shell-button{width:26px;height:26px;padding:0;border-radius:9px;flex-shrink:0}.search-shell-button .material-symbols-outlined{font-size:16px}.dialog-description{margin-top:6px;font-size:13px;line-height:1.55;color:var(--on-surface-variant)}.nas-dialog-content{max-width:min(560px,calc(100vw - 32px))}.nas-field-grid{display:grid;gap:12px}.nas-field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.nas-field-grid .field-label{margin-bottom:0}.nas-field-grid .field-label>span{display:block;margin-bottom:8px}.nas-url-preview{margin:14px 0 0;padding:10px 12px;border-radius:14px;background:var(--control-surface-muted);border:1px solid var(--control-border);font-size:12px;line-height:1.5;word-break:break-word;color:var(--on-surface-variant)}.note-summary-row{margin:0 12px 8px}.note-summary-row.summary-empty{display:none}.note-search-summary{margin:0;font-size:13px;color:var(--on-surface-variant)}.note-tools-panel{display:grid;gap:2px}#note-browser-panel.note-tools-open .note-summary-row{display:none}.note-toolbar-row{margin:0 14px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.note-filter-group{min-width:0;display:flex;flex-wrap:wrap;gap:8px}.note-filter-chip{min-height:40px;border:1px solid var(--control-border);border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface-variant);box-shadow:inset 0 1px 0 var(--control-inset),0 6px 14px var(--control-shadow)}.note-filter-chip:hover{background:linear-gradient(180deg,var(--secondary-soft),var(--control-surface))}.note-filter-chip.active,.note-filter-chip[aria-pressed=true]{border-color:#465fae38;background:var(--primary-soft);color:var(--primary-strong)}.filter-chip-count{min-width:0;padding:0;border-radius:0;background:transparent;font-size:12px;text-align:center;color:currentColor;opacity:.78}.note-sort-shell{flex-shrink:0;min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;border:1px solid var(--control-border);background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface-variant);box-shadow:0 10px 20px var(--control-shadow)}.note-sort-shell .material-symbols-outlined{font-size:18px}#note-sort-select{min-height:36px;border:0;background:transparent;color:inherit;appearance:none;padding-right:4px}.note-context-summary,.note-shortcuts-hint{margin:0 22px 10px;color:var(--on-surface-variant);font-size:12px;line-height:1.6}.note-tool-group{margin:0 22px 12px;display:grid;gap:8px}.note-tool-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.note-tool-chip-row{display:flex;flex-wrap:wrap;gap:8px}.note-tool-chip{min-height:34px;border:1px solid var(--control-border);border-radius:999px;background:linear-gradient(180deg,var(--control-surface-muted),var(--control-surface));color:var(--on-surface);display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}.note-tool-chip.active{border-color:#465fae38;background:var(--primary-soft);color:var(--primary-strong)}.note-tool-chip:focus-visible{outline:2px solid rgba(70,95,174,.3);outline-offset:2px}.note-tag-filter-shell{margin:0 22px 12px;display:grid;gap:8px}.note-tag-filter-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.note-tag-filter-list{display:flex;flex-wrap:wrap;gap:8px}.note-tag-chip{min-height:34px;border:1px solid var(--control-border);border-radius:999px;background:linear-gradient(180deg,var(--control-surface-muted),var(--control-surface));color:var(--on-surface);display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}.note-tag-chip.active{border-color:#465fae38;background:var(--primary-soft);color:var(--primary-strong)}.note-tag-chip-count{min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding-inline:5px;background:#ffffffad;color:inherit;font-size:12px;font-weight:700}@media(min-width:761px){.note-tools-panel{position:absolute;top:calc(var(--panel-header-height) + 56px);left:12px;right:12px;z-index:6;padding:12px 0 8px;border-radius:22px;background:linear-gradient(180deg,#ffffffb8,#fffffff0),var(--surface-color);border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--control-inset),0 16px 32px var(--panel-shadow);backdrop-filter:blur(calc(var(--shell-blur) * .78));max-height:min(52vh,420px);overflow:auto}#note-browser-panel.note-tools-open #note-list-container{pointer-events:none}#note-browser-panel.note-tools-open #note-list-container:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,#ffffff6b,#ffffff2e);backdrop-filter:blur(1px);pointer-events:none}}.note-shortcuts-hint{margin-top:-2px}.folder-tree,.folder-tree ul,.note-list{list-style:none}.folder-tree ul{margin-left:14px;padding-left:6px;border-left:1px solid var(--tree-line-color)}.folder-item{margin-bottom:1px}.folder-content{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:4px;padding:5px;border-radius:0;cursor:pointer;position:relative;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);color:var(--on-surface)}.folder-content:hover{background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));box-shadow:none}.folder-item.selected>.folder-content{background:transparent;border-radius:0;box-shadow:none}.folder-item.selected>.folder-content:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:var(--primary-color)}.folder-item.selected>.folder-content .folder-name{font-weight:640;color:var(--primary-strong)}.folder-item.drag-over>.folder-content{outline:2px solid var(--primary-color);background:var(--primary-soft)}.folder-toggle{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;visibility:hidden}.folder-toggle.visible{visibility:visible}.folder-item.collapsed .folder-toggle .material-symbols-outlined{transform:rotate(-90deg)}.folder-toggle .material-symbols-outlined{font-size:17px;transition:transform var(--transition-fast)}.folder-name{flex:1;text-align:start;font-size:12px;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-count{flex-shrink:0;min-width:0;padding:0;border-radius:0;background:transparent;color:var(--on-surface-variant);font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.folder-item.collapsed>ul{display:none}.note-list{display:flex;flex-direction:column;gap:4px}.note-item{border:0;border-radius:22px;padding:9px 9px 9px 12px;background:transparent;box-shadow:none;cursor:pointer;position:relative;overflow:visible;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.note-item:before{content:"";position:absolute;inset:7px auto 7px 5px;width:3px;border-radius:999px;background:var(--note-accent, transparent);opacity:.92}.note-item:after{display:none}.note-item>*{position:relative;z-index:1}.note-item:hover{background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));box-shadow:none}.note-item.selected{padding:8px 9px 8px 12px;border-radius:18px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--control-inset)}.note-item.selected:before{inset:7px auto 7px 5px;width:3px;background:var(--note-accent, transparent);opacity:1}.note-item.selected .note-item-topline{margin-bottom:0}.note-item.selected .note-item-status-row{display:flex}.note-item.selected .note-status-chip:not(.note-status-chip-pinned){display:none}.note-item.selected .note-item-snippet,.note-item.selected .note-item-footer,.note-item.selected .note-mood{display:none}.note-item.selected .note-item-title{font-size:13px;-webkit-line-clamp:1;color:var(--on-surface);font-weight:800}.note-selected-indicator{display:none;flex:0 0 auto;color:var(--primary-strong);font-size:18px}.note-item.selected .note-selected-indicator{display:inline-flex}.note-item-topline,.note-item-footer,.note-item-status-row{display:flex;align-items:center;gap:7px}.note-item-topline{justify-content:space-between;margin-bottom:3px}.note-item-title-row{min-width:0;display:flex;align-items:center;gap:4px}.note-mood{font-size:15px;flex-shrink:0}.note-item-title{min-width:0;font-size:15px;font-weight:760;line-height:1.28;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-item-status-row{flex-wrap:wrap;justify-content:flex-end}.note-status-chip{display:inline-flex;align-items:center;gap:3px;padding:0;border-radius:0;background:transparent;color:var(--on-surface-variant);font-size:12px;border:0}.note-status-chip .material-symbols-outlined{font-size:12px}.note-item-snippet{font-size:12px;line-height:1.5;color:var(--on-surface-variant);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;min-height:0}.note-item-footer{justify-content:space-between;align-items:flex-end;gap:6px}.note-item-metas{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.note-item-meta{font-size:12px;color:var(--on-surface-variant);white-space:nowrap}.note-item-meta-pill{display:inline-flex;align-items:center;gap:3px;padding:0;border-radius:0;background:transparent;border:0}.note-item-meta-pill .material-symbols-outlined{font-size:12px}.note-item-tags{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}.note-tag{padding:3px 6px;border-radius:999px;background:linear-gradient(180deg,var(--control-surface-muted),var(--control-surface));color:var(--on-surface-variant);font-size:12px;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--control-border-soft)}.empty-list-state{padding:18px 10px;color:var(--on-surface-variant);text-align:center;line-height:1.6}body.theme-dark #left-panel,body.theme-dark #note-browser-panel,body.theme-dark #editor-container{background:linear-gradient(180deg,#1d2330fa,#10141df5),var(--surface-color)}body.theme-dark .app-header{background:transparent;border:0;box-shadow:none;backdrop-filter:none}body.theme-dark .panel-header{background:linear-gradient(180deg,#151a24d6,#151a2414)}body.theme-dark .sync-status,body.theme-dark .sync-overview-card,body.theme-dark .sync-alert-card,body.theme-dark .note-search-shell,body.theme-dark .note-tools-panel,body.theme-dark .note-filter-chip,body.theme-dark .note-tag-chip,body.theme-dark .note-sort-shell,body.theme-dark .panel-inline-toggle,body.theme-dark .note-item,body.theme-dark .note-status-chip,body.theme-dark .note-item-meta-pill,body.theme-dark .note-tag{background:var(--control-surface-muted);border-color:var(--control-border)}body.theme-dark .note-item{background:transparent;color:var(--on-surface)}body.theme-dark .note-tools-panel{background:linear-gradient(180deg,#1b202ef5,#121620f0),var(--surface-color);box-shadow:inset 0 1px #ffffff0a,0 16px 32px #00000047}body.theme-dark .note-item:after{display:none}body.theme-dark .note-item.selected{background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));border-color:var(--control-border)}@media(prefers-reduced-motion:reduce){#sync-status-icon.syncing,#editor-toolbar .save-note-button[data-state=saving] .material-symbols-outlined{animation:none}}body.theme-dark .folder-item.selected>.folder-content{background:transparent}body.theme-dark .folder-count,body.theme-dark .filter-chip-count{background:transparent;border:0}body.theme-dark .note-item-title,body.theme-dark .folder-name,body.theme-dark #note-sort-select,body.theme-dark #note-search-input{color:var(--on-surface)}body.theme-dark .note-item-snippet,body.theme-dark .note-item-meta,body.theme-dark .note-tag,body.theme-dark .sync-overview-description,body.theme-dark .sync-toggle-description,body.theme-dark .sync-alert-description,body.theme-dark .note-search-summary,body.theme-dark .note-context-summary,body.theme-dark .note-shortcuts-hint,body.theme-dark .detail-label,body.theme-dark .detail-chip-description,body.theme-dark .empty-list-state{color:#bcc5d8}#editor-container{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at top left,rgba(97,122,211,.12),transparent 28%),linear-gradient(180deg,var(--shell-card-strong),var(--shell-card)),var(--surface-color)}#editor-content{height:100%;display:flex;flex-direction:column;min-height:0}#editor-toolbar,.editor-note-meta,#note-content-textarea{width:min(100%,var(--editor-measure));align-self:center;box-sizing:border-box}#editor-toolbar{padding:12px 16px 8px;border-bottom:0;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--toolbar-surface),transparent)}#editor-content.editor-content-simple #editor-toolbar{padding-top:10px;padding-bottom:1px;border-bottom:0}#editor-content.editor-content-simple #note-content-textarea{padding-top:8px}#note-title-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:clamp(20px,2vw,27px);font-weight:780;letter-spacing:-.03em;color:var(--on-surface)}.editor-note-meta{min-height:32px;padding:2px 12px;display:flex;align-items:center;gap:3px;overflow-x:auto;border-bottom:0;background:linear-gradient(180deg,var(--editor-surface),transparent)}.editor-lock-banner{width:fit-content;max-width:min(calc(100% - 48px),var(--editor-measure));margin:0 24px 12px auto;padding:4px;border-radius:999px;border:1px solid rgba(217,119,6,.2);background:linear-gradient(180deg,#fff5dbeb,#fffaeddb);display:flex;align-items:center;justify-content:flex-end;gap:0;box-shadow:0 8px 16px #a8710f14}.editor-lock-copy{display:none}.editor-lock-title{font-size:13px;font-weight:800;color:#8a4b00}.editor-lock-description{font-size:13px;line-height:1.5;color:#9a650d}.editor-lock-action{flex-shrink:0;min-height:36px;border:1px solid rgba(168,113,15,.2);border-radius:999px;background:#ffffffe6;color:#8a4b00;display:inline-flex;align-items:center;gap:6px;padding:0 13px;box-shadow:none}.editor-content-locked #note-title-input,.editor-content-locked #note-content-textarea{color:var(--on-surface-variant)}#note-title-input[readonly],#note-content-textarea[readonly]{cursor:default}.editor-chip{display:inline-flex;align-items:center;gap:0;padding:2px 1px;border-radius:0;background:transparent;color:var(--on-surface-variant);font-size:11px;white-space:nowrap;border:0;box-shadow:none}.editor-chip .material-symbols-outlined{font-size:12px}.note-details-panel{display:grid;gap:16px;padding:16px 22px 18px;border-bottom:1px solid var(--panel-divider);background:var(--detail-surface)}.dialog-content.detail-dialog-content{width:min(880px,calc(100vw - 32px));max-height:min(92dvh,820px);overflow:auto;padding:0;-webkit-overflow-scrolling:touch}.detail-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px 12px;border-bottom:1px solid var(--panel-divider);position:sticky;top:0;background:linear-gradient(180deg,var(--shell-card-strong),var(--shell-card));z-index:1}.detail-dialog-header h3,.detail-dialog-header .panel-eyebrow{margin-bottom:0}.dialog-content.detail-dialog-content .note-details-panel{padding:16px 22px 20px;border-bottom:0;background:transparent}.detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px;align-items:end}.detail-field,.detail-toggle-field{display:grid;gap:6px;grid-column:span 2;min-width:0}.detail-field-wide,.detail-field-date{grid-column:span 3}.detail-field-mood{grid-column:span 1}.detail-label{font-size:12px;font-weight:700;color:var(--on-surface-variant)}.detail-input{width:100%;min-height:40px;padding:0 12px;border-radius:14px;border:1px solid var(--control-border);background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);font-size:15px;line-height:1.2;min-width:0}.detail-input:disabled,.detail-toggle-button:disabled{opacity:.58;cursor:not-allowed}.detail-color-input{padding:6px}.detail-toggle-button{min-height:40px;border:1px solid var(--control-border);border-radius:14px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.detail-toggle-button[aria-pressed=true]{border-color:#465fae38;background:var(--primary-soft);color:var(--primary-strong)}.detail-sidecars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.detail-sidecard{min-height:0;padding:0;border-radius:0;background:none;border:0;display:grid;gap:7px;box-shadow:none}.detail-sidecard-title{font-size:13px;font-weight:700}.detail-sidecard-body{display:grid;gap:8px;align-content:flex-start}.detail-chip-button,.detail-chip-static{border-radius:14px;background:linear-gradient(180deg,var(--control-surface-muted),var(--control-surface));border:1px solid var(--control-border);color:var(--on-surface);padding:8px 10px}.detail-chip-button{display:grid;gap:2px;text-align:left;cursor:pointer}.detail-chip-label{font-size:13px;font-weight:600}.detail-chip-description,.detail-chip-static{font-size:12px;color:var(--on-surface-variant)}.detail-chip-strip{display:flex;flex-wrap:wrap;gap:8px}.detail-preview-hint{margin:4px 0 0;font-size:12px;color:var(--on-surface-variant)}.detail-list{display:grid;gap:9px}.detail-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:9px 10px;border-radius:15px;background:linear-gradient(180deg,var(--control-surface-muted),var(--control-surface));border:1px solid var(--control-border)}.detail-list-icon{font-size:18px;color:var(--primary-strong);margin-top:1px}.detail-list-media{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--secondary-soft);border:1px solid var(--control-border-soft)}.detail-list-copy{min-width:0;display:grid;gap:2px}.detail-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-list-heading-copy{min-width:0;display:grid;gap:2px}.detail-list-label{font-size:13px;font-weight:700;color:var(--on-surface);overflow-wrap:anywhere}.detail-list-meta{font-size:12px;color:var(--on-surface-variant)}.detail-list-note{font-size:12px;line-height:1.5;color:var(--on-surface-variant);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail-list-preview{-webkit-line-clamp:4}.detail-list-action{flex-shrink:0;min-height:30px;border:1px solid var(--control-border);border-radius:999px;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--primary-strong);padding:0 12px;font-size:12px;font-weight:700}.detail-list-action:disabled{opacity:.48;cursor:not-allowed}.detail-empty{color:var(--on-surface-variant);font-size:13px;line-height:1.5}#note-content-textarea{flex:1;min-height:0;resize:none;border:0;outline:0;background:transparent;color:var(--on-surface);padding:26px 24px calc(34px + var(--safe-bottom));font-size:16.5px;line-height:1.92;-webkit-overflow-scrolling:touch}#editor-empty-state{flex:1;display:flex;justify-content:center;align-items:center;margin:0;padding:32px 24px;color:var(--on-surface-variant);text-align:center}#editor-empty-state p{max-width:180px;white-space:normal;line-height:1.5}.icon-button,.dialog-button,.dropdown-action{cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.icon-button{width:40px;height:40px;border:1px solid var(--control-border-soft);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));box-shadow:inset 0 1px 0 var(--control-inset),0 6px 14px var(--control-shadow);color:var(--on-surface-variant)}.app-header .icon-button,.panel-header .icon-button,#editor-toolbar .icon-button,.detail-dialog-header .icon-button{background:transparent;border:0;box-shadow:none}.panel-header .icon-button{width:30px;height:30px;border-radius:9px}#editor-toolbar .icon-button{width:36px;height:36px;border-radius:12px}#editor-toolbar .save-note-button{min-width:88px;min-height:44px;padding:0 14px;border:1px solid var(--control-border);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary-color);color:var(--on-primary);font-weight:750;cursor:pointer}#editor-toolbar .save-note-button:disabled{cursor:default;background:var(--control-surface-muted);color:var(--on-surface-variant);opacity:.82}#editor-toolbar .save-note-button[data-state=error]{border-color:var(--danger-color);background:var(--danger-soft);color:var(--danger-color)}#editor-toolbar .save-note-button[data-state=saving] .material-symbols-outlined{animation:spin 1s linear infinite}#editor-toolbar .save-note-button:focus-visible{outline:2px solid rgba(70,95,174,.35);outline-offset:2px}.icon-button:hover{background:linear-gradient(180deg,var(--secondary-soft),var(--control-surface))}.app-header .icon-button:hover,.panel-header .icon-button:hover,#editor-toolbar .icon-button:hover,.detail-dialog-header .icon-button:hover{background:var(--control-surface-muted)}.icon-button.subtle{background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft))}.app-header .icon-button:not([aria-pressed=true]),.panel-header .icon-button:not([aria-pressed=true]),#editor-toolbar .icon-button:not([aria-pressed=true]),.detail-dialog-header .icon-button:not([aria-pressed=true]){background:transparent;border:0;box-shadow:none}.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger-color)}.icon-button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-strong)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.dropdown{position:relative}.dropdown-content{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;background:linear-gradient(180deg,var(--shell-card-strong),var(--shell-card));border-radius:22px;border:1px solid var(--shell-border);box-shadow:0 20px 38px var(--panel-shadow-strong);padding:8px;z-index:40}.dropdown-action{width:100%;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;color:var(--on-surface)}.dropdown-action:hover{background:var(--secondary-soft)}.dropdown-action .material-symbols-outlined{font-size:20px;color:var(--on-surface-variant)}#language-dropdown{max-height:360px;overflow:auto}#language-dropdown .dropdown-action.active{background:var(--primary-soft);color:var(--primary-strong)}.dialog-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:max(16px,calc(16px + var(--safe-top))) max(16px,calc(16px + var(--safe-right))) max(16px,calc(16px + var(--safe-bottom))) max(16px,calc(16px + var(--safe-left)));z-index:60}.toast-region{position:fixed;right:max(16px,calc(12px + var(--safe-right)));bottom:max(18px,calc(16px + var(--safe-bottom)));z-index:90;pointer-events:none}.toast-card{min-width:min(256px,calc(100vw - 32px));max-width:min(320px,calc(100vw - 32px));padding:10px 11px 10px 12px;border-radius:18px;border:1px solid var(--shell-border);background:linear-gradient(180deg,var(--shell-card-strong),var(--shell-card));box-shadow:0 22px 44px var(--panel-shadow-strong);display:flex;align-items:center;gap:8px;pointer-events:auto;backdrop-filter:blur(var(--shell-blur))}.toast-card[data-tone=success]{border-color:#228b4e29}.toast-card[data-tone=warning]{border-color:#d9770629}.toast-card[data-tone=error]{border-color:#dc262629}#toast-icon{font-size:20px}.toast-card[data-tone=success] #toast-icon{color:var(--success-color)}.toast-card[data-tone=warning] #toast-icon{color:#c07211}.toast-card[data-tone=error] #toast-icon{color:#d63b32}.toast-message{flex:1;font-size:13px;line-height:1.45;color:var(--on-surface)}.toast-dismiss-button{width:34px;height:34px;border:0;border-radius:12px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.toast-dismiss-button .material-symbols-outlined{font-size:18px}.dialog-content{width:min(420px,100%);max-height:min(78dvh,720px);overflow:auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,var(--shell-card-strong),var(--shell-card));border:1px solid var(--shell-border);box-shadow:0 24px 48px var(--panel-shadow-strong);-webkit-overflow-scrolling:touch}.dialog-content h3{font-size:22px;margin-bottom:10px}.dialog-content p{line-height:1.6;color:var(--on-surface-variant)}.field-label{display:block;margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--on-surface-variant)}.dialog-input,#new-note-folder-select{width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--control-border);background:linear-gradient(180deg,var(--control-surface),var(--control-surface-soft));color:var(--on-surface);outline:0;font-size:16px}.muted-text{margin-bottom:8px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-button{min-height:44px;padding:0 18px;border-radius:14px;border:0}.dialog-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-strong));color:#fff}.dialog-button.secondary{background:var(--secondary-soft);color:var(--on-surface)}.dialog-button.danger{background:var(--danger-color);color:#fff}#file-drop-overlay,#loading-spinner{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--scrim);color:#fff}#file-drop-overlay{border:4px dashed rgba(255,255,255,.6)}.overlay-content{text-align:center}.overlay-content .material-symbols-outlined{font-size:80px}.overlay-content p{font-size:22px;font-weight:700}.spinner{width:52px;height:52px;border-radius:999px;border:4px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .9s linear infinite}#loading-text{font-size:18px}.mobile-only{display:none}body.theme-dark .sync-alert-button{background:#141b27eb;border-color:#7e9bff3d}body.theme-dark .editor-lock-banner{border-color:#f59e0b33;background:linear-gradient(180deg,#4e3410bd,#30220cd1)}body.theme-dark .editor-lock-title{color:#ffd48c}body.theme-dark .editor-lock-description{color:#f0c77a}body.theme-dark .editor-lock-action{background:#291f0dd1;color:#ffd48c;border-color:#f59e0b2e}.mobile-tab-bar{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 max(4px,calc(2px + var(--safe-right))) calc(3px + var(--safe-bottom)) max(4px,calc(2px + var(--safe-left)));border-radius:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;position:fixed;z-index:12;left:0;right:0;bottom:0;pointer-events:auto}.mobile-tab-button{min-height:42px;border:none;border-radius:12px;background:transparent;color:var(--on-surface-variant);position:relative;display:grid;justify-items:center;align-content:center;gap:1px;padding:4px 4px 6px;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-tab-button .material-symbols-outlined{font-size:17px;color:currentColor}.mobile-tab-button span:last-child{font-size:12px;font-weight:700;letter-spacing:-.01em}.mobile-tab-button:before{content:"";position:absolute;top:1px;left:50%;width:16px;height:2px;border-radius:999px;background:currentColor;opacity:0;transform:translate(-50%)}.mobile-tab-button.active,.mobile-tab-button[aria-pressed=true]{color:var(--primary-strong)}.mobile-tab-button.active:before,.mobile-tab-button[aria-pressed=true]:before{opacity:1}@media(max-width:1280px){#main-content{grid-template-columns:minmax(208px,242px) minmax(274px,324px) minmax(0,1fr)}}@media(max-width:1180px){.app-header{padding:10px 14px;border-radius:26px}.header-right{gap:10px}.sync-status{min-width:116px;padding:8px 12px}.workspace-glance-bar{grid-template-columns:1fr;padding:14px 16px}.workspace-glance-bar.compact{padding:10px 14px}.workspace-glance-chips{justify-content:flex-start}.mobile-only{display:inline-flex}#main-content{grid-template-columns:minmax(244px,292px) minmax(0,1fr);grid-template-areas:"notes editor"}#left-panel{position:absolute;inset:0 auto 0 0;width:min(328px,39vw);max-width:none;resize:none;transform:translate(calc(-100% - 16px));box-shadow:16px 0 38px #0000003d;z-index:8}#note-browser-panel,#editor-container{min-height:0;max-height:none}#note-browser-panel{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}#note-browser-panel .panel-header{background:transparent;border-bottom:0;min-height:40px}#app-container.mobile-panel-visible #left-panel{transform:translate(0)}#main-content:after{content:"";position:absolute;inset:0;background:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:4}#app-container.mobile-panel-visible #main-content:after{opacity:1;visibility:visible}.detail-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.editor-note-meta{min-height:0;flex-wrap:wrap;align-items:flex-start;overflow:visible;row-gap:8px}.editor-chip{max-width:100%;white-space:normal}.detail-field,.detail-toggle-field{grid-column:span 4}.detail-field-wide{grid-column:span 8}}@media(max-width:980px){.landing-shell,.landing-benefits{grid-template-columns:1fr}}@media(max-width:760px){body{overflow:auto}.workspace-glance-bar{padding:10px 12px;gap:8px;border-radius:22px}.workspace-glance-eyebrow{display:none}.workspace-glance-title{font-size:clamp(16px,6vw,20px)}.workspace-glance-description{margin-top:4px;font-size:12px}.workspace-glance-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.workspace-glance-chips::-webkit-scrollbar{display:none}.workspace-glance-chip{flex:0 0 auto;min-height:30px;font-size:12px}#app-container{height:auto;min-height:100dvh;padding:max(4px,calc(2px + var(--safe-top))) max(10px,calc(8px + var(--safe-right))) calc(var(--mobile-tab-bar-height) + max(14px,calc(10px + var(--safe-bottom)))) max(10px,calc(8px + var(--safe-left)));gap:4px}.mobile-only{display:none}.app-header{padding:0 2px;gap:4px;align-items:center}.eyebrow.compact{display:none}.header-left{min-width:auto;flex:0 0 auto}.header-right{flex-shrink:0;gap:4px}.header-right .icon-button{width:36px;height:36px;border-radius:11px}.sync-status{display:none}#main-content{display:block;overflow:visible;min-height:0}#main-content:after{display:none}#left-panel{position:relative;inset:auto;width:100%;transform:translate(-100%);box-shadow:none}#left-panel,#note-browser-panel,#editor-container{display:none;width:100%;min-height:calc(100dvh - var(--header-height) - 108px - var(--safe-top) - var(--safe-bottom));border-radius:18px}#left-panel,#note-browser-panel{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}#left-panel .panel-header,#note-browser-panel .panel-header{background:transparent;border-bottom:0;min-height:38px}#app-container.mobile-view-utility #left-panel,#app-container.mobile-view-browse #left-panel,#app-container.mobile-view-browse #note-browser-panel,#app-container.mobile-view-editor #editor-container{display:flex;transform:none}#app-container.mobile-view-browse #left-panel,#app-container.mobile-view-utility #left-panel{min-height:auto;overflow:visible}#app-container.mode-mobile #left-panel.utility-zip-actions-in-header .utility-header-action{display:none}#app-container.mobile-view-utility #left-panel.utility-zip-actions-in-header .sync-panel-section{display:flex}#app-container.mobile-view-browse .sync-panel-section,#app-container.mobile-view-utility .folder-panel-section{display:none}#app-container.mobile-view-browse .folder-panel-section,#app-container.mobile-view-utility .sync-panel-section{flex:initial}#app-container.mobile-view-browse #folder-list-container{flex:initial;max-height:min(34vh,240px)}.mobile-tab-bar{display:grid}#app-container.mode-mobile .panel-header{min-height:auto;padding:10px 12px 8px}#app-container.mode-mobile .folder-panel-section .panel-header>div:first-child,#app-container.mode-mobile .note-panel-section .panel-header>div:first-child,#app-container.mode-mobile .sync-panel-section .panel-header>div:first-child{display:none}#app-container.mode-mobile .folder-panel-section .panel-header,#app-container.mode-mobile .note-panel-section .panel-header{justify-content:flex-end}#editor-toolbar,.editor-note-meta,#note-content-textarea{padding-inline:10px;width:100%;max-width:none;align-self:stretch}#editor-toolbar{flex-wrap:wrap;align-items:flex-start;gap:5px}#note-title-input{flex:1 0 100%;width:100%;font-size:16px}.toolbar-actions{width:100%;margin-left:0;justify-content:flex-end;gap:0}#editor-toolbar .icon-button{width:30px;height:30px;border-radius:9px}#editor-toolbar .save-note-button{min-width:86px;min-height:44px;padding-inline:12px}#editor-toolbar .icon-button .material-symbols-outlined{font-size:18px}.editor-note-meta{min-height:0;flex-wrap:wrap;align-items:flex-start;overflow:visible;row-gap:8px}.editor-chip{max-width:100%;white-space:normal}#note-list-container{padding-inline:14px;padding-bottom:calc(24px + var(--safe-bottom))}#folder-list-container{padding-bottom:calc(24px + var(--safe-bottom))}#note-title-input{font-size:16px}.note-summary-row{margin-inline:14px}.note-toolbar-row{flex-direction:column;align-items:stretch}.note-sort-shell{width:100%;justify-content:space-between}.dialog-overlay{align-items:flex-end}.dialog-content,.dialog-content.detail-dialog-content{width:100%;max-height:min(82dvh,760px);border-radius:26px}.detail-dialog-header{flex-direction:row;align-items:center}.note-item{padding:10px 10px 10px 12px}.note-item-footer{flex-direction:column;align-items:flex-start}.sync-action-grid,.detail-sidecars{grid-template-columns:1fr}.sync-alert-card{flex-direction:column;align-items:stretch}.sync-alert-button{width:100%}.dialog-content.detail-dialog-content{max-height:calc(100dvh - 36px - var(--safe-bottom))}.detail-dialog-header,.dialog-content.detail-dialog-content .note-details-panel{padding-inline:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field,.detail-toggle-field{grid-column:span 1}.detail-field-wide,.detail-field-date{grid-column:1 / -1}.detail-field-mood{grid-column:span 1}.editor-lock-banner{width:auto;max-width:calc(100% - 32px);margin:0 16px 12px auto;flex-direction:row;align-items:center}.toast-region{left:max(12px,calc(10px + var(--safe-left)));right:max(12px,calc(10px + var(--safe-right)));bottom:calc(var(--mobile-tab-bar-height) + max(18px,calc(14px + var(--safe-bottom))))}.toast-card{min-width:0;max-width:none;width:100%;padding:11px 12px;gap:8px}}@media(max-width:560px){.screen-shell{padding:max(18px,calc(14px + var(--safe-top))) max(18px,calc(14px + var(--safe-right))) max(18px,calc(14px + var(--safe-bottom))) max(18px,calc(14px + var(--safe-left)))}.landing-hero,.landing-actions-panel{border-radius:26px}.landing-actions-panel{padding:22px}.nas-field-grid.two-columns{grid-template-columns:1fr}.header-left,.header-right{gap:8px}.workspace-glance-title{font-size:17px}.workspace-glance-description{font-size:12px}.sync-status span:last-child{display:none}.sync-status{min-width:44px;padding-inline:10px}.landing-benefit{min-height:0}.mobile-tab-bar{padding:0 max(3px,calc(1px + var(--safe-right))) calc(2px + var(--safe-bottom)) max(3px,calc(1px + var(--safe-left)))}.mobile-tab-button{min-height:40px;padding-inline:4px}.mobile-tab-button span:last-child{font-size:11px}.detail-grid{grid-template-columns:1fr}.detail-field,.detail-toggle-field,.detail-field-wide,.detail-field-date,.detail-field-mood{grid-column:1 / -1}}}:root{--font-family: "Pretendard Variable", Pretendard, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans CJK KR", "NanumSquare", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--header-height: 68px;--mobile-tab-bar-height: 72px;--sidebar-width: 244px;--browser-width: 342px;--document-padding: max(42px, calc((100% - 760px)/2) );--focus-ring: 0 0 0 3px #6c9b7c40;--transition-fast: .16s;--transition-normal: .22s}body.theme-light{color-scheme:light;--primary-color: #37634d;--primary-strong: #274d3a;--primary-soft: #e7eee7;--on-primary: #fff;--background-color: #fafbf8;--surface-color: #fff;--surface-strong: #fff;--surface-muted: #f6f7f3;--surface-variant: #e6e9e2;--surface-variant-strong: #cdd6cc;--on-surface: #29342e;--on-surface-variant: #5f6b61;--outline-color: #788278;--sidebar-surface: #f3f5f0;--browser-surface: #fafbf8;--editor-surface: #fff;--subtle-text: #626f63;--hairline: #e8ebe4;--selected-surface: #eaf0e7;--success-color: #37634d;--success-soft: #e9f0e8;--danger-color: #ae4b40;--danger-soft: #fbece8;--scrim: #1c292744;--shadow-color: #23332810;--paper-surface: #fffefb;--art-surface: #eaf0e4;--secondary-soft: #f2f4ee;--note-surface: transparent;--note-selected: #eaf0e7;--mark-bg: #eee6b2;--control-border: #dfe5dc;--control-border-soft: #e8ebe4;--control-surface: #fff;--control-surface-soft: #fafbf8;--control-surface-muted: #f3f5f0;--panel-divider: #e8ebe4;--tree-line-color: #dfe5dc;--detail-surface: #f7f9f4;--card-selected-start: #eaf0e7;--card-selected-end: #eaf0e7}body.theme-dark{color-scheme:dark;--primary-color: #9fbea3;--primary-strong: #bfd6c1;--primary-soft: #2c3b31;--on-primary: #18271d;--background-color: #191e1b;--surface-color: #222924;--surface-strong: #222924;--surface-muted: #272f29;--surface-variant: #394139;--surface-variant-strong: #505e50;--on-surface: #e0e7dc;--on-surface-variant: #a2aea1;--outline-color: #9ba799;--sidebar-surface: #1c231e;--browser-surface: #202722;--editor-surface: #242b25;--subtle-text: #a1ac9e;--hairline: #343d34;--selected-surface: #334234;--success-color: #a4c7a7;--success-soft: #2b3b2e;--danger-color: #efa59a;--danger-soft: #47312d;--scrim: #080d0bcc;--shadow-color: #0003;--paper-surface: #29342b;--art-surface: #2d3b2d;--secondary-soft: #2c342d;--note-surface: transparent;--note-selected: #334234;--mark-bg: #696133;--control-border: #3b493c;--control-border-soft: #343d34;--control-surface: #222924;--control-surface-soft: #272f29;--control-surface-muted: #29332a;--panel-divider: #343d34;--tree-line-color: #394339;--detail-surface: #29322a;--card-selected-start: #334234;--card-selected-end: #334234}html,body{margin:0;font-family:var(--font-family);background:var(--background-color);color:var(--on-surface);height:100%}body{min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;font-size:14px}button,input,textarea,select{font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.46}button,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;box-shadow:none}button:active:not(:disabled){transform:translateY(1px)}::selection{background:var(--primary-soft);color:var(--on-surface)}*{scrollbar-width:thin;scrollbar-color:var(--surface-variant-strong) transparent}kbd{font-family:inherit;font-size:11px;font-weight:500;line-height:1;border:1px solid var(--hairline);border-radius:5px;padding:4px 5px;color:var(--subtle-text);white-space:nowrap}.material-symbols-outlined{font-family:inherit;font-size:0!important;width:20px;height:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;flex-shrink:0}.material-symbols-outlined:before{content:"";width:100%;height:100%;background:currentColor;mask:var(--nexus-icon) center / contain no-repeat;-webkit-mask:var(--nexus-icon) center / contain no-repeat}.icon-button{width:36px;height:36px;min-width:36px;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:8px;color:var(--on-surface-variant);background:transparent;box-shadow:none;padding:0}.icon-button:hover:not(:disabled),.icon-button.subtle:hover{background:var(--secondary-soft);color:var(--on-surface)}.icon-button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-color)}.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger-color)}.primary-button,.landing-button.primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:12px 19px;border:1px solid var(--primary-color);border-radius:9px;background:var(--primary-color);color:var(--on-primary);font-size:13px;font-weight:650;box-shadow:0 2px 2px #12261709}.primary-button:hover:not(:disabled),.landing-button.primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--on-surface-variant);border:0;padding:13px 6px;font-size:13px}.text-button:hover{color:var(--primary-color)}.text-button .material-symbols-outlined{width:16px;height:16px;min-width:16px}.little-dot{width:6px;height:6px;display:inline-block;background:#779573;border-radius:50%;flex-shrink:0}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.9px;color:var(--primary-color);font-weight:650;line-height:1.5}.brand-lockup{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.7px;color:var(--on-surface);white-space:nowrap}.brand-lockup img{display:block;border-radius:9px;width:36px;height:36px;object-fit:cover}.theme-dark .brand-lockup img{filter:invert(.9);mix-blend-mode:screen}.web-badge{border:1px solid var(--surface-variant-strong);border-radius:4px;padding:3px 5px;font-size:10px;font-weight:600;letter-spacing:1px;margin-inline-start:3px;color:var(--subtle-text)}.skip-link{position:fixed;inset-block-start:-60px;inset-inline-start:20px;z-index:2000;padding:12px 20px;border:1px solid var(--primary-color);border-radius:8px;background:var(--surface-color);color:var(--primary-color)}.skip-link:focus{inset-block-start:12px}#landing-page{position:fixed;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:0;overflow:auto;background:var(--background-color)}.welcome-nav{width:min(1240px,calc(100% - 112px));margin:0 auto;min-height:110px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.welcome-nav-actions{display:flex;align-items:center;gap:14px}.welcome-nav-caption{color:var(--subtle-text);font-size:12px;margin-inline-end:8px}.welcome-language{background:transparent;border:1px solid var(--hairline);border-radius:7px;padding:7px 9px;font-size:11px;color:var(--subtle-text)}.welcome-main{flex:1;display:grid;grid-template-columns:1.08fr 1fr;width:min(1160px,calc(100% - 112px));gap:clamp(35px,6vw,100px);margin:20px auto 64px;align-items:center}.welcome-copy{padding:28px 0}#welcome-title{font-size:clamp(36px,4.2vw,60px);line-height:1.25;letter-spacing:-2.2px;font-weight:680;margin:22px 0}#welcome-title span{display:block}.hero-accent{color:var(--primary-color)}html[lang=en] #welcome-title{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(46px,4.6vw,66px);line-height:1.12;letter-spacing:-2.6px}html[lang=en] .hero-accent{font-style:italic}.welcome-description{font-size:14px;line-height:1.95;color:var(--on-surface-variant);max-width:440px;word-break:keep-all}.welcome-primary-actions{display:flex;align-items:center;gap:20px;margin:31px 0 15px;flex-wrap:wrap}.welcome-primary-actions .primary-button{min-height:49px;padding-inline:20px;font-size:14px}.welcome-primary-actions .primary-button .material-symbols-outlined:last-child{margin-inline-start:14px;width:17px;min-width:17px}.welcome-local-note{display:flex;gap:7px;align-items:flex-start;font-size:11px;color:var(--subtle-text);line-height:1.7}.welcome-local-note .material-symbols-outlined{width:14px;min-width:14px;height:17px}.import-divider{border-top:1px solid var(--hairline);margin:32px 0 16px;padding-top:20px;font-size:11px;letter-spacing:1.5px;color:var(--subtle-text)}.welcome-imports{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-button{display:flex;gap:11px;align-items:center;text-align:start;border:1px solid var(--hairline);border-radius:9px;background:var(--surface-color);padding:14px 11px;min-width:0}.import-button:hover{border-color:var(--surface-variant-strong);background:var(--surface-muted)}.import-button>span:nth-child(2){flex:1;min-width:0}.import-button strong{font-size:12px;font-weight:650;display:block}.import-button small{color:var(--subtle-text);font-size:11px;margin-top:5px;display:block;line-height:1.5}.import-button>.material-symbols-outlined{width:13px;min-width:13px;height:13px;color:var(--subtle-text)}.import-icon{color:var(--primary-color)}.recovery-panel{background:var(--primary-soft);border:1px solid var(--surface-variant-strong);border-radius:10px;margin-top:24px;padding:15px;gap:12px;box-shadow:none}.recovery-title{color:var(--primary-color);font-size:12px;font-weight:700}.recovery-description,.recovery-warning{font-size:12px;line-height:1.6}.recovery-actions{display:flex;gap:7px}.recovery-actions .landing-button{width:auto;min-height:34px;padding:7px 12px;border-radius:6px;font-size:11px}.landing-button.secondary{background:var(--surface-color);color:var(--on-surface);border:1px solid var(--hairline);box-shadow:none}.welcome-art{position:relative;height:512px;display:grid;place-items:center;isolation:isolate}.welcome-art:before{content:"";position:absolute;width:410px;height:430px;border-radius:48% 48% 38% 43%;background:var(--art-surface);transform:rotate(-12deg);z-index:-2;opacity:.8}.art-orbit{position:absolute;width:465px;height:465px;border:1px solid var(--surface-variant-strong);border-radius:50%;opacity:.45;z-index:-1}.orbit-two{width:405px;height:405px}.preview-paper-back{position:absolute;width:340px;height:388px;background:var(--surface-variant);border:1px solid var(--surface-variant-strong);border-radius:8px;transform:rotate(-8deg) translate(-12px,4px)}.preview-paper{position:relative;width:360px;padding:29px 32px 23px;background:var(--paper-surface);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 22px 50px #2c45231a,0 3px 10px #2c452308;transform:rotate(3deg)}.paper-top{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.3px;color:var(--subtle-text)}.paper-top>span:last-child{margin-inline-start:auto}.paper-symbol{display:grid;place-items:center;background:#f5ebc8;color:#807040;width:32px;height:32px;border-radius:8px}.preview-paper h2{font-size:28px;line-height:1.45;font-weight:650;letter-spacing:-1px;margin:23px 0 14px;white-space:pre-line}html[lang=en] .preview-paper h2{font-family:Georgia,serif;font-size:33px;font-weight:400;line-height:1.2}.paper-description{font-size:12px;color:var(--on-surface-variant);line-height:1.9;word-break:keep-all}.paper-rule{height:1px;background:var(--hairline);margin:20px 0 16px}.paper-check{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px;color:var(--on-surface-variant)}.paper-check .material-symbols-outlined{color:var(--primary-color);width:17px;height:17px;min-width:17px}.paper-check.muted{opacity:.65}.paper-footer{display:flex;align-items:center;justify-content:space-between;margin-top:26px;color:var(--primary-color);font-size:11px}.paper-footer>span:first-child{background:var(--primary-soft);border-radius:4px;padding:5px 8px}.floating-label{position:absolute;display:flex;align-items:center;gap:8px;bottom:11px;inset-inline-end:16px;padding:13px 18px;background:var(--surface-color);border:1px solid var(--hairline);border-radius:9px;box-shadow:0 6px 20px #24391a0b;font-size:11px;color:var(--on-surface-variant);transform:rotate(-4deg)}.floating-label .material-symbols-outlined{color:var(--primary-color)}.art-spark{position:absolute;font-size:47px;font-family:Georgia,serif;font-weight:400;color:#8c9c70}.spark-one{top:5px;inset-inline-end:18px;transform:rotate(18deg)}.spark-two{bottom:25px;inset-inline-start:5px;font-size:30px;color:#bea773}.welcome-footer{flex-shrink:0;min-height:78px;border-top:1px solid var(--hairline);width:min(1240px,calc(100% - 112px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--subtle-text);font-size:11px}.welcome-footer>div{display:flex;gap:26px}.welcome-footer>div>span{display:flex;gap:7px;align-items:center}.welcome-footer .material-symbols-outlined{width:14px;height:14px;min-width:14px}.footer-dot{color:var(--subtle-text);padding-inline:6px}#app-container{display:grid;grid-template-columns:var(--sidebar-width) var(--browser-width) minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr);grid-template-areas:none;width:100%;height:100dvh;min-height:0;gap:0;padding:0;overflow:hidden;position:relative;background:var(--editor-surface)}#main-content{display:contents}.app-header{grid-column:2 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;width:auto;min-height:0;height:auto;margin:0;padding:0 27px;border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:var(--editor-surface);box-shadow:none;backdrop-filter:none;z-index:35;gap:18px}.header-left,.header-right{display:flex;align-items:center;gap:7px;min-width:0}.header-left{flex:1}.workspace-breadcrumb{display:flex;align-items:center;gap:11px;color:var(--subtle-text);font-size:12px;white-space:nowrap;min-width:0}.workspace-breadcrumb .material-symbols-outlined{width:16px;height:16px;min-width:16px}.workspace-breadcrumb strong{color:var(--on-surface);font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:200px}.breadcrumb-slash{color:var(--surface-variant-strong);margin-inline:2px}.header-search-button{display:flex;align-items:center;gap:8px;color:var(--subtle-text);background:var(--browser-surface);padding:7px 10px;min-height:34px;border:1px solid var(--hairline);border-radius:7px;font-size:11px;min-width:166px}.header-search-button .material-symbols-outlined{width:15px;height:15px;min-width:15px}.header-search-button kbd{margin-inline-start:auto;font-size:11px;background:var(--surface-color)}.header-divider{width:1px;height:19px;background:var(--hairline);margin:0 8px}.sync-status{background:var(--primary-soft);border:0;padding:5px 8px;font-size:11px;border-radius:6px;color:var(--primary-color);box-shadow:none}.sync-status .material-symbols-outlined{width:15px;height:15px;min-width:15px}#left-panel,#note-browser-panel,#editor-container{grid-area:auto;position:relative;margin:0;border-radius:0;box-shadow:none;backdrop-filter:none;min-width:0;min-height:0;width:auto;height:auto;max-height:none;transform:none}#left-panel{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;border:0;border-inline-end:1px solid var(--hairline);background:var(--sidebar-surface);padding:28px 17px 0;gap:0;overflow:auto;z-index:40}.sidebar-top{padding:0 8px 23px}.brand-home{background:transparent;padding:0;border:0;text-align:start;font-size:20px}.workspace-label{display:flex;align-items:center;gap:7px;color:var(--subtle-text);font-size:11px;font-weight:600;letter-spacing:1.5px;margin-top:22px}.sidebar-new-note{width:100%;min-height:42px;justify-content:flex-start;padding:10px 13px;font-size:13px;margin-bottom:22px}.sidebar-new-note kbd{margin-inline-start:auto;border-color:#ffffff35;color:var(--on-primary);opacity:.8;font-size:11px}.workspace-nav{display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.workspace-nav-item{width:100%;display:flex;align-items:center;gap:11px;min-height:41px;padding:9px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--on-surface-variant);font-size:13px;text-align:start}.workspace-nav-item .material-symbols-outlined{width:17px;height:17px;min-width:17px}.workspace-nav-item.active{background:var(--primary-soft);color:var(--primary-color);font-weight:650}.workspace-nav-item:hover{background:var(--primary-soft)}.nav-count{margin-inline-start:auto;color:var(--subtle-text);font-size:11px;font-weight:500}.workspace-nav-item.active .nav-count{color:var(--primary-color);background:var(--surface-color);padding:3px 6px;border-radius:5px;min-width:23px;text-align:center}.panel-section{min-height:0}.folder-panel-section{flex:1;min-height:135px;border:0;overflow:visible}#left-panel .folder-panel-section .panel-header{padding:2px 8px 11px;min-height:35px;border:0;background:transparent}#left-panel .panel-title{font-size:11px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;color:var(--subtle-text)}#left-panel .panel-header .icon-button{width:26px;height:26px;min-width:26px}#left-panel .panel-header .material-symbols-outlined{width:16px;height:16px;min-width:16px}#left-panel .utility-header-action{display:none!important}#folder-list-container{padding:0;overflow:visible}.folder-tree{padding:0}.folder-tree>.folder-item[data-folder-id=default]{display:none}.folder-item{margin:1px 0}.folder-content{border:0;border-radius:7px;min-height:37px;padding:8px 10px;gap:8px;background:transparent;color:var(--on-surface-variant);font-size:12px;box-shadow:none}.folder-content:hover{background:var(--primary-soft)}.folder-content.selected,.folder-item.selected>.folder-content{background:var(--primary-soft);color:var(--primary-color);box-shadow:none}.folder-toggle{display:inline-flex;width:15px;min-width:15px;opacity:1;visibility:visible}.folder-toggle .material-symbols-outlined{width:15px;height:15px;min-width:15px}.folder-toggle:not(.visible){color:#ac9673}.folder-toggle:not(.visible)>.material-symbols-outlined{display:inline-flex}.folder-tree ul{border-inline-start:1px solid var(--hairline);margin-inline-start:17px;padding-inline-start:6px}.folder-count{font-size:11px;padding:2px;background:transparent;color:var(--subtle-text)}.sidebar-bottom{margin-top:20px;padding-top:10px;flex-shrink:0}.keep-note-card{background:var(--selected-surface);border:1px solid var(--hairline);border-radius:9px;padding:14px;margin:0 2px 17px}.keep-note-icon{display:block;color:var(--primary-color);margin-bottom:8px}.keep-note-icon .material-symbols-outlined{width:22px;height:22px}.keep-note-card strong{display:block;color:var(--on-surface);font-size:12px;font-weight:600;margin-bottom:6px}.keep-note-card p{font-size:11px;line-height:1.75;color:var(--subtle-text);word-break:keep-all}.sidebar-utility{display:flex;align-items:center;gap:11px;min-height:38px;width:100%;background:transparent;border:0;border-radius:7px;text-align:start;padding:8px 10px;font-size:12px;color:var(--on-surface-variant)}.sidebar-utility:hover{background:var(--primary-soft);color:var(--primary-color)}.sidebar-utility .material-symbols-outlined{width:16px;min-width:16px;height:16px}.sidebar-utility>.material-symbols-outlined:last-child,.sidebar-utility kbd{margin-inline-start:auto;width:13px;min-width:13px}.sidebar-profile{display:flex;align-items:center;gap:9px;min-height:72px;margin-top:14px;border-top:1px solid var(--hairline);padding:12px 5px}.profile-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e7e0d3;color:#837154;font-family:Georgia,serif;font-size:16px}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong{display:block;font-weight:600;font-size:11px}.sidebar-profile small{display:block;margin-top:4px;font-size:11px;color:var(--subtle-text)}#note-browser-panel{grid-column:2;grid-row:2;background:var(--browser-surface);border:0;border-inline-end:1px solid var(--hairline);display:flex;overflow:hidden}.note-panel-section{width:100%;padding:0;isolation:auto;display:flex;flex-direction:column}#note-browser-panel .panel-header{padding:27px 24px 22px;background:transparent;min-height:91px;border:0}#browse-heading{font-size:23px;letter-spacing:-.8px;font-weight:680;line-height:1.35;color:var(--on-surface)}.browse-caption{margin-top:7px;font-size:12px;color:var(--subtle-text);line-height:1.6}.note-search-shell{position:relative;display:flex;align-items:center;gap:7px;margin:0 22px;padding:6px 8px 6px 11px;min-height:39px;height:auto;background:var(--surface-color);border:1px solid var(--hairline);border-radius:8px;box-shadow:none}.note-search-shell>.material-symbols-outlined{color:var(--subtle-text);width:15px;height:15px;min-width:15px}#note-search-input{flex:1;min-width:0;width:0;padding:4px 0;font-size:12px;color:var(--on-surface);background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;height:auto}#note-search-input::placeholder{color:var(--subtle-text);opacity:.85}.note-search-shell:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-soft)}.search-shell-button,#clear-search-button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;min-width:25px;padding:4px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--subtle-text)}.search-shell-button:hover,.search-shell-button[aria-expanded=true]{background:var(--primary-soft);color:var(--primary-color)}.search-shell-button .material-symbols-outlined,#clear-search-button .material-symbols-outlined{width:15px;min-width:15px;height:15px}.note-summary-row,#note-browser-panel.note-tools-open .note-summary-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:11px 24px 8px;margin:0}.note-search-summary{color:var(--subtle-text);font-size:11px;line-height:1.5;padding:0;margin:0}.note-sort-shell{display:flex;align-items:center;gap:4px;width:auto;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--subtle-text)}.note-sort-shell>.material-symbols-outlined{width:12px;height:12px;min-width:12px}#note-sort-select{appearance:auto;width:auto;max-width:125px;min-height:24px;font-size:11px;color:var(--subtle-text);background:transparent;border:0;padding:0}.note-tools-panel{position:absolute;inset:147px 17px auto;padding:17px;border:1px solid var(--hairline);background:var(--surface-color);border-radius:11px;box-shadow:0 14px 45px var(--shadow-color),0 4px 14px var(--shadow-color);z-index:50;max-height:min(60dvh,500px);overflow:auto;margin:0;display:grid;gap:15px}.note-toolbar-row{padding:0;display:flex;flex-direction:column;gap:11px}.note-filter-group{gap:5px;padding:0;background:transparent;border:0;border-radius:0;display:flex;flex-wrap:wrap}.note-filter-chip,.note-tool-chip,.note-tag-filter-chip{background:var(--surface-muted);border:1px solid var(--hairline);border-radius:6px;padding:7px 8px;min-height:31px;color:var(--on-surface-variant);font-size:11px;gap:5px;box-shadow:none}.note-filter-chip.active,.note-tool-chip.active,.note-tag-filter-chip.active{background:var(--primary-soft);border-color:var(--surface-variant-strong);color:var(--primary-color);box-shadow:none}.filter-chip-count{background:transparent;font-size:11px;padding:0;min-width:0}.note-tool-label,.note-tag-filter-label{font-size:11px;color:var(--subtle-text);margin-bottom:8px}.note-tool-chip-row{gap:5px}#note-list-container{padding:0 12px 24px;min-height:0;overflow:auto;flex:1}.note-list{margin:0;padding:0;display:block}.note-item{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;margin:5px 0 7px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;transition:background-color .16s,border-color .16s;cursor:pointer}.note-item:before,.note-item:after{content:none}.note-item:hover{background:var(--secondary-soft);border-color:var(--hairline);box-shadow:none;transform:none}.note-item.selected{background:var(--selected-surface);border:1px solid var(--surface-variant-strong);box-shadow:none}.note-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.note-item-topline{display:flex;align-items:flex-start;gap:8px}.note-item-title-row{display:flex;flex:1;align-items:center;gap:7px;min-width:0}.note-item-title{font-size:14px;font-weight:650;letter-spacing:-.15px;line-height:1.6}.note-selected-indicator{display:none}.note-mood{font-size:14px}.note-item-status-row{display:flex;gap:4px;flex-wrap:wrap;max-width:72px;justify-content:flex-end}.note-status-chip{font-size:10px;padding:3px;border:0;border-radius:4px;background:transparent;color:var(--subtle-text);gap:3px}.note-status-chip>span:not(.material-symbols-outlined){display:none}.note-status-chip .material-symbols-outlined{width:12px;height:12px;min-width:12px}.note-status-chip-pinned{color:#9c865b}.note-item-snippet{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.85;color:var(--on-surface-variant);min-height:0}.note-item-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.note-item-metas{display:flex;gap:4px;flex:1;min-width:0}.note-item-meta{font-size:11px;color:var(--subtle-text);line-height:1.6}.note-item-meta-pill{background:transparent;border:0;padding:0}.note-item-meta-pill .material-symbols-outlined{width:10px;min-width:10px;height:10px}.note-item-tags{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:48%}.note-tag{background:var(--surface-color);border:1px solid var(--hairline);color:var(--subtle-text);border-radius:4px;font-size:11px;padding:2px 5px}.empty-list-state{padding:54px 20px;text-align:center;font-size:12px;color:var(--subtle-text);line-height:1.9;background:transparent;border:0;box-shadow:none;word-break:keep-all}.empty-list-state:before{content:"\2026";display:block;color:var(--primary-color);font-family:Georgia,serif;font-size:38px;line-height:1;margin-bottom:19px}#editor-container{grid-column:3;grid-row:2;display:flex;flex-direction:column;overflow:hidden;background:var(--editor-surface);border:0;padding:0}#editor-content{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;padding:0;background:transparent;gap:0}.editor-command-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:69px;padding:15px 29px;border-bottom:1px solid var(--hairline);flex-shrink:0}.editor-document-label{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px;color:var(--subtle-text);font-size:11px;letter-spacing:1.4px}.editor-document-label .material-symbols-outlined{width:14px;height:14px;min-width:14px}.toolbar-actions{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;box-shadow:none;flex-wrap:nowrap}.toolbar-separator{width:1px;height:17px;background:var(--hairline);margin-inline:5px}.toolbar-actions .icon-button{width:31px;height:31px;min-width:31px}.toolbar-actions .material-symbols-outlined{width:16px;height:16px;min-width:16px}.save-note-button{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:5px 9px;border:1px solid var(--surface-variant-strong);background:var(--primary-soft);color:var(--primary-color);border-radius:6px;font-size:12px;font-weight:500;box-shadow:none}.save-note-button:disabled{opacity:1;border-color:transparent;background:transparent;color:var(--subtle-text);cursor:default}.save-note-button[data-state=error]{background:var(--danger-soft);border-color:var(--danger-color);color:var(--danger-color)}#editor-toolbar{display:block;flex-shrink:0;padding:43px var(--document-padding) 8px;margin:0;width:100%;background:transparent;border:0;box-shadow:none;border-radius:0}#note-title-input{display:block;width:100%;max-width:none;padding:0 0 8px;min-height:47px;background:transparent;color:var(--on-surface);border:0;border-bottom:1px solid transparent;border-radius:0;font-size:31px;line-height:1.5;letter-spacing:-1px;font-weight:650;box-shadow:none}#note-title-input::placeholder{color:var(--subtle-text);opacity:.55}#note-title-input:focus-visible{outline:0;border-bottom-color:var(--hairline);box-shadow:none}#editor-note-meta{width:100%;max-width:none;align-self:stretch;justify-content:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin:0;padding:0 var(--document-padding) 20px;min-height:24px;flex-shrink:0;border:0;background:transparent}.editor-chip{display:inline-flex;align-items:center;gap:5px;padding:0;background:transparent;color:var(--subtle-text);border:0;border-radius:0;font-size:11px;line-height:1.7}.editor-chip .material-symbols-outlined{width:12px;height:12px;min-width:12px}#note-content-textarea{flex:1;min-height:80px;width:100%;max-width:none;margin:0;padding:21px var(--document-padding) 42px;color:var(--on-surface);background:transparent;border:0;border-radius:0;resize:none;font-size:15px;line-height:2.05;font-weight:400;letter-spacing:-.15px;box-shadow:none;overflow:auto;tab-size:4}#note-content-textarea:focus-visible{outline:none;box-shadow:none}#note-content-textarea::placeholder{color:var(--subtle-text);opacity:.65}.editor-footer{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:11px 28px;gap:12px;border-top:1px solid var(--hairline);color:var(--subtle-text);font-size:11px;flex-shrink:0;background:var(--editor-surface)}.editor-footer>div{display:flex;align-items:center;gap:5px}.editor-footer kbd{font-size:10px;padding:3px 4px}.editor-content-locked #note-content-textarea{background:var(--surface-muted)}#editor-lock-banner{margin:10px var(--document-padding);background:var(--surface-muted);border:1px solid var(--hairline);border-radius:7px;padding:10px 13px}#editor-empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px;gap:0;min-height:0}.empty-note-art{position:relative;width:86px;height:86px;border-radius:25px;transform:rotate(-7deg);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-color);margin-bottom:27px}.empty-note-art .material-symbols-outlined{width:43px;height:43px}.empty-art-spark{position:absolute;inset-block-start:-15px;inset-inline-end:-12px;font-size:29px;color:#b2a27b}#editor-empty-state .empty-eyebrow{color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:1.8px;margin-bottom:14px}#editor-empty-state h2{font-size:26px;line-height:1.45;font-weight:600;letter-spacing:-.7px;margin-bottom:13px}#editor-empty-state>p:not(.empty-eyebrow){font-size:12px;color:var(--subtle-text);line-height:1.9;max-width:350px;word-break:keep-all}#editor-empty-state .primary-button{margin-top:26px;min-height:40px;font-size:12px;padding:10px 18px}.empty-shortcut{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:11px;color:var(--subtle-text)}#app-container.focus-mode{grid-template-columns:0 0 minmax(0,1fr)}#app-container.focus-mode #left-panel,#app-container.focus-mode #note-browser-panel{display:none}#app-container.focus-mode .app-header,#app-container.focus-mode #editor-container{grid-column:1 / -1}#app-container.focus-mode{--document-padding: max(34px, calc((100% - 760px)/2) )}#app-container.focus-mode #focus-mode-button{background:var(--primary-soft);color:var(--primary-color)}.dialog-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--scrim);backdrop-filter:blur(5px)}.dialog-content{width:min(100%,440px);max-width:none;max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface-color);color:var(--on-surface);box-shadow:0 25px 95px #17201b2b;animation:dialog-appear .17s ease-out}@keyframes dialog-appear{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}.dialog-symbol{display:grid;place-items:center;color:var(--primary-color);width:43px;height:43px;background:var(--primary-soft);border-radius:11px;margin-bottom:19px}.dialog-symbol.warning{color:var(--danger-color);background:var(--danger-soft)}.dialog-symbol .material-symbols-outlined{width:22px;height:22px}.dialog-content h3{font-size:21px;letter-spacing:-.5px;font-weight:650;line-height:1.45;margin-bottom:19px}.dialog-content h2{font-size:24px;font-weight:650;letter-spacing:-.5px;line-height:1.45}.dialog-content>p,.dialog-intro{font-size:12px;color:var(--on-surface-variant);line-height:1.85;word-break:keep-all}.dialog-intro{margin:12px 0 21px}.field-label,.detail-label{color:var(--on-surface-variant);font-size:12px;font-weight:550}.field-label{margin:16px 0 7px}.dialog-input,.dialog-select,.dialog-content input:not([type=checkbox]):not([type=color]),.detail-input{width:100%;min-height:41px;font-size:12px;padding:10px 12px;border:1px solid var(--surface-variant);border-radius:7px;background:var(--surface-muted);color:var(--on-surface);box-shadow:none}.dialog-content select{min-height:41px;font-size:12px;border:1px solid var(--surface-variant);border-radius:7px;padding:9px 10px;background:var(--surface-muted);color:var(--on-surface);box-shadow:none}.dialog-content input:focus-visible,.dialog-content select:focus-visible{outline-offset:1px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:25px;padding-top:0}.dialog-button{min-height:39px;min-width:73px;padding:10px 16px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;box-shadow:none}.dialog-button.primary{background:var(--primary-color);color:var(--on-primary)}.dialog-button.secondary{background:var(--surface-color);color:var(--on-surface-variant);border-color:var(--surface-variant)}.dialog-button.danger{background:var(--danger-color);color:var(--surface-color)}.dialog-button:hover{filter:brightness(.97)}.renewal-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.renewal-dialog-heading .eyebrow{font-size:10px;margin:0 0 10px}.backup-dialog{width:min(100%,590px)}.backup-dialog .sync-panel-section{background:transparent;border:0}.backup-dialog .sync-panel-section .panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;min-height:0;border:0}.backup-dialog .sync-panel-section .panel-title{display:none}.sync-auth-button{border:1px solid var(--hairline);background:var(--surface-muted);color:var(--primary-color);box-shadow:none;border-radius:7px;font-size:12px;padding:9px 12px;min-height:39px}.backup-dialog .sync-panel-body,.backup-dialog .sync-panel-section.utility-only .sync-panel-body{padding:0;display:grid;gap:12px}.sync-overview-card{border:0;border-radius:9px;background:var(--surface-muted);box-shadow:none;padding:13px;gap:12px}.sync-overview-card.utility-only{padding:0}.sync-overview-title,.sync-toggle-title{font-size:12px;font-weight:600}.sync-overview-description,.sync-toggle-description{font-size:11px;line-height:1.8}.sync-toggle-row{padding:10px 0;border-top:1px solid var(--hairline)}.sync-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;background:transparent;border:0}.sync-action-button{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid var(--hairline);border-radius:9px;background:var(--surface-color);color:var(--on-surface);min-height:62px;padding:15px 13px;font-size:12px;box-shadow:none}.sync-action-button:hover:not(:disabled){background:var(--primary-soft);border-color:var(--surface-variant-strong)}.sync-action-button .material-symbols-outlined{color:var(--primary-color)}.panel-inline-toggle{border:0;background:transparent;box-shadow:none;font-size:11px;color:var(--primary-color)}.backup-local-callout{display:flex;align-items:flex-start;gap:10px;background:var(--primary-soft);color:var(--primary-color);padding:13px 15px;border-radius:8px;margin-top:21px}.backup-local-callout p{font-size:11px;line-height:1.85;margin:0}.backup-local-callout .material-symbols-outlined{width:17px;height:17px;min-width:17px;margin-top:2px}.shortcut-list{margin-top:20px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);gap:20px;padding:14px 0;font-size:12px;color:var(--on-surface-variant)}.shortcut-list kbd{padding:6px 8px;font-size:11px;color:var(--on-surface);background:var(--surface-muted)}#note-details-modal .dialog-content{width:min(100%,740px);padding:28px 32px}.detail-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;margin:0 0 4px;border:0;border-bottom:1px solid var(--hairline);background:transparent}.detail-dialog-header h3{margin:0}.note-details-panel{border:0;background:transparent;padding:0;box-shadow:none}.detail-grid{display:grid;gap:15px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section-heading{grid-column:1 / -1;font-size:11px;line-height:1.5;letter-spacing:.9px;color:var(--primary-color);font-weight:650;padding:13px 0 0;margin:0}.detail-field,.detail-field-wide,.detail-field-date,.detail-toggle-field{grid-column:auto;min-width:0;gap:7px;padding:0;background:transparent;border:0}.detail-field[for=note-tags-input]{grid-column:auto}.detail-toggles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-color-input{min-height:41px;padding:5px;width:100%;border:1px solid var(--hairline);border-radius:7px;background:var(--surface-muted)}.detail-toggle-button{min-height:41px;border:1px solid var(--surface-variant);border-radius:7px;background:var(--surface-muted);color:var(--on-surface-variant);font-size:12px;box-shadow:none}.detail-toggle-button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-color);border-color:var(--surface-variant-strong)}.related-details{border-top:1px solid var(--hairline);margin-top:25px;padding-top:16px}.related-details>summary{cursor:pointer;font-size:12px;line-height:1.8;color:var(--on-surface-variant)}.related-details>summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:5px}.detail-sidecars{margin-top:15px;gap:11px}.detail-sidecard{border:1px solid var(--hairline);border-radius:10px;background:var(--surface-muted);padding:14px;box-shadow:none}.detail-sidecard-title{font-size:11px;color:var(--subtle-text)}.detail-chip-button{border:1px solid var(--hairline);background:var(--surface-color);border-radius:7px;color:var(--on-surface);box-shadow:none;padding:10px}.detail-chip-label{font-size:12px}.detail-chip-description{font-size:11px;color:var(--subtle-text)}.dropdown{position:relative}.dropdown-content{position:absolute;inset-block-start:43px;inset-inline-end:0;width:220px;max-height:min(60dvh,450px);overflow:auto;padding:7px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-color);box-shadow:0 12px 40px var(--shadow-color);z-index:90}.dropdown-action{width:100%;padding:10px 12px;font-size:12px;text-align:start;border:0;border-radius:5px;background:transparent;color:var(--on-surface-variant)}.dropdown-action:hover,.dropdown-action.active{background:var(--primary-soft);color:var(--primary-color)}.toast-region{bottom:24px;inset-inline:auto 24px;z-index:500;width:min(430px,calc(100vw - 40px))}.toast-card{border:1px solid var(--hairline);border-radius:10px;background:var(--surface-color);box-shadow:0 10px 35px var(--shadow-color);padding:15px;gap:11px}.toast-message{font-size:12px;line-height:1.75}.toast-card[data-tone=success]{border-color:var(--surface-variant-strong)}.toast-card[data-tone=error]{border-color:var(--danger-color)}#file-drop-overlay,#loading-spinner{background:var(--scrim);backdrop-filter:blur(5px)}.overlay-content{color:var(--on-surface);background:var(--surface-color);border:2px dashed var(--primary-color);border-radius:20px;padding:45px;font-size:16px}.overlay-content .material-symbols-outlined{width:52px;height:52px;color:var(--primary-color);margin-bottom:16px}.spinner{border-color:var(--surface-variant);border-top-color:var(--primary-color)}.switch-input:checked{background:var(--primary-color)}.mobile-only,.mobile-tab-bar{display:none}@media(max-width:1180px)and (min-width:761px){:root{--browser-width: 310px;--document-padding: 32px}#app-container{grid-template-columns:var(--browser-width) minmax(0,1fr)}.app-header{grid-column:1 / -1;padding-inline:20px}#left-panel{position:absolute;inset-block:var(--header-height) 0;inset-inline-start:0;width:260px;z-index:65;transform:translate(-105%);box-shadow:16px 0 40px var(--shadow-color);padding-top:22px;transition:transform .22s ease}html[dir=rtl] #left-panel{transform:translate(105%)}#app-container.mobile-panel-visible #left-panel{transform:translate(0)}#note-browser-panel{grid-column:1}#editor-container{grid-column:2}.mobile-only{display:inline-flex}.header-search-button{min-width:132px}.header-search-button>span:not(.material-symbols-outlined){display:none}.header-search-button kbd{margin-inline-start:7px}#note-title-input{font-size:27px}.editor-command-bar{padding-inline:22px}.welcome-main{width:calc(100% - 80px);gap:25px}.welcome-nav,.welcome-footer{width:calc(100% - 80px)}.welcome-art{transform:scale(.88);transform-origin:center}.welcome-primary-actions{gap:10px}.welcome-imports{grid-template-columns:1fr}.welcome-copy{max-width:490px}}@media(max-width:760px){:root{--header-height: 61px;--document-padding: 25px}#app-container{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr) calc(var(--mobile-tab-bar-height) + var(--safe-bottom));padding:0;height:100dvh}.app-header{grid-column:1;grid-row:1;padding:0 14px;gap:5px}.header-left{gap:4px}.header-right{gap:2px}.workspace-breadcrumb{font-size:11px;gap:5px}.workspace-breadcrumb>.material-symbols-outlined,.workspace-breadcrumb strong,.breadcrumb-slash{display:none}.header-search-button{width:34px;min-width:34px;height:34px;padding:8px;border:0;background:transparent}.header-search-button>span:not(.material-symbols-outlined),.header-search-button kbd,.header-divider,.header-right>[data-action=shortcuts]{display:none}.header-search-button .material-symbols-outlined{width:19px;height:19px}.header-right .icon-button,.header-left .icon-button{width:44px;min-width:44px;height:44px}.sync-status{font-size:0;padding:5px;gap:0}#sync-status-text{display:none}.mobile-only{display:inline-flex}#left-panel,#note-browser-panel,#editor-container{grid-column:1;grid-row:2;position:relative;inset:auto;width:auto;transform:none;border:0;border-radius:0;height:auto}#left-panel{display:none;padding:23px 24px 0}#note-browser-panel{display:flex}#editor-container,#app-container.mobile-view-browse #left-panel,#app-container.mobile-view-browse #editor-container,#app-container.mobile-view-editor #left-panel,#app-container.mobile-view-editor #note-browser-panel{display:none}#app-container.mobile-view-editor #editor-container{display:flex}#app-container.mobile-view-utility #note-browser-panel,#app-container.mobile-view-utility #editor-container{display:none}#app-container.mobile-view-utility #left-panel{display:flex}.mobile-tab-bar{grid-row:3;grid-column:1 / -1;position:relative;display:flex;align-items:center;justify-content:space-around;gap:7px;inset:auto;width:100%;min-height:0;height:auto;padding:9px 18px calc(9px + var(--safe-bottom));border:0;border-top:1px solid var(--hairline);border-radius:0;background:var(--surface-color);box-shadow:none;z-index:60}.mobile-tab-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 8px;min-height:50px;border:0;border-radius:9px;background:transparent;color:var(--subtle-text);font-size:11px;box-shadow:none}.mobile-tab-button.active{background:var(--primary-soft);color:var(--primary-color)}.mobile-tab-button .material-symbols-outlined{width:21px;height:21px;min-width:21px}#note-browser-panel .panel-header{padding:24px 26px 20px;min-height:90px}#browse-heading{font-size:26px}.browse-caption{font-size:12px}.note-search-shell{min-height:43px;margin-inline:24px}#note-search-input{font-size:12px}.note-summary-row{padding-inline:26px}.note-search-summary,#note-sort-select{font-size:11px}#note-list-container{padding-inline:15px}.note-item{padding:18px;gap:11px}.note-item-title{font-size:14px}.note-item-snippet{font-size:12px}.note-item-meta,.note-tag{font-size:11px}.note-tools-panel{inset:153px 24px auto;max-height:calc(100dvh - 310px)}.note-filter-chip,.note-tool-chip{min-height:35px;font-size:12px}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 2px 23px}.workspace-label{margin:0;font-size:10px}.sidebar-new-note,.workspace-nav-item{min-height:44px;font-size:13px}.folder-content{min-height:41px;font-size:12px}.keep-note-card{display:none}.sidebar-utility{font-size:12px;min-height:43px}.sidebar-profile{min-height:70px}.sidebar-profile strong{font-size:12px}.editor-command-bar{min-height:59px;padding:11px 18px;gap:5px}.toolbar-actions{gap:2px}.toolbar-actions .icon-button{width:44px;height:44px;min-width:44px}.editor-document-label{font-size:10px;gap:4px}.toolbar-separator{margin-inline:2px}.save-note-button{padding:5px 6px;min-height:44px;font-size:11px;gap:3px}#editor-toolbar{padding-top:29px}#note-title-input{font-size:27px}#editor-note-meta{gap:7px 9px;padding-bottom:12px}.editor-chip{font-size:11px}#note-content-textarea{padding-top:17px;line-height:1.95;font-size:16px}.editor-footer{padding:9px 21px;min-height:40px;font-size:10px}.editor-footer>div:last-child>.footer-dot,.editor-footer [data-i18n-key=renewSaveHint],.editor-footer kbd{display:none}#editor-empty-state{padding:28px}#editor-empty-state h2{font-size:24px}#editor-empty-state>p:not(.empty-eyebrow){font-size:12px}#app-container.focus-mode{grid-template-columns:minmax(0,1fr)}#app-container.focus-mode #editor-container{display:flex;grid-column:1}.dialog-overlay{padding:17px}.dialog-content{padding:23px;max-height:calc(100dvh - 34px);border-radius:13px}.dialog-content h3{font-size:22px}.dialog-content h2{font-size:24px}.dialog-content input:not([type=checkbox]):not([type=color]),.dialog-content select{font-size:16px;min-height:44px}.dialog-button{min-height:43px;font-size:12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.detail-field-wide,.detail-field-date{grid-column:span 2}.detail-sidecars{grid-template-columns:1fr}.sync-action-button{font-size:11px;padding:13px 9px;gap:8px}.sync-action-button .material-symbols-outlined{width:18px;min-width:18px}.toast-region{bottom:calc(85px + var(--safe-bottom));inset-inline:17px;width:auto}.welcome-nav{width:calc(100% - 44px);min-height:83px}.welcome-nav-caption{display:none}.welcome-nav-actions{gap:5px}.welcome-nav .brand-lockup{font-size:19px;gap:7px}.welcome-nav .brand-lockup img{width:32px;height:32px}.web-badge{font-size:10px}.welcome-main{display:flex;flex-direction:column;width:calc(100% - 48px);gap:10px;margin:17px auto 24px;align-items:stretch}.welcome-copy{padding:10px 0 0}.eyebrow{font-size:10px;letter-spacing:1.6px}#welcome-title{font-size:clamp(32px,8.8vw,48px);line-height:1.36;letter-spacing:-1.6px;margin:20px 0 17px}html[lang=en] #welcome-title{font-size:clamp(40px,11vw,65px);letter-spacing:-1.6px}.welcome-description{font-size:12px;line-height:1.95}.welcome-primary-actions{margin-top:24px;margin-bottom:13px;gap:12px}.welcome-primary-actions .primary-button{font-size:12px;padding-inline:16px;min-height:45px}.welcome-primary-actions .primary-button .material-symbols-outlined:last-child{margin-inline-start:3px}.text-button{font-size:11px;padding-inline:0}.welcome-local-note{font-size:11px}.import-divider{margin-top:24px;font-size:10px;padding-top:18px}.welcome-imports{gap:8px}.import-button{padding:12px 9px;gap:7px}.import-button strong{font-size:11px}.import-button small{font-size:10px}.import-icon .material-symbols-outlined{width:17px;min-width:17px}.import-button>.material-symbols-outlined{display:none}.welcome-art{height:390px;width:100%;margin-top:12px;overflow:hidden}.welcome-art:before{width:285px;height:325px}.art-orbit{width:340px;height:340px}.orbit-two{width:285px;height:285px}.preview-paper{width:265px;padding:22px}.preview-paper-back{width:252px;height:290px}.paper-top{font-size:10px;letter-spacing:1px;gap:7px}.paper-symbol{width:25px;height:25px;border-radius:6px}.paper-symbol .material-symbols-outlined{width:15px;height:15px;min-width:15px}.preview-paper h2{font-size:21px;line-height:1.45;margin:16px 0 10px}html[lang=en] .preview-paper h2{font-size:26px}.paper-description{font-size:11px}.paper-rule{margin:15px 0 10px}.paper-check{padding:5px 0;font-size:11px;gap:7px}.paper-check .material-symbols-outlined{width:13px;height:13px;min-width:13px}.paper-footer{margin-top:14px;font-size:10px}.floating-label{font-size:10px;padding:9px 12px;bottom:7px;inset-inline-end:5px}.floating-label .material-symbols-outlined{width:14px;height:14px;min-width:14px}.spark-one{font-size:32px;top:10px;inset-inline-end:0}.spark-two{font-size:24px;bottom:12px;inset-inline-start:4px}.welcome-footer{width:calc(100% - 48px);flex-direction:column;align-items:flex-start;min-height:95px;padding:21px 0;font-size:10px;gap:14px}.welcome-footer>div{gap:20px}}@media(max-width:360px){.workspace-breadcrumb,.editor-document-label{display:none}.toolbar-actions{width:100%;justify-content:flex-end}.welcome-imports{grid-template-columns:1fr}.welcome-primary-actions{gap:4px}}@media(max-height:790px)and (min-width:761px){.keep-note-card{padding:11px}.keep-note-icon{display:none}.sidebar-top{padding-bottom:18px}.workspace-nav{margin-bottom:17px}.sidebar-bottom{margin-top:8px}.welcome-nav{min-height:83px}.welcome-main{margin-top:0;margin-bottom:30px}.welcome-art{height:440px}.welcome-art:before{height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.folder-panel-section .panel-header>div:first-child,.note-panel-section .panel-header>div:first-child{display:block;min-width:0}.mobile-tab-button:before,.mobile-tab-button:after{content:none}@media(max-width:760px){#note-details-modal .dialog-content{padding:24px}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-field,.detail-field-wide,.detail-field-date{grid-column:1}.detail-toggles{gap:8px}}.folder-panel-section .panel-header,.note-panel-section .panel-header{justify-content:space-between}.folder-panel-section .panel-header>div:first-child,.note-panel-section .panel-header>div:first-child{flex:1;text-align:start}.sync-action-button{width:100%}.sync-action-button span:last-child{display:inline}.sync-action-grid{justify-content:stretch}.sync-overview-card.utility-only{padding:13px}.note-item-meta,.note-tag,.note-search-summary,.editor-footer,.mobile-tab-button,.sidebar-profile small,.import-button small{font-size:12px}.note-item-snippet{font-size:12.5px}.browse-caption{font-size:12px}.folder-content:focus-visible{outline-offset:-2px}#note-content-textarea{overscroll-behavior:contain}@media(forced-colors:active){.note-item.selected,.workspace-nav-item.active,.folder-item.selected>.folder-content{outline:2px solid Highlight;outline-offset:-2px}.material-symbols-outlined:before{background:CanvasText}}@media(max-width:760px){#app-container.mode-mobile .folder-panel-section{display:flex;flex:none;min-height:0;padding-block-end:18px}.folder-content{min-height:44px}#left-panel .folder-panel-section .panel-header .icon-button{width:44px;height:44px;min-width:44px}}.attachment-toolbar{display:flex;align-items:center;gap:12px;padding:8px var(--document-padding);flex-shrink:0}.attachment-toolbar .chip-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--hairline);padding:8px 12px;border-radius:8px;width:auto;height:auto;min-height:40px;flex:0 0 auto}.attachment-toolbar .material-symbols-outlined{width:18px;height:18px}.attachment-hint{color:var(--subtle-text);font-size:12px;line-height:1.6}.editor-file-list{margin:0 var(--document-padding);max-height:min(260px,30vh);flex-shrink:0;overflow:auto;padding:8px 0;border-bottom:1px solid var(--hairline)}.editor-file-list .detail-list{display:grid;gap:6px}.editor-file-list .detail-list-item{padding:10px}.editor-file-list .detail-list-label{overflow-wrap:anywhere}.attachment-file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}.attachment-file-actions a,.attachment-edit-button{color:var(--primary-color);font-size:12px;padding:6px 4px;min-height:32px}.attachment-file-actions a{text-decoration:underline}.attachment-edit-button{border:1px solid var(--hairline);border-radius:6px;background:var(--surface-muted);cursor:pointer}.attachment-edit-button:disabled{opacity:.45;cursor:not-allowed}.editor-file-list audio,.editor-file-list video{width:100%;max-width:360px;max-height:150px;margin-top:8px}#editor-content.attachment-drag-over{outline:2px dashed var(--primary-color);outline-offset:-5px}.attachment-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid var(--hairline);border-radius:18px;padding:26px;color:var(--on-surface);background:var(--surface-color);box-shadow:0 16px 60px #0003}.attachment-dialog::backdrop{background:#0006}.attachment-dialog h2{margin:0 0 20px;font-size:20px}.attachment-dialog label{display:block;margin:14px 0 7px;font-size:13px}.attachment-dialog input:not([type=file]){display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-muted);color:var(--on-surface);font:inherit}.attachment-dialog-hint{font-size:12px;line-height:1.6;color:var(--subtle-text)}.attachment-dialog-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.attachment-dialog-tools button{padding:10px;min-height:40px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-muted);color:var(--on-surface)}.attachment-dialog-tools .attachment-danger{color:#b42318}.attachment-edit-error{font-size:12px;color:#b42318}#attachment-replace-status{font-size:12px;overflow-wrap:anywhere}.attachment-transfer-guide{font-size:12px;line-height:1.7;padding:14px;margin:12px 0;border:1px solid var(--hairline);border-radius:10px}.attachment-transfer-guide p{margin:7px 0}.attachment-recovery-button{min-height:38px;margin:4px 0 16px;padding:8px 12px;border:1px solid var(--hairline);border-radius:8px;color:var(--on-surface);background:var(--surface-color)}#loading-spinner{z-index:10000}@media(max-width:600px){.attachment-toolbar{flex-wrap:wrap;gap:6px}.attachment-hint{font-size:12px}.editor-file-list{max-height:26vh}.attachment-dialog{padding:20px}.attachment-file-actions a,.attachment-edit-button{min-height:40px}}.editor-document-label{font-size:12px}.toolbar-actions .icon-button{width:38px;height:38px;min-width:38px}.toolbar-actions .material-symbols-outlined{width:19px;height:19px;min-width:19px}.save-note-button{min-height:38px;padding:7px 11px;font-size:12px}#editor-note-meta .editor-chip{font-size:12px;line-height:1.6;font-weight:500}#pin-note-button{width:auto;min-width:38px;gap:6px;padding-inline:9px}#pin-note-button:after{content:attr(data-state-label);font-size:12px;font-weight:600;white-space:nowrap}.folder-content{position:relative}.folder-item.drag-before>.folder-content:after,.folder-item.drag-after>.folder-content:after{content:"";position:absolute;inset-inline:8px;height:2px;border-radius:999px;background:var(--primary-color);pointer-events:none}.folder-item.drag-before>.folder-content:after{top:-2px}.folder-item.drag-after>.folder-content:after{bottom:-2px}@media(max-width:760px){.editor-document-label{font-size:11px}#editor-note-meta .editor-chip{font-size:12px}}@media(max-width:560px){#pin-note-button:after{display:none}}.formatting-toolbar{display:flex;align-items:center;gap:6px;width:min(100%,var(--editor-measure, 760px));align-self:center;overflow-x:auto;padding:8px 12px;border-block:1px solid var(--line-color, var(--hairline));background:var(--surface-color, var(--editor-surface));scrollbar-width:thin}.formatting-action{flex:0 0 auto;min-width:38px;height:38px;padding:0 9px;border:1px solid var(--control-border, var(--hairline));border-radius:10px;background:var(--surface-muted, var(--control-surface));color:var(--on-surface);font:inherit;font-size:14px;cursor:pointer}.formatting-action:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-color)}.formatting-action:disabled{opacity:.42;cursor:not-allowed}.formatting-action .material-symbols-outlined{font-size:19px}.note-folder-path{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-settings-overlay{z-index:140}.web-settings-dialog{width:min(760px,100%);max-height:min(86dvh,820px)}.web-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.web-settings-header h2{margin:0}.web-settings-grid{display:grid;gap:14px}.web-settings-section{border:1px solid var(--line-color, var(--hairline));border-radius:16px;padding:16px;background:var(--surface-muted, var(--control-surface-soft))}.web-settings-section h3{margin:0 0 12px;font-size:15px}.web-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0}.web-setting-row+.web-setting-row{border-top:1px solid var(--line-color, var(--hairline))}.web-setting-row>span{min-width:0;display:grid;gap:4px}.web-setting-row strong{font-size:13px}.web-setting-row small{color:var(--on-surface-variant, var(--subtle-text));font-size:12px;line-height:1.45}.web-setting-row input[type=number],.web-setting-row select{min-width:150px;min-height:40px;padding:7px 10px;border:1px solid var(--control-border, var(--hairline));border-radius:9px;background:var(--surface-color);color:var(--on-surface)}.switch-setting input{width:20px;height:20px;accent-color:var(--primary-color)}.web-settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.web-settings-links h3{grid-column:1/-1}.web-settings-links button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--control-border, var(--hairline));border-radius:11px;background:var(--surface-color);color:var(--on-surface)}.web-settings-footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-color, var(--hairline))}@media(max-width:760px){.formatting-toolbar{width:100%;align-self:stretch;padding-inline:10px}.formatting-action{min-width:44px;height:44px}.web-settings-overlay{align-items:flex-end}.web-settings-dialog{width:100%;max-height:85dvh;border-radius:22px 22px 0 0}.web-setting-row{align-items:flex-start;flex-direction:column;gap:8px}.web-setting-row input[type=number],.web-setting-row select{width:100%;min-width:0}.switch-setting{flex-direction:row;align-items:center}.web-settings-links{grid-template-columns:1fr}.web-settings-links h3{grid-column:auto}}.formatting-separator{flex:0 0 1px;height:26px;background:var(--line-color, var(--hairline));margin:0 3px}.markdown-view-switch{display:flex;align-items:center;gap:4px;width:min(100%,var(--editor-measure, 760px));align-self:center;padding:6px 12px 2px}.markdown-view-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--on-surface-variant, var(--subtle-text));font:inherit;font-size:12px;cursor:pointer}.markdown-view-button .material-symbols-outlined{font-size:17px}.markdown-view-button:hover,.markdown-view-button.active{border-color:var(--control-border, var(--hairline));background:var(--surface-muted, var(--control-surface));color:var(--on-surface)}.markdown-view-button.active{font-weight:650}.markdown-workspace{flex:1;min-height:260px;width:100%;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.markdown-workspace #note-content-textarea{min-height:0;height:100%;width:100%;box-sizing:border-box}.markdown-preview{display:none;min-width:0;min-height:0;overflow:auto;padding:21px var(--document-padding, 32px) 42px;color:var(--on-surface);background:var(--surface-color, var(--editor-surface));font-size:16px;line-height:1.85;overflow-wrap:anywhere}.markdown-workspace.mode-preview #note-content-textarea{display:none}.markdown-workspace.mode-preview .markdown-preview{display:block}.markdown-workspace.mode-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.markdown-workspace.mode-split #note-content-textarea,.markdown-workspace.mode-split .markdown-preview{display:block}.markdown-workspace.mode-split .markdown-preview{border-inline-start:1px solid var(--line-color, var(--hairline))}.markdown-preview>*:first-child{margin-top:0}.markdown-preview>*:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{line-height:1.3;margin:1.2em 0 .55em;font-weight:750}.markdown-preview h1{font-size:2em}.markdown-preview h2{font-size:1.65em}.markdown-preview h3{font-size:1.38em}.markdown-preview h4{font-size:1.18em}.markdown-preview h5{font-size:1.05em}.markdown-preview h6{font-size:.95em}.markdown-preview p{margin:0 0 .95em;white-space:pre-wrap;overflow-wrap:anywhere}.markdown-preview blockquote{margin:1em 0;padding:4px 0 4px 16px;border-inline-start:4px solid var(--primary-color);color:var(--on-surface-variant, var(--subtle-text))}.markdown-preview code{padding:.12em .35em;border-radius:5px;background:var(--surface-muted, var(--control-surface));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown-preview pre{overflow:auto;margin:1em 0;padding:14px 16px;border:1px solid var(--line-color, var(--hairline));border-radius:12px;background:var(--surface-muted, var(--control-surface))}.markdown-preview pre code{padding:0;background:transparent;white-space:pre}.markdown-preview ul,.markdown-preview ol{margin:.7em 0;padding-inline-start:1.6em}.markdown-preview li{margin:.28em 0}.markdown-preview .task-list{list-style:none;padding-inline-start:.3em}.markdown-preview .task-item{display:flex;align-items:flex-start;gap:8px}.markdown-preview .task-item>span:first-child{color:var(--primary-color);font-size:1.05em}.markdown-preview hr{border:0;border-top:1px solid var(--line-color, var(--hairline));margin:1.4em 0}.markdown-table-wrap{max-width:100%;overflow:auto;margin:1em 0;border:1px solid var(--line-color, var(--hairline));border-radius:12px}.markdown-preview table{width:100%;border-collapse:collapse;min-width:420px}.markdown-preview th,.markdown-preview td{padding:9px 11px;border-inline-end:1px solid var(--line-color, var(--hairline));border-bottom:1px solid var(--line-color, var(--hairline));text-align:start;vertical-align:top}.markdown-preview th{background:var(--surface-muted, var(--control-surface));font-weight:700}.markdown-preview tr:last-child td{border-bottom:0}.markdown-preview th:last-child,.markdown-preview td:last-child{border-inline-end:0}.markdown-preview-empty{color:var(--on-surface-variant, var(--subtle-text));font-style:italic}@media(max-width:760px){.markdown-view-switch{width:100%;padding-inline:10px;overflow-x:auto}.markdown-view-button{min-height:40px;padding-inline:11px}.markdown-workspace.mode-split{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) minmax(220px,1fr);overflow:auto}.markdown-workspace.mode-split .markdown-preview{border-inline-start:0;border-top:1px solid var(--line-color, var(--hairline))}.markdown-preview{padding:18px 18px 32px}}.formatting-action.toolbar-preference-hidden{display:none!important}.web-toolbar-customizer{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-color, var(--hairline))}.web-toolbar-customizer>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:13px;font-weight:650;list-style:none}.web-toolbar-customizer>summary::-webkit-details-marker{display:none}.web-toolbar-customizer>summary .material-symbols-outlined{font-size:18px;color:var(--on-surface-variant, var(--subtle-text))}.web-toolbar-customizer>p{margin:8px 0 12px;color:var(--on-surface-variant, var(--subtle-text));font-size:12px;line-height:1.55}.toolbar-customizer-list,.toolbar-customizer-hidden-list{display:grid;gap:6px}.toolbar-customizer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:7px 8px 7px 12px;border:1px solid var(--line-color, var(--hairline));border-radius:10px;background:var(--surface-color)}.toolbar-customizer-row.hidden-item{opacity:.78}.toolbar-customizer-label{min-width:0;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-customizer-controls{display:flex;align-items:center;gap:3px;flex:0 0 auto}.toolbar-customizer-control{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--on-surface-variant, var(--subtle-text));cursor:pointer}.toolbar-customizer-control:hover:not(:disabled){border-color:var(--control-border, var(--hairline));background:var(--surface-muted, var(--control-surface));color:var(--on-surface)}.toolbar-customizer-control:disabled{opacity:.28;cursor:not-allowed}.toolbar-customizer-control .material-symbols-outlined{font-size:17px}.toolbar-customizer-hidden-title{margin:14px 0 7px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant, var(--subtle-text))}.toolbar-customizer-reset{margin-top:10px;width:100%}.note-list[data-view-type=LIST] .note-item{padding-block:12px;gap:6px}.note-list[data-view-type=LIST] .note-item-snippet{-webkit-line-clamp:2;margin-top:3px;min-height:0}.note-list[data-view-type=LIST] .note-item-footer{margin-top:4px}.note-list[data-view-type=DETAIL] .note-item{padding:18px;gap:11px}.note-list[data-view-type=DETAIL] .note-item-snippet{-webkit-line-clamp:5;font-size:12px;line-height:1.8;min-height:0}.note-list[data-view-type=DETAIL] .note-item-tags{max-width:58%}.note-list[data-view-type=GRID]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.note-list[data-view-type=GRID] .note-item{margin:0!important;padding:12px!important;min-height:164px;gap:8px}.note-list[data-view-type=GRID] .note-item-topline{min-width:0}.note-list[data-view-type=GRID] .note-item-title{font-size:12px}.note-list[data-view-type=GRID] .note-item-status-row{max-width:48px}.note-list[data-view-type=GRID] .note-item-snippet{-webkit-line-clamp:4;font-size:11.5px;line-height:1.65;min-height:0}.note-list[data-view-type=GRID] .note-item-footer{align-items:flex-start;flex-direction:column;gap:6px;margin-top:auto}.note-list[data-view-type=GRID] .note-item-tags{max-width:100%;justify-content:flex-start}.note-list[data-view-type=GRID] .note-folder-path{max-width:120px}.note-list[data-view-type=GRID] .empty-list-state{grid-column:1/-1}.note-list[data-view-type=LARGE_GRID]{display:grid!important;grid-template-columns:1fr;gap:9px}.note-list[data-view-type=LARGE_GRID] .note-item{margin:0!important;padding:18px!important;gap:10px}.note-list[data-view-type=LARGE_GRID] .note-item-snippet{-webkit-line-clamp:5;font-size:12px;line-height:1.82;min-height:0}.note-list[data-view-type=LARGE_GRID] .note-item-footer{margin-top:8px}.note-list[data-view-type=LARGE_GRID] .note-item-tags{max-width:60%}@media(max-width:420px){.note-list[data-view-type=GRID]{gap:6px}.note-list[data-view-type=GRID] .note-item{padding:10px!important;min-height:150px}.note-list[data-view-type=GRID] .note-item-snippet{-webkit-line-clamp:3}.toolbar-customizer-row{padding-inline-start:10px}}.markdown-color-picker-input{position:fixed!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}.formatting-color-action{position:relative}.markdown-color-swatch{position:absolute;inset-inline:8px;inset-block-end:3px;height:3px;border-radius:3px;background:var(--markdown-color-swatch, #000);box-shadow:0 0 0 1px color-mix(in srgb,var(--on-surface) 18%,transparent)}.markdown-custom-color{color:inherit}.markdown-custom-background{padding:.05em .22em;border-radius:.28em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.markdown-resource-card{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;margin:.15em .08em;padding:6px 9px;border:1px solid var(--line-color, var(--hairline));border-radius:9px;background:var(--surface-muted, var(--control-surface));color:var(--on-surface);font:inherit;font-size:.92em;line-height:1.35;text-decoration:none;vertical-align:middle;cursor:pointer}.markdown-resource-card:hover{border-color:var(--primary-color);background:var(--primary-soft);color:var(--primary-color)}.markdown-resource-card>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-resource-card .material-symbols-outlined{font-size:18px;flex:0 0 auto}.markdown-resource-open-mark{margin-inline-start:auto;opacity:.65}.markdown-link-unsafe{display:inline-block;padding:.08em .3em;border-radius:.3em;background:var(--danger-soft, rgba(180, 40, 40, .08));color:var(--on-surface-variant, var(--subtle-text));text-decoration:line-through}.markdown-task-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;margin:-2px 0 0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--primary-color);font:inherit;font-size:17px;cursor:pointer}.markdown-task-toggle:hover{background:var(--primary-soft)}.markdown-task-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}@media(max-width:760px){.markdown-resource-card{min-height:40px;padding:8px 10px}.markdown-task-toggle{width:32px;height:32px}}.formatting-toolbar{width:min(calc(100% - 48px),1040px);align-self:center;margin:8px auto 0;padding:6px;display:flex;align-items:center;flex-wrap:wrap;gap:2px;overflow:visible;border:1px solid var(--control-border, var(--line-color, var(--hairline)));border-radius:14px;background:var(--surface-muted, var(--control-surface));box-shadow:0 1px 2px #00000009;scrollbar-width:none}.formatting-toolbar::-webkit-scrollbar{display:none}.formatting-action{position:relative;flex:0 0 auto;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--on-surface-variant, var(--subtle-text));box-shadow:none;cursor:pointer}.formatting-action:hover:not(:disabled){border-color:transparent;background:var(--primary-soft);color:var(--primary-color)}.formatting-action:active:not(:disabled){transform:none;background:var(--primary-soft)}.formatting-action:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:none}.formatting-action:disabled{opacity:.3;background:transparent;cursor:not-allowed}.formatting-action .material-symbols-outlined{width:19px;min-width:19px;height:19px;font-size:19px}.formatting-action[data-history-action]{color:var(--subtle-text, var(--on-surface-variant))}.formatting-separator{flex:0 0 1px;width:1px;height:22px;margin:0 4px;background:var(--line-color, var(--hairline))}.formatting-color-action .markdown-color-swatch{inset-inline:9px;inset-block-end:3px;height:2px}.markdown-view-switch{width:min(calc(100% - 48px),1040px);align-self:center;justify-content:flex-start;margin:8px auto 0;padding:0 2px;gap:2px}.markdown-view-button{min-height:34px;padding:0 11px;gap:6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--on-surface-variant, var(--subtle-text));font-size:12px;font-weight:550}.markdown-view-button:hover{border-color:transparent;background:var(--surface-muted, var(--control-surface));color:var(--on-surface)}.markdown-view-button.active,.markdown-view-button[aria-pressed=true]{border-color:transparent;background:var(--primary-soft);color:var(--primary-color);font-weight:650}.markdown-view-button .material-symbols-outlined{width:18px;min-width:18px;height:18px;font-size:18px}@media(max-width:1100px){.formatting-toolbar{width:calc(100% - 32px);flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.markdown-view-switch{width:calc(100% - 32px)}}@media(max-width:760px){.formatting-toolbar{width:calc(100% - 24px);margin-top:6px;padding:5px}.formatting-action{width:40px;min-width:40px;height:40px;border-radius:12px}.markdown-view-switch{width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.markdown-view-switch::-webkit-scrollbar{display:none}.markdown-view-button{min-height:38px;padding-inline:10px}}#editor-toolbar{width:min(calc(100% - 48px),1040px);margin:0 auto;padding:30px 0 4px}#note-title-input{min-height:0;padding:0 0 10px;font-size:clamp(28px,2.55vw,40px);line-height:1.22;font-weight:630;letter-spacing:-.9px}#editor-note-meta{width:min(calc(100% - 48px),1040px);max-width:none;align-self:center;margin:9px auto 0;padding:0 2px 14px;min-height:24px;border-bottom:1px solid var(--hairline)}#editor-note-meta .editor-chip{font-size:12px;line-height:1.6}@media(max-width:1100px){#editor-toolbar,#editor-note-meta{width:calc(100% - 32px)}}@media(max-width:760px){#editor-toolbar{width:calc(100% - 32px);padding-top:24px}#note-title-input{font-size:clamp(26px,8vw,34px)}#editor-note-meta{width:calc(100% - 32px);margin-top:7px;padding-bottom:12px}}.markdown-resource-card[data-resource-hydrated=true]{display:inline-grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:10px;width:min(100%,420px);min-height:62px;margin:.35em .08em;padding:6px 10px 6px 6px;border:1px solid var(--line-color, var(--hairline));border-radius:14px;background:var(--surface-color, var(--editor-surface));color:var(--on-surface);box-shadow:0 1px 2px #00000009;text-align:start}.markdown-resource-card[data-resource-hydrated=true]:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--line-color, var(--hairline)));background:var(--primary-soft);color:var(--on-surface)}.markdown-resource-media{width:52px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:var(--surface-muted, var(--control-surface));color:var(--on-surface-variant, var(--subtle-text));font-size:11px;font-weight:750;letter-spacing:.06em}.markdown-resource-media.type-image{background:var(--surface-muted, var(--control-surface))}.markdown-resource-media.type-video{background:var(--primary-soft);color:var(--primary-color)}.markdown-resource-media.type-pdf{background:var(--danger-soft, rgba(180, 40, 40, .08));color:var(--danger-color, var(--on-surface))}.markdown-resource-thumbnail{width:100%;height:100%;display:block;object-fit:cover}.markdown-resource-copy{min-width:0;display:grid;gap:3px}.markdown-resource-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;font-weight:650}.markdown-resource-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant, var(--subtle-text));font-size:11px;line-height:1.3}.markdown-resource-card[data-resource-hydrated=true] .markdown-resource-open-mark{width:18px;min-width:18px;height:18px;opacity:.55}.markdown-resource-card.is-missing{border-style:dashed;opacity:.7}@media(max-width:760px){.markdown-resource-card[data-resource-hydrated=true]{width:100%;grid-template-columns:48px minmax(0,1fr) 18px;min-height:58px;padding:5px 9px 5px 5px}.markdown-resource-media{width:48px;height:46px}}.markdown-resource-media{position:relative;flex-direction:column;gap:2px}.markdown-resource-kind-icon{width:20px!important;min-width:20px!important;height:20px!important;opacity:.84}.markdown-resource-extension{max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;line-height:1;letter-spacing:.06em}.markdown-resource-play{position:absolute;inset:auto 4px 4px auto;width:20px!important;min-width:20px!important;height:20px!important;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--surface-color) 88%,transparent);color:var(--primary-color);box-shadow:0 1px 3px #00000024}.markdown-resource-media[data-thumbnail-source] .markdown-resource-play{width:22px!important;min-width:22px!important;height:22px!important}.markdown-resource-card[data-resource-kind=video] .markdown-resource-media{background:var(--surface-muted, var(--control-surface))}.markdown-resource-card[data-resource-kind=audio] .markdown-resource-kind-icon{color:var(--primary-color)}.markdown-resource-card[data-resource-kind=pdf] .markdown-resource-kind-icon{color:var(--danger-color, var(--primary-color))}.markdown-resource-card.is-missing .markdown-resource-open-mark{display:none}.markdown-resource-card.is-missing .markdown-resource-media{filter:grayscale(.45);opacity:.75}.toolbar-customizer-row{position:relative}.toolbar-customizer-label{flex:1}.toolbar-customizer-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:32px;margin-inline:-4px 0;border-radius:8px;color:var(--on-surface-variant, var(--subtle-text));cursor:grab;touch-action:none}.toolbar-customizer-drag-handle:active{cursor:grabbing}.toolbar-customizer-drag-handle .material-symbols-outlined{width:18px;min-width:18px;height:18px;opacity:.7}.toolbar-customizer-row.dragging{opacity:.42}.toolbar-customizer-row.drag-before:before,.toolbar-customizer-row.drag-after:after{content:"";position:absolute;z-index:2;inset-inline:7px;height:2px;border-radius:999px;background:var(--primary-color)}.toolbar-customizer-row.drag-before:before{top:-4px}.toolbar-customizer-row.drag-after:after{bottom:-4px}.toolbar-customizer-control[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-color)}.formatting-preference-separator{height:22px;margin-inline:4px}@media(max-width:760px){.toolbar-customizer-drag-handle{display:none}.toolbar-customizer-controls{gap:1px}}.toolbar-customizer-drag-handle:hover{background:var(--surface-muted, var(--control-surface));color:var(--on-surface)}.toolbar-customizer-drag-handle:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.link-editor-dialog{width:min(640px,100%);max-height:min(84dvh,760px);display:flex;flex-direction:column}.link-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.link-editor-header h2{margin:0}.link-editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;margin-bottom:14px;border-radius:13px;background:var(--surface-muted, var(--control-surface))}.link-editor-tabs button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--on-surface-variant, var(--subtle-text));font:inherit;font-size:12px;font-weight:600;cursor:pointer}.link-editor-tabs button.active,.link-editor-tabs button[aria-selected=true]{background:var(--surface-color, var(--editor-surface));color:var(--primary-color);box-shadow:0 1px 2px #0000000e}.link-editor-tabs .material-symbols-outlined{width:18px;min-width:18px;height:18px}.link-editor-panel{min-height:0;display:grid;gap:10px}.link-editor-field{display:grid;gap:6px;color:var(--on-surface-variant, var(--subtle-text));font-size:12px;font-weight:600}.link-editor-field input{width:100%;min-height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid var(--control-border, var(--hairline));border-radius:11px;outline:0;background:var(--surface-color, var(--editor-surface));color:var(--on-surface);font:inherit;font-size:13px}.link-editor-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 14%,transparent)}.link-note-list{min-height:120px;max-height:360px;overflow:auto;display:grid;gap:5px;padding:2px 1px}.link-note-option{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:52px;padding:7px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--on-surface);font:inherit;text-align:start;cursor:pointer}.link-note-option:hover,.link-note-option:focus-visible{border-color:var(--control-border, var(--hairline));background:var(--surface-muted, var(--control-surface));outline:0}.link-note-option>.material-symbols-outlined{width:20px;min-width:20px;height:20px;color:var(--on-surface-variant, var(--subtle-text))}.link-note-option-copy{min-width:0;display:grid;gap:3px}.link-note-option-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.link-note-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--on-surface-variant, var(--subtle-text))}.link-editor-empty{margin:20px 0;padding:22px;border:1px dashed var(--control-border, var(--hairline));border-radius:12px;color:var(--on-surface-variant, var(--subtle-text));font-size:12px;text-align:center}.link-editor-error{margin:0;color:var(--danger-color, #b3261e);font-size:12px}.link-editor-footer{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-color, var(--hairline))}.link-editor-footer-spacer{flex:1}.markdown-wiki-link{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:26px;margin:0 .08em;padding:1px 6px;border:0;border-radius:7px;background:var(--primary-soft);color:var(--primary-color);font:inherit;font-weight:600;line-height:1.45;vertical-align:baseline;cursor:pointer}.markdown-wiki-link .material-symbols-outlined{width:15px;min-width:15px;height:15px;font-size:15px}.markdown-wiki-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-wiki-link:hover{filter:brightness(.97)}.markdown-wiki-link.is-missing{background:var(--danger-soft, rgba(179, 38, 30, .08));color:var(--danger-color, #b3261e);text-decoration:line-through}.markdown-wiki-link.is-ambiguous{background:color-mix(in srgb,#f9ab00 13%,transparent);color:color-mix(in srgb,#8a5800 88%,var(--on-surface))}@media(max-width:760px){.link-editor-overlay{align-items:flex-end}.link-editor-dialog{width:100%;max-height:88dvh;border-radius:22px 22px 0 0}.link-note-list{max-height:48dvh}.link-note-option{min-height:56px}.link-editor-tabs button{min-height:44px}}.resource-dock{flex:0 0 auto;min-width:0;border-top:1px solid var(--hairline);background:var(--surface-color)}.resource-surface{min-width:0;color:var(--on-surface);background:var(--surface-color)}.resource-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 24px;min-height:64px}.resource-tabs,.resource-header-actions{display:flex;align-items:center;gap:6px;min-width:0}.resource-tab,.resource-add,.resource-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted-text);padding:8px 10px;font:inherit;font-size:13px;white-space:nowrap}.resource-tab[aria-selected=true]{color:var(--primary-color);background:var(--surface-muted);font-weight:650}.resource-tab:hover,.resource-add:hover,.resource-toggle:hover{background:var(--surface-muted);color:var(--on-surface)}.resource-tab .material-symbols-outlined,.resource-add .material-symbols-outlined,.resource-toggle .material-symbols-outlined{width:18px;height:18px}.resource-count{min-width:22px;padding:1px 5px;border:1px solid var(--hairline);border-radius:6px;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;text-align:center}.resource-add{color:var(--primary-color)}.resource-toggle{width:40px;padding:8px}.resource-content{max-height:min(30vh,290px);overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--hairline);padding:0 24px 16px;scrollbar-gutter:stable}.resource-section-label{color:var(--muted-text);font-size:12px;font-weight:550;padding:12px 0 8px}.resource-file-list,.resource-linked-list{display:grid;gap:3px}.resource-file-row{display:flex;align-items:center;gap:4px;min-width:0;border-radius:10px}.resource-file-row:hover{background:var(--surface-muted)}.resource-file-open{display:flex;align-items:center;gap:12px;flex:1;width:0;min-width:0;min-height:64px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:var(--on-surface);text-align:start}.resource-type-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:42px;border:1px solid var(--hairline);border-radius:9px;background:var(--surface-muted);color:var(--primary-color);font-size:11px;letter-spacing:.3px;font-weight:750;overflow:hidden}.resource-file-copy{flex:1;display:grid;gap:5px;min-width:0}.resource-file-copy .detail-list-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;font-weight:600}.resource-file-meta{font-size:12px;line-height:1.3;color:var(--muted-text)}.resource-open-label{color:var(--primary-color);font-size:12px;flex:none;padding:0 4px}.resource-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted-text);font-size:12px;letter-spacing:2px}.resource-more:hover,.resource-more[aria-expanded=true]{background:var(--surface-muted);color:var(--on-surface)}.resource-file-open:focus-visible,.resource-linked-note:focus-visible{outline-offset:-2px}.resource-empty{display:flex;align-items:center;gap:14px;padding:16px 4px 12px;color:var(--muted-text)}.resource-empty>.material-symbols-outlined{width:26px;height:26px;flex-shrink:0}.resource-empty strong{font-size:13px;font-weight:600;color:var(--on-surface)}.resource-empty p{margin:5px 0 0;font-size:12px;line-height:1.6}.resource-linked-note{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 8px;border:0;border-radius:9px;background:transparent;color:var(--on-surface);text-align:start}.resource-linked-note:hover{background:var(--surface-muted)}.resource-linked-note>span:not(.material-symbols-outlined){display:grid;gap:6px;flex:1;min-width:0}.resource-linked-note strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-linked-note small{font-size:12px;color:var(--muted-text)}.resource-linked-note .material-symbols-outlined{width:20px;height:20px;flex-shrink:0;color:var(--primary-color)}.resource-file-menu{position:fixed;z-index:11000;width:208px;padding:6px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-color);box-shadow:0 10px 35px #15261b26}.resource-file-menu button{display:flex;gap:10px;align-items:center;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--on-surface);text-align:start;font-size:12px}.resource-file-menu button:hover{background:var(--surface-muted)}.resource-file-menu button .material-symbols-outlined{width:17px;height:17px}.resource-file-menu button.resource-danger{color:#b33b36;border-top:1px solid var(--hairline);margin-top:4px}.resource-file-menu button:disabled{opacity:.4;cursor:not-allowed}.resource-sheet{width:100%;max-width:100%;max-height:82dvh;margin:auto 0 0;padding:0;border:1px solid var(--hairline);border-bottom:0;border-radius:20px 20px 0 0;color:var(--on-surface);background:var(--surface-color);overflow:visible}.resource-sheet::backdrop{background:#10201866;backdrop-filter:blur(2px)}.sheet-grip{width:32px;height:4px;background:var(--hairline);border-radius:3px;margin:10px auto 0}.resource-sheet .resource-surface{border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.resource-sheet .resource-content{max-height:58dvh}.attachment-preview-dialog{width:min(1100px,calc(100vw - 64px));max-width:none;height:min(860px,calc(100dvh - 64px));max-height:none;padding:0;margin:auto;border:1px solid var(--hairline);border-radius:16px;background:var(--surface-color);color:var(--on-surface);box-shadow:0 24px 100px #10201840;overflow:hidden}.attachment-preview-dialog[open]{display:flex;flex-direction:column}.attachment-preview-dialog::backdrop{background:#0c191ac0;backdrop-filter:blur(3px)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:16px 20px;border-bottom:1px solid var(--hairline)}.preview-heading{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.preview-heading>div{min-width:0}.preview-heading h2{margin:0;font-size:15px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;max-height:72px;overflow:auto}.preview-heading p{margin:5px 0 0;font-size:12px;color:var(--muted-text)}.preview-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.preview-download,.preview-close,.preview-zoom button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--hairline);border-radius:8px;color:var(--on-surface);background:var(--surface-muted);font-size:12px}.preview-close{width:44px;height:44px;background:transparent}.preview-header-actions .material-symbols-outlined{width:20px;height:20px}.preview-status{flex:0 0 auto;padding:12px 20px;font-size:12px;line-height:1.5;color:var(--muted-text);background:var(--surface-muted);border-bottom:1px solid var(--hairline)}.preview-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;position:relative;background:var(--background-color)}.preview-body[aria-busy=true]:after{content:"";display:block;width:28px;height:28px;border:2px solid var(--hairline);border-top-color:var(--primary-color);border-radius:50%;margin:80px auto;animation:resource-spin 1s linear infinite}@keyframes resource-spin{to{transform:rotate(360deg)}}.preview-text{margin:0;padding:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;color:var(--on-surface)}.preview-pdf{display:block;width:100%;height:100%;border:0;background:var(--surface-muted)}.preview-image-stage{display:flex;min-width:100%;min-height:100%;padding:20px;box-sizing:border-box;width:max-content}.preview-image{display:block;max-width:none;max-height:none;flex-shrink:0;margin:auto;border-radius:2px;box-shadow:0 2px 22px #0000001a}.preview-media-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;width:100%;height:100%;padding:20px;box-sizing:border-box}.preview-media{max-width:100%;max-height:100%;width:min(100%,850px)}.preview-audio .preview-media{width:min(560px,100%)}.preview-audio-art{display:grid;place-items:center;width:132px;height:132px;font-size:60px;border:1px solid var(--hairline);border-radius:28px;color:var(--primary-color);background:var(--surface-muted)}.preview-empty{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;box-sizing:border-box}.preview-empty-mark{padding:18px;border:1px solid var(--hairline);border-radius:15px;color:var(--primary-color);background:var(--surface-muted);font-size:16px;font-weight:700}.preview-empty h3{font-size:17px;margin:22px 0 8px}.preview-empty p{max-width:400px;font-size:13px;line-height:1.8;color:var(--muted-text);margin:0}.preview-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0;padding:12px 20px;border-top:1px solid var(--hairline);font-size:12px;color:var(--muted-text)}.preview-zoom{display:flex;align-items:center;gap:6px}.preview-zoom button{min-width:36px;min-height:34px;padding:5px 8px}.preview-zoom output{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.preview-external{color:var(--primary-color);padding:7px 0}.resource-dock [hidden],.resource-sheet [hidden],.attachment-preview-dialog [hidden],.resource-file-menu[hidden],.resource-dock[hidden]{display:none!important}.theme-dark .resource-file-menu .resource-danger{color:#ffada7}.theme-dark .preview-body{background:#181e1b}@media(max-width:1180px){.resource-header,.resource-content{padding-inline:16px}}@media(max-width:760px){.resource-header{padding:8px 12px;min-height:60px;gap:4px}.resource-tab{padding:8px;gap:5px;min-height:44px;font-size:12px}.resource-tab .material-symbols-outlined{width:16px;height:16px}.resource-count{min-width:19px;padding-inline:3px}.resource-tabs{gap:2px}.resource-header-actions{gap:0}.resource-add{width:40px;min-height:44px;padding:8px}.resource-add-label{display:none}.resource-toggle{min-height:44px;width:38px}.resource-content{max-height:56dvh;padding-inline:12px}.resource-file-open{min-height:70px;gap:10px}.resource-more{min-height:44px;width:40px}.resource-open-label{display:none}.resource-linked-note{min-height:70px}.resource-file-menu button{min-height:44px}.attachment-preview-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.preview-header{padding:max(12px,env(safe-area-inset-top)) 12px 12px;gap:10px}.preview-header .resource-type-tile{display:none}.preview-header-actions{gap:6px}.preview-download{width:44px;height:44px;padding:8px}.preview-download>span:not(.material-symbols-outlined){display:none}.preview-heading h2{font-size:14px}.preview-text{padding:20px 16px;font-size:12px}.preview-footer{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.preview-footer>span{flex:1 0 100%;font-size:11px}}@media(prefers-reduced-motion:reduce){.preview-body[aria-busy=true]:after{animation:none}}.resource-short-label{display:none}.resource-header-actions{flex-shrink:0}@media(max-width:760px){.resource-full-label{display:none}.resource-short-label{display:inline}}.backup-progress-dialog,.bc-shell,.nas-settings-form{--bp-line: var(--hairline, #dde5dc);--bp-soft: var(--surface-muted, #f4f7f2);--bp-text: var(--on-surface, #23352a);--bp-muted: var(--muted-text, #647467);--bp-green: var(--primary-color, #34664d);color:var(--bp-text);font-family:inherit}.backup-progress-dialog{width:min(608px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--bp-line);border-radius:22px;background:var(--surface-color, #fff);box-shadow:0 28px 110px #132b2338;overflow:auto;overscroll-behavior:contain}.backup-progress-dialog::backdrop{background:#16291f66;backdrop-filter:blur(7px)}.bp-card svg{width:21px;height:21px;flex-shrink:0}.bp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;border-bottom:1px solid var(--bp-line);background:var(--bp-soft)}.bp-route{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:500;color:var(--bp-muted)}.bp-route>span:not(.bp-route-icon){min-width:0;overflow-wrap:anywhere}.bp-route>svg{width:14px;height:14px;opacity:.65}.bp-route-icon{color:var(--bp-green);display:flex}.bp-route-icon svg{width:19px;height:19px}.bp-dismiss{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--bp-muted);cursor:pointer}.bp-dismiss:hover{border-color:var(--bp-line);background:var(--surface-color, #fff);color:var(--bp-text)}.bp-main{padding:27px 32px 0}.bp-kicker{font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--bp-green)}.bp-heading h2{font-size:26px;line-height:1.4;letter-spacing:-.7px;font-weight:650;margin:6px 0 24px;word-break:keep-all;overflow-wrap:anywhere}.bp-focus{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.bp-phase-copy{flex:1;min-width:0;padding-bottom:4px}.bp-current{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;line-height:1.5}.bp-live-dot{height:7px;width:7px;flex:0 0 7px;border-radius:50%;background:var(--bp-green);box-shadow:0 0 0 4px var(--bp-soft);animation:bp-pulse 1.9s ease-in-out infinite}#bp-phase-description{font-size:12px;line-height:1.65;color:var(--bp-muted);margin:6px 0 0}.bp-number{text-align:end;flex-shrink:0}.bp-number>span{display:block;font-size:11px;letter-spacing:.02em;color:var(--bp-muted);margin-bottom:5px}.bp-number strong{display:block;font-size:64px;font-weight:500;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1}.bp-number strong span{font-size:24px;letter-spacing:-1px;margin-left:3px;color:var(--bp-muted)}.bp-track{position:relative;overflow:hidden;border-radius:20px}#bp-bar{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;background:var(--bp-soft)}#bp-bar::-webkit-progress-bar{background:var(--bp-soft)}#bp-bar::-webkit-progress-value{background:var(--bp-green);border-radius:20px;transition:width .22s ease}#bp-bar::-moz-progress-bar{background:var(--bp-green);border-radius:20px}.backup-progress-dialog[data-status=running][data-indeterminate=true] .bp-track:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,#ffffff50,transparent);animation:bp-shine 2s linear infinite;pointer-events:none}.bp-stage-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--bp-muted);margin:10px 0 22px;font-variant-numeric:tabular-nums}.bp-file-card{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--bp-line);border-radius:13px;background:var(--bp-soft);padding:15px 16px}.bp-file-icon{width:39px;height:43px;display:grid;place-items:center;flex:0 0 39px;border:1px solid var(--bp-line);border-radius:8px;background:var(--surface-color, #fff);color:var(--bp-green)}.bp-file-card>div{min-width:0;flex:1}.bp-caption{font-size:11px;color:var(--bp-muted);margin:0 0 4px}#bp-file{font-size:13px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere}#bp-bytes{font-size:12px;color:var(--bp-muted);margin:4px 0 0;font-variant-numeric:tabular-nums}#bp-bytes:empty{display:none}.bp-metric-grid{display:grid;grid-template-columns:1fr auto;gap:16px;padding:17px 0 20px}.bp-metric-grid>div{display:flex;flex-direction:column;gap:6px}.bp-metric-grid>div:last-child{text-align:end}.bp-metric-grid span{font-size:12px;color:var(--bp-muted)}.bp-metric-grid strong{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.bp-details{border-top:1px solid var(--bp-line)}.bp-details summary{display:flex;align-items:center;gap:8px;padding:15px 0;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.bp-details summary::-webkit-details-marker{display:none}.bp-details summary>svg{width:17px;height:17px;margin-left:auto;transition:transform .18s}.bp-details[open] summary>svg{transform:rotate(180deg)}.bp-detail-count{color:var(--bp-muted);font-weight:400;font-size:12px;font-variant-numeric:tabular-nums}.bp-steps{list-style:none;padding:0 0 8px;margin:0}.bp-steps li{position:relative;display:flex;align-items:center;gap:11px;min-height:36px;font-size:12px;line-height:1.5;color:var(--bp-muted)}.bp-step-mark{position:relative;display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;border:1px solid var(--bp-line);background:var(--surface-color, #fff);font-size:11px;font-variant-numeric:tabular-nums}.bp-step-label{flex:1}.bp-step-value{font-variant-numeric:tabular-nums}.bp-steps li[data-state=done] .bp-step-mark{background:var(--bp-soft);color:var(--bp-green);border-color:transparent}.bp-steps li[data-state=current]{font-weight:600;color:var(--bp-green)}.bp-steps li[data-state=current] .bp-step-mark{border-color:currentColor}.bp-method{font-size:12px;line-height:1.65;color:var(--bp-muted);margin:3px 0 18px}.bp-result{display:flex;gap:11px;padding:13px 14px;background:var(--bp-soft);border-radius:11px;margin-bottom:18px;font-size:12px;line-height:1.65}.bp-result[hidden]{display:none}.bp-result>span{display:flex;color:var(--bp-green)}#bp-status{margin:0;overflow-wrap:anywhere}.bp-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--bp-line);padding:17px 28px 19px}.bp-footnote{display:flex;align-items:flex-start;gap:8px;min-width:0}.bp-footnote svg{width:16px;height:16px;color:var(--bp-muted);margin-top:2px}.bp-footnote p{font-size:12px;line-height:1.65;color:var(--bp-muted);margin:0}.bp-action{min-width:94px;min-height:42px;flex-shrink:0;border:1px solid var(--bp-line);border-radius:10px;background:var(--surface-color, #fff);color:var(--bp-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:10px 16px}.bp-action:disabled{opacity:.5;cursor:wait}.backup-progress-dialog:not([data-status=running]) .bp-action{background:var(--bp-green);color:#fff;border-color:transparent}.backup-progress-dialog:not([data-status=running]) .bp-live-dot{animation:none}.backup-progress-dialog[data-status=error] .bp-live-dot{background:#af4938}.backup-progress-dialog[data-status=error] .bp-result{background:#ae493810;color:#9b3a2c}.backup-progress-dialog[data-status=error] .bp-result>span{color:inherit}.theme-dark .backup-progress-dialog[data-status=error] .bp-result{color:#f1afa4;background:#b84a3922}.backup-activity{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;z-index:12000;max-width:min(430px,calc(100vw - 24px));padding:14px 18px;border-radius:13px;border:1px solid var(--hairline);background:var(--surface-color, #fff);color:var(--on-surface);font:inherit;font-size:12px;box-shadow:0 8px 30px #142f2526}.backup-activity svg{width:20px;height:20px;flex:0 0 20px}.backup-activity span{min-width:0;overflow-wrap:anywhere}.backup-activity strong{font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}.backup-activity[hidden]{display:none}#backup-modal .bc-shell{width:min(870px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface-color, #fff)}.bc-heading{margin:0;padding:27px 29px 0;flex-shrink:0}.bc-heading h2{font-size:26px;letter-spacing:-.65px;line-height:1.4;margin:5px 0 0;font-weight:650}.bc-heading .eyebrow{font-size:11px;letter-spacing:.1em;color:var(--bp-green)}.bc-shell>.dialog-intro{padding:0 29px;margin:12px 0 23px;font-size:13px;line-height:1.75;flex-shrink:0;color:var(--bp-muted)}.bc-body{padding:0 25px 20px;overflow:auto;min-height:0;overscroll-behavior:contain}.bc-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bc-provider-grid>.bc-provider{display:flex;flex-direction:column;min-width:0;padding:18px 16px;margin:0;gap:0;border:1px solid var(--bp-line);border-radius:15px;background:var(--surface-color, #fff);box-shadow:none}.bc-provider-grid>.bc-zip{background:var(--bp-soft)}.bc-provider-heading{display:flex;align-items:center;gap:11px}.bc-provider-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:var(--bp-soft);border:1px solid var(--bp-line);border-radius:11px;color:var(--bp-green)}.bc-provider-icon svg{width:22px;height:22px}.bc-provider-title{min-width:0}.bc-provider-title h3{margin:0;font-size:15px;line-height:1.4;font-weight:650;letter-spacing:-.25px}.bc-provider-caption{font-size:11px;line-height:1.5;color:var(--bp-muted);margin:3px 0 0;letter-spacing:.02em}.bc-provider-description{font-size:12px;line-height:1.7;color:var(--bp-muted);margin:15px 0 16px;min-height:40px}.bc-actions{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 15px}.bc-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--bp-line);border-radius:9px;background:var(--surface-color, #fff);color:var(--bp-text);font:inherit;font-size:12px;font-weight:550;cursor:pointer;padding:8px 10px}.bc-action.export{background:var(--bp-green);border-color:transparent;color:#fff}.bc-action:not(:disabled):hover{box-shadow:inset 0 0 0 1px currentColor}.bc-action:disabled{opacity:.45;cursor:not-allowed}.bc-action-icon{font-size:17px;line-height:1}.bc-provider-note{font-size:12px;line-height:1.6;color:var(--bp-muted);margin:auto 0 0}.bc-overview,.bc-overview.utility-only{border:0!important;border-radius:0;padding:0!important;box-shadow:none;background:transparent}.bc-provider #sync-overview-row{padding:0;margin:0;gap:7px;align-items:flex-start}.bc-provider .sync-overview-title{font-size:12px;font-weight:500;line-height:1.6;letter-spacing:0}.bc-provider .sync-overview-copy{padding:0}.bc-provider .status-dot{margin-top:5px;flex-shrink:0}.bc-provider #nas-status-row{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.6}.bc-provider #nas-status-row strong{font-weight:500}.bc-provider #nas-status-description{font-size:12px;line-height:1.6;margin:4px 0 0;color:var(--bp-muted)}.connection-dot{width:6px;height:6px;background:#929d94;border-radius:50%;flex-shrink:0}.connection-dot.online{background:var(--bp-green)}.bc-auth-row{margin-top:10px}.bc-auth-row .sync-auth-button,.bc-settings-link{padding:4px 0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--bp-green);min-height:28px;font:inherit;font-size:12px;line-height:1.5;text-align:start;cursor:pointer}.bc-auth-row .material-symbols-outlined{display:none}.bc-auth-row .sync-auth-button-label{display:inline!important}.bc-settings-link{margin-top:9px}.bc-auto{margin-top:12px;border-top:1px solid var(--bp-line);padding-top:9px}.bc-auto summary{font-size:12px;line-height:1.6;color:var(--bp-muted);cursor:pointer}.bc-auto .sync-toggle-row{padding:12px 0;gap:8px}.bc-auto .sync-toggle-title{font-size:12px}.bc-auto .sync-toggle-description{font-size:11px;line-height:1.6}.bc-auto .nas-remember{font-size:12px}.bc-auto[hidden]{display:none}.bc-compat,#backup-modal #sync-panel-toggle-button{display:none!important}.bc-recovery{margin-top:19px;border:1px solid var(--bp-line);border-radius:12px;padding:12px 15px}.bc-recovery summary{font-size:12px;font-weight:500;line-height:1.6;cursor:pointer}.bc-recovery>p{font-size:12px;line-height:1.65;color:var(--bp-muted);margin:12px 0}.bc-recovery .attachment-recovery-button{margin:0;font-size:12px;min-height:40px}.bc-body>#backup-source-status{font-size:12px;line-height:1.6;color:var(--bp-muted);margin:15px 0 0}.bc-shell>.backup-local-callout{border:0;border-top:1px solid var(--bp-line);border-radius:0;background:var(--bp-soft);padding:15px 28px;margin:0;font-size:12px;line-height:1.7;flex-shrink:0}.bc-shell>.backup-local-callout p{font-size:12px;line-height:1.7}#nas-settings-modal .nas-settings-form{width:min(660px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-color, #fff)}.nas-editor-header{display:flex;align-items:center;gap:13px;padding:22px 26px;border-bottom:1px solid var(--bp-line);flex-shrink:0}.nas-editor-header h2{font-size:23px;font-weight:650;letter-spacing:-.5px;margin:3px 0 0}.bc-kicker{font-size:11px;color:var(--bp-green);letter-spacing:.1em;margin:0}.nas-close{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;flex:0 0 38px;background:transparent;border:1px solid var(--bp-line);border-radius:10px;font-size:24px;color:var(--bp-muted);cursor:pointer}.nas-editor-body{padding:19px 27px 22px;overflow:auto;overscroll-behavior:contain;min-height:0}.nas-help{font-size:12px;line-height:1.7;color:var(--bp-muted);margin:0 0 14px}.nas-section{border:0;margin:0 0 22px;padding:0;min-width:0}.nas-section legend{font-size:11px;letter-spacing:.06em;font-weight:650;color:var(--bp-muted);padding:0;margin:5px 0 13px}.nas-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:12px}.nas-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;line-height:1.5}.nas-field.wide{grid-column:1/-1}.nas-settings-grid .nas-host-field{grid-column:1}.nas-port-field{grid-column:2}.nas-field input,.nas-field select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:11px 12px;border:1px solid var(--bp-line);border-radius:9px;background:var(--bp-soft);font:inherit;font-size:13px;color:var(--bp-text)}.nas-field input::placeholder{color:var(--bp-muted);opacity:.7}.nas-field input:focus{background:var(--surface-color, #fff)}.nas-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nas-account-grid .nas-field.wide{grid-column:auto}.nas-advanced{margin-top:14px}.nas-advanced summary{font-size:12px;line-height:1.6;color:var(--bp-muted);cursor:pointer}.nas-advanced .nas-settings-grid{margin-top:11px;grid-template-columns:1fr 1fr}.nas-advanced .nas-field.wide{grid-column:auto}.nas-password-control{position:relative;display:flex;align-items:center;min-width:0}.nas-password-control input{padding-right:63px}.nas-secret-visibility{position:absolute;right:5px;top:5px;bottom:5px;min-width:49px;border:0;border-radius:6px;background:transparent;color:var(--bp-green);font:inherit;font-size:12px;cursor:pointer}.nas-privacy{padding:14px 15px;background:var(--bp-soft);border:1px solid var(--bp-line);border-radius:12px}.nas-remember{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;margin:0}.nas-remember input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--bp-green)}.nas-privacy>.nas-help{margin:7px 0 0 26px;font-size:12px;line-height:1.7}.nas-panel .nas-remember{flex-wrap:wrap;margin-top:12px}.nas-panel .nas-remember>span{flex-basis:100%;color:var(--bp-muted);font-size:11px}#nas-url-preview{font-size:12px;line-height:1.65;border-left:2px solid var(--bp-line);padding-left:12px;margin:17px 0;overflow-wrap:anywhere}.nas-editor-body>details{border-top:1px solid var(--bp-line);padding-top:14px;margin-bottom:0}.nas-editor-body>details summary{cursor:pointer;font-size:12px;line-height:1.7}.nas-editor-body>details p{margin:12px 0 0}.nas-editor-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--bp-line);margin:0!important;background:var(--surface-color, #fff);flex-shrink:0}.nas-editor-footer .dialog-button{min-width:78px;min-height:42px;padding:10px 14px;font-size:12px;border-radius:9px}#nas-settings-disconnect-button{margin-right:auto;color:var(--bp-muted);font-size:12px}.nas-welcome-card{grid-column:1/-1;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-color, #fff);overflow:hidden}.nas-welcome-card .import-button{width:100%;border:0}.nas-welcome-card>.text-button,.nas-welcome-card>.nas-help{margin:0 14px 11px;font-size:12px}.nas-welcome-card .import-icon{font-size:11px;letter-spacing:.03em}.test-workspace-badge{padding:8px 15px;background:var(--surface-muted, #f4f7f3);color:var(--muted-text, #657267);font-size:12px;line-height:1.5;border-bottom:1px solid var(--hairline)}.backup-progress-dialog :is(button,summary):focus-visible,.bc-shell :is(button,summary):focus-visible,.nas-settings-form :is(input,button,summary,select):focus-visible{outline:2px solid var(--bp-green);outline-offset:3px}@keyframes bp-pulse{50%{opacity:.45}}@keyframes bp-shine{to{transform:translate(100%)}}@media(max-width:700px){.bc-provider-grid{grid-template-columns:1fr}.bc-provider-grid>.bc-provider{padding:17px}.bc-provider-description{min-height:0;margin:11px 0 13px}.bc-actions{grid-template-columns:1fr 1fr;margin-bottom:12px}.bc-auth-row,.bc-settings-link{margin-top:4px}.bc-heading{padding:23px 21px 0}.bc-heading h2{font-size:24px}.bc-shell>.dialog-intro{padding:0 21px;font-size:12px;margin-bottom:18px}.bc-body{padding:0 17px 18px}.bc-shell>.backup-local-callout{padding:12px 20px}.nas-account-grid,.nas-advanced .nas-settings-grid{grid-template-columns:1fr}.nas-editor-body{padding:17px 20px 20px}.nas-editor-header{padding:19px 20px}.nas-editor-footer{padding:14px 18px}.nas-editor-footer .dialog-button{min-width:68px;padding:10px 12px}}@media(max-width:480px){.backup-progress-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:17px}.bp-header{padding:13px 17px;gap:8px}.bp-route{gap:7px;font-size:12px}.bp-route-icon{display:none}.bp-main{padding:21px 21px 0}.bp-heading h2{font-size:23px;margin-bottom:22px;letter-spacing:-.65px}.bp-focus{gap:12px}.bp-number strong{font-size:54px}.bp-number strong span{font-size:20px}.bp-current{font-size:12px;gap:8px}.bp-phase-copy{max-width:65%}#bp-phase-description{font-size:12px}.bp-stage-meta{margin-bottom:17px}.bp-file-card{padding:13px 12px;gap:10px}.bp-file-icon{width:32px;flex-basis:32px;height:38px}#bp-file{font-size:12px}.bp-metric-grid{gap:8px}.bp-metric-grid strong{font-size:12px}.bp-footer{gap:13px;padding:15px 19px}.bp-action{min-width:80px;padding:9px 12px}.bp-footnote p{font-size:11px}.bp-footnote svg{display:none}.backup-activity{bottom:14px;right:12px;padding:12px 14px}.bc-shell>.backup-local-callout .material-symbols-outlined{display:none}#backup-modal .bc-shell,#nas-settings-modal .nas-settings-form{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.nas-editor-header h2{font-size:21px}.nas-editor-header .bc-provider-icon{width:33px;flex-basis:33px;height:33px}.nas-editor-body{padding-inline:18px}.nas-privacy{padding:12px}.nas-privacy>.nas-help{margin-left:0}.nas-settings-grid{grid-template-columns:minmax(0,1fr) 79px;gap:10px}.nas-editor-footer #nas-settings-disconnect-button:not(.hidden){flex-basis:100%;text-align:start;padding-left:0}.nas-editor-footer .dialog-button{font-size:12px}}@media(prefers-reduced-motion:reduce){.bp-live-dot,.bp-track:after{animation:none!important}.bp-details summary>svg,#bp-bar::-webkit-progress-value{transition:none!important}}@media(forced-colors:active){.bp-track{border:1px solid CanvasText}.bp-live-dot{background:Highlight}.bc-action.export,.bp-action{border:1px solid ButtonText}}.backup-progress-dialog{position:fixed;inset:0;margin:auto;height:max-content}.nas-settings-status{margin:18px 0 0;padding:12px 14px;border:1px solid var(--hairline, #d9e1da);border-radius:10px;background:var(--surface-muted, #f3f6f2);color:var(--on-surface, #283830);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.nas-settings-status[hidden]{display:none}.nas-settings-status[data-state=busy]:before{content:"";display:inline-block;width:12px;height:12px;margin-inline-end:9px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;vertical-align:-2px;animation:nas-disconnect-spin 1s linear infinite}.nas-settings-status[data-state=error]{border-color:var(--error-color, #ba4343);color:var(--error-color, #ba4343)}#nas-settings-modal[aria-busy=true] button:disabled{cursor:wait}#nas-settings-modal[aria-busy=true] input,#nas-settings-modal[aria-busy=true] select{opacity:.6}@keyframes nas-disconnect-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nas-settings-status[data-state=busy]:before{animation:none}}.nas-editor-footer .nas-settings-status{flex-basis:100%;margin:0 0 4px}.theme-dark .nas-settings-status[data-state=error]{color:#f1afa4;border-color:#f1afa4}@media(max-width:1180px){#left-panel{background-color:var(--sidebar-surface, var(--surface-color))!important;opacity:1!important;isolation:isolate}#note-browser-panel{background-color:var(--browser-surface, var(--surface-color))!important;opacity:1!important;isolation:isolate}}@media(max-width:760px){#app-container #left-panel,#app-container #note-browser-panel,#app-container #editor-container{display:none!important;visibility:hidden!important;pointer-events:none!important}#app-container.mobile-view-utility #left-panel,#app-container.mobile-view-browse #note-browser-panel,#app-container.mobile-view-editor #editor-container{display:flex!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}}@media(min-width:761px)and (max-width:1180px){#app-container #left-panel{visibility:hidden!important;pointer-events:none!important;z-index:70!important}#app-container.mobile-panel-visible #left-panel{visibility:visible!important;pointer-events:auto!important}}@media(min-width:761px){#left-panel .folder-panel-section{min-height:0;overflow:hidden}#left-panel #folder-list-container{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#left-panel .sidebar-bottom{position:relative;z-index:1;flex-shrink:0}}body.theme-light{--background-color: #f5f7fa;--surface-color: #fbfcfd;--surface-strong: #fbfcfd;--surface-muted: #eef1f5;--sidebar-surface: #f0f3f7;--browser-surface: #f8f9fb;--editor-surface: #fdfdfb;--on-surface: #283442;--on-surface-variant: #566374;--muted-color: #566374;--subtle-text: #566374;--line-color: #dce2e9;--hairline: #dce2e9;--control-border: #c9d2dd;--surface-variant: #e1e7ee;--surface-variant-strong: #c4ceda;--outline-color: #657489;--scrim: #18273a55;--shadow-color: #1e335516;--paper-color: #fdfdfb;--paper-surface: #fdfdfb;--success-color: #376b50;--success-soft: #e6f0e9;--danger-color: #a53b43;--danger-soft: #f9e9eb;--warning-color: #79531c;--warning-soft: #fbf1dc}body.theme-dark{--background-color: #1d222a;--surface-color: #242b34;--surface-strong: #29313c;--surface-muted: #2c3541;--sidebar-surface: #202731;--browser-surface: #222a34;--editor-surface: #242b34;--on-surface: #e3e8ee;--on-surface-variant: #b1bdcd;--muted-color: #b1bdcd;--subtle-text: #b1bdcd;--line-color: #3c4655;--hairline: #3c4655;--control-border: #526075;--surface-variant: #364252;--surface-variant-strong: #506078;--outline-color: #a1adc0;--scrim: #080d16b0;--shadow-color: #00000028;--paper-color: #242b34;--paper-surface: #242b34;--success-color: #aed4bd;--success-soft: #2b4338;--danger-color: #f2aeb4;--danger-soft: #4a3039;--warning-color: #e5ca95;--warning-soft: #453e2e}body.theme-light{--primary-color: #3565ad;--primary-strong: #254f8c;--primary-soft: #e5edf9;--on-primary: #ffffff}body.theme-dark{--primary-color: #a7c4f5;--primary-strong: #c2d7fa;--primary-soft: #2e405c;--on-primary: #17253c}body.theme-light[data-web-accent=sage]{--primary-color: #396d55;--primary-strong: #28543f;--primary-soft: #e3eee6}body.theme-dark[data-web-accent=sage]{--primary-color: #b0d3bd;--primary-strong: #c7e5d2;--primary-soft: #30483c;--on-primary: #172e21}body.theme-light[data-web-accent=violet]{--primary-color: #6852a3;--primary-strong: #503b88;--primary-soft: #ede8f7}body.theme-dark[data-web-accent=violet]{--primary-color: #cbbdf2;--primary-strong: #ddd2fa;--primary-soft: #403653;--on-primary: #292039}body.theme-light[data-web-accent=rose]{--primary-color: #98516b;--primary-strong: #7f3e55;--primary-soft: #f4e7ec}body.theme-dark[data-web-accent=rose]{--primary-color: #e8b5c8;--primary-strong: #f4cddd;--primary-soft: #4a3541;--on-primary: #361f2a}body{--control-surface: var(--surface-color);--control-surface-soft: var(--browser-surface);--control-surface-muted: var(--surface-muted);--secondary-soft: var(--surface-muted);--selected-surface: var(--primary-soft);--note-selected: var(--primary-soft);--note-surface: var(--surface-color);--tree-line-color: var(--line-color);--panel-divider: var(--line-color);--control-border-soft: var(--line-color);--detail-surface: var(--surface-muted);--card-selected-start: var(--primary-soft);--card-selected-end: var(--primary-soft);--focus-ring: 0 0 0 3px var(--primary-soft);--hero-halo: var(--surface-muted);--art-surface: var(--surface-muted)}button,input,select,textarea{accent-color:var(--primary-color)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.app-header{background:var(--surface-color);box-shadow:none}.note-item{border-radius:12px!important;box-shadow:none!important;content-visibility:auto;contain-intrinsic-size:auto 100px}.note-item-title{font-weight:650}.note-item-snippet{line-height:1.6}.note-item.selected{background:var(--primary-soft)!important}.icon-button{border-radius:10px}.button-primary,.primary-button,.dialog-button{border-radius:12px!important;box-shadow:none!important}#note-content-textarea{line-height:1.8;caret-color:var(--primary-color)}.landing-illustration,.welcome-art,.landing-features,.sidebar-tip,.keep-note-card,.welcome-nav-caption,.quiet-label,.editor-overline,.browse-caption,#landing-demo-button,.landing-copy>.eyebrow,.welcome-copy>.eyebrow,.empty-eyebrow,#editor-empty-state>.eyebrow{display:none!important}[data-i18n-key=renewSidebarTip],[data-i18n-key=renewMakeRoom],[data-i18n-key=renewFooter],[data-i18n-key=renewMadeForThoughts]{display:none!important}.web-settings-dialog{border-radius:20px!important}.web-settings-section{box-shadow:none!important}.calm-appearance{grid-column:1/-1}.calm-field-label{font-size:13px;font-weight:600;margin:18px 0 10px}.calm-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.calm-swatches button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--control-border);border-radius:12px;padding:8px;background:var(--surface-color);color:var(--on-surface);font-size:13px}.calm-swatches button[aria-pressed=true]{border:2px solid var(--primary-color);background:var(--primary-soft);font-weight:700}.calm-swatch{display:inline-block;width:16px;height:16px;flex-shrink:0;border-radius:50%;background:#3565ad}[data-web-accent-choice=sage] .calm-swatch{background:#396d55}[data-web-accent-choice=violet] .calm-swatch{background:#6852a3}[data-web-accent-choice=rose] .calm-swatch{background:#98516b}.markdown-preview[aria-busy=true] [data-markdown-task-offset]{pointer-events:none}@media(max-width:600px){#landing-page .landing-main,#landing-page .welcome-main{width:calc(100% - 36px);margin:12px auto 28px}#landing-page h1,html[lang=en] #welcome-title{font-size:36px}.calm-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.web-settings-dialog{max-height:90dvh!important}.note-item{contain-intrinsic-size:auto 96px}}@media(pointer:coarse){.icon-button{min-width:42px;min-height:42px}.markdown-view-button,.note-tool-chip{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.web-settings-dialog{width:min(620px,calc(100vw - 32px))!important;max-width:620px!important}.calm-swatches button>span:last-child{white-space:nowrap}#web-settings-modal .eyebrow{display:none}body.theme-light[data-web-accent=sand]{--primary-color: #80603b;--primary-strong: #654a2c;--primary-soft: #f3eade;--on-primary: #fff}body.theme-dark[data-web-accent=sand]{--primary-color: #dcc19a;--primary-strong: #ecd6b5;--primary-soft: #473e32;--on-primary: #302719}[data-web-accent-choice=sand] .calm-swatch{background:#80603b}.calm-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}#note-content-textarea,.markdown-preview{line-height:var(--web-reading-line-height, 1.8)}body[data-web-density=compact] .note-list[data-view-type=LIST] .note-item{padding-block:8px!important;min-height:0}body[data-web-density=compact] .note-list[data-view-type=DETAIL] .note-item{padding-block:10px!important;min-height:0}.note-list-pagination{list-style:none;grid-column:1/-1;padding:12px 4px}#note-list-load-more{width:100%;min-height:44px;border:1px solid var(--control-border);border-radius:12px;background:var(--surface-muted);color:var(--on-surface);font:inherit;cursor:pointer}#note-list-load-more:hover{background:var(--primary-soft);color:var(--primary-color)}#new-note-template-select{width:100%;min-height:44px;color:var(--on-surface);background:var(--control-surface);border:1px solid var(--control-border);border-radius:10px;padding:10px 12px;font:inherit;margin-block:6px 12px}#new-note-modal label[for=new-note-template-select]{display:block;margin-top:14px}#web-settings-modal .web-settings-dialog{width:min(720px,calc(100vw - 32px))!important;max-width:720px!important}#web-settings-modal .web-settings-header{position:sticky;top:-24px;z-index:2;background:var(--surface-color);padding-block:12px}#web-settings-modal .web-settings-footer{background:var(--surface-color)}@media(max-width:760px){.calm-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}#save-note-button{flex-shrink:0;min-width:40px;min-height:40px;white-space:nowrap}#save-note-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header .header-right #web-settings-button{display:inline-flex!important;min-width:40px;min-height:40px}#web-settings-modal .web-settings-dialog{width:100%!important;max-width:none!important;max-height:90dvh!important}#web-settings-modal .web-settings-header{top:-18px}}.start-screen .start-main{width:min(840px,calc(100% - 48px));margin:56px auto 72px}.start-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.start-source-button{min-width:0;min-height:140px;padding:20px;border:1px solid var(--line-color);border-radius:16px;background:var(--surface-color);color:var(--on-surface)}.start-main{text-align:start}.start-screen .start-intro #welcome-title{margin:0 0 14px;font:750 38px/1.25 var(--font-family);letter-spacing:-1px}.start-description{margin:0;color:var(--on-surface-variant);font-size:16px;line-height:1.7}.start-workspace{margin-top:28px}.start-new,.start-resume{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:12px;background:var(--primary-color);color:var(--on-primary);font:650 14px/1.4 var(--font-family);cursor:pointer}.start-new:hover,.start-resume:hover{background:var(--primary-strong)}.start-local-notice{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;font-size:13px;line-height:1.7;color:var(--on-surface-variant)}.start-local-notice>.material-symbols-outlined{flex-shrink:0;width:17px;height:17px;margin-top:3px}.start-recovery{border:1px solid var(--line-color);border-radius:16px;background:var(--surface-color);padding:22px;margin-bottom:14px}.start-recovery-heading{display:flex;align-items:center;gap:10px;color:var(--on-surface)}.start-recovery-heading>.material-symbols-outlined{color:var(--primary-color);width:22px;height:22px}.start-recovery .recovery-title{margin:0;font-size:16px;font-weight:650}.start-recovery .recovery-description{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--on-surface-variant)}.start-recovery .recovery-warning{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--warning-color)}.start-recovery-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.start-discard{min-height:44px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:var(--danger-color);font:500 13px/1.5 var(--font-family)}.start-discard:hover{background:var(--danger-soft)}.start-workspace:has(.start-recovery:not(.hidden)) .start-new{color:var(--on-surface-variant);background:transparent;border-color:var(--control-border);min-height:44px}.start-workspace:has(.start-recovery:not(.hidden)) .start-new:hover{background:var(--surface-muted);color:var(--on-surface)}.start-backups{border-top:1px solid var(--line-color);margin-top:32px;padding-top:26px}.start-backups h2{margin:0 0 16px;font-size:16px;line-height:1.4;font-weight:650;color:var(--on-surface)}.start-source-button{display:flex;flex-direction:column;position:relative;gap:16px;align-items:flex-start;text-align:start;font-family:var(--font-family);cursor:pointer}.start-source-button:hover{border-color:var(--primary-color);background:var(--primary-soft)}.start-source-button .start-source-icon{width:26px;height:26px;color:var(--primary-color)}.start-source-copy{display:grid;min-width:0;gap:6px}.start-source-copy strong{font-size:15px;font-weight:650;line-height:1.4}.start-source-copy>span{font-size:13px;line-height:1.5;color:var(--on-surface-variant);overflow-wrap:anywhere}.start-source-button .start-source-arrow{position:absolute;top:22px;right:20px;width:18px;height:18px;color:var(--on-surface-variant)}.start-connection-help{display:flex;align-items:flex-start;gap:12px;margin-top:14px}.start-settings-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;flex-shrink:0;padding:8px;margin-left:-8px;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);font:550 13px/1.5 var(--font-family)}.start-settings-link:hover{color:var(--primary-color);background:var(--primary-soft)}.start-settings-link .material-symbols-outlined{width:17px;height:17px}.start-connection-help p{margin:11px 0 0;font-size:12px;line-height:1.7;color:var(--on-surface-variant)}.start-drop-hint{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--on-surface-variant)}.start-screen :is(button,input):focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;box-shadow:none}@media(max-width:700px){.start-screen .start-main{width:calc(100% - 36px);margin:30px auto 40px}.start-screen .start-intro #welcome-title{font-size:30px;letter-spacing:-.7px}.start-description{font-size:15px}.start-source-grid{grid-template-columns:minmax(0,1fr);gap:10px}.start-source-button{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:14px;min-height:88px;padding:16px;border-radius:14px}.start-source-button .start-source-arrow{position:static}.start-source-copy{gap:4px}.start-connection-help{flex-direction:column;gap:0;margin-top:8px}.start-connection-help p{margin-top:0}.start-recovery{padding:18px}.start-recovery-actions{align-items:stretch;flex-direction:column;gap:8px;margin-top:16px}.start-discard{align-self:flex-start;padding-inline:0}.start-backups{margin-top:26px;padding-top:22px}}@media(prefers-reduced-motion:no-preference){.start-source-button{transition:border-color .12s ease,background-color .12s ease}}.workspace-nav .trash-entry,.sidebar-bottom .trash-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:6px 0 0;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--on-surface-variant);font:550 13px/1.5 var(--font-family);text-align:start}.trash-entry svg{width:19px;height:19px;flex:0 0 auto}.workspace-nav .trash-entry:hover,.workspace-nav .trash-entry[aria-expanded=true]{background:var(--primary-soft);color:var(--primary-color)}dialog.trash-dialog{position:fixed;inset:var(--trash-center-y, 50%) 0 auto;transform:translateY(-50%);margin:0 auto;padding:0;width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(var(--trash-view-height, 100dvh) - 32px);box-sizing:border-box;border:1px solid var(--line-color);border-radius:18px;background:var(--surface-color);color:var(--on-surface);box-shadow:0 20px 70px #0003;overflow:hidden;font-family:var(--font-family)}.trash-dialog[open]{display:flex;flex-direction:column}.trash-dialog::backdrop{background:#0e16226b}.trash-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px 24px;gap:12px;flex-shrink:0}.trash-heading{display:flex;align-items:center;gap:10px}.trash-heading>svg{width:22px;height:22px;color:var(--on-surface-variant)}.trash-header h2{margin:0;font:700 20px/1.4 var(--font-family);letter-spacing:-.4px}.trash-close,.trash-search-clear{display:grid;place-items:center;width:44px;height:44px;padding:12px;flex-shrink:0;border:0;border-radius:9px;color:var(--on-surface-variant);background:transparent}.trash-close svg,.trash-search-clear svg{width:20px;height:20px}.trash-close:hover,.trash-search-clear:hover{background:var(--surface-muted);color:var(--on-surface)}.trash-body{display:flex;flex-direction:column;padding:0 24px;min-height:0}.trash-search-shell{display:flex;align-items:center;flex-shrink:0;min-height:46px;border:1px solid var(--control-border);border-radius:11px;background:var(--surface-muted);padding-left:13px;gap:9px}.trash-search-shell>svg{width:19px;height:19px;color:var(--on-surface-variant);flex-shrink:0}#web-trash-search{flex:1;width:100%;min-width:0;height:44px;margin:0;padding:8px 6px 8px 0;border:0;border-radius:0;background:transparent;color:var(--on-surface);font:400 16px/1.5 var(--font-family);box-shadow:none;outline:none}#web-trash-search::-webkit-search-cancel-button{display:none}.trash-search-shell:focus-within{border-color:transparent;outline:2px solid var(--primary-color);outline-offset:2px}.trash-count{flex-shrink:0;margin:14px 0 8px;color:var(--on-surface-variant);font-size:12px;line-height:1.5}.trash-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 2px 6px;scrollbar-gutter:stable}#web-trash-list{margin:0;padding:0;list-style:none}.trash-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line-color)}.trash-row:last-child{border-bottom:0}.trash-row-copy{min-width:0;flex:1}.trash-note-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;font-weight:650}.trash-note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:var(--on-surface-variant)}.trash-note-meta{margin:8px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--on-surface-variant)}.trash-restore,.trash-more,.trash-retry{border:1px solid var(--control-border);border-radius:9px;padding:10px 14px;min-height:44px;color:var(--on-surface);background:var(--surface-color);font:600 13px/1.4 var(--font-family)}.trash-restore{flex-shrink:0;color:var(--primary-color);background:var(--primary-soft);border-color:transparent}.trash-restore:hover{border-color:var(--primary-color)}.trash-more{width:100%;margin:8px 0}.trash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 8px 32px;gap:12px;text-align:center}.trash-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--surface-muted);color:var(--on-surface-variant)}.trash-empty-icon svg{width:25px;height:25px}.trash-empty strong{font-size:15px;line-height:1.6}.trash-empty p{margin:0;max-width:290px;color:var(--on-surface-variant);font-size:13px;line-height:1.7}.trash-footer{padding:14px 24px 18px;border-top:1px solid var(--line-color);flex-shrink:0;background:var(--surface-color)}#web-trash-status{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.7}#web-trash-status[data-tone=error]{color:var(--danger-color)}#web-trash-status[data-tone=success]{color:var(--success-color, var(--primary-color))}.trash-retry{margin-top:10px}.trash-dialog [hidden]{display:none}.trash-dialog button:disabled{opacity:.55;cursor:wait}.trash-dialog button:focus-visible,.trash-entry:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:none}@media(max-width:600px){.trash-header{padding:12px 10px 10px 18px}.trash-body{padding:0 18px}.trash-footer{padding:12px 18px 16px}.trash-row{gap:10px;padding:14px 0}.trash-empty{padding:22px 4px 26px}}@media(max-height:500px){.trash-empty{padding:10px 4px 16px}.trash-empty-icon{display:none}.trash-header{padding-block:5px}.trash-footer{padding-block:10px}}.backup-progress-dialog [hidden]{display:none!important}.bp-metric-grid>div[hidden]+div{grid-column:1 / -1;text-align:start}.toast-card{display:flex;align-items:center}.toast-message{flex:1;font-size:13px;line-height:1.6}.toast-action{flex:none;border:0;border-radius:8px;padding:6px 10px;background:transparent;color:var(--primary-color);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.toast-action:hover{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}.toast-action:active{transform:scale(.96)}.toast-action:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(min-width:761px){#app-container{--doc-x: 24px;--doc-max: 1000px}#app-container #editor-toolbar,#app-container .editor-heading,#app-container .editor-note-meta,#app-container #note-content-textarea,#app-container .markdown-preview{box-sizing:border-box;width:100%;max-width:var(--doc-max)!important;margin-inline:auto!important;padding-inline:var(--doc-x)!important}}@media(min-width:1181px){#app-container{--doc-x: 32px}}@media(min-width:761px){.web-setting-row>input[type=number]{flex:none;width:150px;max-width:150px}}dialog[open]::backdrop{background:var(--scrim, rgba(14, 20, 30, .42))!important;backdrop-filter:blur(2px)}.trash-dialog[data-trash-empty=true] .trash-search-shell,.trash-dialog[data-trash-empty=true] .trash-count{display:none!important}.detail-color-row{display:flex;align-items:stretch;gap:8px;min-width:0}.detail-color-row>.detail-color-input{flex:1 1 auto;min-width:0}.detail-color-clear{flex:none;border:1px solid var(--line-color, var(--hairline, #d9dee6));border-radius:10px;padding:0 12px;background:transparent;color:inherit;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.detail-color-clear:hover{background:color-mix(in srgb,currentColor 7%,transparent)}.detail-color-input[data-empty=true]+.detail-color-clear{display:none}.detail-color-input[data-empty=true]::-webkit-color-swatch{background:linear-gradient(to top right,transparent calc(50% - 1px),#d04a4a 50%,transparent calc(50% + 1px)),repeating-conic-gradient(#e7eaef 0 25%,#fff 0 50%) 0 0 / 12px 12px!important}.detail-color-input[data-empty=true]::-moz-color-swatch{background:linear-gradient(to top right,transparent calc(50% - 1px),#d04a4a 50%,transparent calc(50% + 1px)),repeating-conic-gradient(#e7eaef 0 25%,#fff 0 50%) 0 0 / 12px 12px!important}.start-title,#welcome-title,h1,h2,.dialog-title,.empty-title{text-wrap:balance}.start-description,.recovery-description,.dialog-intro{text-wrap:pretty}@media(min-width:1101px){.formatting-toolbar{gap:1px}.formatting-toolbar .formatting-action{width:34px;min-width:34px;height:34px}.formatting-toolbar .formatting-separator{margin:0 3px}}#note-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.note-item-meta.note-folder-path{display:inline-flex;align-items:center;gap:3px;min-width:0;margin-inline-end:6px}.note-item-meta.note-folder-path .material-symbols-outlined{flex:none;width:13px;min-width:13px;height:13px;font-size:13px}.note-item-meta.note-folder-path>span:last-child{overflow:hidden;text-overflow:ellipsis}.bc-auth-row{display:flex;justify-content:flex-start}.bc-auth-row .sync-auth-button{width:auto;justify-content:flex-start}@media(max-width:1100px){.formatting-toolbar{padding-inline-end:28px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}[dir=rtl] .formatting-toolbar{padding-inline-end:28px;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent)}}@media(hover:none)and (pointer:coarse){#editor-empty-state .empty-shortcut,#editor-empty-state .empty-editor-hint{display:none}}.note-item-title,.note-item-snippet,.note-tag,#note-title-input,#note-content-textarea,.markdown-preview p,.markdown-preview li,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview blockquote,.folder-name,.trash-note-title,.trash-note-preview,.editor-chip>span{unicode-bidi:plaintext}.empty-list-state:before{content:"";display:block;margin:0 auto 16px;width:44px;height:44px;border:0;border-radius:14px;background:var(--surface-muted, #eef1f5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a96a6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center / 22px no-repeat}#note-browser-panel:has(.empty-list-state) #note-search-summary{visibility:hidden}@keyframes nn-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nn-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes nn-slide-in{0%{opacity:.4;translate:14px 0}to{opacity:1;translate:0 0}}@keyframes nn-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.start-intro,.start-workspace,.start-backups{animation:nn-rise .42s cubic-bezier(.2,.7,.2,1) both}.start-workspace{animation-delay:.05s}.start-backups{animation-delay:.1s}.start-source-button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.start-source-button:hover{transform:translateY(-2px)}.start-source-button .start-source-arrow{transition:transform .16s ease}.start-source-button:hover .start-source-arrow{transform:translate(3px)}.start-source-button:active,.start-new:active{transform:scale(.98)}.dropdown-content:not(.hidden),#landing-language-menu:not(.hidden){animation:nn-pop .14s ease-out;transform-origin:top}.toast-card{animation:nn-rise .22s cubic-bezier(.2,.7,.2,1)}.note-item{transition:background-color .15s ease,border-color .15s ease,transform .12s ease}.note-item:active{transform:scale(.992)}@media(max-width:760px){#app-container.mobile-view-editor #editor-container{animation:nn-slide-in .2s cubic-bezier(.2,.7,.2,1)}#app-container.mobile-view-browse #note-browser-panel,#app-container.mobile-view-utility #left-panel{animation:nn-fade .16s ease-out}}}.theme-dark .detail-color-input[data-empty=true]::-webkit-color-swatch{background:linear-gradient(to top right,transparent calc(50% - 1px),#e06a6a 50%,transparent calc(50% + 1px)),repeating-conic-gradient(#2a313b 0 25%,#353d48 0 50%) 0 0 / 12px 12px!important}.theme-dark .detail-color-input[data-empty=true]::-moz-color-swatch{background:linear-gradient(to top right,transparent calc(50% - 1px),#e06a6a 50%,transparent calc(50% + 1px)),repeating-conic-gradient(#2a313b 0 25%,#353d48 0 50%) 0 0 / 12px 12px!important}html[lang=ko] #editor-empty-state .empty-eyebrow,html[lang^=ja] #editor-empty-state .empty-eyebrow,html[lang^=zh] #editor-empty-state .empty-eyebrow,html[lang=ko] #left-panel .panel-title,html[lang^=ja] #left-panel .panel-title,html[lang^=zh] #left-panel .panel-title,html[lang=ko] .bc-heading .eyebrow,html[lang^=ja] .bc-heading .eyebrow,html[lang^=zh] .bc-heading .eyebrow,html[lang=ko] .bc-kicker,html[lang^=ja] .bc-kicker,html[lang^=zh] .bc-kicker,html[lang=ko] .bc-provider-caption,html[lang^=ja] .bc-provider-caption,html[lang^=zh] .bc-provider-caption,html[lang=ko] .bp-kicker,html[lang^=ja] .bp-kicker,html[lang^=zh] .bp-kicker,html[lang=ko] .bp-number>span,html[lang^=ja] .bp-number>span,html[lang^=zh] .bp-number>span,html[lang=ko] .detail-section-heading,html[lang^=ja] .detail-section-heading,html[lang^=zh] .detail-section-heading,html[lang=ko] .editor-document-label,html[lang^=ja] .editor-document-label,html[lang^=zh] .editor-document-label,html[lang=ko] .eyebrow,html[lang^=ja] .eyebrow,html[lang^=zh] .eyebrow,html[lang=ko] .import-divider,html[lang^=ja] .import-divider,html[lang^=zh] .import-divider,html[lang=ko] .markdown-resource-extension,html[lang^=ja] .markdown-resource-extension,html[lang^=zh] .markdown-resource-extension,html[lang=ko] .markdown-resource-media,html[lang^=ja] .markdown-resource-media,html[lang^=zh] .markdown-resource-media,html[lang=ko] .nas-section legend,html[lang^=ja] .nas-section legend,html[lang^=zh] .nas-section legend,html[lang=ko] .nas-welcome-card .import-icon,html[lang^=ja] .nas-welcome-card .import-icon,html[lang^=zh] .nas-welcome-card .import-icon,html[lang=ko] .note-tag-filter-label,html[lang^=ja] .note-tag-filter-label,html[lang^=zh] .note-tag-filter-label,html[lang=ko] .note-tool-label,html[lang^=ja] .note-tool-label,html[lang^=zh] .note-tool-label,html[lang=ko] .panel-eyebrow,html[lang^=ja] .panel-eyebrow,html[lang^=zh] .panel-eyebrow,html[lang=ko] .paper-top,html[lang^=ja] .paper-top,html[lang^=zh] .paper-top,html[lang=ko] .resource-more,html[lang^=ja] .resource-more,html[lang^=zh] .resource-more,html[lang=ko] .resource-type-tile,html[lang^=ja] .resource-type-tile,html[lang^=zh] .resource-type-tile,html[lang=ko] .toolbar-customizer-hidden-title,html[lang^=ja] .toolbar-customizer-hidden-title,html[lang^=zh] .toolbar-customizer-hidden-title,html[lang=ko] .web-badge,html[lang^=ja] .web-badge,html[lang^=zh] .web-badge,html[lang=ko] .workspace-glance-eyebrow,html[lang^=ja] .workspace-glance-eyebrow,html[lang^=zh] .workspace-glance-eyebrow,html[lang=ko] .workspace-label,html[lang^=ja] .workspace-label,html[lang^=zh] .workspace-label{letter-spacing:0!important;text-transform:none}.note-list:not([data-view-type$=GRID]) .note-item-footer{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px}.note-list:not([data-view-type$=GRID]) .note-item-footer .note-item-tags{justify-content:flex-end;min-width:0}@media(max-width:760px){#note-content-textarea{padding-inline:16px}}#app-container.mode-tablet .header-search-button span[data-i18n-key]{display:inline!important;white-space:nowrap}#app-container.mode-tablet .header-search-button kbd{display:none!important}#app-container.mode-tablet #save-note-text,#app-container.mode-tablet #pin-note-button>span:not(.material-symbols-outlined){position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#app-container.mode-tablet #pin-note-button{min-width:40px;padding-inline:8px}.web-setting-row>select,.web-setting-row>input[type=number]{font-size:14px}.web-setting-row>input[type=number]{border-color:var(--control-border, rgb(201, 210, 221));background:var(--surface-color)}.brand-lockup img{border-radius:10px;object-fit:contain;box-shadow:0 0 0 1px var(--line-color, #dce2e9),0 1px 2px #0f172a0f}.landing-language-menu{position:fixed;inset-block-start:auto;inset-inline-end:auto;z-index:80;width:220px}.welcome-language{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px 11px;cursor:pointer}.welcome-language .material-symbols-outlined{width:15px;min-width:15px;height:15px;font-size:15px}.welcome-language:hover{background:var(--surface-muted, rgba(0, 0, 0, .03));color:var(--on-surface)}#note-details-modal .detail-dialog-header{top:-28px;z-index:3;margin-top:-28px;padding-top:28px;background:var(--surface-color)}