:root{--radius:12px;--opacity:.86;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.6;overflow:auto}#root{min-height:100vh}.landing-page{background:linear-gradient(135deg, rgba(var(--surface-rgb), var(--opacity)), rgba(var(--accent-rgb), .08) 46%, #705c301a), var(--bg);min-height:100vh;color:var(--text);padding-top:76px;overflow-x:hidden}.landing-nav{z-index:30;border:1px solid rgba(var(--border-rgb), .64);border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;padding:0 16px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #2e323014}.landing-brand,.landing-nav nav,.landing-actions,.landing-nav-actions,.landing-language-select,.landing-theme-toggle,.landing-nav-cta,.landing-primary-action,.landing-secondary-action{align-items:center;display:inline-flex}.landing-brand{color:var(--text);font-family:var(--font-headline);gap:10px;font-size:21px;font-weight:700;text-decoration:none}.landing-brand img{border:1px solid rgba(var(--border-rgb), .78);border-radius:var(--radius);background:var(--surface);width:38px;height:38px;padding:4px}.landing-nav nav{justify-content:center;gap:8px}.landing-nav-actions{justify-content:end;gap:10px}.landing-nav nav a,.landing-language-select,.landing-nav-cta,.landing-primary-action,.landing-secondary-action{border-radius:var(--radius);min-height:42px;font-size:14px;font-weight:850;text-decoration:none}.landing-language-select{border:1px solid rgba(var(--border-rgb), .86);background:rgba(var(--surface-rgb), var(--opacity));width:76px;color:var(--accent-strong);justify-content:center;gap:8px;padding:0;position:relative}.landing-theme-toggle{border:1px solid rgba(var(--border-rgb), .86);border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));width:42px;min-height:42px;color:var(--accent-strong);cursor:pointer;justify-content:center}.landing-theme-toggle:hover,.landing-theme-toggle:focus-visible{color:var(--accent-strong);background:rgba(var(--surface-rgb), var(--opacity))}.landing-theme-toggle:focus-visible{outline:2px solid rgba(var(--accent-rgb), .24);outline-offset:2px}.landing-language-flag{font-size:19px;line-height:1}.landing-language-select select{opacity:0;cursor:pointer;border:0;width:100%;min-width:0;position:absolute;inset:0}.landing-language-select select:focus-visible{outline:2px solid rgba(var(--accent-rgb), .24);outline-offset:2px}.landing-nav nav a{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:0 12px;line-height:1;display:inline-flex}.landing-nav nav a:hover,.landing-nav nav a:focus-visible{color:var(--accent-strong);background:rgba(var(--surface-rgb), var(--opacity))}.landing-nav-cta,.landing-secondary-action{border:1px solid rgba(var(--border-rgb), .86);background:rgba(var(--surface-rgb), var(--opacity));color:var(--accent-strong);justify-content:center;padding:0 17px}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(34px,6vw,78px);width:min(1180px,100% - 40px);min-height:calc(100vh - 76px);margin:0 auto;padding:42px 0 96px;display:grid}.landing-hero-copy{align-content:center;gap:24px;display:grid}.landing-hero-kicker{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));width:fit-content;min-height:34px;color:var(--gold);align-items:center;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.landing-hero h1{max-width:680px;font-family:var(--font-headline);letter-spacing:0;margin:0;font-size:clamp(48px,6.2vw,86px);font-weight:680;line-height:.98}.landing-hero-copy p{max-width:560px;color:var(--content-text);margin:0;font-size:20px;line-height:1.58}.landing-hero-points{flex-wrap:wrap;gap:10px;display:flex}.landing-hero-points span{border-radius:var(--radius);background:var(--surface-strong);min-height:36px;color:var(--accent-strong);align-items:center;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.landing-actions{flex-wrap:wrap;gap:12px}.landing-primary-action{background:var(--accent);min-height:50px;color:var(--solid-button-text);box-shadow:0 14px 30px rgba(var(--accent-rgb), .18);justify-content:center;gap:8px;padding:0 20px}.landing-primary-action:hover,.landing-primary-action:focus-visible,.landing-nav-cta:hover,.landing-nav-cta:focus-visible{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--solid-button-text)}.landing-secondary-action{min-height:50px}.landing-secondary-action:hover,.landing-secondary-action:focus-visible{background:var(--surface);border-color:var(--accent)}.landing-product-preview{border:1px solid rgba(var(--border-rgb), .76);border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));grid-template-columns:188px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden;box-shadow:0 30px 80px #2e32301f}.preview-sidebar{background:var(--tone-sidebar);border-right:1px solid rgba(var(--border-rgb), .72);align-content:start;gap:14px;padding:18px;display:grid}.preview-sidebar-head,.preview-nav-row,.preview-check-row,.preview-document-topline{align-items:center;display:flex}.preview-sidebar-head{gap:9px;margin-bottom:8px}.preview-sidebar-head img{width:28px;height:28px}.preview-sidebar-head strong,.preview-note-list strong,.preview-note-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-nav-row{border-radius:var(--radius);min-height:36px;color:var(--muted);gap:8px;padding:0 10px;font-size:13px;font-weight:850}.preview-nav-row.active{background:var(--selected);color:var(--accent-strong)}.preview-note-list{border-top:1px solid rgba(var(--border-rgb), .72);gap:8px;margin-top:10px;padding-top:14px;display:grid}.preview-note-list span{color:var(--gold);font-size:12px;font-weight:900}.preview-note-list strong{border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));min-height:34px;color:var(--content-text);padding:7px 9px;font-size:13px}.preview-document{background:var(--tone-editor);align-content:start;gap:18px;padding:clamp(28px,5vw,64px);display:grid}.preview-document-topline{flex-wrap:wrap;gap:8px}.preview-document-topline span{border-radius:var(--radius);background:var(--surface-strong);min-height:28px;color:var(--gold);align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.preview-document h2{font-family:var(--font-headline);margin:20px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.04}.preview-document p{max-width:520px;color:var(--content-text);margin:0 0 4px;font-size:18px}.preview-check-row{color:var(--accent-strong);gap:9px;font-size:15px;font-weight:850}.preview-note-metadata{border:1px solid rgba(var(--border-rgb), .68);border-radius:var(--radius);background:linear-gradient(90deg, rgba(var(--accent-rgb), .1), transparent 1px) 0 0 / 24px 24px, rgba(var(--surface-rgb), var(--opacity));gap:8px;max-width:500px;margin-top:2px;padding:16px;display:grid}.preview-note-metadata span{color:var(--muted);font-size:13px;font-weight:850}.preview-quote{border-left:3px solid var(--accent);max-width:460px;color:var(--content-text);font-family:var(--font-headline);margin-top:14px;padding:18px 0 18px 18px;font-size:22px;line-height:1.5}.landing-feature-band{border:1px solid rgba(var(--border-rgb), .76);border-radius:var(--radius);background:rgba(var(--border-rgb), .72);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(1180px,100% - 40px);margin:-56px auto 0;display:grid;overflow:hidden}.landing-feature-band article{background:rgba(var(--surface-rgb), var(--opacity));align-content:start;gap:8px;min-height:180px;padding:24px;display:grid}.landing-feature-band svg{color:var(--accent)}.landing-feature-band h2,.landing-feature-band p{margin:0}.landing-feature-band h2{font-family:var(--font-headline);font-size:21px;line-height:1.18}.landing-feature-band p{color:var(--muted);font-size:14px;line-height:1.48}.landing-detail-section,.landing-split-section{width:min(1180px,100% - 40px);margin:0 auto}#editor,#tagging,#local-storage,#encryption{scroll-margin-top:104px}.landing-detail-section{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(76px,10vw,128px) 0;display:grid}.landing-detail-section.alternate{border-top:1px solid rgba(var(--border-rgb), .58);grid-template-columns:minmax(440px,1.03fr) minmax(0,.97fr)}.landing-section-copy{align-content:start;gap:18px;display:grid}.landing-section-kicker{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));width:fit-content;min-height:34px;color:var(--accent-strong);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.landing-section-copy h2,.landing-split-section h2{font-family:var(--font-headline);margin:0;font-size:clamp(34px,4.6vw,60px);font-weight:660;line-height:1.04}.landing-section-copy p,.landing-split-section p{max-width:620px;color:var(--content-text);margin:0;font-size:18px;line-height:1.62}.landing-proof-list{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.landing-proof-list li{color:var(--muted);padding-left:24px;font-size:15px;line-height:1.5;position:relative}.landing-proof-list li:before{content:"";border-radius:var(--radius);background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 5px rgba(var(--accent-rgb), .12);position:absolute;top:.68em;left:0}.landing-editor-demo,.landing-tag-demo,.landing-split-section article{border:1px solid rgba(var(--border-rgb), .74);background:rgba(var(--surface-rgb), var(--opacity));box-shadow:var(--shadow)}.landing-editor-demo{border-radius:var(--radius);overflow:hidden}.editor-demo-toolbar{border-bottom:1px solid rgba(var(--border-rgb), .72);background:var(--tone-sidebar);align-items:center;gap:8px;min-height:58px;padding:0 18px;display:flex}.editor-demo-toolbar span{border-radius:var(--radius);background:var(--surface);min-width:34px;min-height:34px;color:var(--accent-strong);justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.landing-editor-demo article{background:linear-gradient(90deg, rgba(var(--accent-rgb), .1), transparent 1px) 0 0 / 38px 38px, var(--tone-editor);gap:15px;padding:clamp(28px,5vw,54px);display:grid}.editor-demo-label{border-radius:var(--radius);background:var(--surface-strong);width:fit-content;color:var(--gold);margin:0;padding:5px 10px;font-size:12px;font-weight:900}.landing-editor-demo h3{font-family:var(--font-headline);margin:8px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.05}.landing-editor-demo article>p:not(.editor-demo-label){max-width:520px;color:var(--content-text);margin:0;font-size:17px;line-height:1.6}.editor-demo-rule{background:rgba(var(--border-rgb), .86);width:100%;height:1px;margin:8px 0}.landing-editor-demo blockquote{border-left:3px solid var(--accent);color:var(--content-text);font-family:var(--font-headline);margin:0;padding:16px 0 16px 18px;font-size:22px;line-height:1.45}.landing-tag-demo{border-radius:var(--radius);background:radial-gradient(circle at 18% 18%, rgba(var(--accent-rgb), .14), transparent 34%), rgba(var(--surface-rgb), var(--opacity));gap:20px;padding:clamp(22px,4vw,36px);display:grid}.tag-demo-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-demo-cloud span{border-radius:var(--radius);background:var(--selected);min-height:38px;color:var(--accent-strong);align-items:center;padding:0 13px;font-size:14px;font-weight:900;display:inline-flex}.tag-demo-cloud span:nth-child(2n){background:var(--surface-strong);color:var(--gold)}.tag-demo-list{border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));border:1px solid rgba(var(--border-rgb), .66);gap:8px;padding:22px;display:grid}.tag-demo-list strong{font-family:var(--font-headline);font-size:26px;line-height:1.15}.tag-demo-list p{color:var(--content-text);margin:0}.landing-split-section{border:1px solid rgba(var(--border-rgb), .74);border-radius:var(--radius);background:rgba(var(--border-rgb), .74);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:clamp(72px,10vw,128px);display:grid;overflow:hidden}.landing-split-section article{border-radius:var(--radius);background:rgba(var(--surface-rgb), var(--opacity));border:0;align-content:start;gap:18px;min-height:430px;padding:clamp(26px,4.5vw,52px);display:grid}.landing-split-section article:first-child{background:linear-gradient(145deg, rgba(var(--accent-rgb), .12), transparent 38%), rgba(var(--surface-rgb), var(--opacity))}.landing-split-section article:last-child{background:linear-gradient(145deg, #705c3021, transparent 40%), rgba(var(--surface-rgb), var(--opacity))}.landing-final-cta{border:1px solid rgba(var(--border-rgb), .74);border-radius:var(--radius);background:linear-gradient(145deg, rgba(var(--accent-rgb), .16), transparent 42%), rgba(var(--surface-rgb), var(--opacity));width:min(1180px,100% - 40px);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,64px);margin:0 auto clamp(72px,10vw,128px);padding:clamp(28px,5vw,54px);display:grid}.landing-final-cta>div:first-child{gap:16px;display:grid}.landing-final-cta h2,.landing-final-cta p{margin:0}.landing-final-cta h2{max-width:760px;font-family:var(--font-headline);font-size:clamp(34px,4.5vw,60px);font-weight:660;line-height:1.04}.landing-final-cta p{max-width:700px;color:var(--content-text);font-size:18px;line-height:1.62}.landing-final-actions{gap:12px;min-width:210px;display:grid}.landing-final-actions .landing-primary-action,.landing-final-actions .landing-secondary-action{width:100%}.landing-pricing-section{border-top:1px solid rgba(var(--border-rgb), .64);background:var(--tone-editor);grid-template-columns:minmax(0,.78fr) minmax(320px,1fr);align-items:start;gap:24px;padding:48px clamp(22px,6vw,88px);display:grid}.landing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-plan-card{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow);gap:18px;padding:22px;display:grid}.landing-plan-card.featured{border-color:color-mix(in srgb, var(--accent) 52%, var(--border))}.landing-plan-card>div:first-child{gap:6px;display:grid}.landing-plan-card span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.landing-plan-card strong{color:var(--text);font-family:var(--font-headline);font-size:clamp(30px,4vw,42px);line-height:1}.landing-plan-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.landing-plan-card li{color:var(--content-text);font-size:14px;line-height:1.45}.auth-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid rgba(var(--border-rgb), .76);border-radius:var(--radius);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);gap:18px;padding:28px;display:grid}.auth-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.auth-logo{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);object-fit:contain;width:58px;height:58px;padding:7px}.auth-panel h1,.auth-panel p{margin:0}.auth-panel h1{font-family:var(--font-headline);font-size:32px;line-height:1.1}.auth-panel p,.auth-muted{color:var(--muted);font-size:14px}.auth-error{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 12%, var(--surface));min-height:38px;color:var(--danger);align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:800;display:flex}.auth-status{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface));min-height:38px;color:var(--accent-strong);align-items:center;padding:9px 11px;font-size:13px;font-weight:800;display:flex}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--content-text);gap:6px;font-size:13px;font-weight:800;display:grid}.auth-form input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .82);background:var(--surface-strong);height:42px;color:var(--text);padding:0 12px}.auth-form input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.auth-primary-button,.auth-secondary-button{border-radius:var(--radius);min-height:42px;font-size:14px;font-weight:800}.auth-primary-button{background:var(--accent);color:var(--solid-button-text)}.auth-secondary-button{border:1px solid rgba(var(--border-rgb), .82);background:var(--surface-strong);color:var(--accent-strong)}.auth-link-button{width:max-content;color:var(--accent-strong);text-align:left;background:0 0;border:0;font-size:13px;font-weight:800}.auth-primary-button:hover,.auth-primary-button:focus-visible{background:var(--accent-strong)}.auth-secondary-button:hover,.auth-secondary-button:focus-visible{background:var(--selected)}.auth-primary-button:disabled,.auth-secondary-button:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-weight:800}.auth-switch a{color:var(--accent-strong);text-decoration:none}.auth-switch a:hover,.auth-switch a:focus-visible{text-decoration:underline}.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.auth-divider span{background:var(--border);height:1px}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{grid-template-columns:320px 300px minmax(0,1fr);gap:0;height:100vh;padding:0;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:72px 300px minmax(0,1fr)}.mobile-app-bar,.mobile-pane-scrim{display:none}.sidebar,.note-list-panel,.editor-panel{box-shadow:none;border:0}.sidebar{background:var(--tone-sidebar);border-right:1px solid rgba(var(--border-rgb), .72);flex-direction:column;gap:22px;padding:24px;display:flex}.sidebar.collapsed{align-items:center;gap:18px;padding:18px 10px}.brand{align-items:center;gap:12px;display:flex;position:relative}.sidebar.collapsed .brand{flex-direction:column}.sidebar.collapsed .sidebar-collapse-button{order:-1;margin-bottom:4px;margin-left:0}.brand-mark{border-radius:var(--radius);object-fit:contain;background:var(--surface-strong);border:1px solid var(--border);width:42px;height:42px;box-shadow:var(--shadow);padding:5px;display:block}.brand h1,.brand p,.panel-header h2,.panel-header p,.topbar h2,.topbar p{margin:0}.brand h1{font-family:var(--font-headline);font-size:23px;font-weight:650;line-height:1}.sidebar-collapse-button{border-radius:var(--radius);width:36px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:0;margin-left:auto;display:inline-flex}.collapse-chevron{margin-left:-3px;transition:transform .14s;transform:rotate(180deg)}.sidebar-collapse-button[aria-pressed=true] .collapse-chevron{transform:rotate(0)}.sidebar-collapse-button:hover,.sidebar-collapse-button:focus-visible{background:var(--surface-strong);border-color:var(--border);color:var(--text)}.sidebar.collapsed .brand-copy,.sidebar.collapsed .footer-storage,.sidebar.collapsed .storage-row span,.sidebar.collapsed .category-row span,.sidebar.collapsed .category-row strong{display:none}.sidebar.collapsed .sidebar-section,.sidebar.collapsed .tree-list{width:100%}.sidebar.collapsed .sidebar-footer{width:100%;margin-top:auto}.sidebar.collapsed .account-menu-wrap{justify-content:center;display:flex}.sidebar.collapsed .footer-button,.sidebar.collapsed .local-storage-cta,.sidebar.collapsed .dark-mode-toggle{justify-content:center;width:44px;min-height:44px;padding:0}.sidebar.collapsed .footer-button-label,.sidebar.collapsed .dark-mode-toggle .theme-label,.sidebar.collapsed .dark-mode-toggle .toggle-track{display:none}.sidebar.collapsed .dark-mode-toggle .theme-icon{display:grid}.brand p,.panel-header p,.topbar p{color:var(--muted);font-size:13px}.sidebar-section{gap:12px;min-height:0;display:grid}.sidebar-footer{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding-top:8px;display:grid}.dark-mode-toggle,.footer-button,.local-storage-cta{border-radius:var(--radius);min-height:38px;color:var(--text);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.footer-button{justify-content:flex-start}.local-storage-cta{background:var(--surface-strong);width:100%;color:var(--text);border:1px solid var(--border);justify-content:flex-start;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.local-storage-cta:hover,.local-storage-cta:focus-visible{transform:translateY(-1px);box-shadow:0 4px 10px #0000000a;background:var(--selected)!important;border-color:var(--accent)!important;color:var(--accent-strong)!important}.account-footer-button{width:100%;min-width:0}.footer-user-avatar,.footer-user-initials{border-radius:var(--radius);flex:none;width:22px;height:22px}.footer-user-avatar{object-fit:cover}.footer-user-initials{background:var(--selected);color:var(--accent-strong);place-items:center;font-size:10px;font-weight:900;display:grid}.footer-button-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dark-mode-toggle{background:rgba(var(--surface-strong-rgb), var(--opacity));border-color:rgba(var(--border-rgb), .65);width:100%;min-height:38px;margin-top:6px}.dark-mode-toggle .theme-icon{display:none}.dark-mode-toggle:hover,.dark-mode-toggle:focus-visible,.footer-button:hover,.footer-button:focus-visible,.footer-button.active,.local-storage-cta:hover,.local-storage-cta:focus-visible{background:var(--surface-strong);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));color:var(--accent-strong)}.account-menu-wrap{min-width:0;position:relative}.account-menu{z-index:1200;width:max-content;min-width:min(232px,100vw - 32px);position:absolute;bottom:calc(100% + 8px);left:0}.dropdown-menu,.tree-action-menu,.card-sort-menu,.tag-picker-menu{border:1px solid rgba(var(--border-rgb), .76);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow);gap:2px;padding:8px;display:grid}.sidebar.collapsed .account-menu{left:0}.dropdown-menu-item{border-radius:var(--radius);width:100%;min-height:36px;color:var(--content-text);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr);justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.note-actions .dropdown-menu-item,.editor-action-menu .dropdown-menu-item{place-items:initial;border-radius:var(--radius);width:100%;height:auto;min-height:36px;color:var(--content-text);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr);justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.tree-action-menu button,.card-sort-menu button,.tag-picker-menu button{border-radius:var(--radius);width:100%;min-height:36px;color:var(--content-text);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.account-menu .dropdown-menu-item{grid-template-columns:20px minmax(0,1fr) auto}.dropdown-menu-item svg{grid-column:1;justify-self:center}.dropdown-menu-item>:not(svg){grid-column:2;min-width:0}.dropdown-menu-item:hover,.dropdown-menu-item:focus-visible{background:var(--selected);color:var(--accent-strong)}.dropdown-menu-item.danger{color:var(--danger)}.dropdown-menu-item.danger:hover,.dropdown-menu-item.danger:focus-visible{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.account-menu-icon,.account-menu button>svg{place-items:center;display:inline-grid}.dropdown-menu-label,.dropdown-menu-empty{color:var(--muted);margin:4px 8px 2px;font-size:11px;font-weight:800}.toggle-track{border-radius:var(--radius);background:var(--meter-bg,var(--border));align-items:center;width:34px;height:20px;padding:2px;transition:background .14s;display:inline-flex}.toggle-thumb{border-radius:var(--radius);background:var(--surface);width:16px;height:16px;transition:transform .14s;box-shadow:0 1px 3px #2e32302e}[aria-pressed=true] .toggle-track{background:var(--accent)}[aria-pressed=true] .toggle-thumb{transform:translate(14px)}.footer-storage{min-width:0;color:color-mix(in srgb, var(--muted) 82%, var(--text));gap:6px;padding:0 10px 2px;font-size:12px;font-weight:700;display:grid}.footer-storage span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.footer-storage-meter{border-radius:var(--radius);background:var(--meter-bg,color-mix(in srgb, var(--border) 76%, transparent));height:5px;overflow:hidden}.footer-storage-meter span{border-radius:inherit;background:color-mix(in srgb, var(--accent) 62%, var(--surface-strong));height:100%;display:block}.tree-list,.storage-notebooks,.tree-notes,.note-list{flex-direction:column;gap:8px;display:flex}.tree-list{max-height:calc(100vh - 340px);padding-right:2px;overflow:auto}.category-list{flex-direction:column;gap:6px;display:flex}.sidebar-add-note{border-radius:var(--radius);background:var(--accent);width:100%;min-height:42px;color:var(--solid-button-text);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.sidebar-add-note:hover,.sidebar-add-note:focus-visible{background:var(--accent-strong)}.sidebar.collapsed .sidebar-add-note{width:44px;min-height:44px;padding:0}.sidebar.collapsed .sidebar-add-note span{display:none}.category-row-wrap{border-radius:var(--radius);display:block;position:relative}.category-row{border-radius:var(--radius);width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:800;display:grid}.category-row:hover,.category-row:focus-visible{background:var(--selected);color:var(--text)}.category-row.active{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent-strong)}.category-row strong{color:var(--muted);font-size:12px}.sidebar.collapsed .category-row{grid-template-columns:1fr;place-items:center;width:44px;min-height:44px;padding:0}.sidebar.collapsed .category-row-wrap{display:block}.tree-node,.storage-node{gap:6px;display:grid}.storage-row{border-radius:var(--radius);width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.sidebar.collapsed .storage-row{grid-template-columns:1fr;place-items:center;width:44px;min-height:44px;margin:0 auto;padding:0;display:grid}.sidebar.collapsed .storage-row svg{justify-self:center}.storage-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.storage-notebooks{border-left:1px solid var(--border);gap:6px;margin-left:12px;padding:2px 0 4px 18px}.tree-notes{border-left:1px solid var(--border);gap:5px;margin-left:16px;padding-left:10px}.notebook-select,.note-select{text-align:left;width:100%;color:var(--text);border-radius:var(--radius);background:0 0}.selectable-list-item{width:100%;color:inherit;text-align:left;border:1px solid #0000}.notebook-row{border-radius:var(--radius);grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid}.notebook-row.no-actions{grid-template-columns:minmax(0,1fr) 28px}.note-row{border-radius:var(--radius);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.notebook-select{align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.tree-toggle{width:28px;height:100%;min-height:44px;color:var(--muted);border-radius:var(--radius);background:0 0;place-items:center;display:grid}.notebook-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notebook-rename-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:34px;color:var(--text);margin:4px 0 4px 6px;padding:0 8px}.notebook-count{color:var(--muted);justify-self:end;padding-right:8px;font-size:12px;font-weight:800}.notebook-row.active,.note-row.active,.toolbar>button.selected,.notebook-row:hover,.notebook-row:focus-within{background:var(--selected);color:var(--accent-strong)}.toolbar>button.selected{border-color:color-mix(in srgb, var(--accent) 42%, transparent)}.mode-segmented button.selected,.settings-segmented-control button[aria-pressed=true]{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:var(--solid-button-text)}.tree-actions{justify-content:center;align-items:center;padding-right:4px;display:flex;position:relative}.delete-notebook,.add-note,.notebook-menu-trigger,.delete-note{border-radius:var(--radius);width:28px;height:28px;color:var(--danger);background:0 0;place-items:center;display:grid}.notebook-menu-trigger,.delete-note{opacity:0;pointer-events:none}.tree-action-menu{z-index:1000;width:max-content;min-width:0;position:fixed}.tree-action-menu button{opacity:1;pointer-events:auto;width:auto}.tree-action-menu .delete-notebook{color:var(--danger)}.tree-action-menu button:hover,.tree-action-menu button:focus-visible{background:var(--selected);color:var(--accent-strong)}.menu-separator{background:var(--border);height:1px;margin:4px 2px}.notebook-row:hover .notebook-menu-trigger,.tree-actions:focus-within .notebook-menu-trigger,.tree-actions.open .notebook-menu-trigger,.note-row:hover .delete-note,.notebook-menu-trigger:focus-visible,.delete-notebook:focus-visible,.add-note:focus-visible,.delete-note:focus-visible{opacity:1;pointer-events:auto}.add-note{color:var(--accent-strong)}.new-notebook{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.new-notebook button,.toolbar button,.mode-segmented button,.rich-tools button,.icon-button{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);min-height:38px;color:var(--text);justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.mode-segmented,.settings-segmented-control{border-radius:var(--radius);background:var(--surface);border:1px solid rgba(var(--border-rgb), .74);align-items:center;gap:3px;padding:2px;display:inline-flex}.mode-segmented button,.settings-segmented-control button{border-radius:var(--radius);min-width:66px;min-height:42px;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.mode-segmented button:hover,.mode-segmented button:focus-visible,.settings-segmented-control button:hover,.settings-segmented-control button:focus-visible{color:var(--accent-strong);background:var(--selected)}button:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:2px}.local-files-panel{display:block}.local-files-heading,.local-files-heading>div{align-items:center;gap:8px;display:flex}.local-files-heading{justify-content:space-between;gap:10px}.local-files-heading>div{color:var(--muted);min-width:0;font-size:12px;font-weight:700}.local-files-heading span{overflow-wrap:anywhere}.local-files-controls{align-items:center;gap:4px;display:inline-flex}.local-files-panel .local-actions-button{border-radius:var(--radius);width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.local-files-panel .local-actions-button:hover,.local-files-panel .local-actions-button:focus-visible{background:var(--surface-strong);color:var(--text);border-color:var(--border)}.local-storage-menu{z-index:1300;border:1px solid rgba(var(--border-rgb), .76);border-radius:var(--radius);background:var(--surface-strong);width:max-content;min-width:180px;max-width:min(240px,100vw - 24px);box-shadow:var(--shadow);gap:4px;padding:8px;display:grid;position:fixed}.local-storage-menu button{border-radius:var(--radius);width:100%;min-height:34px;color:var(--content-text);white-space:nowrap;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.local-storage-menu button:hover,.local-storage-menu button:focus-visible{background:var(--selected);color:var(--accent-strong)}.local-storage-menu button:disabled{opacity:.55;cursor:not-allowed}.note-list-panel{background:var(--tone-list);border-right:1px solid rgba(var(--border-rgb), .72);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-header,.topbar{border-bottom:1px solid rgba(var(--border-rgb), .72);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.panel-header{background:var(--tone-list);flex:none}.notes-header-content{flex:1;gap:8px;min-width:0;display:grid}.notes-title-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.notes-title-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.notes-header-danger-action{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 32%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);min-height:32px;color:var(--danger);justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.notes-header-danger-action:hover,.notes-header-danger-action:focus-visible{border-color:color-mix(in srgb, var(--danger) 54%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent)}.notes-search-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;display:grid}.notes-search{width:100%;min-width:0;display:block}.notes-search-with-autocomplete{position:relative}.notes-search input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .78);background:var(--surface);width:100%;height:42px;color:var(--text);font:inherit;padding:0 12px 0 36px;font-size:13px;transition:border-color .2s,box-shadow .2s,outline .2s}.notes-search input::placeholder{color:var(--muted)}.notes-search input:focus{outline:3px solid rgba(var(--accent-rgb), .2);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.notes-search-icon{color:var(--muted);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.notes-search input:focus~.notes-search-icon{color:var(--accent)}.notes-tag-autocomplete{z-index:90;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:var(--surface-strong);max-height:240px;box-shadow:var(--shadow);gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.notes-tag-autocomplete button{border-radius:var(--radius);width:100%;min-height:34px;color:var(--content-text);text-align:left;background:0 0;justify-content:flex-start;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex}.notes-tag-autocomplete button:hover,.notes-tag-autocomplete button:focus-visible{background:var(--selected);color:var(--accent-strong)}.notes-tag-autocomplete p{color:var(--muted);margin:7px 9px;font-size:12px;font-weight:700}.panel-inline-action,.empty-state-action{border-radius:var(--radius);background:var(--surface-strong);min-height:32px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.panel-inline-action:hover,.panel-inline-action:focus-visible,.empty-state-action:hover,.empty-state-action:focus-visible{background:var(--selected)}.panel-header h2,.topbar h2{font-family:var(--font-headline);margin-top:4px;font-size:21px;font-weight:650;line-height:1.2}.note-list{flex:1;min-height:0;max-height:none;padding:14px;overflow:auto}.help-index-column .section-kicker{color:var(--gold);align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.help-index-list{align-content:start;gap:8px;min-height:0;padding:14px;display:grid;overflow:auto}.help-index-list button{border-radius:var(--radius);width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.help-index-list button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.help-index-list button:hover,.help-index-list button:focus-visible,.help-index-list button.active{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent-strong)}.notebook-list,.tag-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px;display:flex;overflow:auto}.tag-row{border-radius:var(--radius);min-height:44px;color:var(--text);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 11px;display:grid}.tag-row:hover,.tag-row:focus-visible,.tag-row.active{background:var(--selected)}.tag-select{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;align-items:center;display:flex}.tag-select span{text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));min-width:0;max-width:100%;min-height:24px;color:var(--accent-strong);align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.tag-row small{color:var(--gold);font-size:11px;font-weight:800}.tag-row strong{color:var(--muted);justify-self:end;font-size:12px}.tag-actions{justify-content:center;align-items:center;display:flex;position:relative}.tag-menu-trigger{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);opacity:0;pointer-events:none;background:0 0;justify-self:end;place-items:center;display:grid}.tag-row:hover .tag-menu-trigger,.tag-row:focus-within .tag-menu-trigger,.tag-actions.open .tag-menu-trigger,.tag-menu-trigger:focus-visible{opacity:1;pointer-events:auto}.tag-menu-trigger:hover,.tag-menu-trigger:focus-visible{background:var(--selected);color:var(--accent-strong)}.tree-action-menu .delete-tag{color:var(--danger)}.inline-tag-editor,.inline-notebook-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.inline-tag-editor{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto auto}.inline-tag-encryption-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:104px;height:38px;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.inline-tag-encryption-option input{opacity:0;pointer-events:none;position:absolute}.inline-tag-encryption-option:has(input:checked){color:var(--accent-strong);background:var(--selected);border-color:var(--accent)}.tag-picker-encryption-option{color:var(--text);align-items:center;gap:7px;padding:2px 0;font-size:12px;font-weight:850;display:inline-flex}.tag-picker-encryption-option input{margin:0}.inline-tag-editor input,.inline-notebook-editor input,.tag-picker-inline-editor input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-width:0;height:38px;color:var(--text);font:inherit;padding:0 11px;font-size:13px}.inline-tag-editor input:focus,.inline-notebook-editor input:focus,.tag-picker-inline-editor input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.inline-tag-editor button:disabled,.inline-notebook-editor button:disabled,.tag-picker-inline-editor button:disabled{opacity:.45;cursor:not-allowed}.note-list-footer{border-top:1px solid rgba(var(--border-rgb), .72);padding:14px}.new-note-button{border-radius:var(--radius);background:var(--accent);width:100%;min-height:42px;color:var(--surface);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.new-note-button:hover,.new-note-button:focus-visible{background:var(--accent-strong)}.new-note-button:disabled{opacity:.52;cursor:not-allowed}.note-select{border:1px solid #0000;flex-direction:column;gap:7px;padding:11px 10px 12px;display:flex}.note-title-row{grid-template-columns:minmax(0,1fr) minmax(74px,auto);align-items:baseline;gap:10px;display:grid}.note-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:14px;font-weight:800;overflow:hidden}.note-select span{color:var(--muted);font-size:13px;line-height:1.48}.note-select>span:not(.note-date):not(.note-title-row):not(.note-list-tags):not(.note-list-notebook){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-date{color:color-mix(in srgb, var(--muted) 70%, var(--tone-list));text-align:right;white-space:nowrap;justify-self:end;font-size:10px;font-weight:400;line-height:1.2}.note-select>.note-list-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex;overflow:visible}.note-select>.note-list-notebook{width:fit-content;max-width:100%;color:color-mix(in srgb, var(--muted) 72%, var(--tone-list));align-items:center;gap:5px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.note-list-notebook svg{flex:none}.note-select .note-list-tag{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));min-height:20px;color:var(--accent-strong);align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.empty-note-list{color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;font-size:13px;display:grid}.empty-note-list p{margin:0}.notebook-detail-panel{background:var(--tone-editor);flex-direction:column;gap:28px;min-width:0;min-height:0;padding:32px;display:flex;overflow:auto}.notebook-detail-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.notebook-detail-heading{width:100%;min-width:0}.notebook-detail-title-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.notebook-detail-title-content{align-items:center;gap:8px;min-width:0;display:flex}.notebook-detail-title-row h2{color:var(--text);font-family:var(--font-headline);cursor:text;align-items:center;gap:8px;margin:0;font-size:34px;line-height:1.12;display:inline-flex}.notebook-detail-title-row h2 svg{flex:none}.notebook-detail-inline-actions{flex:none;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.notebook-detail-icon-button{border-radius:var(--radius);width:38px;min-width:38px;height:38px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.notebook-detail-icon-button:hover,.notebook-detail-icon-button:focus-visible{background:var(--selected);color:var(--accent-strong)}.notebook-detail-icon-button:disabled{opacity:.38;cursor:not-allowed}.notebook-detail-icon-button:disabled:hover,.notebook-detail-icon-button:disabled:focus-visible{color:var(--muted);background:0 0}.notebook-detail-icon-button.danger{color:var(--danger)}.notebook-detail-icon-button.danger:hover,.notebook-detail-icon-button.danger:focus-visible{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.notebook-detail-title-input{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--surface);width:min(520px,100%);min-width:0;min-height:44px;color:var(--text);font-family:var(--font-headline);padding:0 12px;font-size:30px;font-weight:800;line-height:1.12}.notebook-detail-tag-title-input-wrap{min-width:0;color:var(--text);font-family:var(--font-headline);align-items:center;gap:4px;font-size:30px;font-weight:800;display:flex}.inline-editor-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.inline-icon-button,.tree-action-menu .inline-icon-button,.tag-picker-inline-editor .inline-icon-button,.note-card-new-notebook-form .inline-icon-button,.inline-tag-editor .inline-icon-button{border-radius:var(--radius);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--muted);background:0 0;border:0;justify-content:center;place-items:center;padding:0;display:inline-grid}.inline-icon-button.confirm,.tree-action-menu .inline-icon-button.confirm,.tag-picker-inline-editor .inline-icon-button.confirm,.note-card-new-notebook-form .inline-icon-button.confirm,.inline-tag-editor .inline-icon-button.confirm{color:var(--accent-strong)}.inline-icon-button:hover,.inline-icon-button:focus-visible,.tree-action-menu .inline-icon-button:hover,.tree-action-menu .inline-icon-button:focus-visible,.tag-picker-inline-editor .inline-icon-button:hover,.tag-picker-inline-editor .inline-icon-button:focus-visible,.note-card-new-notebook-form .inline-icon-button:hover,.note-card-new-notebook-form .inline-icon-button:focus-visible,.inline-tag-editor .inline-icon-button:hover,.inline-tag-editor .inline-icon-button:focus-visible{background:var(--selected);color:var(--accent-strong)}.inline-icon-button:disabled,.tree-action-menu .inline-icon-button:disabled,.tag-picker-inline-editor .inline-icon-button:disabled,.note-card-new-notebook-form .inline-icon-button:disabled,.inline-tag-editor .inline-icon-button:disabled{opacity:.42;cursor:not-allowed}.notebook-detail-description{color:var(--muted);margin:0;font-size:14px;font-weight:700}.notebook-detail-description-row{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;margin-top:8px;display:flex}.notebook-detail-description-row .notebook-detail-actions{margin-left:auto}.notebook-detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:-12px;display:flex}.notebook-detail-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-sort-menu-wrap{position:relative}.notebook-detail-action-button,.notebook-empty-card button{border-radius:var(--radius);background:var(--accent);min-height:40px;color:var(--solid-button-text);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.notebook-detail-action-button{background:var(--surface);color:var(--accent-strong);border:1px solid rgba(var(--border-rgb), .72)}.notebook-detail-action-button.icon-only{width:38px;min-width:38px;padding:0}.notebook-detail-action-button[aria-pressed=true],.notebook-detail-action-button[aria-expanded=true],.notebook-detail-action-button:hover,.notebook-detail-action-button:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.card-sort-menu{z-index:100;width:max-content;min-width:190px;position:absolute;top:calc(100% + 8px);right:0}.card-sort-menu button.active,.card-sort-menu button:hover,.card-sort-menu button:focus-visible{background:var(--selected);color:var(--accent-strong)}.notebook-empty-card button:hover,.notebook-empty-card button:focus-visible{background:var(--accent-strong)}.notebook-detail-tag-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notebook-detail-tag-filters button{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));min-height:32px;color:var(--content-text);padding:0 14px;font-size:12px;font-weight:700;transition:all .2s}.notebook-detail-tag-filters button.active,.notebook-detail-tag-filters button:hover,.notebook-detail-tag-filters button:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--accent-strong)}.notebook-detail-section{border-top:1px solid rgba(var(--border-rgb), .72);gap:14px;padding-top:22px;display:grid}.notebook-note-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.notebook-note-card,.notebook-empty-card{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:var(--surface);min-height:148px;color:var(--text);text-align:left;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:9px;padding:16px;display:grid;box-shadow:0 12px 30px #2e32301f}.notebook-note-card:hover,.notebook-note-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--selected);box-shadow:0 16px 34px #2e323029}.notebook-note-card-header{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.notebook-note-card-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.note-card-menu-trigger{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);opacity:0;pointer-events:none;background:0 0;place-items:center;display:grid}.notebook-note-card:hover .note-card-menu-trigger,.notebook-note-card:focus-within .note-card-menu-trigger,.note-card-menu-trigger:focus-visible{opacity:1;pointer-events:auto}.note-card-menu-trigger:hover,.note-card-menu-trigger:focus-visible{background:var(--selected);color:var(--accent-strong)}.notebook-note-card-preview{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.notebook-note-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.notebook-note-card-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.notebook-note-card-tags .note-list-tag{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));min-height:20px;color:var(--accent-strong);align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.notebook-note-card-date{color:color-mix(in srgb, var(--muted) 70%, var(--surface));white-space:nowrap;place-self:end;align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.note-card-action-menu{max-width:260px}.note-card-new-notebook-form{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:4px;display:grid}.note-card-new-notebook-form input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .82);background:var(--surface);min-width:0;height:32px;color:var(--text);font:inherit;padding:0 11px;font-size:12px}.note-card-new-notebook-form input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.note-card-new-notebook-form button:disabled{opacity:.5;cursor:not-allowed}.notebook-empty-card{text-align:center;grid-template-rows:none;place-items:center;min-height:160px}.notebook-empty-card p{color:var(--muted);margin:0;font-size:13px}.selection-prompt-panel{background:var(--tone-editor);place-items:center;min-width:0;min-height:0;padding:32px;display:grid}.selection-prompt-panel p{color:var(--muted);font-family:var(--font-headline);margin:0;font-size:24px;line-height:1.25}.settings-list-panel{background:var(--tone-list)}.settings-nav-list{flex-direction:column;gap:8px;padding:14px;display:flex}.settings-nav-item{border-radius:var(--radius);min-height:42px;color:var(--muted);text-align:left;background:0 0;align-items:center;padding:0 12px;font-size:14px;font-weight:800;display:flex}.settings-nav-item.active,.settings-nav-item:hover,.settings-nav-item:focus-visible{background:var(--selected);color:var(--text)}.settings-page{background:var(--tone-editor);flex-direction:column;gap:26px;min-width:0;min-height:0;padding:32px;display:flex;overflow:auto;container-type:inline-size}.settings-page-header{gap:6px;display:grid}.settings-page-header h2,.settings-page-header p,.settings-card h3,.settings-card p{margin:0}.settings-page-header h2{color:var(--text);font-family:var(--font-headline);font-size:34px;line-height:1.12}.settings-page-header p,.settings-card p,.settings-card-copy,.settings-storage-copy{color:var(--content-text);font-size:14px}.settings-scan-message,.settings-local-support-message{font-size:13px}.settings-scan-message.done{color:var(--accent-strong)}.settings-scan-message.error{color:var(--danger)}.settings-grid{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;gap:16px;display:grid}.settings-card{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .74);background:var(--surface);min-width:0;box-shadow:var(--shadow);gap:18px;padding:22px;display:grid}.settings-card-heading,.settings-card-heading-main{align-items:center;gap:11px;min-width:0;display:flex}.settings-account-heading{justify-content:space-between;gap:16px}.settings-card-icon{border-radius:var(--radius);background:var(--selected);width:36px;height:36px;color:var(--accent-strong);flex:none;place-items:center;display:grid}.settings-card-heading h3{color:var(--text);font-size:16px;font-weight:800;line-height:1.25}.settings-card-heading p{font-size:12px}.settings-account-row{gap:14px;min-width:0;display:grid}.settings-account-identity{align-items:center;gap:12px;min-width:0;display:flex}.settings-account-details{flex:auto;gap:2px;min-width:0;display:grid}.settings-account-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.settings-account-row span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.settings-account-plan{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface-strong));justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex;position:relative}.settings-account-plan>div{gap:2px;display:grid}.settings-account-plan span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:900}.settings-account-plan strong{color:var(--text);font-size:15px;font-weight:900}.settings-plan-name{text-transform:none;align-items:center;gap:7px;display:inline-flex}.settings-plan-info-button,.settings-plan-popover-close{border:1px solid rgba(var(--border-rgb), .74);border-radius:var(--radius);background:var(--surface);width:24px;height:24px;color:var(--accent-strong);vertical-align:middle;flex:0 0 24px;place-items:center;padding:0;line-height:0;display:inline-grid}.settings-plan-info-button svg,.settings-plan-popover-close svg{width:14px;height:14px;display:block}.settings-plan-info-button:hover,.settings-plan-info-button:focus-visible,.settings-plan-popover-close:hover,.settings-plan-popover-close:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.settings-plan-button{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .74);background:var(--surface);min-height:34px;color:var(--text);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.settings-plan-button.primary{background:var(--accent);color:var(--solid-button-text);border-color:#0000}.settings-plan-button:hover,.settings-plan-button:focus-visible{filter:brightness(.98);transform:translateY(-1px)}.settings-plan-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.settings-plan-popover{z-index:20;border:1px solid rgba(var(--border-rgb), .82);border-radius:var(--radius);background:var(--surface);gap:14px;width:min(440px,100vw - 72px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 42px #0003}.settings-plan-popover-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.settings-plan-popover-header>div{gap:4px;min-width:0;display:grid}.settings-plan-popover-header strong{color:var(--text);font-size:14px;font-weight:900}.settings-plan-popover-header p{color:var(--content-text);font-size:13px;line-height:1.35}.settings-plan-limit-table{border:1px solid rgba(var(--border-rgb), .68);border-radius:var(--radius);display:grid;overflow:hidden}.settings-plan-limit-row{border-top:1px solid rgba(var(--border-rgb), .62);grid-template-columns:minmax(120px,1fr) minmax(82px,.68fr) minmax(82px,.68fr);display:grid}.settings-plan-limit-row:first-child{border-top:0}.settings-plan-limit-row.header{background:color-mix(in srgb, var(--accent) 9%, var(--surface-strong))}.settings-plan-limit-row span{min-width:0;color:var(--content-text);white-space:normal;padding:9px 10px;font-size:12px;line-height:1.3}.settings-plan-limit-row span:not(:first-child){border-left:1px solid rgba(var(--border-rgb), .62);color:var(--text);font-weight:850}.settings-plan-limit-row.header span{color:var(--text);font-weight:900}.settings-plan-popover-action{border:1px solid rgba(var(--border-rgb), .74);border-radius:var(--radius);background:var(--surface-strong);min-height:36px;color:var(--text);justify-content:center;justify-self:stretch;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.settings-plan-popover-action.primary{background:var(--accent);color:var(--solid-button-text);border-color:#0000}.settings-plan-popover-action:disabled{opacity:.48;cursor:not-allowed}.settings-billing-message{margin:0;font-size:13px}.settings-billing-message.error{color:var(--danger)}.settings-account-avatar,.settings-account-initials{border-radius:var(--radius);flex:none;width:44px;height:44px}.settings-account-avatar{object-fit:cover}.settings-account-initials{background:var(--selected);color:var(--accent-strong);place-items:center;font-size:15px;font-weight:900;display:grid}.settings-password-panel{flex:1 0 100%;gap:10px;display:grid}.settings-danger-zone{border-top:1px solid rgba(var(--border-rgb), .74);gap:8px;margin-top:4px;padding-top:14px;display:grid}.settings-danger-zone .settings-card-copy{margin:0}.settings-danger-link{width:fit-content;min-height:32px;color:var(--danger);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:850;display:inline-flex}.settings-password-form{gap:10px;width:min(100%,420px);display:grid}.settings-password-form label{color:var(--content-text);gap:6px;font-size:12px;font-weight:800;display:grid}.settings-password-form input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .82);background:var(--surface-strong);height:40px;color:var(--text);padding:0 11px}.settings-password-form input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.settings-secondary-button,.settings-toggle-row,.settings-select-row{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .74);background:var(--surface-strong);min-height:40px;color:var(--text);justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.settings-secondary-button{justify-self:start;min-width:132px}.settings-secondary-button.compact{min-width:0;min-height:36px;padding-inline:11px}.settings-button-row{flex-wrap:wrap;gap:10px;display:flex}.settings-secondary-button.danger{color:var(--danger)}.settings-secondary-button:hover,.settings-secondary-button:focus-visible,.settings-danger-link:hover,.settings-danger-link:focus-visible,.settings-toggle-row:hover,.settings-toggle-row:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.settings-danger-link:hover,.settings-danger-link:focus-visible{color:color-mix(in srgb, var(--danger) 84%, var(--text));background:0 0;text-decoration:underline}.settings-secondary-button:disabled{opacity:.48;cursor:not-allowed}.settings-secondary-button:disabled:hover,.settings-secondary-button:disabled:focus-visible{background:var(--surface-strong);border-color:rgba(var(--border-rgb), .74)}.settings-toggle-row,.settings-select-row{flex-wrap:wrap;justify-content:space-between;width:100%;min-width:0}.settings-select-row,.settings-segmented-row{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .74);background:var(--surface-strong);width:100%;min-width:0;min-height:auto;color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.settings-select-row>span,.settings-toggle-label{flex:132px;align-items:center;gap:8px;min-width:0;min-height:32px;padding-left:0;display:inline-flex}.settings-segmented-control{flex:0 auto}.settings-select-row select{border-radius:var(--radius);background:var(--surface);min-width:132px;max-width:100%;min-height:42px;color:var(--text);font:inherit;border:0;padding:8px 10px}.settings-file-input{display:none}@container (width<=1040px){.settings-grid{grid-template-columns:minmax(0,1fr)}}@container (width<=560px){.settings-select-row,.settings-segmented-row{flex-direction:column;align-items:stretch;padding:12px}.settings-select-row>span,.settings-toggle-label{flex-basis:auto}.settings-select-row select,.settings-segmented-control{width:100%}.settings-segmented-control button{flex:1 1 0;min-width:0}}.settings-storage-meter{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .74);background:color-mix(in srgb, var(--surface-strong) 68%, var(--border));height:14px;overflow:hidden}.settings-storage-card{position:relative}.settings-storage-heading{justify-content:space-between;gap:16px}.settings-storage-meter span{border-radius:var(--radius);background:var(--accent);height:100%;display:block}.settings-storage-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-storage-summary strong{color:var(--text);flex:none;font-size:13px;font-weight:900}.settings-storage-tip{color:var(--muted);font-size:13px}.settings-storage-popover{z-index:20;border:1px solid rgba(var(--border-rgb), .82);border-radius:var(--radius);background:var(--surface);gap:14px;width:min(420px,100vw - 72px);padding:14px;display:grid;position:absolute;top:66px;right:18px;box-shadow:0 18px 42px #0003}.settings-storage-breakdown-bar{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .68);background:color-mix(in srgb, var(--surface-strong) 72%, var(--border));height:12px;display:flex;overflow:hidden}.settings-storage-breakdown-segment{min-width:0;height:100%}.settings-storage-breakdown-list{gap:8px;display:grid}.settings-storage-breakdown-row{min-width:0;color:var(--content-text);grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:9px;font-size:13px;display:grid}.settings-storage-breakdown-row strong{color:var(--text);font-size:13px;font-weight:900}.settings-storage-breakdown-row small{color:var(--muted);font-size:12px;font-weight:800}.settings-storage-breakdown-dot{border-radius:999px;width:10px;height:10px;display:block}.settings-storage-breakdown-segment.notes,.settings-storage-breakdown-dot.notes{background:var(--accent)}.settings-storage-breakdown-segment.trash,.settings-storage-breakdown-dot.trash{background:var(--danger)}.settings-storage-breakdown-segment.versions,.settings-storage-breakdown-dot.versions{background:var(--gold)}.settings-storage-breakdown-segment.media,.settings-storage-breakdown-dot.media{background:color-mix(in srgb, var(--muted) 82%, var(--text))}.settings-status-line{align-items:center;gap:7px;display:inline-flex}.settings-status-line span{background:var(--success,var(--accent-strong));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;flex:none}.editor-panel{background:var(--tone-editor);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.editor-column{background:var(--tone-editor);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.editor-column.with-connected-notes{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}.editor-column>.editor-panel{min-width:0}.editor-column.with-connected-notes>.editor-panel{border-right:1px solid rgba(var(--border-rgb), .72)}.connected-notes-panel{background:color-mix(in srgb, var(--tone-editor) 86%, var(--surface-strong));min-width:0;color:var(--text);padding:20px;overflow:auto}.connected-notes-panel section+section{margin-top:22px}.connected-notes-panel h3{font-family:var(--font-headline);margin:0 0 10px;font-size:14px;font-weight:800}.connected-notes-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.connected-note-list,.connected-link-list{gap:8px;display:grid}.connected-note-list button,.connected-link-list button{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .7);background:rgba(var(--surface-rgb), var(--opacity));width:100%;min-width:0;color:var(--text);text-align:left;gap:4px;padding:10px;display:grid}.connected-note-list button:hover,.connected-note-list button:focus-visible,.connected-link-list button:hover,.connected-link-list button:focus-visible{border-color:var(--accent);background:var(--selected)}.connected-note-list span,.connected-link-list span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.connected-note-list small{color:var(--muted);font-size:12px;line-height:1.35}.connected-link-list button{grid-template-columns:auto minmax(0,1fr);align-items:center}.connected-link-list svg{color:var(--accent-strong)}.connected-link-list button.unresolved svg{color:var(--muted)}.editor-panel.expanded{z-index:1000;border-radius:var(--radius);background:var(--tone-editor);min-height:0;position:fixed;inset:0}.topbar{z-index:50;background:var(--tone-editor);position:relative}.editor-header-controls{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.editor-back-button{border-radius:var(--radius);min-height:32px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.editor-back-button:hover,.editor-back-button:focus-visible{background:var(--selected);color:var(--accent-strong)}.editor-header-divider{background:var(--border);flex:none;width:1px;height:28px}.editor-markdown-controls{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:inline-flex}.editor-markdown-control-divider{background:rgba(var(--border-rgb), .86);flex:none;width:1px;height:26px}.editor-insert-image-button,.editor-insert-note-link-button{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:rgba(var(--surface-strong-rgb), var(--opacity));min-height:34px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.editor-insert-image-button:hover,.editor-insert-image-button:focus-visible,.editor-insert-note-link-button:hover,.editor-insert-note-link-button:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));color:var(--accent-strong)}.editor-header-error{color:var(--danger,#b3261e);font-size:12px;font-weight:800}.note-actions{align-items:center;gap:8px;display:inline-flex;position:relative}.note-actions button{border-radius:var(--radius);width:38px;height:38px;color:var(--text);background:0 0;border:1px solid #0000;place-items:center;display:grid}.collapsed-storage-menu{min-width:220px}.collapsed-storage-menu button{grid-template-columns:minmax(0,1fr) auto;gap:14px;width:100%;display:grid}.collapsed-storage-menu button.active{background:var(--selected);color:var(--accent-strong)}.collapsed-storage-menu button span{text-overflow:ellipsis;overflow:hidden}.collapsed-storage-menu button strong{color:var(--muted);font-size:12px}.collapsed-storage-menu p{color:var(--muted);margin:6px 8px;font-size:12px;font-weight:700}.note-actions button:hover,.note-actions button:focus-visible{background:var(--surface-strong);border-color:var(--border)}.note-actions .note-favorite-button[aria-pressed=true]{color:var(--tertiary,var(--accent-strong))}.note-actions .note-favorite-button[aria-pressed=true] svg{fill:currentColor}.note-actions button:disabled{opacity:.45;cursor:not-allowed}.editor-readonly-badge{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:var(--surface-strong);min-height:32px;color:var(--muted);justify-content:center;align-items:center;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.note-actions .editor-readonly-action{width:auto;min-width:0;height:32px;color:var(--primary);justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.note-actions .editor-readonly-action.danger{color:var(--danger)}.editor-readonly-action span{white-space:nowrap}.editor-action-menu{z-index:90;width:min(300px,100vw - 32px);min-width:min(260px,100vw - 32px);max-width:min(320px,100vw - 32px);max-height:min(460px,100vh - 96px);position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.editor-content-shell{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.editor-document-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.note-tag-bar{background:var(--tone-editor);justify-content:space-between;align-items:center;gap:8px;padding:12px 24px 0;display:flex}.editor-mode-markdown .note-tag-bar{padding-bottom:12px}.note-tag-bar-tags{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.note-tag-bar-icon{color:var(--muted);flex:none}.note-tag-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-picker-wrap{position:relative}.tag-chip{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius);background:var(--surface-strong);min-height:28px;color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.tag-chip.active>span{align-items:center;gap:5px;display:inline-flex}.tag-chip.active{background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));color:var(--accent-strong);padding-right:6px}.tag-chip.add{color:var(--muted);border:1px dashed rgba(var(--border-rgb), .82);background:0 0}.tag-chip.add:hover,.tag-chip:focus-visible{background:var(--selected);color:var(--text)}.note-notebook-link{border-radius:var(--radius);min-height:30px;color:var(--muted);background:0 0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.note-notebook-link:hover,.note-notebook-link:focus-visible{background:var(--selected);color:var(--accent-strong)}.tag-chip-remove{border-radius:var(--radius);color:currentColor;background:0 0;place-items:center;width:22px;height:22px;display:grid}.tag-chip-remove:hover,.tag-chip-remove:focus-visible{background:rgba(var(--border-rgb), .42)}.tag-picker-menu{z-index:80;min-width:190px;position:absolute;top:calc(100% + 8px);left:0}.tag-picker-menu button{justify-content:space-between;gap:12px;display:inline-flex}.tag-picker-menu button:hover,.tag-picker-menu button:focus-visible{background:var(--selected);color:var(--accent-strong)}.tag-picker-menu button span{color:var(--gold);font-size:11px}.tag-picker-menu>button{justify-content:flex-start}.tag-picker-menu p{color:var(--muted);margin:8px 9px;font-size:12px;font-weight:700}.tag-picker-search{padding:4px;display:block}.tag-picker-search input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .82);background:var(--surface);width:100%;height:32px;color:var(--text);font:inherit;padding:0 10px;font-size:12px}.tag-picker-search input::placeholder{color:var(--muted)}.tag-picker-search input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.tag-picker-inline-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:4px;display:grid}.tag-picker-inline-editor input{border-color:rgba(var(--border-rgb), .82);background:var(--surface);height:32px;color:var(--text);font-size:12px}.editor-status-pill{z-index:40;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .88);background:color-mix(in srgb, var(--tone-editor) 94%, var(--surface));min-height:34px;color:var(--muted);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;align-items:center;gap:9px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:18px;right:18px}.editor-status-pill.flash-saved{animation:.9s ease-out saved-pill-flash}.note-versions-modal{z-index:120;background:var(--tone-editor);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;animation:.18s ease-out versions-modal-fade-in;display:grid;position:fixed;inset:0}.note-versions-modal-header{border-bottom:1px solid rgba(var(--border-rgb), .72);background:rgba(var(--surface-rgb), var(--opacity));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 22px;animation:.22s ease-out versions-modal-header-in;display:grid}.note-versions-modal-header h2{color:var(--text);font-family:var(--font-headline);margin:0;font-size:20px;font-weight:650;line-height:1.2}.note-versions-modal-header p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.4}.note-versions-modal-body{grid-template-columns:minmax(0,1fr) minmax(280px,360px);min-width:0;min-height:0;display:grid;overflow:hidden}.note-versions-rail{border-left:1px solid rgba(var(--border-rgb), .72);background:var(--tone-preview);min-width:0;min-height:0;padding:18px;overflow:hidden}.note-versions-list{align-content:start;gap:10px;height:100%;min-height:0;max-height:none;display:grid;overflow:auto}.note-version-row{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .7);background:var(--surface-strong);gap:2px;padding:12px;display:grid}.note-version-row:hover,.note-version-row:focus-visible,.note-version-row[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--selected)}.note-version-row strong,.note-version-row p,.note-version-row span,.note-version-empty{margin:0}.note-version-row strong{color:var(--text);font-size:13px}.note-version-row span,.note-version-empty{color:var(--muted);font-size:12px}.note-version-row p{color:var(--content-text);flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.note-version-row p em{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));min-height:20px;color:var(--accent-strong);align-items:center;padding:0 7px;font-size:10px;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.note-version-preview{background:var(--tone-editor);flex-direction:column;gap:12px;min-height:0;padding:22px;animation:.24s ease-out versions-preview-in;display:flex;overflow:hidden}.note-versions-rail{animation:.26s ease-out versions-rail-in}.note-version-preview-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.note-version-preview-header div{gap:3px;min-width:0;display:grid}.note-version-preview-title-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:inline-flex}.note-version-preview-header strong{color:var(--text);font-size:13px}.note-version-preview-header span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.note-version-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.note-version-preview-switch{min-height:34px;color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.note-version-preview-switch input{opacity:0;pointer-events:none;position:absolute}.note-version-preview-switch .toggle-track{flex:none}.note-version-preview-switch input:focus-visible+.toggle-track{outline:2px solid rgba(var(--accent-rgb), .28);outline-offset:2px}.note-version-preview-switch input:checked+.toggle-track{background:var(--accent)}.note-version-preview-switch input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.note-version-restore-button{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:var(--surface-strong);min-height:34px;color:var(--accent-strong);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.note-version-restore-button:hover,.note-version-restore-button:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.note-version-restore-button:disabled{opacity:.58;cursor:not-allowed}.note-version-restore-button:disabled:hover,.note-version-restore-button:disabled:focus-visible{background:var(--surface-strong);border-color:rgba(var(--border-rgb), .72)}.note-version-preview-body{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:var(--surface);min-height:0;color:var(--content-text);padding:18px;font-size:14px;line-height:1.65;overflow:auto}.note-version-preview-body h1,.note-version-preview-body h2,.note-version-preview-body h3,.note-version-preview-body h4{color:var(--text);font-family:var(--font-headline);line-height:1.2}.note-version-preview-body h1{font-size:26px}.note-version-preview-body h2{font-size:22px}.note-version-preview-body pre{border-radius:var(--radius);background:var(--code-bg);padding:14px;overflow:auto}.note-version-preview-plain{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.restore-version-icon{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 12%, transparent)}.local-storage-setup-dialog{width:min(520px,100vw - 32px)}.local-storage-setup-icon{color:var(--accent-strong)}.local-storage-setup-points{gap:9px;margin-top:2px;display:grid}.local-storage-setup-points span{color:var(--content-text);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;font-size:13px;line-height:1.45;display:grid}.local-storage-setup-points svg{color:var(--accent-strong);margin-top:2px}.local-storage-import-option{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:var(--surface-strong);color:var(--content-text);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:800;display:grid}.local-storage-import-option input{width:16px;height:16px;accent-color:var(--accent)}.status-dot{border-radius:var(--radius);opacity:.62;background:currentColor;width:4px;height:4px}.status-spinner{animation:.8s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}@keyframes saved-pill-flash{0%{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));background:color-mix(in srgb, var(--accent) 20%, var(--surface));color:var(--accent-strong);box-shadow:0 0 0 0 rgba(var(--accent-rgb), .28), var(--shadow)}55%{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent-strong);box-shadow:0 0 0 8px rgba(var(--accent-rgb), 0), var(--shadow)}to{border-color:rgba(var(--border-rgb), .88);background:rgba(var(--surface-rgb), var(--opacity));color:var(--muted);box-shadow:var(--shadow)}}@keyframes versions-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes versions-modal-header-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes versions-preview-in{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes versions-rail-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.editor-status-pill.flash-saved{animation:.25s ease-out saved-pill-flash}.note-versions-modal,.note-versions-modal-header,.note-version-preview,.note-versions-rail{animation:none}}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.preview-toggle{border-radius:var(--radius);width:34px;min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:0;padding:0;font-size:13px;font-weight:800;display:inline-flex}.preview-toggle span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview-toggle:hover,.preview-toggle:focus-visible,.preview-toggle.active{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent-strong)}.preview-toggle.disabled{opacity:.52;cursor:not-allowed}.markdown-workspace{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;min-height:0;display:grid;position:relative;overflow:hidden}.markdown-workspace.with-preview{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr)}.markdown-source-pane{background:var(--tone-editor);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.markdown-workspace:not(.with-preview) .markdown-source-pane{width:100%;margin-inline:0}.markdown-source-pane .cm-editor{height:100%}.markdown-source-pane .cm-content{box-sizing:border-box}.markdown-source-pane .cm-wiki-link-delimiter,.markdown-source-pane .cm-wiki-link-delimiter *{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px;color:var(--accent-strong)!important;opacity:1!important}.markdown-preview,.rich-editor{width:100%;min-width:0;height:100%;min-height:0;color:var(--text);background:0 0;border:0;padding:28px 28px 128px;font-size:16px;line-height:1.65}.markdown-preview{border-left:1px solid rgba(var(--border-rgb), .72);background:var(--tone-preview);overflow:auto}.markdown-preview h1,.rich-editor h1{font-family:var(--font-headline);margin:0 0 18px;font-size:34px;font-weight:650;line-height:1.12}.markdown-preview h2,.rich-editor h2{font-family:var(--font-headline);font-size:25px;font-weight:650}.markdown-preview h3,.rich-editor h3{font-family:var(--font-headline);font-size:21px;font-weight:650}.markdown-preview h4,.rich-editor h4{font-family:var(--font-headline);font-size:18px;font-weight:650}.markdown-preview p,.markdown-preview ul,.rich-editor p,.rich-editor ul{color:var(--content-text)}.markdown-preview a,.rich-editor a{color:var(--accent-strong);text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px}.markdown-preview a:hover,.markdown-preview a:focus-visible,.rich-editor a:hover,.rich-editor a:focus-visible{color:var(--accent)}.markdown-preview code,.rich-editor code{background:var(--code-bg);border-radius:var(--radius);padding:2px 5px}.markdown-preview .code-block-shell,.rich-editor .code-block-shell{margin:18px 0;position:relative}.markdown-preview .code-block-shell[data-language]:before,.rich-editor .code-block-shell[data-language]:before{content:attr(data-language);z-index:1;color:var(--muted);font-family:var(--font-label);letter-spacing:0;opacity:.68;pointer-events:none;font-size:11px;font-weight:850;line-height:1;position:absolute;top:8px;left:16px}.markdown-preview pre,.rich-editor pre{border-radius:var(--radius);background:var(--code-bg);white-space:pre;margin:18px 0;padding:16px;overflow-x:auto}.markdown-preview .code-block-shell pre,.rich-editor .code-block-shell pre{margin:0;padding-top:30px;padding-right:38px}.markdown-preview .code-block-shell[data-language] pre,.rich-editor .code-block-shell[data-language] pre{padding-top:34px}.code-block-copy{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:999px;transition:color .16s,opacity .16s,transform .16s;position:absolute;top:6px;right:8px}.code-block-copy:before,.code-block-copy:after{content:"";border:1.4px solid;border-radius:3px;width:10px;height:12px;transition:border-color .16s,transform .16s,opacity .16s;position:absolute}.code-block-copy:before{opacity:.55;top:4px;left:4px}.code-block-copy:after{background:var(--code-bg);top:6px;left:7px}.code-block-copy:hover,.code-block-copy:focus-visible{opacity:1;color:var(--accent);transform:translateY(-1px)}.code-block-copy.copied{opacity:1;color:var(--accent);animation:.42s ease-out code-copy-pop}.code-block-copy.copied:before{opacity:0;transform:scale(.72)}.code-block-copy.copied:after{background:0 0;border-width:0 2px 2px 0;border-radius:0;width:8px;height:13px;top:4px;left:6px;transform:rotate(45deg)}@keyframes code-copy-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.markdown-preview pre code,.rich-editor pre code{border-radius:var(--radius);color:var(--text);white-space:inherit;background:0 0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6;display:block}.markdown-preview table,.rich-editor table{border-collapse:collapse;border:1px solid rgba(var(--border-rgb), .78);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--content-text);margin:18px 0;font-size:.92em;overflow:hidden}.rich-editor table.selected-rich-table{outline:2px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:5px}.markdown-preview th,.markdown-preview td,.rich-editor th,.rich-editor td{border:1px solid rgba(var(--border-rgb), .72);text-align:left;vertical-align:top;min-width:96px;padding:10px 12px}.markdown-preview th,.rich-editor th{background:var(--surface-strong);color:var(--text);font-weight:800}.rich-editor td:focus,.rich-editor th:focus{outline:2px solid color-mix(in srgb, var(--accent) 34%, transparent);outline-offset:-2px}.rich-wrap{background:var(--tone-editor);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.rich-editor{outline:none;overflow:auto}.rich-editor.readonly{cursor:default}.rich-table-controls{z-index:35;pointer-events:none;position:absolute}.rich-table-controls button{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));background:rgba(var(--surface-strong-rgb), var(--opacity));width:30px;height:30px;color:var(--accent-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;place-items:center;padding:0;display:grid;position:absolute}.rich-table-controls button:hover,.rich-table-controls button:focus-visible{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 58%, var(--border))}.rich-table-add-column{top:50%;right:-42px;transform:translateY(-50%)}.rich-table-add-row{bottom:-42px;left:50%;transform:translate(-50%)}.rich-table-delete-column{top:-42px;transform:translate(-50%)}.rich-table-delete-row{left:-42px;transform:translateY(-50%)}.medium-editor{background:var(--tone-editor);position:relative}.rich-command-bar{z-index:20;background:rgba(var(--surface-rgb), var(--opacity));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:9px 18px;display:flex;position:sticky;top:0}.image-upload-input{display:none}.rich-command-group{border-radius:var(--radius);background:rgba(var(--surface-strong-rgb), var(--opacity));border:1px solid rgba(var(--border-rgb), .72);align-items:center;gap:2px;padding:3px;display:inline-flex}.rich-link-wrap{place-items:center;display:inline-grid;position:relative}.rich-command-group button{border-radius:var(--radius);width:32px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;display:grid}.rich-command-group button:hover,.rich-command-group button:focus-visible{color:var(--text);background:var(--selected);border-color:var(--border)}.rich-command-group button.selected{color:var(--accent-strong);background:var(--surface);border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.rich-command-error{color:var(--danger,#b3261e);font-size:12px;font-weight:800}.rich-link-popover{z-index:80;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:var(--surface-strong);width:min(320px,100vw - 40px);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.rich-link-popover input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .82);background:var(--surface);min-width:0;height:32px;color:var(--text);font:inherit;padding:0 11px;font-size:12px}.rich-link-popover input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.rich-format-select-wrap{position:relative}.rich-format-select{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:rgba(var(--surface-strong-rgb), var(--opacity));min-width:168px;height:38px;color:var(--text);grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:800;display:inline-grid}.rich-format-select span{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.rich-format-select:hover,.rich-format-select:focus-visible,.rich-format-select[aria-expanded=true]{background:var(--selected);border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.rich-format-menu{z-index:80;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .78);background:var(--surface-strong);width:max-content;min-width:270px;box-shadow:var(--shadow);gap:2px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.rich-format-menu button{border-radius:var(--radius);min-height:36px;color:var(--content-text);text-align:left;background:0 0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;font-size:15px;display:grid}.rich-format-menu button:hover,.rich-format-menu button:focus-visible,.rich-format-menu button.selected{background:var(--selected);color:var(--accent-strong)}.rich-format-option-icon{color:var(--muted);font-size:18px;font-weight:900;font-family:var(--font-body);justify-content:center;align-items:center;display:inline-flex}.rich-format-option-icon.paragraph{font-family:var(--font-headline);font-size:25px}.rich-format-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rich-format-option-shortcut{color:var(--muted);font-size:13px;font-weight:800}.medium-editor .rich-editor{flex:1;max-width:none;height:auto;margin:0 auto;padding:44px 64px 96px;font-size:20px;line-height:1.75}.medium-editor .rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.medium-editor .rich-editor p{margin:0 0 1.05em}.medium-editor .rich-editor h1{margin:0 0 .55em;font-size:38px}.medium-editor .rich-editor h2{margin:0 0 .6em;font-size:30px}.medium-editor .rich-editor h3{margin:0 0 .65em;font-size:24px}.medium-editor .rich-editor h4{margin:0 0 .7em;font-size:21px}.medium-editor .rich-editor blockquote{border-left:3px solid var(--accent);color:var(--content-text);font-family:var(--font-headline);margin:1.4em 0;padding-left:18px;font-size:24px;line-height:1.55}.medium-editor .rich-editor .rich-pull-quote{text-align:center;border-left:0;padding-left:0;font-size:30px}.markdown-image-popover{z-index:90;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:rgba(var(--surface-strong-rgb), var(--opacity));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:148px;box-shadow:var(--shadow);grid-template-columns:1fr;padding:8px;display:grid;position:absolute}.markdown-image-popover:before{content:"";border-left:1px solid rgba(var(--border-rgb), .76);border-bottom:1px solid rgba(var(--border-rgb), .76);background:rgba(var(--surface-strong-rgb), var(--opacity));width:10px;height:10px;position:absolute;top:13px;left:-6px;transform:rotate(45deg)}.markdown-image-popover button{border-radius:var(--radius);width:100%;height:34px;color:var(--text);background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:900;display:grid}.markdown-image-popover button svg{justify-self:center;width:16px;height:16px;display:block}.markdown-image-popover button span{text-align:left;text-overflow:ellipsis;min-width:0;line-height:1;display:block;overflow:hidden}.markdown-image-popover button:hover,.markdown-image-popover button:focus-visible{background:var(--selected)}.markdown-image-modal-backdrop{z-index:140;background:var(--backdrop);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.markdown-image-modal{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:var(--surface-strong);width:min(860px,100vw - 40px);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.markdown-image-modal header{border-bottom:1px solid rgba(var(--border-rgb), .58);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:flex}.markdown-image-modal header div{gap:2px;min-width:0;display:grid}.markdown-image-modal header strong{color:var(--text);font-size:14px}.markdown-image-modal header span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.markdown-image-modal textarea{resize:none;background:var(--tone-editor);min-width:0;min-height:0;color:var(--text);border:0;outline:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.markdown-image-preview-frame{background:var(--tone-preview);place-items:center;min-width:0;min-height:0;padding:18px;display:grid;overflow:auto}.markdown-image-preview-frame img{border-radius:var(--radius);max-width:100%;height:auto;display:block}.media-manager-backdrop{z-index:145;background:var(--backdrop);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-manager-dialog{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:var(--surface-strong);width:min(640px,100vw - 28px);max-height:min(760px,100vh - 28px);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.media-manager-dialog.gallery-expanded{height:min(760px,100vh - 28px)}.media-manager-header{border-bottom:1px solid rgba(var(--border-rgb), .56);justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.media-manager-header strong{color:var(--text);font-family:var(--font-headline);font-size:18px;line-height:1.2}.media-manager-back{border-radius:var(--radius);min-width:0;min-height:34px;color:var(--text);align-items:center;gap:8px;padding:0 10px;font-weight:900;display:inline-flex}.media-manager-back:hover,.media-manager-back:focus-visible{background:rgba(var(--surface-rgb), var(--opacity))}.media-manager-body{gap:26px;min-height:0;padding:22px;display:grid;overflow:auto}.media-manager-section{gap:12px;min-height:0;display:grid}.media-manager-section h3{color:var(--muted);font-family:var(--font-headline);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:1}.media-gallery-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.expanded-gallery{grid-template-rows:auto minmax(0,1fr)}.media-gallery-expanded-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.media-gallery-tile,.media-gallery-more{aspect-ratio:1;border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:rgba(var(--surface-rgb), var(--opacity));min-width:0;color:var(--text);place-items:center;padding:0;display:grid;overflow:hidden}.media-gallery-item{aspect-ratio:1;min-width:0;position:relative}.media-gallery-item .media-gallery-tile{width:100%;height:100%}.media-gallery-delete{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .76);background:rgba(var(--surface-rgb), var(--opacity));width:30px;height:30px;color:var(--danger,#b3261e);opacity:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;display:grid;position:absolute;top:7px;right:7px}.media-gallery-item:hover .media-gallery-delete,.media-gallery-item:focus-within .media-gallery-delete{opacity:1}.media-gallery-delete:hover,.media-gallery-delete:focus-visible{background:color-mix(in srgb, var(--danger,#b3261e) 12%, var(--surface))}.media-gallery-more{color:var(--muted);letter-spacing:0;border-style:dashed;font-size:20px;font-weight:900}.media-gallery-tile:hover,.media-gallery-tile:focus-visible,.media-gallery-more:hover,.media-gallery-more:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.media-gallery-tile img,.media-gallery-tile>svg{object-fit:cover;width:100%;height:100%}.media-gallery-tile>svg{width:28px;height:28px;color:var(--muted)}.media-upload-dropzone{border-radius:var(--radius);border:1px dashed rgba(var(--border-rgb), .82);background:rgba(var(--surface-rgb), var(--opacity));min-height:186px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;padding:28px;display:grid}.media-upload-dropzone svg{color:var(--muted)}.media-upload-dropzone span{color:var(--muted);font-family:var(--font-headline);font-size:13px;font-weight:700}.media-upload-dropzone button{border-radius:var(--radius);background:var(--accent);min-height:38px;color:var(--solid-button-text);border:1px solid #0000;padding:0 24px;font-weight:900}.media-upload-dropzone button:hover,.media-upload-dropzone button:focus-visible{filter:brightness(.96)}.media-upload-dropzone button:disabled{cursor:wait;opacity:.68}.media-upload-dropzone input{display:none}.media-url-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.media-url-form input{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:var(--surface);min-width:0;min-height:38px;color:var(--muted);font:inherit;padding:0 14px}.media-url-form input:focus{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);outline:0}.media-url-form button{border-radius:var(--radius);border:1px solid var(--accent);min-height:38px;color:var(--accent);white-space:nowrap;background:0 0;padding:0 20px;font-weight:900}.media-url-form button:hover,.media-url-form button:focus-visible{background:color-mix(in srgb, var(--accent) 10%, transparent)}.media-url-form button:disabled{cursor:not-allowed;opacity:.58}.media-manager-footer{background:rgba(var(--surface-rgb), var(--opacity));justify-content:flex-end;padding:16px 22px;display:flex}.media-manager-footer button{border-radius:var(--radius);min-height:34px;color:var(--text);padding:0 10px;font-weight:800}.media-manager-error{color:var(--danger,#b3261e);margin:0;font-size:12px;font-weight:800}@media (width<=560px){.media-gallery-row{grid-template-columns:repeat(2,minmax(0,1fr))}.media-url-form{grid-template-columns:1fr}}.markdown-preview figure,.rich-editor figure{margin:1.5em 0}.rich-editor .selected-rich-image{outline:3px solid color-mix(in srgb, var(--accent) 46%, transparent);outline-offset:4px}.markdown-preview img,.rich-editor img{border-radius:var(--radius);max-width:100%;height:auto;display:block}.markdown-preview .task-list,.rich-editor .task-list,.rich-editor .rich-task-list{padding-left:0}.markdown-preview li[data-task],.rich-editor li[data-task]{padding-left:30px;list-style:none;position:relative}.markdown-preview li[data-task]:before,.rich-editor li[data-task]:before{content:"";border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));width:16px;height:16px;position:absolute;top:.42em;left:0}.markdown-preview li[data-task=checked]:before,.rich-editor li[data-task=checked]:before{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:var(--accent)}.markdown-preview li[data-task=checked]:after,.rich-editor li[data-task=checked]:after{content:"";border-left:2px solid var(--solid-button-text);border-bottom:2px solid var(--solid-button-text);width:7px;height:4px;position:absolute;top:calc(.42em + 3px);left:5px;transform:rotate(-45deg)}.rich-image-placeholder{border-radius:var(--radius);background:var(--surface-strong);border:1px dashed var(--border);min-height:180px;color:var(--muted);place-items:center;margin:1.5em 0;font-size:14px;display:grid}.rich-page-separator{border:0;border-top:1px solid var(--border);width:72px;margin:2em auto}.e2ee-overlay{z-index:60;background:rgba(var(--surface-rgb), var(--opacity));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.e2ee-overlay-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);color:var(--text);text-align:left;gap:13px;padding:24px;display:grid}.e2ee-overlay-card p,.e2ee-overlay-card strong{margin:0}.e2ee-overlay-card p{color:var(--muted);font-size:13px;line-height:1.5}.e2ee-overlay-card input[type=password]{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);min-height:42px;color:var(--text);font:inherit;padding:0 12px}.e2ee-keep-unlocked{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.e2ee-unlock-button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);min-height:42px;color:var(--solid-button-text);font:inherit;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.e2ee-unlock-button:hover,.e2ee-unlock-button:focus-visible{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--solid-button-text)}.empty-state{color:var(--muted);flex:1;align-content:center;place-items:center;gap:12px;display:grid}.public-share-screen{background:var(--app-bg);min-height:100vh;color:var(--text)}.public-share-header{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px clamp(18px,4vw,44px);display:flex;position:sticky;top:0}.public-share-brand{color:var(--text);align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.public-share-brand img{border-radius:var(--radius);width:32px;height:32px}.public-share-download{border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);min-height:38px;color:var(--solid-button-text);font:inherit;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.public-share-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.public-share-secondary{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);min-height:38px;color:var(--text);font:inherit;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.public-share-download:disabled{cursor:not-allowed;opacity:.58}.public-share-document{width:min(860px,100% - 32px);margin:0 auto;padding:clamp(28px,6vw,72px) 0}.public-share-note{gap:24px;display:grid}.public-share-source{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);margin:0;padding:18px;font-size:14px;line-height:1.55}.public-share-password{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);gap:14px;margin:9vh auto 0;padding:24px;display:grid}.public-share-password h1{font-family:var(--font-headline);margin:0;font-size:26px}.public-share-password p,.public-share-muted{color:var(--muted);margin:0;line-height:1.5}.public-share-password label,.share-password-field{color:var(--muted);gap:7px;font-size:13px;font-weight:850;display:grid}.public-share-password input,.share-password-field input,.share-url-row input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);font:inherit;padding:0 12px}.public-share-error{color:var(--danger);align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.share-dialog{width:min(500px,100%)}.note-link-dialog{width:min(520px,100%)}.note-link-search{margin-top:16px;display:block}.note-link-search input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);font:inherit;padding:0 12px}.note-link-results{gap:8px;max-height:320px;margin-top:14px;display:grid;overflow:auto}.note-link-results button{border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--text);text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.note-link-results button:hover,.note-link-results button:focus-visible{background:var(--selected)}.note-link-results button svg{color:var(--accent-strong);justify-self:center}.note-link-results button span{gap:2px;min-width:0;display:grid}.note-link-results button strong,.note-link-results button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-link-results button strong{font-size:13px}.note-link-results button small,.note-link-results p{color:var(--muted);font-size:12px}.share-url-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px;display:grid}.share-url-row .secondary-button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);min-height:42px;color:var(--text);font:inherit;padding:0 14px;font-size:13px;font-weight:850}.share-password-field{margin-top:14px}.share-format-options{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:var(--surface-strong);gap:10px;margin:16px 0 0;padding:12px;display:grid}.share-format-options legend{color:var(--muted);padding:0 4px;font-size:12px;font-weight:850}.share-format-options label{color:var(--text);align-items:center;gap:9px;font-size:13px;font-weight:750;display:inline-flex}.share-format-options input{accent-color:var(--accent)}.dialog-backdrop{z-index:130;background:var(--backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.command-palette-backdrop{z-index:1200;background:var(--backdrop);place-items:start center;padding:10vh 18px 18px;display:grid;position:fixed;inset:0}.command-palette{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:min(620px,100%);max-height:min(620px,80vh);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.command-palette-search{border-bottom:1px solid rgba(var(--border-rgb), .72);color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 16px;display:grid}.command-palette-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.command-palette-list{min-height:0;padding:8px;overflow:auto}.command-palette-list button{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.command-palette-list button:hover,.command-palette-list button:focus-visible{background:var(--selected)}.command-palette-list button svg{color:var(--accent-strong);justify-self:center}.command-palette-list button span{gap:2px;min-width:0;display:grid}.command-palette-list button strong,.command-palette-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-palette-list button strong{font-size:13px}.command-palette-list button small{color:var(--muted);font-size:12px}.command-palette-list p{color:var(--muted);margin:12px;font-size:13px}.media-delete-confirm-backdrop{z-index:155}.confirm-dialog{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);padding:22px;position:relative}.dialog-close{border-radius:var(--radius);background:var(--surface-strong);width:30px;height:30px;color:var(--text);border:1px solid var(--border);place-items:center;display:grid;position:absolute;top:12px;right:12px}.dialog-icon{border-radius:var(--radius);width:42px;height:42px;color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);place-items:center;display:grid}.dialog-icon.primary{color:var(--accent-strong);background:var(--selected)}.confirm-dialog h2{font-family:var(--font-headline);margin:16px 0 8px;font-size:22px;font-weight:650}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.5}.encryption-unlock-dialog input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);font:inherit;margin-top:16px;padding:0 12px}.creation-dialog{gap:14px;display:grid}.creation-dialog h2{margin-bottom:0}.creation-field{color:var(--muted);gap:7px;font-size:13px;font-weight:850;display:grid}.creation-field input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);font:inherit;padding:0 12px}.creation-field input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.creation-checkbox{color:var(--text);align-items:center;gap:8px;padding:2px 0;font-size:13px;font-weight:850;display:inline-flex}.creation-checkbox input{margin:0}.recovery-key-value{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);color:var(--accent-strong);overflow-wrap:anywhere;margin-top:16px;padding:12px;font-size:14px;display:block}.dialog-error{font-weight:800;color:var(--danger)!important;margin-top:12px!important}.account-delete-dialog{display:grid}.account-delete-field{color:var(--content-text);gap:7px;margin-top:16px;font-size:12px;font-weight:800;display:grid}.account-delete-field input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong);min-height:42px;color:var(--text);font:inherit;padding:0 12px}.account-delete-field input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.account-delete-provider-copy{margin-top:12px!important}.account-delete-download{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:var(--surface-strong);gap:10px;margin-top:16px;padding:12px;display:grid}.account-delete-download p{color:var(--content-text);font-size:13px}.data-export-dialog{width:min(520px,100%)}.data-export-tag-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.data-export-tag-list span{border-radius:var(--radius);background:var(--selected);min-height:28px;color:var(--accent-strong);align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.data-export-unlock-list{gap:12px;margin-top:16px;display:grid}.data-export-unlock-row{border-radius:var(--radius);border:1px solid rgba(var(--border-rgb), .72);background:var(--surface-strong);grid-template-columns:minmax(90px,.65fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.data-export-unlock-row.unlocked{border-color:color-mix(in srgb, var(--accent) 52%, var(--border))}.data-export-unlock-tag{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.data-export-secret-field{min-width:0;display:block;position:relative}.data-export-unlock-row input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:38px;color:var(--text);padding:0 42px 0 10px}.data-export-unlock-row input:focus{outline:2px solid rgba(var(--accent-rgb), .22);border-color:var(--accent)}.data-export-unlock-status{min-width:22px;color:var(--accent-strong);pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:850;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.data-export-unlock-row.unlocked .data-export-unlock-status{color:var(--success,#198038)}.data-export-unlock-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.data-export-unlock-actions button{border-radius:var(--radius);width:34px;min-height:34px;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.data-export-unlock-actions button:not(:disabled):hover,.data-export-unlock-actions button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-strong)}.data-export-unlock-error{color:var(--danger);grid-column:2/-1;font-size:12px;font-weight:800}.dialog-checkbox{border:1px solid rgba(var(--border-rgb), .72);border-radius:var(--radius);background:var(--surface-strong);color:var(--text);align-items:flex-start;gap:10px;margin-top:16px;padding:12px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.dialog-checkbox input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:1px}.data-export-checkbox span{gap:3px;display:grid}.data-export-checkbox small{color:var(--content-text);font-size:12px;font-weight:650}.local-help-popup{gap:12px;display:grid}.local-help-popup h2{margin-bottom:0}.local-help-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.dialog-actions button{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);min-height:38px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.dialog-actions .danger-button{background:var(--danger);border-color:var(--danger);color:var(--solid-button-text)}.dialog-actions .primary-button{background:var(--accent);border-color:var(--accent);color:var(--solid-button-text)}@media (width<=1120px){.app-shell{grid-template-columns:260px 280px minmax(0,1fr)}.editor-column{grid-template-columns:minmax(0,1fr)}.editor-column>.editor-panel{border-right:0;border-bottom:1px solid rgba(var(--border-rgb), .72)}.connected-notes-panel{max-height:220px}.landing-hero{grid-template-columns:1fr;padding-top:38px}.landing-product-preview{min-height:500px}.landing-feature-band{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-46px}.landing-detail-section,.landing-detail-section.alternate{grid-template-columns:1fr}.landing-detail-section.alternate .landing-tag-demo{order:2}.landing-detail-section.alternate .landing-section-copy{order:1}}@media (width<=820px){.app-shell{height:100dvh;min-height:100dvh;padding-top:58px;padding-bottom:0;display:block;overflow:hidden}.mobile-app-bar{z-index:980;background:color-mix(in srgb, var(--tone-editor) 94%, transparent);border-bottom:1px solid rgba(var(--border-rgb), .72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;height:58px;padding:8px 12px;display:grid;position:fixed;top:0;left:0;right:0}.mobile-app-bar-button{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);width:42px;height:42px;color:var(--accent-strong);place-items:center;display:grid}.mobile-app-bar-title{text-align:left;min-width:0;color:var(--text);background:0 0;gap:1px;padding:0;display:grid}.mobile-app-bar-title strong,.mobile-app-bar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-app-bar-title strong{font-size:14px;font-weight:900}.mobile-app-bar-title span{color:var(--muted);font-size:12px;font-weight:800}.sidebar{z-index:1000;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-bottom:0;border-right:0;border-right:1px solid rgba(var(--border-rgb), .72);width:min(86vw,340px);min-height:0;transition:transform .18s;position:fixed;top:58px;bottom:0;left:0;overflow:auto;transform:translate(-105%);box-shadow:18px 0 48px #00000029}.app-shell.mobile-pane-sections .sidebar{transform:translate(0)}.mobile-pane-scrim{z-index:990;background:#00000047;display:block;position:fixed;inset:58px 0 0}.note-list-panel,.editor-column,.editor-panel,.settings-page,.selection-prompt-panel{height:calc(100dvh - 58px);min-height:0;display:none;overflow:auto}.note-list-panel{border-bottom:0;border-right:0}.app-shell.mobile-pane-notes>.note-list-panel,.app-shell.mobile-pane-sections>.editor-column,.app-shell.mobile-pane-editor>.editor-column,.app-shell.mobile-pane-sections>.editor-panel,.app-shell.mobile-pane-editor>.editor-panel,.app-shell.mobile-pane-sections>.settings-page,.app-shell.mobile-pane-sections>.selection-prompt-panel,.app-shell.mobile-pane-editor>.settings-page,.app-shell.mobile-pane-editor>.selection-prompt-panel{display:flex}.app-shell.mobile-pane-sections>.editor-column,.app-shell.mobile-pane-editor>.editor-column{flex-direction:column}.app-shell.mobile-pane-sections>.editor-column>.editor-panel,.app-shell.mobile-pane-editor>.editor-column>.editor-panel{display:flex}.editor-column>.editor-panel{min-height:min(720px,100dvh - 58px)}.app-shell.mobile-pane-sections>.selection-prompt-panel,.app-shell.mobile-pane-sections>.settings-page,.app-shell.mobile-pane-editor>.selection-prompt-panel,.app-shell.mobile-pane-editor>.settings-page{display:block}.panel-header{z-index:10;position:sticky;top:0}.markdown-workspace.with-preview{grid-template-columns:1fr}.markdown-preview{border-left:0;border-top:1px solid var(--border)}.rich-command-bar{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:6px 12px;overflow-x:visible}.rich-command-group,.rich-format-select-wrap{flex:none}.rich-command-group{padding:2px}.rich-command-group button{width:30px;height:30px}.rich-format-select{grid-template-columns:16px minmax(0,1fr) 14px;min-width:140px;height:34px;padding:0 9px;font-size:12px}.editor-panel .topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.editor-panel .editor-header-controls{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:8px;min-width:0;display:grid}.editor-panel .editor-header-divider{display:none}.editor-panel .mode-segmented{min-width:0}.editor-panel .mode-segmented button{min-width:0;min-height:34px;padding:0 10px;font-size:12px}.editor-mode-markdown .preview-toggle-split{display:none}.editor-panel .editor-markdown-controls{gap:8px}.editor-panel .editor-insert-image-button,.editor-panel .editor-insert-note-link-button{width:36px;min-height:34px;padding:0}.editor-panel .editor-insert-image-button span,.editor-panel .editor-insert-note-link-button span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-mode-markdown .markdown-source-pane .cm-content{padding:22px 18px 92px}.editor-panel .editor-header-error{grid-column:1/-1}.editor-panel .note-actions{gap:4px}.editor-panel .editor-expand-button{display:none}.editor-panel .note-actions button{width:34px;height:34px}.editor-panel .note-actions .editor-readonly-action{width:auto;height:32px;padding:0 10px}.editor-panel .note-tag-bar{border-bottom:1px solid rgba(var(--border-rgb), .72);padding:8px 12px;overflow:visible}.editor-panel .note-tag-bar-tags{flex:auto}.editor-panel .note-tag-bar-tags,.editor-panel .note-tag-chips{flex-wrap:nowrap}.editor-panel .note-tag-chips{scrollbar-width:none;min-width:0;max-width:100%;overflow:auto visible}.editor-panel .note-tag-chips::-webkit-scrollbar{display:none}.editor-panel .tag-chip{flex:none;min-height:28px;padding:0 9px;font-size:12px}.editor-panel .tag-chip.add{padding:0 10px}.editor-panel .tag-picker-menu{z-index:1200;min-width:0;max-height:min(360px,100dvh - 220px);position:fixed;top:124px;left:12px;right:12px;overflow:auto}.editor-mode-rich .medium-editor .rich-editor{padding:22px 18px 96px;font-size:18px}.editor-mode-markdown .markdown-preview{padding:22px 18px 92px;display:none}.editor-mode-markdown .markdown-workspace.with-preview{grid-template-columns:1fr}.note-versions-modal{z-index:1200}.note-versions-modal-header{z-index:2;align-items:center;padding:12px 14px;position:sticky;top:0}.note-versions-modal-header p{display:none}.note-versions-modal-header .inline-icon-button{background:var(--surface-strong);border:1px solid rgba(var(--border-rgb), .76);width:40px;height:40px}.note-versions-modal-body{grid-template-rows:minmax(0,1fr) minmax(180px,34vh);grid-template-columns:1fr}.note-versions-rail{border-left:0;border-top:1px solid rgba(var(--border-rgb), .72)}.editor-panel.expanded{border-radius:var(--radius);inset:0}.medium-editor .rich-editor{padding:34px 24px 80px;font-size:18px}.landing-nav{grid-template-columns:1fr auto;gap:10px;width:min(100% - 28px,720px);padding:0 10px}.landing-nav nav{display:none}.landing-nav-actions{gap:8px}.landing-language-select{justify-content:center;width:44px;padding:0}.landing-language-flag{font-size:20px}.landing-brand{font-size:19px}.landing-hero{gap:30px;width:min(100% - 28px,720px);min-height:auto;padding:34px 0 84px}.landing-hero h1{font-size:clamp(42px,13vw,58px);line-height:1.02}.landing-hero-copy p{font-size:18px}.landing-actions,.landing-primary-action,.landing-secondary-action{width:100%}.landing-product-preview{border-radius:var(--radius);grid-template-columns:1fr;min-height:auto}.preview-sidebar{border-right:0;border-bottom:1px solid rgba(var(--border-rgb), .72);grid-template-columns:1fr 1fr}.preview-sidebar-head,.preview-note-list{grid-column:1/-1}.preview-document{padding:30px 22px 36px}.landing-feature-band{grid-template-columns:1fr;width:min(100% - 28px,720px);margin-top:-40px}.landing-detail-section,.landing-split-section,.landing-pricing-section{width:min(100% - 28px,720px)}.landing-detail-section{padding:60px 0}.landing-section-copy h2,.landing-split-section h2{font-size:clamp(32px,10vw,44px)}.landing-section-copy p,.landing-split-section p{font-size:17px}.landing-editor-demo,.landing-tag-demo,.landing-split-section{border-radius:var(--radius)}.landing-split-section{grid-template-columns:1fr;margin-bottom:72px}.landing-pricing-section,.landing-pricing-grid{grid-template-columns:1fr}.landing-pricing-section{padding:34px 22px}.landing-split-section article{min-height:auto}.landing-final-cta{grid-template-columns:1fr;width:min(100% - 28px,720px);margin-bottom:72px;padding:28px 22px}.landing-final-actions,.landing-final-actions .landing-primary-action,.landing-final-actions .landing-secondary-action{width:100%}.tag-demo-list{padding:18px}}