:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans CJK KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--header-height: 68px;--sidebar-width: 240px;--browser-width: 332px;--mobile-tab-bar-height: 70px;--editor-measure: 780px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--transition-fast: .16s;--transition-normal: .22s}body,body.theme-light{color-scheme:light;--background-color: #f8f9f5;--surface-color: #ffffff;--surface-strong: #ffffff;--surface-muted: #f3f5ef;--sidebar-surface: #f4f6f0;--editor-surface: #fffefa;--on-surface: #273a31;--on-surface-variant: #677268;--muted-color: #657061;--primary-color: #37644a;--primary-strong: #244c35;--primary-soft: #e5eddf;--on-primary: #ffffff;--line-color: #e5e9e0;--surface-variant: #dde3d7;--surface-variant-strong: #c8d1c0;--control-border: #dce2d6;--outline-color: #95a08f;--success-color: #37644a;--success-soft: #e7f0e2;--danger-color: #b74d42;--danger-soft: #f9e9e5;--warning-color: #8a641d;--warning-soft: #faf1da;--note-selected: #edf3e7;--note-surface: #ffffff;--tree-line-color: #dbe1d4;--mark-bg: #f2e7b9;--scrim: rgba(27, 42, 31, .28);--shadow-color: rgba(35, 55, 37, .09);--paper-color: #fffef9;--focus-ring: 0 0 0 3px rgba(81, 125, 71, .24);--control-surface: var(--surface-color);--secondary-soft: var(--surface-muted);--control-surface-muted: var(--surface-muted);--hero-halo: #e8eddf;--illustration-border: #dce4d2}body.theme-dark{color-scheme:dark;--background-color: #171e19;--surface-color: #202923;--surface-strong: #222d25;--surface-muted: #29332b;--sidebar-surface: #1c251e;--editor-surface: #1e2721;--on-surface: #e3eadd;--on-surface-variant: #acb8a8;--muted-color: #a0ad9b;--primary-color: #b5cea4;--primary-strong: #cbdcbb;--primary-soft: #354834;--on-primary: #1b3021;--line-color: #344034;--surface-variant: #40513e;--surface-variant-strong: #53644d;--control-border: #43523e;--outline-color: #819477;--success-color: #b5cea4;--success-soft: #304531;--danger-color: #f0a59a;--danger-soft: #462f29;--warning-color: #e3c580;--warning-soft: #403b26;--note-selected: #30402d;--note-surface: #202923;--tree-line-color: #3f4d3a;--mark-bg: #655b29;--scrim: rgba(5, 13, 8, .6);--shadow-color: rgba(0, 0, 0, .22);--paper-color: #2a342a;--focus-ring: 0 0 0 3px rgba(181, 206, 164, .25);--hero-halo: #2a3928;--illustration-border: #46563b}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:var(--font-family);color:var(--on-surface);background:var(--background-color)}html{height:100%;scroll-behavior:smooth}body{height:100dvh;overflow:hidden;font-size:14px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,dl,dd{margin:0}h1,h2,h3{line-height:1.3}ul{list-style:none;padding:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color)}textarea:focus-visible{outline:0;box-shadow:inset 3px 0 var(--primary-soft)}::selection{background:var(--primary-soft);color:var(--on-surface)}input::placeholder,textarea::placeholder{color:var(--muted-color);opacity:.8}input,select{min-width:0}textarea{resize:none}button{transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;padding:0;border:0;margin:-1px}.mobile-only{display:none!important}.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;font-size:0!important;line-height:1;vertical-align:middle;overflow:hidden}.material-symbols-outlined:before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.icon-button{width:36px;min-width:36px;height:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);color:var(--on-surface-variant);border:1px solid transparent}.icon-button:hover:not(:disabled){background:var(--surface-muted);color:var(--on-surface)}.icon-button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-color)}.icon-button.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-color)}.button-primary,.dialog-button.primary,.landing-button.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 18px;background:var(--primary-color);color:var(--on-primary);border:1px solid var(--primary-color);border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:-.1px}.button-primary:hover:not(:disabled),.dialog-button.primary:hover:not(:disabled),.landing-button.primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong);box-shadow:0 3px 10px var(--shadow-color)}.button-primary.large{min-height:52px;padding:14px 25px;font-size:15px;gap:24px}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--on-surface-variant);padding:6px 2px;font-size:12px}.text-button:hover{color:var(--primary-color)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:22px;padding:0 5px;border:1px solid var(--line-color);border-radius:5px;font-family:inherit;font-size:12px;font-weight:400;color:var(--muted-color);line-height:1;background:var(--surface-color);white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:37px;border-radius:10px;background:var(--primary-color);color:var(--on-primary);box-shadow:inset 0 0 0 1px #ffffff1a}.brand-mark .material-symbols-outlined{width:23px;height:23px}.brand-wordmark{font-size:19px;font-weight:700;letter-spacing:-.65px}.brand-wordmark-light{font-weight:400}.eyebrow,.section-label{font-size:11px;font-weight:650;letter-spacing:1.5px;line-height:1.5;color:var(--on-surface-variant)}html[lang=ko] .eyebrow,html[lang=ko] .section-label{letter-spacing:1px;font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary-color)}.muted-text{font-size:13px;line-height:1.75;color:var(--on-surface-variant)}.multiline-text{white-space:pre-line;font-size:14px;color:var(--on-surface-variant)}.status-dot{height:7px;width:7px;flex:0 0 auto;border-radius:50%;background:var(--outline-color)}.status-dot.online{background:var(--success-color)}.skip-link{position:fixed;z-index:1000;top:8px;left:10px;transform:translateY(-160%);background:var(--primary-color);color:var(--on-primary);padding:10px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-variant);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--outline-color)}.noscript-notice{position:fixed;inset:0;z-index:10000;padding:20vh 10vw;background:var(--background-color);font-size:20px}#landing-page{height:100dvh;overflow:auto;background:var(--background-color);padding-inline:max(30px,var(--safe-left)) max(30px,var(--safe-right))}.landing-wrap{max-width:1224px;margin:auto;min-height:100%;display:flex;flex-direction:column}.landing-header{height:100px;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line-color)}.landing-header .brand-mark{width:37px;height:39px}.landing-header .brand-wordmark{font-size:21px}.landing-header-right{display:flex;align-items:center;gap:12px}.quiet-label{font-size:12px;color:var(--on-surface-variant);margin-inline-end:10px}.language-pill{display:flex;align-items:center;gap:8px;height:35px;border:1px solid var(--line-color);border-radius:7px;padding:0 10px;color:var(--on-surface-variant);font-size:12px}.language-pill:hover{background:var(--surface-muted)}.language-pill .material-symbols-outlined{width:16px;height:16px}.landing-main{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:55px;padding:76px 0 70px;flex:1}.landing-copy{min-width:0}.landing-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:var(--primary-color)}.landing-copy h1{font-size:clamp(40px,4.2vw,59px);font-weight:650;line-height:1.22;letter-spacing:-2.8px;max-width:620px;word-break:keep-all}.hero-accent{color:var(--primary-color);position:relative}.hero-accent:after{content:"";height:6px;background:var(--primary-soft);position:absolute;inset-inline:0;bottom:3px;z-index:0;border-radius:50%;transform:rotate(-1.4deg)}.hero-accent>span{position:relative;z-index:1}.landing-description{font-size:15px;line-height:1.95;color:var(--on-surface-variant);max-width:455px;margin-top:23px;white-space:pre-line;word-break:keep-all}.landing-primary-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin:29px 0 27px}.landing-no-account{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--on-surface-variant)}.landing-no-account .material-symbols-outlined{width:14px;height:14px}.import-divider{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:1.3px;color:var(--muted-color);margin-bottom:14px;max-width:480px}.import-divider:after{content:"";flex:1;height:1px;background:var(--line-color)}.landing-imports{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px}.import-card{display:flex;gap:10px;align-items:center;border:1px solid var(--control-border);border-radius:10px;padding:14px 13px;background:var(--surface-color);text-align:start;min-width:0}.import-card:hover{border-color:var(--primary-color);box-shadow:0 4px 14px var(--shadow-color)}.import-card-icon{display:flex;color:var(--primary-color)}.import-card-icon>.material-symbols-outlined{width:22px;height:22px}.import-card-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.import-card-copy strong{font-size:12px;font-weight:600}.import-card-copy>span{font-size:11px;color:var(--on-surface-variant)}.import-card>.material-symbols-outlined{width:15px;height:15px;transform:rotate(45deg);color:var(--muted-color)}.landing-drop-hint{display:flex;align-items:center;gap:5px;color:var(--muted-color);font-size:11px;margin-top:13px;line-height:1.7}.landing-drop-hint>.material-symbols-outlined{width:13px;height:13px}.landing-illustration{position:relative;height:530px;display:flex;align-items:center;justify-content:center;isolation:isolate}.illustration-halo{position:absolute;inset:35px -5px 5px 0;border-radius:50%;background:var(--hero-halo);z-index:-3;opacity:.78}.orbit{position:absolute;border:1px solid var(--illustration-border);border-radius:50%;z-index:-2;inset:7px -22px -15px -10px;transform:rotate(-25deg)}.orbit-two{inset:42px -48px 17px -35px;transform:rotate(29deg)}.preview-paper{width:388px;min-height:354px;border:1px solid var(--line-color);border-radius:12px;position:absolute;background:var(--paper-color)}.paper-back{height:359px;transform:rotate(7deg) translate(17px,6px);background:var(--primary-soft);border-color:var(--illustration-border);z-index:-1}.paper-main{transform:rotate(-5deg);padding:26px 28px 22px;box-shadow:2px 18px 45px var(--shadow-color);color:var(--on-surface)}.paper-top{display:flex;align-items:center;justify-content:space-between;color:var(--primary-color)}.paper-kicker{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;letter-spacing:1.4px}.paper-kicker>.material-symbols-outlined{width:15px;height:15px}.paper-top>.material-symbols-outlined{width:17px;height:17px;transform:rotate(12deg)}.paper-date{margin-top:32px;color:var(--muted-color);font-size:10px;font-weight:600;letter-spacing:1.4px}.paper-main h2{white-space:pre-line;font-size:26px;letter-spacing:-.8px;line-height:1.4;font-weight:600;margin-top:10px}.paper-body{font-size:12px;line-height:1.9;color:var(--on-surface-variant);margin:12px 0 20px;max-width:286px;white-space:pre-line}.preview-check{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px}.preview-check>.material-symbols-outlined{color:var(--primary-color);width:15px;height:15px}.preview-check.incomplete{color:var(--on-surface-variant)}.empty-circle{display:block;width:14px;height:14px;border:1px solid var(--outline-color);border-radius:50%;margin:0 .5px}.paper-footer{margin-top:27px;padding-top:16px;border-top:1px solid var(--line-color);display:flex;align-items:center;justify-content:space-between;gap:8px}.sample-tag{font-size:11px;border-radius:5px;padding:3px 8px;background:var(--primary-soft);color:var(--primary-color)}.paper-footer-note{font-size:10px;color:var(--muted-color);display:flex;align-items:center;gap:4px}.paper-footer-note>.material-symbols-outlined{width:12px;height:12px}.floating-label{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--line-color);border-radius:8px;background:var(--surface-color);box-shadow:0 7px 20px var(--shadow-color);font-size:12px;color:var(--primary-color);z-index:3}.label-top{right:12px;top:7px;transform:rotate(4deg)}.floating-label .material-symbols-outlined{width:17px;height:17px}.floating-note{position:absolute;z-index:3;right:-7px;bottom:11px;transform:rotate(3deg);display:flex;align-items:center;gap:12px;padding:17px 20px;border:1px solid var(--line-color);border-radius:10px;background:var(--surface-color);box-shadow:0 9px 25px var(--shadow-color);max-width:335px}.floating-note-icon{background:var(--primary-soft);color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none}.floating-note>div>span{color:var(--muted-color);font-size:10px;font-weight:600;letter-spacing:1px}.floating-note p{font-size:12px;margin-top:3px;font-weight:500}.illustration-caption{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-color);position:absolute;bottom:-23px;left:34px;font-family:Georgia,serif;font-style:italic;transform:rotate(-3deg)}.caption-line{width:33px;height:1px;background:var(--outline-color)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);padding:30px 0;gap:32px}.landing-features article{display:flex;align-items:center;gap:15px}.feature-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-color);border-radius:11px;color:var(--primary-color);flex:0 0 auto}.landing-features h2{font-size:12px;font-weight:650;margin-bottom:5px}.landing-features p{font-size:12px;color:var(--on-surface-variant);line-height:1.7}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 24px;color:var(--muted-color);font-size:11px}.landing-footer .text-button{font-size:11px}.landing-footer .material-symbols-outlined{width:15px;height:15px}.recovery-panel{border:1px solid var(--control-border);border-inline-start:3px solid var(--primary-color);border-radius:10px;background:var(--surface-color);padding:16px 18px;margin:25px 0 20px;max-width:490px}.recovery-title{font-weight:600;font-size:13px}.recovery-description,.recovery-warning{font-size:12px;color:var(--on-surface-variant);margin-top:4px}.recovery-warning{color:var(--warning-color)}.recovery-actions{display:flex;gap:8px;margin-top:12px}.landing-button.compact{font-size:12px;padding:7px 12px;min-height:35px}.landing-button.secondary{border:1px solid var(--line-color);border-radius:7px;color:var(--on-surface-variant);background:var(--surface-muted)}#landing-page:has(#recovery-panel:not(.hidden)) .landing-primary-actions{display:none}#app-container{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--surface-color)}.app-header{height:var(--header-height);min-height:var(--header-height);padding-inline:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-color);background:var(--surface-color);z-index:20}.header-left,.header-right{display:flex;align-items:center;gap:11px;min-width:0}.app-brand{min-width:calc(var(--sidebar-width) - 24px)}.app-brand .brand-mark{width:30px;height:32px;border-radius:8px}.app-brand .brand-wordmark{font-size:17px}.header-divider{width:1px;height:22px;background:var(--line-color);margin-inline:2px 10px}.workspace-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--on-surface-variant);white-space:nowrap}.workspace-breadcrumb>.material-symbols-outlined{width:16px;height:16px}.header-right{gap:4px}.local-state-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--on-surface-variant);margin-inline-end:17px}.local-state-label .material-symbols-outlined{width:15px;height:15px}.sync-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--primary-color);padding:5px 10px}.sync-status .material-symbols-outlined{width:16px;height:16px}.syncing{animation:rotate 1.2s linear infinite}.workspace-glance-bar{display:none}#main-content{flex:1;display:grid;grid-template-columns:var(--sidebar-width) var(--browser-width) minmax(0,1fr);min-height:0;overflow:hidden}.panel-section{min-height:0;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-header-actions{display:flex;gap:2px;align-items:center}.panel-title{font-size:12px;font-weight:600;color:var(--on-surface-variant)}#left-panel{background:var(--sidebar-surface);border-inline-end:1px solid var(--line-color);display:flex;flex-direction:column;min-height:0;overflow:auto;padding:24px 17px 13px;gap:0;scrollbar-gutter:stable}.sidebar-workspace{display:flex;align-items:center;gap:10px;margin-bottom:23px;padding-inline:3px}.workspace-avatar{width:31px;height:34px;background:var(--surface-color);border:1px solid var(--line-color);color:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.workspace-avatar>.material-symbols-outlined{width:16px;height:16px}.sidebar-workspace>div{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-workspace strong{font-size:12px;font-weight:650}.sidebar-workspace>div>span{font-size:11px;color:var(--on-surface-variant)}.compose-button{width:100%;justify-content:flex-start;gap:8px;min-height:43px;padding:10px 13px;font-size:12px;margin-bottom:27px}.compose-button>.material-symbols-outlined{width:17px;height:17px}.compose-button kbd{margin-inline-start:auto;background:#ffffff1a;color:inherit;border-color:#fff3;height:19px;min-width:19px;font-size:11px;opacity:.75}.section-label{padding-inline:10px;margin-bottom:10px;font-size:11px;letter-spacing:1.6px}.workspace-nav{display:flex;flex-direction:column;gap:4px}.workspace-nav .note-filter-chip{display:flex;align-items:center;gap:11px;border:1px solid transparent;width:100%;min-height:39px;border-radius:7px;padding:8px 11px;font-size:12px;color:var(--on-surface-variant);text-align:start}.workspace-nav .note-filter-chip:hover{background:var(--surface-variant);color:var(--on-surface)}.workspace-nav .note-filter-chip.active{background:var(--primary-soft);color:var(--primary-color);font-weight:650}.note-filter-chip>.material-symbols-outlined{width:17px;height:17px}.filter-chip-count{margin-inline-start:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--on-surface-variant);font-weight:400}.note-filter-chip.active .filter-chip-count{color:var(--primary-color)}.folder-panel-section{border-top:1px solid var(--line-color);margin-top:22px;padding-top:17px;flex:0 0 auto}.folder-panel-section>.panel-header{padding-inline:9px 1px;margin-bottom:7px;min-height:25px}.folder-panel-section .panel-title{font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.folder-panel-section .icon-button{width:26px;min-width:26px;height:28px;padding:5px}.folder-panel-section .icon-button .material-symbols-outlined{width:16px;height:16px}.folder-tree{display:flex;flex-direction:column;gap:2px}.folder-item{min-width:0}.folder-content{display:flex;align-items:center;gap:6px;min-height:36px;width:100%;padding:7px 9px;border-radius:7px;color:var(--on-surface-variant);font-size:12px;text-align:start;border:1px solid transparent}.folder-content:hover{background:var(--primary-soft)}.folder-item.selected>.folder-content{background:var(--surface-color);border-color:var(--line-color);color:var(--primary-color);font-weight:600}.folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.folder-icon{width:15px;height:15px;color:var(--on-surface-variant);margin-inline-end:5px}.folder-toggle{width:10px;min-width:10px;display:flex;align-items:center;justify-content:center;opacity:0}.folder-toggle.visible{opacity:1}.folder-toggle .material-symbols-outlined{width:13px;height:13px}.folder-count{font-size:11px;color:var(--muted-color);min-width:14px;text-align:end}.folder-item>ul{margin-inline-start:19px;border-inline-start:1px solid var(--tree-line-color);padding-inline-start:5px}.folder-item.collapsed>ul{display:none}.folder-item.collapsed>.folder-content .folder-toggle{transform:rotate(-90deg)}.folder-item.dragging{opacity:.4}.folder-item.drag-over>.folder-content{outline:2px dashed var(--primary-color);background:var(--primary-soft)}.sidebar-bottom{margin-top:auto;padding-top:28px;flex-shrink:0}.sidebar-tip{padding:15px 11px 24px;display:flex;gap:10px;align-items:center}.sidebar-tip>.material-symbols-outlined{width:22px;height:22px;color:var(--primary-color);opacity:.65}.sidebar-tip p{white-space:pre-line;font-size:12px;line-height:1.9;color:var(--on-surface-variant)}.sidebar-backup-button{display:flex;align-items:center;gap:9px;padding:10px 11px;width:100%;border:1px solid var(--line-color);background:var(--surface-color);border-radius:8px;font-size:12px;color:var(--on-surface-variant)}.sidebar-backup-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.sidebar-backup-button>.material-symbols-outlined{width:17px;height:17px}.sidebar-backup-button>.material-symbols-outlined:last-child{margin-inline-start:auto;width:14px;height:14px}.sidebar-file-actions{display:flex;margin-top:8px;gap:5px}.sidebar-file-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;flex:1;font-size:11px;color:var(--on-surface-variant);border-radius:6px}.sidebar-file-button:hover{background:var(--primary-soft)}.sidebar-file-button>.material-symbols-outlined{width:14px;height:14px}.sidebar-shortcuts{margin-top:17px;padding:10px 7px 0;border-top:1px solid var(--line-color);width:100%;font-size:11px}.sidebar-shortcuts>.material-symbols-outlined{width:15px;height:15px}.sidebar-shortcuts>kbd{margin-inline-start:auto;height:17px;min-width:17px;font-size:11px}#note-browser-panel{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-inline-end:1px solid var(--line-color);background:var(--surface-color)}.note-panel-section{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.note-panel-section>.panel-header{padding:24px 20px 17px;min-height:74px}.note-panel-section>.panel-header>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.note-panel-section .panel-title{font-size:17px;font-weight:650;letter-spacing:-.5px;color:var(--on-surface);max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-count{font-size:11px;font-weight:500;border-radius:5px;background:var(--surface-muted);color:var(--on-surface-variant);padding:2px 6px;min-width:22px;text-align:center}.note-panel-section>.panel-header .icon-button{width:28px;min-width:28px;height:30px;padding:5px}.note-search-shell{position:relative;display:flex;align-items:center;gap:7px;margin:0 18px;padding:0 9px 0 11px;border:1px solid var(--line-color);border-radius:8px;background:var(--surface-muted);min-height:39px;transition:border-color var(--transition-fast)}.note-search-shell:focus-within{border-color:var(--primary-color);box-shadow:var(--focus-ring);background:var(--surface-color)}.note-search-shell>.material-symbols-outlined{color:var(--muted-color);width:16px;height:16px}#note-search-input{width:100%;min-width:0;border:0;outline:none;box-shadow:none;background:transparent;padding:9px 0;font-size:12px;line-height:1.6}#note-search-input::-webkit-search-cancel-button{display:none}.search-key{height:18px;min-width:17px;font-size:11px;background:transparent;order:1}.panel-inline-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:var(--on-surface-variant);border-radius:6px;padding:6px 8px}.search-shell-button{width:26px;min-width:26px;height:28px;padding:5px;order:2}.search-shell-button>.material-symbols-outlined{width:16px;height:16px}.search-shell-button[aria-expanded=true]{background:var(--primary-soft);color:var(--primary-color)}.chip-button{height:25px;width:25px;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);border-radius:5px}.chip-button>.material-symbols-outlined{width:14px;height:14px}.chip-button:hover{background:var(--surface-variant)}.note-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 21px 13px;min-height:48px;border-bottom:1px solid var(--line-color)}.note-search-summary{font-size:11px;color:var(--muted-color);line-height:1.5;min-width:0}.note-sort-shell{margin-inline-start:auto;display:flex;align-items:center;gap:2px;color:var(--on-surface-variant);flex:0 1 auto;min-width:0}.note-sort-shell>.material-symbols-outlined{width:13px;height:13px}.note-sort-shell select{border:0;outline-offset:2px;font-size:11px;max-width:128px;background:transparent;color:var(--on-surface-variant);padding:2px;cursor:pointer}.note-tools-panel{position:absolute;z-index:15;top:122px;inset-inline:17px;padding:17px;background:var(--surface-color);border:1px solid var(--control-border);border-radius:11px;box-shadow:0 8px 28px var(--shadow-color);max-height:min(510px,65vh);overflow:auto}.note-toolbar-row:empty{display:none}.note-tool-group+.note-tool-group,.note-tag-filter-shell{margin-top:15px}.note-tool-label,.note-tag-filter-label{font-size:11px;color:var(--on-surface-variant);margin-bottom:7px;font-weight:600}.note-tool-chip-row,.note-tag-filter-list{display:flex;flex-wrap:wrap;gap:5px}.note-tool-chip,.note-tag-filter-chip{border:1px solid var(--line-color);padding:5px 9px;border-radius:6px;color:var(--on-surface-variant);font-size:11px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.note-tool-chip.active,.note-tag-filter-chip.active{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary-color)}#note-list-container{min-height:0;overflow:auto;flex:1;padding:12px 12px 20px;scrollbar-gutter:stable}.note-list{display:flex;flex-direction:column;gap:6px}.note-item{position:relative;border:1px solid transparent;border-radius:9px;padding:16px 14px 13px;cursor:pointer;background:var(--note-surface);transition:background var(--transition-fast),border-color var(--transition-fast);min-width:0}.note-item:hover{background:var(--surface-muted)}.note-item.selected{background:var(--note-selected);border-color:var(--surface-variant)}.note-item.selected:before{content:"";position:absolute;inset-inline-start:-1px;top:17px;bottom:17px;width:3px;border-radius:2px;background:var(--primary-color)}.note-item-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;min-height:20px}.note-item-title-row{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.note-item-title{font-weight:650;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px}.note-selected-indicator{display:none!important}.note-mood{font-size:13px;flex:0 0 auto}.note-item-status-row{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:80px;flex-wrap:wrap;flex:none;padding-top:2px}.note-status-chip{display:inline-flex;align-items:center;gap:2px;color:var(--muted-color);font-size:10px;white-space:nowrap}.note-status-chip>.material-symbols-outlined{width:12px;height:12px}.note-status-chip-pinned{color:var(--primary-color)}.note-status-chip-pinned>span:not(.material-symbols-outlined){display:none}.note-item-snippet{font-size:12px;line-height:1.85;color:var(--on-surface-variant);margin-top:7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;min-height:38px}.note-item-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;margin-top:12px}.note-item-metas{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.note-item-meta{font-size:11px;line-height:1.5;color:var(--muted-color)}.note-item-meta-pill{display:flex;gap:3px;align-items:center}.note-item-meta-pill>.material-symbols-outlined{width:11px;height:11px}.note-item-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:60%}.note-tag{font-size:10px;line-height:1.5;padding:2px 5px;color:var(--on-surface-variant);background:var(--surface-muted);border-radius:4px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item.selected .note-tag{background:var(--surface-color);color:var(--primary-color)}.note-item mark{color:inherit;background:var(--mark-bg);border-radius:2px}.empty-list-state{font-size:12px;color:var(--on-surface-variant);text-align:center;line-height:1.9;padding:50px 19px;overflow-wrap:anywhere}.empty-list-state:before{content:"";display:block;width:35px;height:27px;border:1px solid var(--surface-variant);border-radius:6px;margin:0 auto 17px;background:var(--surface-muted)}#editor-container{position:relative;background:var(--editor-surface);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}#editor-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%}#editor-toolbar{display:flex;flex-direction:column;flex-shrink:0}.editor-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-color);padding:15px 28px;min-height:67px}.editor-path{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted-color);min-width:0}.editor-path>span:not(.material-symbols-outlined){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.editor-path>.material-symbols-outlined{width:14px;height:14px}.editor-path>.material-symbols-outlined:nth-last-child(2){width:11px;height:11px}.toolbar-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.toolbar-actions>.icon-button{width:30px;min-width:30px;height:31px;padding:6px}.toolbar-actions .material-symbols-outlined{width:17px;height:17px}.save-note-button{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;min-height:30px;padding:6px 9px;border:1px solid var(--line-color);border-radius:6px;color:var(--primary-color);background:var(--surface-color);margin-inline-end:5px;white-space:nowrap}.save-note-button:disabled{opacity:.75;cursor:default}.save-note-button[data-state=unsaved],.save-note-button[data-state=dirty]{background:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary)}.save-note-button[data-state=error]{color:var(--danger-color);background:var(--danger-soft);border-color:var(--danger-color)}.save-note-button .material-symbols-outlined{width:13px;height:13px}.editor-heading{padding:47px clamp(28px,4.7vw,80px) 16px;width:100%;max-width:calc(var(--editor-measure) + 160px);margin-inline:auto}.editor-overline{display:flex;align-items:center;gap:9px;margin-bottom:16px}.note-overline{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted-color)}.editor-note-dot{width:5px;height:5px;border-radius:50%;background:var(--primary-color);opacity:.5}#note-title-input{display:block;width:100%;min-width:0;padding:3px 0 8px;background:transparent;border:0;outline-offset:3px;font-size:clamp(24px,2.4vw,34px);line-height:1.45;font-weight:600;letter-spacing:-1.15px;color:var(--on-surface);text-overflow:ellipsis}#note-title-input:focus-visible{outline:0}#note-title-input::placeholder{color:var(--outline-color)}.editor-note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:0 clamp(28px,4.7vw,80px) 22px;width:100%;max-width:calc(var(--editor-measure) + 160px);margin-inline:auto;flex-shrink:0}.editor-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.8;color:var(--muted-color);max-width:100%;overflow-wrap:anywhere}.editor-chip+.editor-chip:before{content:"\b7";color:var(--outline-color);margin-inline-end:6px}#note-content-textarea{background:transparent;color:var(--on-surface);display:block;border:0;outline:none;flex:1;min-height:100px;line-height:2;font-weight:400;letter-spacing:.05px;width:100%;max-width:calc(var(--editor-measure) + 160px);margin:0 auto;padding:15px clamp(28px,4.7vw,80px) 40px;scrollbar-gutter:stable;tab-size:4}#note-content-textarea::placeholder{font-size:14px;color:var(--outline-color)}.editor-content-simple #note-content-textarea{padding-top:13px}.editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-color);font-size:11px;color:var(--muted-color);padding:12px 28px;min-height:43px;flex-shrink:0;background:var(--editor-surface)}.editor-statusbar>div{display:flex;align-items:center;gap:9px}.editor-status-tip{display:flex;align-items:center;gap:5px}.editor-status-tip .material-symbols-outlined{width:12px;height:12px}.editor-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:var(--warning-soft);border-block:1px solid var(--line-color);font-size:12px}.editor-lock-title{font-weight:600;color:var(--warning-color)}.editor-lock-action{display:flex;align-items:center;gap:6px;border:1px solid var(--line-color);border-radius:7px;padding:7px 12px;background:var(--surface-color);font-size:12px}.editor-content-locked #note-content-textarea{color:var(--on-surface-variant)}#editor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:0;padding:45px 30px;overflow:auto}.empty-editor-art{position:relative;width:95px;height:100px;margin-bottom:23px;display:flex;align-items:center;justify-content:center}.empty-editor-art:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--primary-soft);opacity:.58}.empty-sheet{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:52px;height:65px;border:1px solid var(--surface-variant);border-radius:7px;background:var(--surface-color);box-shadow:0 5px 10px var(--shadow-color);transform:rotate(-8deg);color:var(--primary-color)}.empty-sheet .material-symbols-outlined{width:27px;height:27px}.empty-spark{position:absolute;inset-inline-end:0;top:7px;color:var(--primary-color)}.empty-spark .material-symbols-outlined{width:22px;height:22px}#editor-empty-state>.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:14px}#editor-empty-state>h2{font-size:28px;font-weight:500;letter-spacing:-1px}.empty-editor-description{max-width:310px;font-size:12px;line-height:1.9;color:var(--on-surface-variant);margin:14px 0 23px;white-space:pre-line;word-break:keep-all}#editor-empty-state>.button-primary{font-size:12px;min-height:38px;padding:9px 15px}.empty-editor-hint{display:flex;align-items:center;gap:5px;margin-top:17px;font-size:11px;color:var(--muted-color)}.empty-editor-hint kbd{font-size:11px;min-width:17px;height:18px}.mobile-tab-bar{display:none}.focus-mode #main-content{grid-template-columns:minmax(0,1fr)}.focus-mode #left-panel,.focus-mode #note-browser-panel{display:none!important}.focus-mode #editor-container{width:100%;max-width:1120px;margin-inline:auto;border-inline:1px solid var(--line-color)}.focus-mode #note-content-textarea,.focus-mode .editor-heading,.focus-mode .editor-note-meta{max-width:900px}.focus-mode .editor-utility-bar{padding-inline:32px}.focus-mode #focus-mode-button{background:var(--primary-soft);color:var(--primary-color)}.note-item[style*=--note-accent] .note-item-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--note-accent);margin-inline-end:7px;vertical-align:2px}.workspace-connection{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid var(--line-color);border-radius:999px;background:var(--surface-muted);color:var(--on-surface-variant);font-size:12px;white-space:nowrap;cursor:pointer}.workspace-connection:hover{border-color:var(--outline-color)}.connection-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--outline-color)}.workspace-connection .material-symbols-outlined{font-size:15px}.workspace-connection[data-connection-state=connected]{color:var(--primary-color)}.workspace-connection[data-connection-state=connected] .connection-dot{background:var(--primary-color)}.workspace-connection[data-connection-state=review],.workspace-connection[data-connection-state=offline]{color:var(--warning-color);background:var(--warning-soft)}.workspace-connection[data-connection-state=review] .connection-dot,.workspace-connection[data-connection-state=offline] .connection-dot{background:var(--warning-color)}.editor-path{font-size:12px}.toolbar-actions>.icon-button{width:38px;min-width:38px;height:38px;padding:8px}.toolbar-actions .material-symbols-outlined{width:19px;height:19px}.save-note-button{min-height:36px;padding:7px 11px;font-size:12px}.editor-chip{font-size:12.5px;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:680px){#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-heading{width:min(calc(100% - 48px),1040px);max-width:none;margin-inline:auto;padding:30px 0 4px}.editor-overline{margin-bottom:10px}#note-title-input{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;margin:9px auto 0;padding:0 2px 14px;border-bottom:1px solid var(--line-color)}.editor-note-meta .editor-chip{font-size:12px;line-height:1.6}@media(max-width:1100px){.editor-heading,.editor-note-meta{width:calc(100% - 32px)}}@media(max-width:760px){.editor-heading{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}}.dialog-overlay{position:fixed;inset:0;background:var(--scrim);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px 20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain}.dialog-content{width:min(100%,440px);max-height:calc(100dvh - 60px);overflow:auto;background:var(--surface-color);border:1px solid var(--line-color);border-radius:17px;padding:28px;box-shadow:0 24px 90px #0c1a112e;animation:dialog-in .18s ease-out}.dialog-content h3,.dialog-content h2{font-size:21px;font-weight:600;letter-spacing:-.55px;margin-bottom:9px}.dialog-content>p{margin-top:10px}.dialog-emblem{width:43px;height:43px;background:var(--primary-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:17px}.dialog-emblem .material-symbols-outlined{width:21px;height:21px}#confirmation-dialog .dialog-emblem{background:var(--danger-soft);color:var(--danger-color)}.field-label{display:block;font-size:12px;font-weight:600;color:var(--on-surface-variant);margin:20px 0 7px}.dialog-input,.dialog-content>select,.detail-input{width:100%;min-width:0;min-height:42px;background:var(--surface-muted);border:1px solid var(--control-border);border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--on-surface)}.dialog-input:focus,.detail-input:focus,.dialog-content>select:focus{border-color:var(--primary-color);background:var(--surface-color);outline-offset:2px}.dialog-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:28px;border-top:1px solid var(--line-color);padding-top:20px}.dialog-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 16px;border-radius:7px;font-size:12px;border:1px solid var(--line-color)}.dialog-button.secondary{background:var(--surface-color);color:var(--on-surface-variant)}.dialog-button.secondary:hover{background:var(--surface-muted)}.dialog-button.danger{background:var(--danger-color);color:var(--surface-color);border-color:var(--danger-color)}body.theme-dark .dialog-button.danger{color:#241c17}.dialog-button.danger:hover{filter:brightness(.93)}.detail-dialog-content{width:min(860px,100%);padding:0 28px 28px}.detail-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-dialog-content>.detail-dialog-header{padding:25px 0 16px;border-bottom:1px solid var(--line-color);position:sticky;top:0;background:var(--surface-color);z-index:2}.detail-dialog-header .eyebrow{font-size:11px;margin:0 0 8px}.detail-dialog-header h2,.detail-dialog-header h3{margin:0}.note-details-panel{min-width:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 15px}.detail-field{display:flex;flex-direction:column;gap:7px;min-width:0}.detail-label{font-size:12px;font-weight:500;color:var(--on-surface-variant)}.detail-field-wide{grid-column:span 2}.detail-input{font-size:12px;min-height:39px;padding:9px 10px}.detail-color-input{padding:5px;height:39px;cursor:pointer}.detail-input[type=datetime-local]{font-size:12px;max-width:100%}.detail-toggle-field{display:flex;flex-direction:column;gap:7px;min-width:0}.detail-toggle-button{display:flex;align-items:center;gap:7px;padding:9px 10px;min-height:39px;border:1px solid var(--control-border);border-radius:7px;background:var(--surface-muted);font-size:12px;text-align:start}.detail-toggle-button>.material-symbols-outlined{width:16px;height:16px}.detail-toggle-button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-color);border-color:var(--primary-color)}.detail-sidecars{margin-top:28px;display:grid;gap:14px}.detail-sidecard{padding:18px;border:1px solid var(--line-color);border-radius:10px;background:var(--surface-muted)}.detail-sidecard-title{font-size:12px;font-weight:600;color:var(--on-surface-variant);margin-bottom:10px}.detail-sidecard-body{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.detail-sidecard:has(.detail-sidecard-body:empty){display:none}.linked-note-chip,.bundle-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-color);border:1px solid var(--line-color);border-radius:7px;padding:8px 11px;font-size:12px;color:var(--primary-color);max-width:100%;overflow-wrap:anywhere}.detail-empty{font-size:12px;color:var(--muted-color)}.bundle-asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;width:100%}.bundle-asset-card{border:1px solid var(--line-color);border-radius:9px;background:var(--surface-color);overflow:hidden;min-width:0}.bundle-asset-preview{min-height:85px;display:flex;justify-content:center;align-items:center;background:var(--primary-soft);padding:8px}.bundle-asset-preview img{max-width:100%;height:130px;object-fit:contain}.bundle-asset-body{padding:11px}.bundle-asset-title{font-size:12px;word-break:break-word}.bundle-asset-meta,.bundle-asset-status{font-size:11px;color:var(--muted-color)}.bundle-asset-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.bundle-asset-button{padding:5px 8px;border:1px solid var(--line-color);border-radius:5px;font-size:11px;color:var(--primary-color);display:inline-flex;gap:4px;align-items:center}.bundle-asset-button .material-symbols-outlined{width:12px;height:12px}.history-timeline{width:100%;display:flex;flex-direction:column;gap:10px}.history-entry,.history-item{border-inline-start:2px solid var(--surface-variant);padding-inline-start:12px}.history-entry-time,.history-item-time{font-size:11px;color:var(--muted-color)}.history-entry-content,.history-item-content{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.drawer-overlay{justify-content:flex-end;padding:0;background:var(--scrim)}.drawer-content{width:min(490px,100%);height:100dvh;max-height:none;border-radius:18px 0 0 18px;padding:30px;animation:drawer-in .21s ease-out;display:flex;flex-direction:column;gap:0}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line-color);margin-bottom:24px}.drawer-header .eyebrow{font-size:11px;margin-bottom:9px}.drawer-header h2{font-size:26px;margin:0}.drawer-local-card{display:flex;align-items:flex-start;gap:12px;background:var(--primary-soft);border:1px solid var(--line-color);border-radius:11px;padding:18px;margin-bottom:26px}.drawer-local-card>.material-symbols-outlined{color:var(--primary-color);margin-top:2px}.drawer-local-card strong{font-size:12px;font-weight:600}.drawer-local-card p{font-size:12px;line-height:1.9;color:var(--on-surface-variant);margin-top:6px}.sync-panel-section>.panel-header{align-items:flex-start;flex-direction:column;gap:15px}.sync-panel-section .panel-title{font-size:13px;color:var(--on-surface);font-weight:600}.sync-panel-section .panel-header-actions{width:100%}.sync-auth-button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:500;border:1px solid var(--control-border);border-radius:8px;background:var(--surface-color);padding:12px 16px;min-height:44px;width:100%}.sync-auth-button:hover{background:var(--surface-muted);border-color:var(--primary-color)}.sync-auth-button>.material-symbols-outlined{width:18px;height:18px;color:var(--primary-color)}.sync-panel-body{margin-top:17px}.sync-overview-card{padding:16px;border:1px solid var(--line-color);border-radius:9px;background:var(--surface-muted)}.sync-overview-row{display:flex;align-items:flex-start;gap:8px}.sync-overview-row>.status-dot{margin-top:7px}.sync-overview-title{font-size:12px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.sync-overview-description{font-size:11px;color:var(--muted-color);margin-top:4px}.sync-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid var(--line-color);margin-top:16px}.sync-toggle-title{font-size:12px;font-weight:500}.sync-toggle-description{font-size:11px;color:var(--on-surface-variant);line-height:1.8;margin-top:5px}.switch-input{appearance:none;-webkit-appearance:none;width:34px;height:20px;min-width:34px;background:var(--surface-variant-strong);border:1px solid var(--surface-variant-strong);border-radius:12px;cursor:pointer;position:relative;transition:background var(--transition-fast)}.switch-input:before{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:var(--surface-color);box-shadow:0 1px 3px var(--shadow-color);transition:transform var(--transition-fast)}.switch-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.switch-input:checked:before{transform:translate(14px)}.switch-input:disabled{opacity:.4;cursor:not-allowed}.sync-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.sync-action-button{display:flex;align-items:center;gap:8px;padding:14px 12px;border:1px solid var(--line-color);border-radius:8px;background:var(--surface-color);font-size:12px;text-align:start;min-height:49px;line-height:1.6}.sync-action-button:hover:not(:disabled){background:var(--surface-muted);border-color:var(--primary-color)}.sync-action-button .material-symbols-outlined{width:18px;height:18px;color:var(--primary-color)}.sync-action-button.primary{color:var(--primary-color)}.sync-panel-section.utility-only .sync-overview-card:has(.sync-overview-row.hidden){display:none}#sync-panel-toggle-button{margin-top:13px;background:var(--surface-color);width:100%;border:1px solid var(--line-color);font-size:11px}.sync-alert-card{display:flex;flex-direction:column;gap:12px;margin-top:15px;background:var(--warning-soft);border:1px solid var(--line-color);border-radius:8px;padding:13px}.sync-alert-title{font-size:12px;font-weight:600}.sync-alert-description{font-size:11px;color:var(--on-surface-variant);margin-top:5px}.sync-alert-button{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-color);border-radius:6px;padding:8px 12px;font-size:12px}.drawer-footnote{display:flex;align-items:flex-start;gap:8px;padding-top:24px;margin-top:auto!important;font-size:11px;line-height:1.9;color:var(--muted-color)}.drawer-footnote>.material-symbols-outlined{width:14px;height:14px;margin-top:3px}.shortcut-list{display:flex;flex-direction:column;margin-top:22px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-color)}.shortcut-list dt{font-size:12px;color:var(--on-surface-variant)}.shortcut-list dd{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.shortcuts-dialog{width:min(480px,100%)}.shortcuts-dialog>.muted-text{font-size:12px}.dropdown{position:relative}.dropdown-content{position:absolute;z-index:110;top:calc(100% + 10px);inset-inline-end:0;min-width:200px;max-width:calc(100vw - 24px);max-height:min(430px,65dvh);overflow:auto;padding:6px;border:1px solid var(--control-border);border-radius:10px;background:var(--surface-color);box-shadow:0 10px 35px var(--shadow-color)}.dropdown-action{display:block;text-align:start;width:100%;padding:9px 11px;border-radius:5px;font-size:12px;color:var(--on-surface-variant)}.dropdown-action:hover,.dropdown-action:focus-visible{background:var(--surface-muted)}.dropdown-action.active{background:var(--primary-soft);color:var(--primary-color);font-weight:600}.landing-language-menu{position:fixed;z-index:80;min-width:190px}.toast-region{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:210;width:min(460px,calc(100% - 32px));pointer-events:none}.toast-card{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--control-border);border-radius:10px;background:var(--surface-color);box-shadow:0 8px 35px var(--shadow-color);pointer-events:auto;animation:dialog-in .18s ease-out}.toast-icon{color:var(--primary-color)}.toast-message{font-size:12px;line-height:1.8;flex:1;word-break:break-word}.toast-dismiss-button{display:flex;align-items:center;justify-content:center;min-width:27px;height:28px;border-radius:5px;color:var(--muted-color);padding:5px}.toast-dismiss-button .material-symbols-outlined{width:15px;height:15px}.toast-card[data-tone=error]{border-color:var(--danger-color)}.toast-card[data-tone=error]>#toast-icon{color:var(--danger-color)}.toast-card[data-tone=warning]{border-color:var(--warning-color)}.toast-card[data-tone=warning]>#toast-icon{color:var(--warning-color)}.toast-card[data-tone=success]>#toast-icon{color:var(--success-color)}#file-drop-overlay,#loading-spinner{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--scrim);backdrop-filter:blur(5px);padding:25px}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--surface-color);border:2px dashed var(--primary-color);border-radius:18px;padding:55px 40px;max-width:500px;text-align:center}.overlay-content>.material-symbols-outlined{width:43px;height:43px;color:var(--primary-color)}.overlay-content p{font-size:15px;line-height:1.8}.spinner{width:31px;height:31px;border:3px solid var(--surface-variant);border-top-color:var(--primary-color);border-radius:50%;animation:rotate .8s linear infinite}#loading-text{font-size:13px;background:var(--surface-color);padding:8px 15px;border-radius:8px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.detail-chip-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.detail-chip-static{padding:5px 8px;background:var(--primary-soft);color:var(--primary-color);border-radius:5px;font-size:11px;line-height:1.5}.detail-chip-button{display:flex;flex-direction:column;gap:4px;text-align:start;border:1px solid var(--line-color);border-radius:8px;padding:12px;background:var(--surface-color);max-width:100%;width:100%;margin-top:7px}.detail-chip-button:hover{background:var(--surface-muted);border-color:var(--primary-color)}.detail-chip-label{font-size:12px;font-weight:600;overflow-wrap:anywhere}.detail-chip-description,.detail-preview-hint{font-size:11px;color:var(--on-surface-variant);line-height:1.8}.detail-preview-hint{margin-bottom:12px}.detail-list{display:flex;flex-direction:column;gap:8px}.detail-list-item{display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--surface-color);border:1px solid var(--line-color);border-radius:8px;min-width:0}.detail-list-media{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.detail-list-icon{color:var(--primary-color);width:18px;height:18px;flex-shrink:0;margin-top:2px}.detail-list-copy,.detail-list-heading-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.detail-list-label{font-size:12px;font-weight:600;overflow-wrap:anywhere}.detail-list-meta{font-size:11px;color:var(--muted-color);overflow-wrap:anywhere}.detail-list-note{font-size:12px;line-height:1.8;color:var(--on-surface-variant);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}.detail-list-preview{white-space:pre-wrap;margin-top:4px}@media(min-width:1600px){:root{--sidebar-width: 254px;--browser-width: 370px}.note-item{padding:19px 17px 17px}.note-item-title{font-size:13px}.note-item-snippet{font-size:12px}.editor-heading{padding-top:60px}.app-header{padding-inline:28px}.app-brand{min-width:calc(var(--sidebar-width) - 28px)}}@media(max-width:1180px)and (min-width:761px){:root{--browser-width: 310px}.mobile-only{display:inline-flex!important}#main-content{grid-template-columns:var(--browser-width) minmax(0,1fr)}#left-panel{position:absolute;top:var(--header-height);bottom:0;inset-inline-start:0;width:260px;z-index:35;transform:translate(-105%);visibility:hidden;transition:transform var(--transition-normal),visibility var(--transition-normal);box-shadow:12px 0 30px var(--shadow-color)}.mobile-panel-visible #left-panel{transform:translate(0);visibility:visible}.app-brand{min-width:0}.header-divider{display:none}.workspace-breadcrumb{margin-inline-start:14px}.editor-utility-bar{padding:14px 17px}.editor-path{max-width:120px}.editor-heading{padding-top:35px}.editor-heading,.editor-note-meta,#note-content-textarea{padding-inline:35px}.editor-statusbar{padding-inline:18px}.editor-status-tip{display:none}.editor-utility-bar .toolbar-actions{gap:1px}.toolbar-actions>.icon-button{width:29px;min-width:29px}.local-state-label{margin-inline-end:7px;font-size:11px}.focus-mode #main-content{grid-template-columns:minmax(0,1fr)}html[dir=rtl] #left-panel{transform:translate(105%)}html[dir=rtl] .mobile-panel-visible #left-panel{transform:translate(0)}}@media(max-width:1100px){#landing-page{padding-inline:38px}.landing-main{gap:25px;padding:60px 0}.landing-copy h1{font-size:46px;letter-spacing:-2.1px}.landing-illustration{height:470px;transform:scale(.87);transform-origin:center}.landing-imports{gap:8px}.import-card{padding:12px 10px;gap:8px}.import-card-copy strong{font-size:12px}.import-card-copy>span{font-size:11px}.landing-description{font-size:13px}.quiet-label{display:none}.landing-features{gap:25px}.landing-features article{gap:10px}.landing-features p{font-size:11px}.feature-icon{width:36px;height:38px}.landing-features h2{font-size:12px}}@media(max-width:850px)and (min-width:761px){.landing-main{grid-template-columns:1fr 1fr;gap:8px}.landing-copy h1{font-size:39px}.landing-illustration{transform:scale(.73);margin-inline:-30px}.landing-imports{grid-template-columns:1fr}.landing-description{font-size:13px}.landing-features p{max-width:150px}.header-right .local-state-label,.workspace-breadcrumb,.editor-path{display:none}.editor-utility-bar{justify-content:flex-end}.editor-heading,.editor-note-meta,#note-content-textarea{padding-inline:27px}.toolbar-actions>.icon-button{width:31px;min-width:31px}}@media(max-width:760px){:root{--header-height: 60px;--mobile-tab-bar-height: 66px;--browser-width: 100%}#landing-page{padding-inline:24px}.landing-header{height:80px;min-height:80px;gap:12px}.landing-header .brand{gap:8px}.landing-header .brand-mark{width:30px;height:32px;border-radius:8px}.landing-header .brand-wordmark{font-size:18px}.landing-header-right{gap:4px}.landing-header-right .icon-button{width:30px;min-width:30px;height:32px}.language-pill{border:0;padding:4px;gap:4px;font-size:11px}.language-pill .material-symbols-outlined{width:15px;height:15px}.landing-main{display:flex;flex-direction:column;padding:43px 0 30px;gap:25px;align-items:stretch}.landing-copy h1{font-size:clamp(36px,7.4vw,55px);letter-spacing:-1.9px;line-height:1.25}.landing-copy>.eyebrow{font-size:11px;margin-bottom:21px;letter-spacing:1.2px}.landing-description{font-size:13px;line-height:1.95;margin-top:19px;max-width:470px}.landing-primary-actions{margin-top:23px;margin-bottom:24px;gap:10px}.button-primary.large{font-size:13px;min-height:48px;padding:12px 21px}.landing-no-account{font-size:11px}.landing-imports{grid-template-columns:1fr 1fr;max-width:none}.import-card{padding:13px 11px}.import-card-icon>.material-symbols-outlined{width:19px;height:19px}.import-card-copy strong{font-size:12px}.import-card-copy>span{font-size:11px}.import-card>.material-symbols-outlined{width:12px;height:12px}.import-divider{font-size:10px;max-width:none}.landing-drop-hint{font-size:11px;margin-top:12px}.landing-illustration{height:405px;width:min(100%,450px);align-self:center;transform:scale(.84);margin-top:6px;margin-bottom:6px;transform-origin:center}.preview-paper{width:350px;min-height:330px}.paper-main{padding:24px}.paper-main h2{font-size:25px}.paper-back{height:353px}.label-top{top:-25px;right:-4px}.floating-note{bottom:-10px;right:-14px;padding:13px 16px;max-width:295px}.illustration-halo{inset:8px -10px -8px}.orbit{inset:-15px -24px -20px}.orbit-two{inset:12px -42px -12px}.illustration-caption{bottom:-44px;font-size:11px;left:0}.landing-features{grid-template-columns:1fr;gap:23px;padding:27px 0}.landing-features article{gap:15px}.landing-features h2,.landing-features p{font-size:12px}.feature-icon{width:39px;height:40px}.landing-footer{padding:19px 0 23px;font-size:11px;gap:10px;flex-wrap:wrap}.landing-footer>span:nth-child(2){display:none}.landing-footer .text-button{font-size:11px}.recovery-panel{max-width:none}.recovery-description{font-size:11px}.app-header{padding-inline:16px;gap:5px;padding-top:var(--safe-top);min-height:calc(var(--header-height) + var(--safe-top));height:calc(var(--header-height) + var(--safe-top))}.app-brand{min-width:0;gap:8px}.app-brand .brand-wordmark{font-size:16px}.app-brand .brand-mark{width:28px;height:30px;border-radius:8px}.app-brand .brand-mark>.material-symbols-outlined{width:19px;height:19px}.header-left{gap:5px}.header-divider,.workspace-breadcrumb,.local-state-label{display:none}.header-right{gap:0}.header-right>.icon-button,.header-right .dropdown>.icon-button{width:32px;min-width:32px;height:34px}.header-right .material-symbols-outlined{width:18px;height:18px}.sync-status{font-size:11px;max-width:95px;padding:4px 6px}.sync-status>.material-symbols-outlined{width:13px;height:13px}.mobile-only{display:none!important}#main-content{display:block;position:relative;flex:1;width:100%;min-height:0}#left-panel,#note-browser-panel,#editor-container{width:100%;height:100%;border:0;min-height:0}#left-panel{display:none;padding:22px 24px 18px;overflow:auto}.mobile-view-utility #left-panel{display:flex}.mobile-view-utility #note-browser-panel,.mobile-view-utility #editor-container{display:none}.mobile-view-browse #note-browser-panel{display:flex}.mobile-view-browse #editor-container,.mobile-view-editor #note-browser-panel{display:none}.mobile-view-editor #editor-container{display:flex}.note-panel-section>.panel-header{padding:22px 23px 17px;min-height:74px}.note-panel-section .panel-title{font-size:22px;max-width:75vw}.browser-count{font-size:12px}.note-panel-section>.panel-header .icon-button{width:33px;min-width:33px;height:33px}.note-search-shell{margin-inline:22px;min-height:43px;padding-inline:12px}.note-search-shell>.material-symbols-outlined{width:18px;height:18px}#note-search-input{font-size:13px;padding:11px 0}.search-key{display:none}.search-shell-button{width:32px;min-width:32px;height:32px}.search-shell-button>.material-symbols-outlined{width:18px;height:18px}.note-summary-row{padding:13px 25px;min-height:45px}.note-search-summary{font-size:12px}.note-sort-shell select{font-size:12px;max-width:150px}.note-sort-shell>.material-symbols-outlined{width:14px;height:14px}#note-list-container{padding:12px 17px 20px}.note-list{gap:7px}.note-item{padding:18px 16px 15px}.note-item-title{font-size:14px}.note-item-snippet{font-size:12px;line-height:1.9;margin-top:9px;min-height:40px}.note-item-footer{margin-top:12px}.note-item-meta{font-size:11px}.note-tag{font-size:11px;padding:3px 7px;max-width:110px}.note-item-status-row{max-width:90px}.note-status-chip>.material-symbols-outlined{width:14px;height:14px}.note-tools-panel{top:129px;inset-inline:22px;padding:18px;max-height:calc(100dvh - 290px)}.note-tool-chip,.note-tag-filter-chip{font-size:12px;min-height:34px;padding:7px 10px}.note-tool-label,.note-tag-filter-label{font-size:12px}.sidebar-workspace{margin-bottom:20px}.sidebar-workspace strong{font-size:14px}.sidebar-workspace>div>span{font-size:12px}.workspace-avatar{width:36px;height:38px}.compose-button{font-size:14px;min-height:45px;margin-bottom:22px}.compose-button kbd{display:none}.section-label{font-size:11px}.workspace-nav .note-filter-chip{min-height:43px;font-size:13px}.note-filter-chip>.material-symbols-outlined{width:19px;height:19px}.filter-chip-count{font-size:12px}.folder-panel-section{margin-top:17px}.folder-panel-section .panel-title{font-size:12px}.folder-panel-section .icon-button{width:36px;min-width:36px;height:36px}.folder-content{font-size:13px;min-height:42px}.folder-icon{width:18px;height:18px}.folder-count{font-size:12px}.sidebar-bottom{padding-top:20px}.sidebar-tip{display:none}.sidebar-backup-button{font-size:13px;min-height:44px}.sidebar-file-button{font-size:12px;min-height:40px}.sidebar-shortcuts{font-size:12px;padding-top:13px}.sidebar-shortcuts>kbd{display:none}.editor-utility-bar{min-height:56px;padding:11px 16px;gap:4px}.editor-path{font-size:11px;gap:4px;flex:1;max-width:calc(100% - 220px)}.editor-path>span:not(.material-symbols-outlined){max-width:75px}.editor-path>.material-symbols-outlined:nth-last-child(2),.editor-path>span:last-child{display:none}.toolbar-actions{gap:1px}.toolbar-actions>.icon-button{width:31px;min-width:31px;height:33px;padding:7px}.toolbar-actions>.icon-button .material-symbols-outlined{width:17px;height:17px}.save-note-button{min-height:30px;padding:6px 7px;font-size:11px;gap:3px;margin-inline-end:2px}.save-note-button .material-symbols-outlined{width:12px;height:12px}#focus-mode-button{display:none}.editor-heading{padding:28px 25px 12px}.editor-overline{margin-bottom:12px}.note-overline{font-size:10px;letter-spacing:1.6px}#note-title-input{font-size:26px;line-height:1.55;letter-spacing:-.8px;padding-bottom:5px}.editor-note-meta{padding:0 25px 15px;gap:3px 9px}.editor-chip{font-size:11px}#note-content-textarea{padding:12px 25px 28px;line-height:1.95;min-height:70px}.editor-statusbar{min-height:34px;padding:8px 20px;font-size:11px}.editor-status-tip{display:none}.editor-lock-banner{padding:8px 16px;font-size:12px}.editor-lock-action{padding:6px 9px;font-size:11px}.editor-lock-title{font-size:12px}#editor-empty-state{padding:30px 25px}.empty-editor-art{margin-bottom:17px}.empty-editor-description{font-size:13px;max-width:285px}#editor-empty-state>h2{font-size:27px}#editor-empty-state>.button-primary{font-size:12px;min-height:42px}.empty-editor-hint{display:none}.mobile-tab-bar{display:flex;justify-content:space-around;align-items:stretch;min-height:calc(var(--mobile-tab-bar-height) + var(--safe-bottom));height:calc(var(--mobile-tab-bar-height) + var(--safe-bottom));padding:5px max(10px,var(--safe-right)) calc(5px + var(--safe-bottom)) max(10px,var(--safe-left));background:var(--surface-color);border-top:1px solid var(--line-color);z-index:30;flex-shrink:0}.mobile-tab-button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted-color);font-size:11px;border-radius:8px;max-width:145px;position:relative}.mobile-tab-button>.material-symbols-outlined{width:21px;height:21px;transition:background var(--transition-fast)}.mobile-tab-button.active{color:var(--primary-color);background:var(--primary-soft);font-weight:600}.mobile-tab-button.active:before{display:none}.dialog-overlay{padding:20px 15px}.dialog-content{padding:24px 21px;max-height:calc(100dvh - 40px);border-radius:15px}.dialog-content h2,.dialog-content h3{font-size:22px}.dialog-input,.dialog-content>select,.detail-input{font-size:16px!important;min-height:44px}.dialog-buttons{margin-top:25px}.dialog-button{min-height:43px;font-size:13px}.detail-dialog-content{padding-top:0}.detail-dialog-content>.detail-dialog-header{padding:23px 0 17px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.detail-field-wide{grid-column:span 2}.detail-label{font-size:12px}.detail-input[type=datetime-local]{font-size:12px!important;min-height:42px;padding:9px 4px}.detail-toggle-button{min-height:42px}.drawer-overlay{padding:0}.drawer-content{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:27px 23px max(24px,var(--safe-bottom))}.drawer-header h2{font-size:27px}.drawer-local-card strong{font-size:13px}.drawer-local-card p{font-size:12px}.sync-action-button{font-size:12px;min-height:54px}.sync-auth-button{font-size:13px}.drawer-footnote,.shortcut-list dt{font-size:12px}.shortcut-list dd kbd{font-size:11px}.toast-region{bottom:calc(var(--mobile-tab-bar-height) + var(--safe-bottom) + 14px)}body:has(#app-container.hidden) .toast-region{bottom:20px}.toast-message{font-size:12px}.overlay-content{padding:40px 24px}.overlay-content p{font-size:14px}.focus-mode #editor-container{border:0}.focus-mode #main-content{display:block}}@media(max-width:370px){#landing-page{padding-inline:20px}.landing-header .brand-wordmark{font-size:16px}.landing-header .brand{gap:7px}.landing-header-right .icon-button{width:28px;min-width:28px}.landing-copy h1{font-size:34px}.landing-description{font-size:12px}.landing-copy>.eyebrow{font-size:10px;letter-spacing:.8px}.landing-imports{gap:7px}.import-card{padding:11px 8px;gap:6px}.import-card-copy strong{font-size:11px}.import-card-copy>span{font-size:10px}.import-card>.material-symbols-outlined{display:none}.landing-illustration{transform:scale(.7);height:365px;margin-top:-10px;margin-bottom:-15px}.app-header{padding-inline:11px}.app-brand .brand-wordmark{font-size:14px}.app-brand .brand{gap:6px}.header-right>.icon-button,.header-right .dropdown>.icon-button{width:28px;min-width:28px}.editor-path{display:none}.editor-utility-bar{justify-content:flex-end}.editor-heading,#note-content-textarea,.editor-note-meta{padding-inline:21px}.sync-action-grid{grid-template-columns:1fr}.detail-grid{gap:14px 8px}.shortcut-list dd{gap:3px}.shortcut-list dd kbd{font-size:11px}.shortcuts-dialog{padding-inline:17px}}@media(max-height:650px)and (min-width:761px){.sidebar-tip{display:none}.sidebar-bottom{padding-top:16px}.sidebar-workspace{margin-bottom:15px}.compose-button{margin-bottom:18px}#left-panel{padding-top:17px}.editor-heading{padding-top:28px}.sidebar-shortcuts{margin-top:9px}.folder-panel-section{margin-top:15px}}html[dir=rtl] .drawer-content{border-radius:0 18px 18px 0}html[dir=rtl] .drawer-overlay{justify-content:flex-end}html[dir=rtl] .folder-item.collapsed>.folder-content .folder-toggle{transform:rotate(90deg)}html[dir=rtl] .material-symbols-outlined[data-icon=arrow_forward],html[dir=rtl] .material-symbols-outlined[data-icon=chevron_right]{transform:scaleX(-1)}html[dir=rtl] .landing-illustration{direction:ltr}html[dir=rtl] .note-overline,html[dir=rtl] .eyebrow,html[dir=rtl] .section-label{letter-spacing:0}html[lang=ko] .note-overline{letter-spacing:1.4px;font-size:11px}html[lang=ko] .paper-main h2{font-size:26px;line-height:1.55}html[lang=ko] .landing-copy h1{font-weight:600}html[lang=ko] .landing-copy>.eyebrow{font-size:11px}html[lang=ko] .import-divider{letter-spacing:1px;font-size:11px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}@media(forced-colors:active){.note-item.selected,.note-filter-chip.active,.mobile-tab-button.active{outline:2px solid Highlight}.material-symbols-outlined:before{background:CanvasText}.button-primary .material-symbols-outlined:before{background:ButtonText}.hero-accent:after{display:none}}@media(max-width:760px){.workspace-connection{min-width:38px;min-height:38px;padding:9px;gap:4px}.workspace-connection-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workspace-connection .material-symbols-outlined{font-size:12px}}.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;display:grid;min-width:0;gap:4px}.nas-welcome-card>.import-card{width:100%}.nas-welcome-card .import-card-icon{flex:0 0 auto}.nas-welcome-card .import-card-copy{overflow-wrap:anywhere}.nas-welcome-card>.text-button{justify-self:start;min-width:0;max-width:100%;min-height:44px;margin:0;padding:8px 13px;border-radius:8px;text-align:start;overflow-wrap:anywhere}.nas-welcome-card>.nas-help{margin:0 13px;color:var(--on-surface-variant);overflow-wrap:anywhere}.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}body{--hairline: var(--line-color);--muted-text: var(--on-surface-variant);--subtle-text: var(--on-surface-variant);--error-color: var(--danger-color)}#sync-center-modal .bc-shell{width:min(580px,100vw);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:24px 0 0 24px;padding:0;display:flex;flex-direction:column;overflow:hidden}#sync-center-modal .bc-provider-grid{grid-template-columns:minmax(0,1fr)}#sync-center-modal .bc-provider{padding:19px 20px}#sync-center-modal .bc-actions{grid-template-columns:1fr 1fr}#sync-center-modal .bc-provider-description{min-height:0;margin:11px 0 14px}#sync-center-modal .drawer-header{flex-shrink:0;padding:26px 26px 0;border-bottom:0}#sync-center-modal .dialog-intro{padding:0 26px;margin:12px 0 20px;line-height:1.7;color:var(--muted-text);font-size:13px}#sync-center-modal .drawer-local-card{margin:0;flex-shrink:0;border:0;border-top:1px solid var(--line-color);border-radius:0;padding:16px 24px}#sync-center-modal .bc-body{padding:0 22px 20px;overflow:auto;min-height:0}#sync-center-modal .drawer-local-card p{font-size:12px}#sync-center-modal .bc-compat{display:none!important}#note-resources{margin:0;width:100%}.resource-header,.resource-content{padding-inline:clamp(16px,3vw,42px)}.attachment-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;margin:auto;border:1px solid var(--line-color);border-radius:20px;background:var(--surface-color);color:var(--on-surface)}.attachment-dialog::backdrop{background:var(--scrim);backdrop-filter:blur(4px)}.attachment-dialog h2{font-size:22px;line-height:1.4;margin:0 0 20px}.attachment-dialog label{display:block;font-size:13px;margin:14px 0 7px}.attachment-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--control-border);border-radius:9px;background:var(--surface-muted);color:inherit;font:inherit}.attachment-dialog .attachment-dialog-hint{margin:9px 0 17px;font-size:12px;color:var(--muted-text);line-height:1.6}.attachment-dialog-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.attachment-dialog .secondary-button,.attachment-recovery-button{min-height:42px;padding:9px 12px;border:1px solid var(--line-color);border-radius:9px;background:var(--surface-muted);color:var(--on-surface);font:inherit;font-size:12px;cursor:pointer}.attachment-dialog .attachment-danger,.attachment-edit-error{color:var(--danger-color)}.attachment-edit-error{font-size:12px;line-height:1.6;margin:16px 0}.attachment-dialog .dialog-buttons{margin-top:22px}#editor-content.attachment-drag-over{outline:2px dashed var(--primary-color);outline-offset:-6px}.resource-dock button:focus-visible,.attachment-dialog button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:760px){#sync-center-modal .bc-shell{border-radius:0;width:100vw}.resource-header{padding-inline:10px}.attachment-dialog{padding:20px;max-height:calc(100dvh - 20px)}}@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;transition:transform var(--transition-normal)!important}#app-container.mobile-panel-visible #left-panel{visibility:visible!important;pointer-events:auto!important}}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}.start-source-button[data-connected]{position:relative}.start-source-button[data-connected]:after{content:"\2713  " attr(data-connected);position:absolute;inset-inline-end:44px;top:18px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6;color:#1f7a4d;background:#e3f4ea}.theme-dark .start-source-button[data-connected]:after{color:#8fd8ae;background:#40a06e2e}#nn-home-button svg,#nn-logout-button svg{width:20px!important;height:20px!important;flex:none}html[lang=ko] #editor-empty-state>.eyebrow,html[lang^=ja] #editor-empty-state>.eyebrow,html[lang^=zh] #editor-empty-state>.eyebrow,html[lang=ko] #note-content-textarea,html[lang^=ja] #note-content-textarea,html[lang^=zh] #note-content-textarea,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] .eyebrow,html[lang^=ja] .eyebrow,html[lang^=zh] .eyebrow,html[lang=ko] .floating-note>div>span,html[lang^=ja] .floating-note>div>span,html[lang^=zh] .floating-note>div>span,html[lang=ko] .folder-panel-section .panel-title,html[lang^=ja] .folder-panel-section .panel-title,html[lang^=zh] .folder-panel-section .panel-title,html[lang=ko] .import-divider,html[lang^=ja] .import-divider,html[lang^=zh] .import-divider,html[lang=ko] .landing-copy>.eyebrow,html[lang^=ja] .landing-copy>.eyebrow,html[lang^=zh] .landing-copy>.eyebrow,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] .note-overline,html[lang^=ja] .note-overline,html[lang^=zh] .note-overline,html[lang=ko] .paper-date,html[lang^=ja] .paper-date,html[lang^=zh] .paper-date,html[lang=ko] .paper-kicker,html[lang^=ja] .paper-kicker,html[lang^=zh] .paper-kicker,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] .section-label,html[lang^=ja] .section-label,html[lang^=zh] .section-label,html[lang=ko] .toolbar-customizer-hidden-title,html[lang^=ja] .toolbar-customizer-hidden-title,html[lang^=zh] .toolbar-customizer-hidden-title{letter-spacing:0!important;text-transform:none}@media(max-width:760px){.workspace-connection{display:none!important}.header-right>.icon-button[data-open-sync]{position:relative}.workspace-connection~.icon-button[data-open-sync]:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 2px var(--surface-color);background:var(--outline-color)}.workspace-connection[data-connection-state=connected]~.icon-button[data-open-sync]:after{background:var(--primary-color)}.workspace-connection[data-connection-state=review]~.icon-button[data-open-sync]:after,.workspace-connection[data-connection-state=offline]~.icon-button[data-open-sync]:after{background:var(--warning-color)}.save-note-button[data-state=saved]{border-color:transparent;background:transparent}.save-note-button #save-note-icon{width:18px;height:18px}.editor-heading,.editor-note-meta{padding-inline:9px}}.note-item[style*="--note-accent: transparent"] .note-item-title:before{display:none}@media(min-width:761px){#app-container #editor-toolbar{max-width:none!important;padding-inline:0!important}}.brand-mark .material-symbols-outlined{--icon: url(icon/glyph.svg) !important}@media(max-width:760px){.detail-grid>.detail-field:has(#editor-folder-select){grid-column:1 / -1}}.web-settings-header h2{font-size:22px;font-weight:650}.web-settings-section h3{font-size:15px;font-weight:650;margin:0 0 12px}@media(max-width:760px){#sync-center-modal .bc-shell{overflow-y:auto;overscroll-behavior:contain}#sync-center-modal .bc-body{overflow:visible;flex:none}}#note-details-modal div:not(.detail-sidecard)+.detail-sidecard{margin-top:18px}#note-details-modal .detail-input{text-overflow:ellipsis}@media(max-width:760px){#nn-home-button svg,#nn-logout-button svg{width:18px!important;height:18px!important}}