:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Helvetica Neue,Inter,ui-sans-serif,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--label-primary: #1d1d1f;--label-secondary: #4a4a4f;--label-tertiary: #6e6e73;--label-quaternary: #a1a1a6;--accent: #007aff;--accent-hover: #0066d6;--accent-soft: rgba(0, 122, 255, .1);--accent-ring: rgba(0, 122, 255, .22);--success: #34c759;--warning: #ff9f0a;--danger: #ff3b30;--separator: rgba(60, 60, 67, .12);--separator-strong: rgba(60, 60, 67, .22);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-tint: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .65);--glass-stroke: rgba(255, 255, 255, .9);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 0 0 .5px rgba(0, 0, 0, .06), 0 12px 32px rgba(15, 30, 60, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;color:var(--label-primary);background:#f2f2f7}[data-theme=dark]{color-scheme:dark;--label-primary: rgba(255, 255, 255, .92);--label-secondary: rgba(235, 235, 245, .68);--label-tertiary: rgba(235, 235, 245, .42);--label-quaternary: rgba(235, 235, 245, .24);--accent: #0a84ff;--accent-hover: #409cff;--accent-soft: rgba(10, 132, 255, .16);--accent-ring: rgba(10, 132, 255, .28);--separator: rgba(84, 84, 88, .55);--separator-strong: rgba(84, 84, 88, .85);--glass-bg: rgba(36, 36, 38, .72);--glass-bg-strong: rgba(44, 44, 46, .88);--glass-tint: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-stroke: rgba(255, 255, 255, .1);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 0 0 .5px rgba(255, 255, 255, .04), 0 12px 32px rgba(0, 0, 0, .55);background:#000}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;color:var(--label-primary)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.app-bg{position:relative;isolation:isolate;min-height:100vh;padding:14px;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(120,170,255,.28),transparent 38%),radial-gradient(circle at 86% 92%,rgba(255,200,220,.22),transparent 40%),radial-gradient(circle at 50% 50%,rgba(180,220,255,.12),transparent 60%),linear-gradient(160deg,#eef2f7,#e6edf6,#f1eef7)}[data-theme=dark] .app-bg{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(60,60,65,.35),transparent 70%),linear-gradient(180deg,#1c1c1e,#161618 60%,#131315)}.aurora{position:fixed;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}.aurora-one{width:52vw;height:52vw;left:-14vw;top:-20vw;background:radial-gradient(circle,rgba(120,170,255,.55),transparent 65%)}.aurora-two{width:46vw;height:46vw;right:-12vw;bottom:-22vw;background:radial-gradient(circle,rgba(255,180,210,.42),transparent 65%)}[data-theme=dark] .aurora-one,[data-theme=dark] .aurora-two{display:none}.app-window{width:100%;height:calc(100vh - 28px);display:grid;grid-template-columns:264px minmax(540px,1fr) 220px;border-radius:var(--radius-xl);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 1px #ffffffe6 inset,0 0 0 .5px #0000000a,0 30px 80px #14285024,0 8px 24px #1428500f;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}[data-theme=dark] .app-window{background:#1c1c1ed1;border-color:#ffffff0f;box-shadow:0 1px #ffffff0f inset,0 0 0 .5px #0009,0 30px 90px #0000008c}.glass-card{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%)}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 12px;border:.5px solid var(--separator-strong);border-radius:8px;background:var(--glass-bg-strong);color:var(--label-primary);font-size:13px;font-weight:500;letter-spacing:-.01em;box-shadow:0 1px #ffffffb3 inset,0 1px 2px #0000000a;transition:background .14s ease,border-color .14s ease,transform .08s ease,box-shadow .14s ease}.button:hover{background:#fffffff2;border-color:var(--separator-strong)}.button:active{transform:scale(.97);background:#0000000a}.button:disabled{opacity:.35;cursor:default;transform:none}[data-theme=dark] .button{box-shadow:0 1px #ffffff0a inset,0 1px 2px #0000004d}[data-theme=dark] .button:hover{background:#ffffff14}.button.primary{color:#fff;background:var(--accent);border-color:transparent;box-shadow:0 1px #ffffff40 inset,0 4px 14px var(--accent-ring)}.button.primary:hover{background:var(--accent-hover)}.input,.textarea{width:100%;border:0;outline:0;background:transparent;color:inherit}.sidebar{min-width:0;display:flex;flex-direction:column;padding:18px 12px 12px;background:linear-gradient(180deg,#ffffff73,#ffffff40);border-right:.5px solid var(--separator);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#161618eb,#141416e0);border-right-color:#ffffff0f}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;letter-spacing:-.02em}.brand strong{font-size:14px;font-weight:600;color:var(--label-primary)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(135deg,#5ac8fa,#007aff);border-radius:8px;box-shadow:0 4px 12px #007aff59,0 1px #ffffff80 inset}.new-note{width:100%;justify-content:flex-start;height:34px;padding:0 12px;color:#fff;background:var(--accent);border:0;border-radius:9px;font-weight:500;box-shadow:0 4px 14px var(--accent-ring),0 1px #ffffff40 inset}.new-note:hover{background:var(--accent-hover)}.search{height:30px;margin:12px 0 18px;padding:0 9px;display:flex;gap:7px;align-items:center;border:.5px solid var(--separator);border-radius:8px;color:var(--label-tertiary);background:#0000000a}[data-theme=dark] .search{background:#ffffff0f}.search .input{font-size:13px;color:var(--label-primary)}.section-label{display:flex;justify-content:space-between;padding:10px 10px 6px;color:var(--label-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.note-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:0 2px}.note-row{width:100%;min-height:46px;position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:9px;text-align:left;background:transparent;color:var(--label-primary);transition:background .16s ease,box-shadow .16s ease}.note-row:hover{background:#78788014}[data-theme=dark] .note-row:hover{background:#ffffff0f}.note-row.active{color:#fff;background:var(--accent);box-shadow:0 1px #ffffff40 inset,0 3px 10px #007aff40}.note-row.active strong{color:#fff}.note-row.active small{color:#ffffffc7}.note-row.active .row-delete{color:#ffffffb3}.note-row.active .row-delete:hover{color:#fff}[data-theme=dark] .note-row.active{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff2e inset,0 4px 14px #0a84ff66}[data-theme=dark] .note-row.active small{color:#ffffffbf}.note-row>span{min-width:0;display:grid;gap:2px}.note-row strong{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.note-row small{color:var(--label-tertiary);font-size:11px}.row-delete{opacity:0;margin-left:auto;color:var(--label-tertiary);transition:opacity .15s ease}.note-row:hover .row-delete{opacity:.7}.row-delete:hover{color:var(--danger);opacity:1!important}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 10px;border-top:.5px solid var(--separator);color:var(--label-secondary);font-size:12px}.sidebar-footer .avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:#fff;font-weight:600;background:linear-gradient(135deg,#5ac8fa,#007aff);border-radius:9px;box-shadow:0 4px 10px #007aff52,0 1px #fff6 inset}.user-meta{min-width:0;display:grid;gap:2px}.user-meta strong{font-size:12px;font-weight:500}.user-meta small{max-width:130px;overflow:hidden;text-overflow:ellipsis;color:var(--label-tertiary);font-size:10.5px}.sidebar-footer>button{margin-left:auto;padding:6px;border:0;background:transparent;color:var(--label-tertiary);border-radius:6px}.sidebar-footer>button:hover{color:var(--label-primary);background:#7878801f}.editor-shell{min-width:0;position:relative;overflow:hidden;background:#ffffff8c;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}[data-theme=dark] .editor-shell{background:#1c1c20a6}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid var(--separator);background:linear-gradient(180deg,#ffffff80,#fff3);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}[data-theme=dark] .topbar{background:linear-gradient(180deg,#1c1c20a6,#14141866)}.topbar-actions,.save-status{display:flex;align-items:center;gap:6px}.save-status{color:var(--success);font-size:12px;font-weight:500}.save-status.saving{color:var(--label-tertiary)}.save-status.failed{color:var(--danger)}.mode-switch{display:flex;padding:2px;background:#7878801f;border-radius:8px}[data-theme=dark] .mode-switch{background:#ffffff14}.mode-switch button{min-width:52px;padding:4px 10px;border:0;border-radius:6px;background:transparent;color:var(--label-secondary);font-size:12px;font-weight:500;transition:background .15s ease,color .15s ease}.mode-switch button.active{background:#fff;color:var(--label-primary);box-shadow:0 1px 3px #00000014,0 .5px #0000000a}[data-theme=dark] .mode-switch button.active{background:#78788066}.toolbar{height:44px;position:absolute;z-index:3;top:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:5px;gap:2px;border-radius:14px;background:#ffffffb8;border:.5px solid var(--glass-border);box-shadow:0 1px #fffffff2 inset,0 0 0 .5px #0000000a,0 12px 32px #14285024;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%)}[data-theme=dark] .toolbar{background:#2c2c30c7}.toolbar .button{min-width:30px;min-height:30px;padding:0;border-color:transparent;background:transparent;color:var(--label-secondary);box-shadow:none}.toolbar .button:hover{background:#7878801f;color:var(--accent)}.toolbar-separator{width:1px;height:20px;align-self:center;margin:0 4px;background:var(--separator)}.document{height:calc(100% - 56px);overflow-y:auto;padding:88px clamp(40px,7vw,110px) 100px;scroll-behavior:smooth}.document-meta{margin-bottom:8px;color:var(--label-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.title-input{display:block;width:100%;margin-bottom:24px;padding:0;border:0;outline:0;background:transparent;color:var(--label-primary);font-family:SF Pro Display,-apple-system,PingFang SC,ui-serif,Georgia,serif;font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.18;resize:none;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.title-input::placeholder{color:var(--label-tertiary)}.blocks{max-width:760px;min-width:0}.block-row{min-height:34px;position:relative;display:flex;align-items:flex-start;gap:9px;margin:4px -12px;padding:6px 12px;min-width:0;max-width:100%;border:1px solid transparent;border-radius:10px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.block-row:hover{background:#7878800f}[data-theme=dark] .block-row:hover{background:#ffffff0a}.block-row.selected{background:linear-gradient(180deg,#ffffffd9,#ffffff9e);border-color:var(--glass-border);box-shadow:0 1px #fffffff2 inset,0 0 0 .5px var(--accent-ring),0 6px 22px #007aff1f,0 2px 8px #1428500f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-theme=dark] .block-row.selected{background:linear-gradient(180deg,#484850bf,#38384099);box-shadow:0 1px #ffffff14 inset,0 0 0 .5px var(--accent-ring),0 6px 22px #0a84ff29,0 2px 8px #0006}.block-row .textarea::selection{background:var(--accent-soft)}.block-controls{width:56px;flex:0 0 56px;position:absolute;right:calc(100% + 4px);top:4px;display:flex;align-items:center;color:var(--label-quaternary);opacity:0;transition:opacity .15s ease}.block-row:hover .block-controls,.block-row.selected .block-controls{opacity:1}.block-controls .button{min-width:24px;min-height:24px;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}.block-controls .button:hover{color:var(--label-secondary);background:#7878801f}.block-row .textarea{flex:1 1 auto;min-width:0;width:100%;min-height:30px;resize:none;overflow:hidden;padding:4px;color:var(--label-primary);font-family:inherit;font-size:16px;line-height:1.6;letter-spacing:-.005em;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.block-heading .textarea{padding-top:8px;font-family:SF Pro Display,-apple-system,PingFang SC,ui-serif,Georgia,serif;font-weight:700;letter-spacing:-.03em}.block-heading .heading-2{font-size:24px;line-height:1.3}.block-quote{margin:14px 0;padding-left:14px}.quote-line{width:3px;align-self:stretch;border-radius:3px;background:var(--accent);opacity:.5}.block-quote .textarea{color:var(--label-secondary);font-style:italic}.block-code{margin:14px 0;padding:14px 18px;background:#1c1c20eb;border:.5px solid rgba(255,255,255,.06);border-radius:12px}.block-code .textarea{color:#f5f5f7;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65}.block-taskList{align-items:flex-start}.checkbox{width:18px;height:18px;flex:0 0 18px;margin-top:9px;display:grid;place-items:center;border:1.5px solid var(--label-quaternary);border-radius:5px;background:transparent;color:#fff;transition:background .15s ease,border-color .15s ease}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.block-taskList:has(.checkbox.checked) .textarea{color:var(--label-tertiary);text-decoration:line-through}.block-row hr{width:100%;margin:16px 0;border:0;border-top:.5px solid var(--separator)}.slash-menu{width:252px;position:absolute;z-index:10;top:38px;left:4px;padding:6px;border-radius:14px}.slash-menu>small{display:block;padding:6px 10px;color:var(--label-tertiary);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.slash-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--label-primary);text-align:left}.slash-menu button:hover{background:var(--accent-soft)}.slash-menu button>span{width:30px;height:30px;display:grid;place-items:center;border:.5px solid var(--separator);border-radius:7px;background:#ffffffb3;color:var(--label-secondary)}[data-theme=dark] .slash-menu button>span{background:#ffffff14}.slash-menu button div{display:grid;gap:2px}.slash-menu button strong{font-size:12.5px;font-weight:500}.slash-menu button small{color:var(--label-tertiary);font-size:10.5px}.empty-editor{width:100%;display:grid;justify-items:start;gap:6px;padding:24px;border:1px dashed var(--separator-strong);border-radius:14px;background:#7878800d;color:var(--label-tertiary);text-align:left}.empty-editor small{color:var(--label-quaternary)}.markdown-preview{color:var(--label-primary);font-size:16px;line-height:1.75;max-width:760px}.markdown-preview h2{font-family:SF Pro Display,-apple-system,ui-serif,Georgia,serif;font-size:26px;font-weight:700;letter-spacing:-.025em}.markdown-preview pre{padding:18px;overflow-x:auto;border-radius:12px;background:#1c1c20eb;color:#f5f5f7;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.markdown-preview blockquote{margin-left:0;padding-left:16px;color:var(--label-secondary);border-left:3px solid var(--accent);opacity:.9}.markdown-preview code{padding:2px 5px;border-radius:5px;background:#7878802e;font-family:SF Mono,Menlo,monospace;font-size:.92em}.inspector{padding:82px 18px 18px;background:linear-gradient(180deg,#fff6,#fff3);border-left:.5px solid var(--separator);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}[data-theme=dark] .inspector{background:linear-gradient(180deg,#1c1c208c,#16161a66)}.outline-title{margin-bottom:14px;color:var(--label-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.inspector a{display:block;margin:8px 0;color:var(--label-secondary);font-size:12px;text-decoration:none;line-height:1.5;transition:color .15s ease}.inspector a:hover{color:var(--accent)}.inspector a.sub{padding-left:11px;color:var(--label-tertiary);border-left:2px solid var(--accent-soft)}.inspector a.sub:hover{border-left-color:var(--accent)}.inspector-stats{margin-top:28px;display:grid;gap:8px;padding-top:14px;border-top:.5px solid var(--separator)}.inspector-stats span{display:flex;justify-content:space-between;color:var(--label-tertiary);font-size:11px}.inspector-stats strong{color:var(--label-primary);font-weight:500}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#00000040;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}.modal{width:min(520px,calc(100vw - 32px));padding:22px;border-radius:18px}.modal header,.modal footer{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0;font-family:SF Pro Display,-apple-system,ui-serif,Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.02em}.modal-copy{color:var(--label-secondary);font-size:13px;line-height:1.6}.modal footer{justify-content:flex-end;gap:8px;padding-top:16px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.export-options button{display:flex;align-items:center;gap:12px;padding:14px;border:.5px solid var(--separator);border-radius:12px;background:#fff9;text-align:left;color:var(--label-primary)}.export-options button:hover{border-color:var(--accent-ring);background:var(--accent-soft)}.export-options span{display:grid;gap:3px}.export-options strong{font-size:13px;font-weight:500}.export-options small{color:var(--label-tertiary);font-size:11px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 12%,rgba(120,170,255,.32),transparent 30%),radial-gradient(circle at 80% 88%,rgba(255,200,220,.26),transparent 32%),linear-gradient(160deg,#f3f6fb,#ebf1fa 55%,#f5eff7)}[data-theme=dark] .auth-screen{background:radial-gradient(circle at 20% 12%,rgba(60,100,200,.35),transparent 32%),radial-gradient(circle at 80% 88%,rgba(150,90,200,.3),transparent 34%),linear-gradient(160deg,#15171c,#1c1f28 55%,#18151e)}.auth-card{width:min(420px,100%);padding:32px;border-radius:22px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.auth-brand strong{font-size:14px;font-weight:600}.auth-card h1{margin:0;font-family:SF Pro Display,-apple-system,ui-serif,Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-.03em}.auth-card>p{margin:8px 0 24px;color:var(--label-secondary);font-size:14px;line-height:1.5}.auth-card form{display:grid;gap:14px}.auth-card label>span{display:block;margin:0 0 6px 3px;color:var(--label-secondary);font-size:12px;font-weight:500}.auth-field{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:.5px solid var(--separator-strong);border-radius:11px;background:#ffffffa6;color:var(--label-tertiary);box-shadow:0 1px #fffc inset;transition:border-color .15s ease,box-shadow .15s ease}[data-theme=dark] .auth-field{background:#ffffff0f;box-shadow:0 1px #ffffff0a inset}.auth-field .input{color:var(--label-primary)}.auth-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring),0 1px #fffc inset}.auth-submit{width:100%;height:44px;margin-top:4px}.auth-switch{width:100%;margin-top:20px;border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:500}.form-error{color:var(--danger);font-size:12px}.version-panel{width:320px;position:absolute;z-index:20;top:70px;right:22px;bottom:22px;padding:16px;overflow:hidden}.version-panel header,.version-panel header>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.version-panel header strong{font-size:13px;font-weight:600}.version-panel>p{color:var(--label-tertiary);font-size:11.5px;line-height:1.5;margin:6px 0 12px}.version-list{display:grid;gap:3px;overflow-y:auto}.version-list button{display:flex;align-items:center;gap:10px;padding:10px 9px;border:0;border-radius:9px;background:transparent;text-align:left;color:var(--label-primary)}.version-list button:hover{background:#7878801a}.version-list button div{display:grid;gap:2px;flex:1}.version-list strong{font-size:12px;font-weight:500}.version-list small{color:var(--label-tertiary);font-size:10.5px}.version-dot{width:8px;height:8px;border:2px solid var(--accent);border-radius:50%}.empty-versions{padding:22px 8px;color:var(--label-tertiary);font-size:11.5px;line-height:1.6}.share-section{padding:16px 0;border-bottom:.5px solid var(--separator)}.share-section:last-child{border-bottom:0}.share-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.share-heading div{display:grid;gap:2px}.share-heading strong{font-size:13px;font-weight:500}.share-heading small{color:var(--label-tertiary);font-size:11px}.share-row,.public-link{display:flex;gap:8px}.share-row select,.share-row .input,.public-link .input{height:34px;padding:0 10px;border:.5px solid var(--separator-strong);border-radius:9px;background:#ffffffb3;font-size:12.5px;color:var(--label-primary)}[data-theme=dark] .share-row select,[data-theme=dark] .share-row .input,[data-theme=dark] .public-link .input{background:#ffffff14}.publish-button{color:var(--accent);font-weight:500}.success-message{margin-top:12px;color:var(--success);font-size:12px}.public-page{min-height:100vh;background:#fff;color:var(--label-primary)}.public-page nav{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:.5px solid var(--separator);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.public-page nav span,.public-page nav a{display:flex;align-items:center;gap:8px;color:var(--label-primary);text-decoration:none;font-size:13px;font-weight:500}.public-page article{width:min(760px,calc(100% - 40px));margin:0 auto;padding:80px 0 120px;font-size:17px;line-height:1.75}.public-page article>h1{margin:0;font-family:SF Pro Display,-apple-system,ui-serif,Georgia,serif;font-size:clamp(36px,5vw,52px);font-weight:700;letter-spacing:-.035em}.public-meta{margin:12px 0 40px;color:var(--label-tertiary);font-size:12px}.public-page pre{padding:18px;border-radius:14px;background:#f5f5f7;overflow:auto;font-family:SF Mono,Menlo,monospace;font-size:13px}.public-page blockquote{margin-left:0;padding-left:16px;border-left:3px solid var(--accent);color:var(--label-secondary)}@media(max-width:1050px){.app-window{grid-template-columns:240px minmax(500px,1fr)}.inspector{display:none}}.section-label>span:first-child{display:inline-flex;align-items:center;gap:6px}.folder-add-btn{margin-left:auto;width:22px;height:22px;display:inline-grid;place-items:center;border:0;border-radius:6px;background:#7878801a;color:var(--label-secondary);transition:background .15s ease,color .15s ease}.folder-add-btn:hover{background:var(--accent-soft);color:var(--accent)}.folder-list{display:flex;flex-direction:column;gap:2px;padding:0 2px;max-height:38vh;overflow-y:auto}.folder-group{display:flex;flex-direction:column}.folder-row{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 4px;border-radius:8px;color:var(--label-secondary);font-size:12.5px;font-weight:500;transition:background .15s ease,box-shadow .15s ease}.folder-row .folder-toggle{width:18px;height:18px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--label-tertiary);border-radius:4px}.folder-row .folder-toggle:hover{color:var(--label-primary);background:#7878801f}.folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--label-primary);-webkit-user-select:none;user-select:none}.folder-rename-input{flex:1;min-width:0;height:22px;padding:0 6px;border:.5px solid var(--accent-ring);border-radius:6px;background:#fff;color:var(--label-primary);font-size:12.5px;outline:none}[data-theme=dark] .folder-rename-input{background:#ffffff14}.folder-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity .15s ease}.folder-row:hover .folder-actions{opacity:1}.folder-actions button{width:22px;height:22px;display:inline-grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--label-tertiary)}.folder-actions button:hover{background:#78788024;color:var(--label-primary)}.folder-actions .folder-delete:hover{color:var(--danger)}.folder-row.folder-drag-over,.note-list.folder-drag-over{background:linear-gradient(180deg,#007aff1a,#007aff0a);box-shadow:0 0 0 .5px #007aff59,0 4px 14px #007aff24;border-radius:9px}[data-theme=dark] .folder-row.folder-drag-over,[data-theme=dark] .note-list.folder-drag-over{background:linear-gradient(180deg,#0a84ff2e,#0a84ff0d);box-shadow:0 0 0 .5px #0a84ff73,0 4px 14px #0a84ff38}.folder-children{display:flex;flex-direction:column;gap:2px;padding-left:18px;margin-left:8px;border-left:1px dashed var(--separator)}.folder-empty{padding:6px 8px;color:var(--label-tertiary);font-size:11.5px;font-style:italic}.block-image .image-block-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.block-image img{max-width:100%;max-height:460px;object-fit:contain;border-radius:12px;background:#7878800f;box-shadow:0 0 0 .5px #0000000d,0 6px 20px #14285014}.image-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;height:140px;border:1px dashed var(--separator-strong);border-radius:12px;color:var(--label-tertiary);font-size:13px}.image-alt-input{height:30px;padding:0 10px;border:.5px solid var(--separator-strong);border-radius:8px;background:#ffffffb3;font-size:12px;color:var(--label-secondary)}[data-theme=dark] .image-alt-input{background:#ffffff14}.image-alt-display{color:var(--label-tertiary);font-size:12px;font-style:italic}.block-attachment .attachment-card{display:inline-flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--label-primary);background:linear-gradient(180deg,#ffffffd9,#fff9);border:.5px solid var(--glass-border);box-shadow:0 1px #ffffffe6 inset,0 0 0 .5px #007aff14,0 4px 14px #14285014;transition:transform .12s ease,box-shadow .15s ease;max-width:100%}[data-theme=dark] .block-attachment .attachment-card{background:linear-gradient(180deg,#3c3c44d9,#303038b3);color:var(--label-primary)}.block-attachment .attachment-card:hover{transform:translateY(-1px);box-shadow:0 1px #fffffff2 inset,0 0 0 .5px #007aff40,0 8px 22px #007aff2e}.attachment-meta{display:grid;gap:2px;min-width:0}.attachment-meta strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta small{color:var(--label-tertiary);font-size:11.5px}.block-table .table-block-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;overflow-x:auto}.block-table table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 .5px var(--separator-strong)}.block-table th,.block-table td{position:relative;padding:0;border-right:.5px solid var(--separator);border-bottom:.5px solid var(--separator);background:#fff9}[data-theme=dark] .block-table td{background:#ffffff0a}.block-table tr:last-child td{border-bottom:0}.block-table td:last-child,.block-table th:last-child{border-right:0}.block-table td input{width:100%;padding:8px 10px;border:0;background:transparent;color:var(--label-primary);font:inherit;outline:none}.block-table td input:focus{background:#007aff0f}.block-table .table-header-row td{background:linear-gradient(180deg,#007aff14,#007aff05);font-weight:600}[data-theme=dark] .block-table .table-header-row td{background:linear-gradient(180deg,#0a84ff2e,#0a84ff0f)}.block-table .table-col-remove,.block-table .table-row-actions button{position:absolute;top:2px;right:2px;width:18px;height:18px;display:grid;place-items:center;border:0;border-radius:5px;background:#78788024;color:var(--label-secondary);font-size:13px;line-height:1;opacity:0;transition:opacity .15s ease,background .15s ease}.block-table td:hover .table-col-remove,.block-table tr:hover .table-row-actions button{opacity:1}.block-table .table-col-remove:hover,.block-table .table-row-actions button:hover{background:#ff3b302e;color:var(--danger)}.block-table .table-row-actions{width:24px;background:transparent!important;border-right:0}.block-table .table-row-actions button{position:relative;top:0;right:0;margin:6px}.table-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--label-secondary);font-size:12px}.table-toolbar .button{padding:4px 10px}.table-header-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--label-tertiary);font-size:12px}.outline-paragraph{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--label-tertiary)!important;font-size:12px;padding-left:14px}@media(max-width:760px){body{overflow:auto}.app-bg{padding:0}.app-window{height:100vh;grid-template-columns:64px 1fr;border:0;border-radius:0}.sidebar{padding:16px 8px}.brand strong,.new-note span,.search input,.section-label,.note-row span,.row-delete,.sidebar-footer .user-meta{display:none}.brand{padding:0 8px 18px;justify-content:center}.new-note{width:40px;padding:0;justify-content:center}.search{width:40px;margin:12px auto;justify-content:center;padding:0}.note-row{justify-content:center;padding:9px}.document{padding:80px 24px}.topbar{padding:0 12px}.toolbar{max-width:calc(100% - 24px);overflow-x:auto}.mode-switch{display:none}.title-input{font-size:30px}.block-controls{display:none}.version-panel{width:calc(100% - 24px);top:64px;right:12px;bottom:12px}.topbar-actions .button{min-width:32px;padding:0;font-size:0}}.sidebar-actions{display:flex;gap:6px;align-items:stretch}.new-folder{width:40px;padding:0;justify-content:center;background:#ffffff8c;border:1px solid rgba(60,60,67,.1);border-radius:10px;color:var(--text-secondary, #424245);box-shadow:inset 0 1px #fffffff2}.new-folder:hover{background:#0a84ff1a;color:var(--accent, #0A84FF)}.folder-group{margin:2px 0;border-radius:12px;transition:background .18s ease,box-shadow .18s ease}.folder-group.drop-target{background:linear-gradient(145deg,#0a84ff1a,#0a84ff0d);box-shadow:0 0 0 1px #0a84ff4d,inset 0 0 0 1px #ffffff80}.folder-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:12.5px;color:var(--text-secondary, #424245);font-weight:500}.folder-row:hover{background:#ffffff73}.folder-toggle{width:18px;height:18px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted, #86868b);border-radius:5px}.folder-toggle:hover{background:#3c3c4314}.folder-icon{color:var(--accent, #0A84FF);display:grid;place-items:center}.folder-name{flex:1;min-width:0;border:0;background:transparent;text-align:left;color:inherit;font:inherit;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-input{flex:1;min-width:0;border:1px solid rgba(10,132,255,.3);border-radius:6px;background:#fff;font:inherit;color:inherit;padding:2px 6px;outline:none}.folder-input:focus{box-shadow:0 0 0 3px #0a84ff2e}.folder-count{min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;font-size:10px;font-weight:600;color:var(--muted, #86868b);background:#3c3c430f;border-radius:9px}.folder-action{width:22px;height:22px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted, #86868b);border-radius:6px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.folder-row:hover .folder-action{opacity:.75}.folder-action:hover{background:#3c3c4314;color:var(--text, #1d1d1f);opacity:1}.folder-action.danger:hover{background:#ff453a1f;color:#ff453a}.section-divider{display:flex;align-items:center;gap:8px;margin:12px 8px 6px;color:var(--muted-2, #a1a1a6);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#3c3c431a}.root-drop-zone{min-height:36px;padding:2px;border-radius:10px;transition:background .18s ease,box-shadow .18s ease}.root-drop-zone.drop-target{background:linear-gradient(145deg,#0a84ff14,#0a84ff08);box-shadow:inset 0 0 0 1px #0a84ff40}.drop-hint{display:block;padding:14px 10px;text-align:center;color:var(--muted-2, #a1a1a6);font-size:11px;border:1px dashed rgba(60,60,67,.16);border-radius:10px;margin:4px 0}.note-row.dragging{opacity:.55}.list-marker{width:18px;flex:0 0 18px;margin-top:8px;color:var(--accent, #0A84FF);font-weight:600;font-size:14px;text-align:center}.list-marker.ordered{font-size:13px}.block-image{align-items:flex-start}.image-card{flex:1;min-width:0;display:grid;gap:8px;padding:6px;border-radius:14px;background:linear-gradient(145deg,#ffffffc7,#f8faff9e);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #fff,0 4px 16px #1c325a0f}.image-card img{width:100%;max-height:480px;object-fit:contain;border-radius:10px;background:#f5f5f7;display:block}.image-placeholder{width:100%;display:grid;place-items:center;gap:6px;padding:38px 18px;border:1px dashed rgba(60,60,67,.2);border-radius:12px;background:#ffffff73;color:var(--text-secondary, #424245);cursor:pointer}.image-placeholder small{color:var(--muted, #86868b);font-size:11px}.image-caption{width:100%;padding:6px 10px;border:0;outline:none;background:transparent;color:var(--muted, #86868b);font-size:12.5px;font-style:italic;text-align:center}.block-attachment{align-items:stretch}.attachment-card{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.85);border-radius:12px;background:linear-gradient(145deg,#ffffffc7,#f8faff9e);box-shadow:inset 0 1px #fff,0 4px 14px #1c325a0f;color:var(--text, #1d1d1f);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.attachment-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1c325a1a,inset 0 1px #fff}.attachment-card.empty{cursor:pointer}.attachment-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#4da2ff,#0a84ff);box-shadow:0 4px 12px #0a84ff47,inset 0 1px #ffffff4d;flex:0 0 40px}.attachment-meta{display:grid;gap:3px;min-width:0}.attachment-meta strong{font-size:13px;font-weight:600}.attachment-meta small{color:var(--muted, #86868b);font-size:11px}.block-table{align-items:stretch}.table-card{flex:1;min-width:0;padding:8px;border-radius:14px;background:linear-gradient(145deg,#ffffffc7,#f8faff9e);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #fff,0 4px 16px #1c325a0f}.table-scroll{overflow-x:auto;border-radius:10px}.table-card table{width:100%;border-collapse:separate;border-spacing:0}.table-card td{position:relative;padding:0;border-bottom:1px solid rgba(60,60,67,.08);border-right:1px solid rgba(60,60,67,.06);background:#fff6}.table-card td.th{background:#0a84ff0f;font-weight:600}.table-card td.row-action{width:28px;text-align:center;padding:0;background:transparent;border:0}.table-card td.row-action button,.table-axis-action{width:22px;height:22px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--muted-2, #a1a1a6);border-radius:6px;font-size:13px;cursor:pointer}.table-card td.row-action button:hover,.table-axis-action:hover{background:#ff453a1f;color:#ff453a}.table-axis-action{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .15s ease}.table-card td.th:hover .table-axis-action{opacity:1}.table-card input{width:100%;height:100%;min-height:34px;padding:6px 10px;border:0;outline:none;background:transparent;font:inherit;color:inherit}.table-card input:focus{background:#0a84ff0f}.table-actions{display:flex;gap:8px;padding:8px 4px 2px}.table-actions button{flex:0 0 auto;padding:4px 10px;border:1px solid rgba(60,60,67,.12);background:#fff9;border-radius:8px;font-size:11.5px;color:var(--text-secondary, #424245);cursor:pointer;transition:background .15s ease}.table-actions button:hover{background:#0a84ff14;color:var(--accent, #0A84FF)}.outline-link{display:block;width:100%;padding:6px 10px;margin:1px 0;border:0;background:transparent;color:var(--text-secondary, #424245);font-size:12px;text-align:left;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-link:hover{background:#0a84ff14;color:var(--accent, #0A84FF)}.outline-link.main{font-weight:600;color:var(--text, #1d1d1f)}.outline-link.sub{padding-left:18px}.outline-link.sub.level-1{padding-left:14px;font-weight:600;color:var(--text, #1d1d1f)}.outline-link.sub.level-3{padding-left:28px;color:var(--muted, #86868b)}.outline-link.active{background:#0a84ff1a;color:var(--accent, #0A84FF);font-weight:600}.outline-empty{display:block;padding:8px 10px;color:var(--muted-2, #a1a1a6);font-size:11px;font-style:italic}.outline-export{margin-top:10px;width:100%;padding:8px 10px;border:1px solid rgba(60,60,67,.12);background:#ffffff8c;border-radius:9px;color:var(--text-secondary, #424245);font-size:11.5px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.outline-export:hover{background:#0a84ff14;border-color:#0a84ff4d;color:var(--accent, #0A84FF)}[data-theme=dark] .new-folder{background:#3c3e488c;border-color:#ffffff1a}[data-theme=dark] .folder-row:hover{background:#ffffff0a}[data-theme=dark] .folder-group.drop-target{background:#0a84ff2e}[data-theme=dark] .root-drop-zone.drop-target{background:#0a84ff24}[data-theme=dark] .drop-hint{border-color:#ffffff1a;color:var(--muted-2)}[data-theme=dark] .image-card,[data-theme=dark] .attachment-card,[data-theme=dark] .table-card{background:linear-gradient(145deg,#3c3f49c7,#32353f9e);border-color:#ffffff1a;box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff14}[data-theme=dark] .image-card img{background:#2c2c2e}[data-theme=dark] .image-placeholder{background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .table-card td{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .table-card td.th{background:#0a84ff2e}[data-theme=dark] .outline-export{background:#3c3f498c;border-color:#ffffff1a}.sidebar-actions{display:flex;gap:6px;margin-bottom:12px}.sidebar-actions .new-note{flex:1}.new-folder{width:34px;height:34px;padding:0;display:grid;place-items:center;border:.5px solid var(--separator-strong);border-radius:9px;background:var(--glass-bg-strong);color:var(--label-secondary);box-shadow:0 1px #ffffffb3 inset}.new-folder:hover{background:#fffffff2;color:var(--accent)}[data-theme=dark] .new-folder{background:#ffffff14}[data-theme=dark] .new-folder:hover{background:#ffffff24}.section-divider{height:1px;margin:14px 4px 8px;background:var(--separator)}.folder-group{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.folder-row{min-height:34px;position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:9px;color:var(--label-primary);font-size:12.5px;font-weight:500;transition:background .15s ease,box-shadow .15s ease}.folder-row:hover{background:#78788014}[data-theme=dark] .folder-row:hover{background:#ffffff0f}.folder-toggle{width:18px;height:18px;display:grid;place-items:center;border:0;background:transparent;color:var(--label-tertiary);border-radius:4px;transition:transform .15s ease,color .15s ease}.folder-toggle:hover{color:var(--label-primary);background:#7878801f}.folder-icon{color:var(--accent);display:flex;align-items:center}.folder-name{flex:1;min-width:0;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-input{flex:1;min-width:0;border:.5px solid var(--accent);border-radius:6px;background:#fffffff2;padding:2px 6px;font:inherit;color:var(--label-primary);outline:0;box-shadow:0 0 0 3px var(--accent-ring)}[data-theme=dark] .folder-input{background:#28282ef2}.folder-count{color:var(--label-tertiary);font-size:11px;font-weight:500}.folder-action{width:22px;height:22px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--label-tertiary);border-radius:5px;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.folder-row:hover .folder-action{opacity:.8}.folder-action:hover{color:var(--label-primary);background:#78788024;opacity:1}.folder-action.danger:hover{color:var(--danger);background:#ff3b301a}.folder-row.drop-target,.root-drop-zone.drop-target{background:linear-gradient(180deg,#007aff1f,#007aff0f);box-shadow:0 0 0 1.5px var(--accent),0 4px 12px #007aff2e}[data-theme=dark] .folder-row.drop-target,[data-theme=dark] .root-drop-zone.drop-target{background:linear-gradient(180deg,#0a84ff38,#0a84ff1a)}.folder-children{padding-left:18px;display:flex;flex-direction:column;gap:2px;border-left:1px dashed var(--separator);margin:2px 0 4px 14px}.folder-children.empty{padding:6px 0 6px 6px}.drop-hint{padding:6px 8px;color:var(--label-tertiary);font-size:11px;font-style:italic}.root-drop-zone{min-height:24px;border-radius:8px;transition:background .15s,box-shadow .15s}.block-row.block-image,.block-row.block-attachment,.block-row.block-table{display:block;padding:8px 12px}.image-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#fff9;border:.5px solid var(--separator);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}[data-theme=dark] .image-card{background:#ffffff0a}.image-card img{max-width:100%;max-height:480px;border-radius:10px;object-fit:contain;display:block}.image-placeholder{height:180px;display:grid;place-items:center;gap:8px;border:1px dashed var(--separator-strong);border-radius:10px;color:var(--label-tertiary);cursor:pointer}.image-placeholder:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.image-caption{border:0;outline:0;background:transparent;width:100%;text-align:center;color:var(--label-secondary);font-size:12.5px;font-style:italic}.attachment-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff9;border:.5px solid var(--separator);text-decoration:none;color:var(--label-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .15s,background .15s,transform .1s}.attachment-card:hover{border-color:var(--accent);background:#ffffffd9}.attachment-card:active{transform:scale(.99)}[data-theme=dark] .attachment-card{background:#ffffff0d}[data-theme=dark] .attachment-card:hover{background:#ffffff1a}.attachment-card.empty{color:var(--label-tertiary);cursor:pointer;justify-content:center;border-style:dashed}.attachment-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#5ac8fa,#007aff);color:#fff;box-shadow:0 3px 8px #007aff4d}.attachment-meta{display:grid;gap:2px;min-width:0;flex:1}.attachment-meta strong{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta small{color:var(--label-tertiary);font-size:11px}.table-card{border-radius:12px;background:#fff9;border:.5px solid var(--separator);padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .table-card{background:#ffffff0a}.table-scroll{overflow-x:auto}.table-card table{border-collapse:separate;border-spacing:0;width:100%;min-width:320px}.table-card th,.table-card td{border:.5px solid var(--separator);padding:0;min-width:80px;vertical-align:top}.table-card th{background:#7878800f;font-weight:600}.table-card input{width:100%;height:32px;padding:4px 8px;border:0;outline:0;background:transparent;color:inherit;font:inherit}.table-card input:focus{background:var(--accent-soft)}.table-actions{display:flex;gap:6px;padding:8px 4px 2px}.table-axis-action,.row-action{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:.5px solid var(--separator-strong);border-radius:7px;background:#ffffffb3;color:var(--label-secondary);font-size:11.5px;font-weight:500}.table-axis-action:hover,.row-action:hover{background:#fff;color:var(--accent);border-color:var(--accent-ring)}[data-theme=dark] .table-axis-action,[data-theme=dark] .row-action{background:#ffffff14}.list-marker{flex:0 0 16px;margin-top:10px;color:var(--accent);font-size:12px;display:inline-flex;align-items:center;justify-content:center}.list-marker.ordered{color:var(--label-secondary);font-weight:500}.outline-link{display:block;margin:6px 0;padding:6px 10px;border-radius:7px;color:var(--label-secondary);font-size:12px;text-decoration:none;line-height:1.4;border:0;background:transparent;text-align:left;width:100%;cursor:pointer;transition:background .15s,color .15s}.outline-link:hover{background:var(--accent-soft);color:var(--accent)}.outline-link.main{color:var(--label-primary);font-weight:500}.outline-link.sub{padding-left:22px;color:var(--label-tertiary);border-left:2px solid transparent;margin-left:4px}.outline-link.sub:hover{border-left-color:var(--accent)}.outline-empty{color:var(--label-tertiary);font-size:11.5px;padding:6px 0;line-height:1.5}.outline-export{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;height:32px;border:.5px solid var(--separator-strong);border-radius:8px;background:var(--glass-bg-strong);color:var(--label-primary);font-size:12px;font-weight:500}.outline-export:hover{color:var(--accent);border-color:var(--accent-ring)}.note-tile{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:600;color:var(--accent, #0A84FF);background:linear-gradient(145deg,#ffffffeb,#eef5ff9e);border:1px solid rgba(10,132,255,.18);box-shadow:inset 0 1px #fff,0 1px 2px #1c325a0f;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.note-row:hover .note-tile{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 4px 10px #1c325a14}.note-row.active .note-tile{color:#fff;background:linear-gradient(145deg,#4da2ff,#0a84ff);border-color:#ffffff59;box-shadow:inset 0 1px #ffffff59,0 4px 12px #0a84ff4d}.note-meta{min-width:0;display:grid;gap:2px;flex:1}.note-meta strong{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text, #1d1d1f)}.note-meta small{color:var(--muted, #86868b);font-size:11px}.note-row.active .note-meta strong{font-weight:600}[data-theme=dark]{color-scheme:dark;--accent: #0A84FF;--accent-hover: #409CFF;--accent-soft: rgba(10, 132, 255, .14);--accent-ring: rgba(10, 132, 255, .35);--text: #f5f5f7;--text-secondary: #ebebf0;--muted: #98989d;--muted-2: #636366;--line: rgba(84, 84, 88, .35);--line-strong: rgba(84, 84, 88, .65);--glass-bg: rgba(28, 28, 30, .68);--glass-bg-strong: rgba(44, 44, 46, .85);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .06)}[data-theme=dark] .app-bg{background:radial-gradient(ellipse 55% 45% at 18% 14%,rgba(40,90,170,.28),transparent 55%),radial-gradient(ellipse 50% 40% at 86% 88%,rgba(50,60,120,.22),transparent 55%),linear-gradient(160deg,#1c1c1e 0% 50%,#1c1c1e)}[data-theme=dark] .aurora-one{background:radial-gradient(circle,rgba(60,130,230,.22),transparent 65%);opacity:.55}[data-theme=dark] .aurora-two{background:radial-gradient(circle,rgba(80,100,200,.18),transparent 65%);opacity:.55}[data-theme=dark] .app-window{background:#1c1c1ea6;border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 80px #00000080,0 3px 18px #00000059,inset 0 1px #ffffff14,inset 0 -1px #ffffff05}[data-theme=dark] .sidebar,[data-theme=dark] .inspector{background:linear-gradient(180deg,#242426a6,#1c1c1e8c);border-color:#54545840;box-shadow:inset -1px 0 #ffffff0a}[data-theme=dark] .inspector{box-shadow:inset 1px 0 #ffffff0a}[data-theme=dark] .editor-shell{background:#1c1c1ed9;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .topbar{background:#1c1c1e8c;border-bottom:1px solid rgba(84,84,88,.25)}[data-theme=dark] .brand-mark{background:linear-gradient(145deg,#409cff,#0a84ff);box-shadow:0 4px 12px #0a84ff66,inset 0 1px #fff3}[data-theme=dark] .button{background:#3a3a3ccc;border-color:#ffffff12;color:var(--text);box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000059}[data-theme=dark] .button:hover{background:#48484ae6;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #0006}[data-theme=dark] .button:active{background:#525254f2}[data-theme=dark] .button.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 4px 14px #0a84ff6b,inset 0 1px #fff3}[data-theme=dark] .button.primary:hover{background:var(--accent-hover)}[data-theme=dark] .new-note{background:var(--accent);color:#fff;box-shadow:0 6px 16px #0a84ff5c,inset 0 1px #ffffff38}[data-theme=dark] .new-folder{background:#3a3a3ccc;border-color:#ffffff12;color:var(--text-secondary)}[data-theme=dark] .new-folder:hover{background:#0a84ff2e;color:var(--accent);border-color:#0a84ff4d}[data-theme=dark] .search,[data-theme=dark] .auth-field{background:#2c2c2eb3;border:1px solid rgba(84,84,88,.35);color:var(--text);box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .search .input,[data-theme=dark] .auth-field input{color:var(--text)}[data-theme=dark] .auth-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring),inset 0 1px #ffffff0a}[data-theme=dark] .section-label,[data-theme=dark] .section-divider{color:var(--muted-2, #636366)}[data-theme=dark] .section-divider:before,[data-theme=dark] .section-divider:after{background:#54545859}[data-theme=dark] .note-row{color:var(--text)}[data-theme=dark] .note-row:hover{background:#3a3a3c8c;border-color:#ffffff0d}[data-theme=dark] .note-row.active{background:linear-gradient(145deg,#48484aeb,#38383ad1);border-color:#ffffff24;box-shadow:0 8px 24px #0006,0 2px 6px #00000040,inset 0 1px #ffffff1a}[data-theme=dark] .note-meta strong{color:var(--text)}[data-theme=dark] .note-meta small{color:var(--muted)}[data-theme=dark] .note-tile{color:#4da2ff;background:linear-gradient(145deg,#48484aeb,#38383ad1);border-color:#0a84ff59;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000059}[data-theme=dark] .note-row.active .note-tile{background:linear-gradient(145deg,#409cff,#0a84ff);color:#fff;border-color:#ffffff2e;box-shadow:inset 0 1px #fff3,0 4px 12px #0a84ff73}[data-theme=dark] .folder-row{color:var(--text-secondary)}[data-theme=dark] .folder-row:hover{background:#3a3a3c80}[data-theme=dark] .folder-toggle:hover{background:#ffffff0f}[data-theme=dark] .folder-icon{color:#4da2ff}[data-theme=dark] .folder-count{background:#54545866;color:var(--muted)}[data-theme=dark] .folder-action{color:var(--muted-2, #636366)}[data-theme=dark] .folder-action:hover{background:#ffffff14;color:var(--text)}[data-theme=dark] .folder-action.danger:hover{background:#ff453a38;color:#ff6961}[data-theme=dark] .folder-group.drop-target{background:#0a84ff24;box-shadow:0 0 0 1px #0a84ff6b,inset 0 0 0 1px #ffffff0f}[data-theme=dark] .root-drop-zone.drop-target{background:#0a84ff1a}[data-theme=dark] .drop-hint{border-color:#54545866;color:var(--muted-2)}[data-theme=dark] .folder-input{background:#2c2c2ed9;color:var(--text);border-color:#0a84ff73}[data-theme=dark] .folder-input:focus{box-shadow:0 0 0 3px #0a84ff47}[data-theme=dark] .sidebar-footer{border-top:1px solid rgba(84,84,88,.25);color:var(--text-secondary)}[data-theme=dark] .sidebar-footer .avatar{background:linear-gradient(145deg,#409cff,#0a84ff);color:#fff;box-shadow:0 4px 12px #0a84ff6b,inset 0 1px #fff3}[data-theme=dark] .sidebar-footer>button{color:var(--muted-2)}[data-theme=dark] .sidebar-footer>button:hover{color:var(--accent)}[data-theme=dark] .mode-switch button{color:var(--muted)}[data-theme=dark] .mode-switch button.active{background:#636366f2;color:var(--text);box-shadow:0 1px 3px #0006,0 1px 1px #0003}[data-theme=dark] .save-status{color:#30d158}[data-theme=dark] .save-status.saving{color:var(--muted)}[data-theme=dark] .save-status.failed{color:#ff453a}[data-theme=dark] .toolbar{background:#2c2c2ecc;border:1px solid rgba(84,84,88,.35);box-shadow:0 10px 30px #00000080,0 2px 8px #00000059,inset 0 1px #ffffff14}[data-theme=dark] .toolbar .button{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-secondary)}[data-theme=dark] .toolbar .button:hover{background:#0a84ff2e;color:#4da2ff}[data-theme=dark] .toolbar-separator{background:#54545880}[data-theme=dark] .title-input{color:var(--text)}[data-theme=dark] .document-meta{color:var(--muted)}[data-theme=dark] .block-row:hover{background:#3a3a3c6b;border-color:#ffffff0f}[data-theme=dark] .block-row.selected{background:linear-gradient(145deg,#48484ad9,#38383ab8);border-color:#ffffff1f;box-shadow:0 6px 20px #00000059,0 1px 4px #00000040,inset 0 1px #ffffff14}[data-theme=dark] .block-row .textarea{color:var(--text)}[data-theme=dark] .block-row .textarea::placeholder{color:var(--muted-2)}[data-theme=dark] .block-heading .textarea{color:var(--text)}[data-theme=dark] .block-code{background:#000;border-color:#ffffff0f}[data-theme=dark] .block-code .textarea{color:#f5f5f7}[data-theme=dark] .checkbox{background:#3a3a3cd9;border-color:#545458a6}[data-theme=dark] .checkbox.checked{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .list-marker{color:#4da2ff}[data-theme=dark] .quote-line{background:var(--accent)}[data-theme=dark] .image-card,[data-theme=dark] .attachment-card,[data-theme=dark] .table-card{background:linear-gradient(145deg,#3a3a3cd9,#2c2c2ebf);border-color:#54545873;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0f}[data-theme=dark] .image-card img{background:#000}[data-theme=dark] .image-placeholder{background:#00000040;border-color:#54545873;color:var(--text-secondary)}[data-theme=dark] .image-placeholder small,[data-theme=dark] .image-caption{color:var(--muted)}[data-theme=dark] .attachment-icon{background:linear-gradient(145deg,#409cff,#0a84ff);box-shadow:0 4px 12px #0a84ff6b,inset 0 1px #ffffff2e}[data-theme=dark] .attachment-meta strong{color:var(--text)}[data-theme=dark] .attachment-meta small{color:var(--muted)}[data-theme=dark] .table-card td{background:#1c1c1e80;border-bottom-color:#54545859;border-right-color:#54545840;color:var(--text)}[data-theme=dark] .table-card td.th{background:#0a84ff2e;color:var(--text)}[data-theme=dark] .table-card input{color:var(--text)}[data-theme=dark] .table-card input:focus{background:#0a84ff24}[data-theme=dark] .table-actions button{background:#3a3a3cd9;border-color:#54545859;color:var(--text-secondary)}[data-theme=dark] .table-actions button:hover{background:#0a84ff38;color:#4da2ff}[data-theme=dark] .outline-title{color:var(--muted-2)}[data-theme=dark] .outline-link{color:var(--text-secondary)}[data-theme=dark] .outline-link:hover{background:#0a84ff24;color:#4da2ff}[data-theme=dark] .outline-link.main,[data-theme=dark] .outline-link.sub.level-1{color:var(--text)}[data-theme=dark] .outline-link.sub.level-3{color:var(--muted)}[data-theme=dark] .outline-link.active{background:#0a84ff38;color:#4da2ff}[data-theme=dark] .outline-empty{color:var(--muted-2)}[data-theme=dark] .inspector-stats{border-top:1px solid rgba(84,84,88,.25)}[data-theme=dark] .inspector-stats span{color:var(--muted)}[data-theme=dark] .inspector-stats strong{color:var(--text-secondary)}[data-theme=dark] .slash-menu{background:#2c2c2eeb;border-color:#54545873;box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff0f}[data-theme=dark] .slash-menu>small{color:var(--muted-2)}[data-theme=dark] .slash-menu button:hover{background:#0a84ff2e}[data-theme=dark] .slash-menu button>span{background:#3a3a3cd9;border-color:#54545873}[data-theme=dark] .modal-backdrop{background:#0000008c}[data-theme=dark] .modal,[data-theme=dark] .glass-card{background:linear-gradient(145deg,#3a3a3cf0,#2c2c2ee0);border:1px solid rgba(84,84,88,.45);box-shadow:0 20px 60px #0009,0 4px 18px #0006,inset 0 1px #ffffff14}[data-theme=dark] .modal-copy{color:var(--muted)}[data-theme=dark] .export-options button{background:#48484aa6;border-color:#54545859;color:var(--text)}[data-theme=dark] .export-options button:hover{background:#0a84ff2e;border-color:#0a84ff66}[data-theme=dark] .export-options small{color:var(--muted)}[data-theme=dark] .export-options button:disabled{opacity:.35}[data-theme=dark] .empty-editor{background:#0003;border-color:#54545873;color:var(--text-secondary)}[data-theme=dark] .empty-editor small{color:var(--muted)}[data-theme=dark] .markdown-preview{color:var(--text)}[data-theme=dark] .markdown-preview pre{background:#000;color:#f5f5f7}[data-theme=dark] .markdown-preview blockquote{color:var(--muted);border-left-color:var(--accent)}[data-theme=dark] .auth-screen{background:radial-gradient(ellipse 55% 45% at 18% 14%,rgba(40,90,170,.28),transparent 55%),radial-gradient(ellipse 50% 40% at 86% 88%,rgba(50,60,120,.22),transparent 55%),linear-gradient(160deg,#1c1c1e 0% 50%,#1c1c1e)}[data-theme=dark] .auth-card{background:#2c2c2ed9;border-color:#54545866}[data-theme=dark] .auth-card h1{color:var(--text)}[data-theme=dark] .auth-card>p,[data-theme=dark] .auth-card label>span{color:var(--muted)}[data-theme=dark] .auth-switch{color:#4da2ff}[data-theme=dark] .form-error{color:#ff453a}[data-theme=dark] .version-panel{background:#2c2c2eeb;border-color:#54545873}[data-theme=dark] .version-panel>p{color:var(--muted)}[data-theme=dark] .version-list button:hover{background:#0a84ff24}[data-theme=dark] .version-list small{color:var(--muted)}[data-theme=dark] .empty-versions{color:var(--muted-2)}[data-theme=dark] .share-section{border-bottom-color:#54545859}[data-theme=dark] .share-heading small{color:var(--muted)}[data-theme=dark] .share-row select,[data-theme=dark] .share-row .input,[data-theme=dark] .public-link .input{background:#48484acc;border-color:#54545873;color:var(--text)}[data-theme=dark] .publish-button{color:#4da2ff}[data-theme=dark] .success-message{color:#30d158}@media print{body{background:#fff!important;overflow:visible!important}.app-bg{padding:0!important;background:#fff!important}.aurora,.sidebar,.inspector,.topbar,.toolbar,.block-controls,.modal-backdrop,.row-delete,.folder-action{display:none!important}.app-window{display:block!important;height:auto!important;width:100%!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.editor-shell{background:#fff!important;overflow:visible!important;box-shadow:none!important}.document{height:auto!important;overflow:visible!important;padding:40px 60px!important}.title-input{color:#000!important}.block-row{break-inside:avoid;border:0!important;box-shadow:none!important}.block-row .textarea{color:#000!important}.image-card,.attachment-card,.table-card{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid}.block-code{background:#f5f5f7!important;border:1px solid #e0e0e0!important}.block-code .textarea{color:#1d1d1f!important}}.note-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#ffffffd9,#f4f7fca6);border:.5px solid rgba(60,60,67,.08);box-shadow:inset 0 1px #fffffff2,0 1px 2px #1c325a0a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.note-row:hover .note-icon{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 4px 10px #1c325a14}.note-row.active .note-icon{background:#ffffff40;border-color:#ffffff4d;box-shadow:inset 0 1px #fff6,0 2px 6px #0000002e}[data-theme=dark]{--label-primary: rgba(255, 255, 255, .92);--label-secondary: rgba(235, 235, 245, .68);--label-tertiary: rgba(235, 235, 245, .42);--label-quaternary: rgba(235, 235, 245, .24);--separator: rgba(84, 84, 88, .5);--separator-strong: rgba(84, 84, 88, .85)}[data-theme=dark] body{background:#000}[data-theme=dark] .app-bg{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(50,50,55,.35),transparent 70%),linear-gradient(180deg,#1c1c1e,#161618 60%,#131315)!important}[data-theme=dark] .aurora-one,[data-theme=dark] .aurora-two{display:none!important}[data-theme=dark] .app-window{background:#1c1c1ed9;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0a,0 0 0 .5px #0009,0 30px 90px #0009}[data-theme=dark] .sidebar,[data-theme=dark] .inspector{background:#1e1e20f2!important;border-color:#ffffff0f;box-shadow:none}[data-theme=dark] .sidebar{border-right:.5px solid rgba(255,255,255,.06)}[data-theme=dark] .inspector{border-left:.5px solid rgba(255,255,255,.06)}[data-theme=dark] .editor-shell{background:#1c1c1efa!important}[data-theme=dark] .topbar{background:#1c1c1ed9!important;border-bottom-color:#ffffff0f}[data-theme=dark] .note-row:hover{background:#ffffff0a}[data-theme=dark] .note-row.active{background:#0a84ff!important;border:0!important;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #0a84ff6b!important;color:#fff!important}[data-theme=dark] .note-row.active strong{color:#fff}[data-theme=dark] .note-row.active small{color:#ffffffc7}[data-theme=dark] .note-row.active .row-delete{color:#ffffffb8}[data-theme=dark] .note-row.active .row-delete:hover{color:#fff}[data-theme=dark] .note-icon{background:#3a3a3cb8;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .note-row.active .note-icon{background:#ffffff2e;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff4d}[data-theme=dark] .folder-row{color:var(--label-primary)}[data-theme=dark] .folder-icon{color:#5ac8fa}[data-theme=dark] .folder-count{background:#7676803d;color:var(--label-secondary)}[data-theme=dark] .brand strong{color:var(--label-primary)}[data-theme=dark] .button{background:#7676803d;border-color:#ffffff0f;color:var(--label-primary);box-shadow:none}[data-theme=dark] .button:hover{background:#7676805c;border-color:#ffffff1a}[data-theme=dark] .mode-switch{background:#7676803d}[data-theme=dark] .mode-switch button.active{background:#636366f2;color:var(--label-primary);box-shadow:0 1px 3px #0006}[data-theme=dark] .search{background:#7676803d;border-color:#ffffff0f}[data-theme=dark] .search .input{color:var(--label-primary)}[data-theme=dark] .search .input::placeholder{color:var(--label-tertiary)}[data-theme=dark] .toolbar{background:#2c2c2eeb!important;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #0000008c}[data-theme=dark] .block-row:hover{background:#ffffff08}[data-theme=dark] .block-row.selected{background:#3a3a3c8c;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #00000059}[data-theme=dark] .outline-title{color:var(--label-tertiary)}[data-theme=dark] .outline-link{color:var(--label-secondary)}[data-theme=dark] .outline-link:hover{background:#0a84ff24;color:#5ac8fa}[data-theme=dark] .outline-link.main{color:var(--label-primary)}[data-theme=dark] .outline-link.active{background:#0a84ff38;color:#5ac8fa}[data-theme=dark] .inspector-stats span{color:var(--label-tertiary)}[data-theme=dark] .inspector-stats strong{color:var(--label-primary)}[data-theme=dark] .modal-backdrop{background:#0009}[data-theme=dark] .modal,[data-theme=dark] .glass-card{background:#2c2c2ef5;border:.5px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,0 20px 60px #000000a6}.export-options{grid-template-columns:1fr 1fr;gap:12px}.export-options button{flex-direction:row;align-items:center;gap:14px;padding:16px;border-radius:14px;border:.5px solid var(--separator);background:var(--glass-bg-strong);transition:transform .12s ease,border-color .15s ease,background .15s ease}.export-options button:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft)}.export-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:11px;color:#fff;box-shadow:inset 0 1px #ffffff40,0 4px 12px #0000002e}.export-icon.md{background:linear-gradient(135deg,#34c759,#30b350)}.export-icon.pdf{background:linear-gradient(135deg,#ff3b30,#d70015)}.export-options strong{font-size:14px;font-weight:600;display:block;margin-bottom:2px}.export-options small{color:var(--label-tertiary);font-size:11.5px;line-height:1.4}[data-theme=dark] .export-options button{background:#48484a8c;border-color:#ffffff14}[data-theme=dark] .export-options button:hover{background:#0a84ff2e;border-color:#0a84ff73}[data-theme=dark] .auth-screen{background:radial-gradient(ellipse 60% 45% at 50% 20%,rgba(50,50,55,.35),transparent 60%),linear-gradient(180deg,#1c1c1e,#131315)!important}[data-theme=dark] .auth-card{background:#2c2c2ef5;border-color:#ffffff14}[data-theme=dark] .sidebar-footer{border-top-color:#ffffff0f}[data-theme=dark] .title-input{color:var(--label-primary)}[data-theme=dark] .document-meta{color:var(--label-tertiary)}.block-row{min-width:0}.block-row>*{min-width:0}.block-row .textarea,.textarea{width:100%;display:block;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden;resize:none}.block-row .textarea{max-width:100%;box-sizing:border-box}.block-heading .textarea{font-size:clamp(20px,3vw,26px);line-height:1.3;word-break:break-word;overflow-wrap:break-word}.block-heading .heading-1{font-size:clamp(24px,3.4vw,30px)}.block-heading .heading-2{font-size:clamp(20px,3vw,26px)}.block-heading .heading-3{font-size:clamp(17px,2.4vw,20px)}textarea.title-input{display:block;width:100%;max-width:100%;box-sizing:border-box;resize:none;border:0;outline:0;background:transparent;padding:0;margin-bottom:24px;color:var(--label-primary);font-family:SF Pro Display,-apple-system,PingFang SC,ui-serif,Georgia,serif;font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.15;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow:hidden;min-height:1.2em}textarea.title-input::placeholder{color:var(--label-tertiary)}.document{overflow-x:hidden;box-sizing:border-box}.blocks{max-width:100%;width:100%}.block-row .textarea{width:100%}.app-window{min-width:0}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.drawer-trigger{display:none}.btn-label{display:inline}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-close{width:28px;height:28px;display:none;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--label-secondary);font-size:20px;cursor:pointer}.drawer-backdrop{display:none;position:absolute;inset:0;background:#00000052;border:0;padding:0;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1279px){.app-window{grid-template-columns:240px minmax(0,1fr)}.inspector{position:absolute;top:0;right:0;bottom:0;width:min(320px,84vw);transform:translate(100%);transition:transform .25s cubic-bezier(.32,.72,0,1);z-index:30;border-left:.5px solid var(--separator);box-shadow:-20px 0 60px #0000002e}.app-bg.inspector-open .inspector{transform:translate(0)}.app-bg.inspector-open .drawer-backdrop{display:block}.drawer-trigger.inspector-trigger,.inspector-close{display:inline-flex}}@media(max-width:899px){body{overflow:auto}.app-bg{padding:0;min-height:100dvh}.app-window{grid-template-columns:1fr;height:100dvh;border-radius:0;border:0}.sidebar{position:absolute;top:0;left:0;bottom:0;width:min(300px,84vw);transform:translate(-100%);transition:transform .25s cubic-bezier(.32,.72,0,1);z-index:30;border-right:.5px solid var(--separator);box-shadow:20px 0 60px #0000002e}.app-bg.sidebar-open .sidebar{transform:translate(0)}.app-bg.sidebar-open .drawer-backdrop{display:block}.drawer-trigger.sidebar-trigger{display:inline-flex}.topbar{padding:0 10px;gap:6px}.topbar-actions{gap:4px}.topbar-secondary .btn-label,.save-status>span{display:none}.topbar-secondary{min-width:32px;padding:0 8px}.document{padding:28px 18px 80px}textarea.title-input{font-size:clamp(24px,7vw,32px);margin-bottom:18px}.block-row{margin:4px -4px;padding:6px}.block-row .textarea{font-size:15px;line-height:1.55}.block-controls{display:none}.toolbar{top:auto;bottom:16px;max-width:calc(100% - 24px);overflow-x:auto;flex-wrap:nowrap}.toolbar::-webkit-scrollbar{display:none}.mode-switch{display:flex}.image-card,.table-card{padding:8px}.block-table table{min-width:240px}.image-card img{max-height:320px}}@media(max-width:599px){.topbar{height:52px;padding:0 8px}.save-status{font-size:0}.save-status svg{font-size:14px}.mode-switch button{min-width:44px;padding:4px 8px;font-size:11.5px}.topbar-actions .button{min-width:34px;min-height:34px;padding:0 8px}.topbar-actions{gap:2px}textarea.title-input{font-size:26px}.document{padding:20px 14px 100px}.document-meta{font-size:10px}.sidebar,.inspector{width:min(280px,88vw)}.auth-card{padding:24px;border-radius:18px}.auth-card h1{font-size:22px}}@media(hover:none){.row-delete{opacity:.55}.folder-action{opacity:.6}.block-controls{display:none}}
