:root{--bg:#fff;--bg-soft:#f7f7f5;--bg-hover:#37352f0f;--bg-active:#37352f1a;--surface:#fff;--border:#37352f1f;--text:#37352f;--text-soft:#37352fa6;--text-faint:#37352f66;--accent:#2f6feb;--accent-soft:#2f6feb1f;--danger:#d44c47;--success:#2f9e6b;--warn:#c98a12;--code-bg:#87837826;--code-text:#c4554d;--shadow:0 8px 28px #0f0f0f1f, 0 0 0 1px #0f0f0f0d;--radius:8px;--font:ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191919;--bg-soft:#202020;--bg-hover:#ffffff0e;--bg-active:#ffffff17;--surface:#252525;--border:#ffffff1a;--text:#ffffffdb;--text-soft:#fff9;--text-faint:#ffffff59;--accent:#5b8def;--accent-soft:#5b8def2e;--code-bg:#ffffff14;--code-text:#ff8a80;--shadow:0 8px 28px #00000080, 0 0 0 1px #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#191919;--bg-soft:#202020;--bg-hover:#ffffff0e;--bg-active:#ffffff17;--surface:#252525;--border:#ffffff1a;--text:#ffffffdb;--text-soft:#fff9;--text-faint:#ffffff59;--accent:#5b8def;--accent-soft:#5b8def2e;--code-bg:#ffffff14;--code-text:#ff8a80;--shadow:0 8px 28px #00000080, 0 0 0 1px #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}code{font-family:var(--mono);background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.15em .35em;font-size:.88em}.muted{color:var(--text-soft)}.small{font-size:12.5px}.spacer{flex:1}.error-text{color:var(--danger);font-size:13px}.hint{color:var(--text-soft);font-size:13px;line-height:1.5}.primary,.ghost{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;line-height:1.2;display:inline-flex}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){filter:brightness(1.08)}.ghost:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:var(--bg-hover)}.primary.small,.ghost.small{padding:4px 9px;font-size:13px}.icon-btn{width:28px;height:28px;color:var(--text-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn svg,.gutter-btn svg,.nav-item svg{flex-shrink:0}.icon-btn.small{width:22px;height:22px}.icon-btn.active{color:var(--accent)}.icon-btn.danger:hover{color:var(--danger)}.mobile-only{display:none!important}.splash,.signin{background:var(--bg-soft);place-items:center;min-height:100%;padding:24px 16px;display:grid}.signin-card{background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow);text-align:center;border-radius:14px;flex-direction:column;gap:14px;padding:32px 28px;display:flex}.signin-card .ghost{justify-content:center;padding:10px}.tagline{color:var(--text-soft);margin:0 0 8px;line-height:1.5}.google-btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-weight:500;display:flex}.google-btn:hover{background:var(--bg-hover)}.brand{align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.brand.large{justify-content:center;font-size:26px}.brand-mark{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:15px;font-weight:700;display:inline-grid}.brand.large .brand-mark{border-radius:10px;width:40px;height:40px;font-size:22px}.workspace{grid-template-columns:260px 320px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--bg-soft);border-right:1px solid var(--border);flex-direction:column;gap:4px;min-height:0;padding:10px 8px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;padding:4px 6px 10px;display:flex}.nav-section{flex-direction:column;gap:1px;margin-bottom:8px;display:flex}.nav-heading{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:6px 8px 4px;font-size:12px;font-weight:600;display:flex}.tree{flex:1;min-height:0;overflow-y:auto}.nav-item{width:100%;min-height:30px;color:var(--text-soft);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:3px 8px;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-active);color:var(--text);font-weight:550}.nav-item.drive{color:var(--text);padding-left:2px}.nav-item.folder{padding-left:30px}.nav-item input{border:1px solid var(--accent);background:var(--surface);border-radius:4px;flex:1;min-width:0;padding:1px 4px}.nav-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.twisty{width:20px;height:20px;color:var(--text-faint);border-radius:4px;place-items:center;display:grid}.twisty:hover{background:var(--bg-active)}.drive-icon{text-align:center;width:18px}.count{color:var(--text-faint);font-size:12px}.row-action{opacity:0}.nav-item:hover .row-action,.nav-item:focus-within .row-action{opacity:1}.add-folder{color:var(--text-faint);padding-left:30px;font-size:13px}.icon-picker{flex-wrap:wrap;gap:2px;padding:4px 6px;display:flex}.icon-picker button{border-radius:4px;width:26px;height:26px}.icon-picker button:hover{background:var(--bg-hover)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.sync-pill{color:var(--success);align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:flex}.sync-pill.pending{color:var(--warn)}.sync-pill.offline{color:var(--text-soft)}.account{align-items:center;gap:8px;padding:2px 6px;font-size:13px;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.avatar.placeholder{background:var(--accent-soft);color:var(--accent);place-items:center;font-size:12px;font-weight:600;display:grid}.note-list{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:0;display:flex}.list-header{align-items:center;gap:8px;padding:14px 14px 8px;display:flex}.list-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:17px;font-weight:650;overflow:hidden}.search{background:var(--bg-hover);color:var(--text-faint);border-radius:6px;align-items:center;gap:6px;margin:0 14px 8px;padding:6px 10px;display:flex}.search input{background:0 0;border:none;outline:none;flex:1;min-width:0}.notes{flex:1;margin:0;padding:0 8px 16px;list-style:none;overflow-y:auto}.notes .empty{text-align:center;color:var(--text-faint);padding:24px 8px}.note-item{text-align:left;border-radius:8px;width:100%;margin-bottom:2px;padding:10px;display:block}.note-item:hover{background:var(--bg-hover)}.note-item.active{background:var(--accent-soft)}.note-item-top{align-items:baseline;gap:8px;display:flex}.note-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.note-item-top time{color:var(--text-faint);white-space:nowrap;font-size:12px}.note-item-preview{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.note-item-path{color:var(--text-faint);margin-top:4px;font-size:12px;display:block}.main-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.editor{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.editor.empty-state,.empty-state{color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.editor-header{border-bottom:1px solid #0000;align-items:center;gap:6px;min-height:48px;padding:8px 14px;display:flex}.breadcrumb{color:var(--text-soft);border-radius:6px;align-items:center;gap:6px;min-width:0;padding:4px 8px;font-size:13.5px;display:flex;position:relative}.breadcrumb:hover{background:var(--bg-hover)}.breadcrumb select{opacity:0;cursor:pointer;position:absolute;inset:0}.breadcrumb-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.editor-scroll{flex:1;padding:24px 24px 30vh;overflow-y:auto}.editor-page{max-width:760px;margin:0 auto}.note-title{resize:none;background:0 0;border:none;outline:none;width:100%;padding:0 0 0 52px;font-size:38px;font-weight:700;line-height:1.2;overflow:hidden}.note-title::placeholder{color:var(--text-faint)}.note-meta{color:var(--text-faint);padding:6px 0 18px 52px;font-size:12px}.back-to-results,.back-link{color:var(--accent);border-radius:6px;align-self:flex-start;align-items:center;gap:4px;margin:8px 14px 0;padding:4px 8px;font-size:13px;display:inline-flex}.back-to-results:hover{background:var(--bg-hover)}.blocks{flex-direction:column;display:flex}.block-row{border-radius:6px;align-items:flex-start;padding:1px 0;display:flex;position:relative}.block-row.selected{background:var(--accent-soft)}.block-row.dragging{opacity:.4}.block-row.drop-before:before,.block-row.drop-after:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;left:52px;right:0}.block-row.drop-before:before{top:-2px}.block-row.drop-after:after{bottom:-2px}.block-row.flash{animation:1.6s ease-out flash}@keyframes flash{0%,40%{background:var(--accent-soft)}to{background:0 0}}.block-gutter{opacity:0;flex-shrink:0;justify-content:flex-end;gap:1px;width:52px;padding:3px 4px 0 0;transition:opacity .12s;display:flex}.block-row:hover .block-gutter,.block-row.selected .block-gutter{opacity:1}.gutter-btn{width:22px;height:24px;color:var(--text-faint);border-radius:4px;place-items:center;display:grid}.gutter-btn:hover{background:var(--bg-hover)}.gutter-btn.handle{cursor:grab}.block-body{flex:1;min-width:0}.block-meta{z-index:3;background:var(--surface);box-shadow:var(--shadow);color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;gap:10px;padding:2px 8px;font-size:11.5px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:-20px;right:0;transform:translateY(4px)}.block-meta em{color:var(--text-faint);font-style:normal}.block-row:hover>.block-meta,.block-row:focus-within>.block-meta,.block-row.selected>.block-meta{opacity:1;transition-delay:.25s;transform:none}.block-row.selected>.block-meta,.block-row:focus-within>.block-meta{transition-delay:0s}.block-menu-anchor{z-index:20;position:absolute;top:100%;left:52px}.text-block{align-items:flex-start;gap:6px;display:flex}.editable{white-space:pre-wrap;word-break:break-word;outline:none;flex:1;min-width:0;min-height:1.6em;padding:3px 2px;line-height:1.6}.editable:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.type-paragraph .editable:empty:not(:focus):before{content:""}.editable a{color:var(--accent)}.type-heading1 .editable{margin-top:18px;font-size:30px;font-weight:700;line-height:1.3}.type-heading2 .editable{margin-top:14px;font-size:23px;font-weight:650;line-height:1.3}.type-heading3 .editable{margin-top:10px;font-size:19px;font-weight:600;line-height:1.35}.list-marker{text-align:center;flex-shrink:0;width:22px;padding-top:3px;line-height:1.6}.list-marker.num{text-align:right;font-variant-numeric:tabular-nums}.todo-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:7px 3px 0}.text-block.checked .editable{color:var(--text-faint);text-decoration:line-through}.code-block{background:var(--code-bg);border-radius:6px;margin:4px 0;position:relative}.code-block textarea{resize:none;width:100%;font-family:var(--mono);tab-size:2;background:0 0;border:none;outline:none;padding:30px 16px 14px;font-size:13.5px;line-height:1.55;display:block;overflow:hidden}.code-lang{color:var(--text-soft);background:0 0;border:none;font-size:12px;position:absolute;top:6px;left:10px}.dropzone{background:var(--bg-hover);color:var(--text-soft);cursor:pointer;border:1px dashed #0000;border-radius:6px;align-items:center;gap:10px;margin:4px 0;padding:14px 16px;display:flex}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.image-block{margin:6px 0}.image-block img{border-radius:6px;max-width:100%;display:block}.caption{width:100%;color:var(--text-soft);background:0 0;border:none;outline:none;padding:6px 2px;font-size:13px}.media-pending{background:var(--bg-hover);color:var(--text-soft);border-radius:6px;align-items:center;gap:8px;padding:24px;display:flex}.file-block{outline:none;margin:4px 0}.file-card{border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.file-ext{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.file-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.file-size{color:var(--text-faint);font-size:12px}.file-preview{border:1px solid var(--border);border-radius:8px;margin-top:6px;overflow:hidden}.file-preview iframe{background:#fff;border:none;width:100%;height:480px;display:block}.file-preview img,.file-preview video{max-width:100%;display:block}.file-preview audio{width:100%}.table-block{margin:6px 0}.table-scroll{overflow-x:auto}.table-block table{border-collapse:collapse;min-width:100%}.table-block td{border:1px solid var(--border);vertical-align:top;min-width:110px;padding:0}.table-block td textarea{resize:vertical;background:0 0;border:none;outline:none;width:100%;min-height:34px;padding:6px 8px;line-height:1.4;display:block}.table-block tr.header-row td{background:var(--bg-soft);font-weight:600}.table-block td.row-tools{vertical-align:middle;border:none;min-width:0}.table-block th.col-tools{text-align:center;padding:0 0 2px;font-weight:400}.col-tools button,.row-tools button{width:20px;height:18px;color:var(--text-faint);opacity:0;border-radius:4px;place-items:center;display:inline-grid}.table-block:hover .col-tools button,.table-block:hover .row-tools button,.table-block:focus-within .col-tools button,.table-block:focus-within .row-tools button{opacity:1}.col-tools button:hover,.row-tools button:hover{background:var(--bg-hover)}.table-actions{align-items:center;gap:4px;padding-top:4px;display:flex}.toggle{color:var(--text-soft);align-items:center;gap:4px;margin-left:6px;display:inline-flex}.add-block{color:var(--text-faint);border-radius:6px;align-items:center;gap:6px;margin:8px 0 0 52px;padding:6px 4px;display:flex}.add-block:hover{color:var(--text-soft);background:var(--bg-hover)}.menu{background:var(--surface);box-shadow:var(--shadow);border-radius:8px;min-width:220px;max-height:340px;padding:4px;overflow-y:auto}.row-menu{z-index:30;position:absolute;top:100%;right:0}.menu-item{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;padding:6px 8px;font-size:14px;display:flex}.menu-item:hover,.menu-item.active{background:var(--bg-hover)}.menu-item.danger{color:var(--danger)}.menu-item span{flex:1}.menu-item kbd{font-family:var(--mono);color:var(--text-faint);font-size:11px}.menu-sep{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:6px 8px 2px;font-size:11px;font-weight:600}.menu-empty{color:var(--text-faint);padding:8px;font-size:13px}.format-bar{z-index:50;background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:2px;padding:3px;display:flex;position:fixed;transform:translate(-50%)}.format-bar button{border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.format-bar button:hover{background:var(--bg-hover)}.toast{background:var(--surface);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow);z-index:100;border-radius:8px;padding:10px 14px;position:fixed;bottom:16px;right:16px}.toast.error{border-left:3px solid var(--danger)}.calendar{padding:4px 14px 8px}.calendar-head{justify-content:space-between;align-items:center;padding-bottom:6px;font-weight:600;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.weekday{text-align:center;color:var(--text-faint);padding:4px 0;font-size:11px}.day{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:8px;font-size:13px;position:relative}.day:hover{background:var(--bg-hover)}.day.muted{color:var(--text-faint)}.day.today{color:var(--accent);font-weight:700}.day.selected{background:var(--accent);color:#fff}.day.has-activity:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:4px;left:50%}.day.selected.has-activity:after{background:#fff}.filter-options{flex-direction:column;gap:8px;padding:8px 14px;display:flex}.filter-options label{color:var(--text-soft);flex-direction:column;gap:4px;font-size:12px;display:flex}.filter-options select{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:6px 8px;font-size:14px}.date-panel .hint{padding:0 14px}.result-drive h3{margin:8px 0 4px;font-size:20px}.result-folder h4{color:var(--text-soft);align-items:center;gap:6px;margin:12px 0 6px;font-size:14px;display:flex}.result-note{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:10px 12px}.result-note-title{align-items:center;gap:4px;margin-bottom:6px;font-size:16px;font-weight:650;display:inline-flex}.result-note-title:hover{color:var(--accent)}.result-block{text-align:left;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:6px 8px;display:flex}.result-block:hover{background:var(--bg-hover)}.result-stamps{color:var(--text-faint);font-variant-numeric:tabular-nums;gap:12px;font-size:11.5px;display:flex}.result-stamps .hit{color:var(--accent)}.preview-text{white-space:pre-wrap;line-height:1.5}.preview-text.type-heading1,.preview-text.type-heading2,.preview-text.type-heading3{font-weight:650}.preview-text.todo{gap:6px;display:flex}.preview-text.todo.checked span{color:var(--text-faint);text-decoration:line-through}.preview-code{font-family:var(--mono);background:var(--code-bg);white-space:pre-wrap;border-radius:6px;margin:0;padding:6px 8px;font-size:12.5px}.preview-media{color:var(--text-soft);align-items:center;gap:6px;display:inline-flex}@media (max-width:900px){.workspace{grid-template-columns:1fr}.workspace>.sidebar,.workspace>.note-list,.workspace>.main-pane{display:none}.workspace[data-pane=nav]>.sidebar,.workspace[data-pane=list]>.note-list,.workspace[data-pane=main]>.main-pane{display:flex}.mobile-only{display:inline-flex!important}.editor-scroll{padding:16px 16px 40vh}.note-title{padding-left:0;font-size:30px}.note-meta,.add-block{margin-left:0;padding-left:0}.block-gutter{opacity:1;width:28px;margin-left:-6px}.block-gutter .gutter-btn:first-child{display:none}.block-menu-anchor,.block-row.drop-before:before,.block-row.drop-after:after{left:22px}.block-meta{top:auto;bottom:100%;right:4px}}.app-download{text-align:left;border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.app-download .qr{background:#fff;border-radius:8px;flex-shrink:0;width:112px;height:112px;padding:4px}.app-download .qr svg{width:100%;height:100%;display:block}.app-download-text{color:var(--text-soft);flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.app-download-text strong{color:var(--text);font-size:14px}.app-download-text a{text-decoration:none}.app-download.compact{border:none;width:300px;padding:4px}.app-download-anchor{position:relative}.app-download-popover{z-index:40;max-height:none;position:absolute;bottom:100%;left:0}@media (max-width:900px){.app-download .qr{display:none}}.signin-start{justify-content:center;padding:11px 16px;font-size:15px;font-weight:600}.signin-sync{justify-content:center;margin:0 4px}.import-banner{border-left:3px solid var(--accent);flex-direction:column;gap:10px;display:flex}.import-banner p{margin:0;line-height:1.45}.import-actions{justify-content:flex-end;gap:8px;display:flex}