:root{--paper: #f4efe6;--paper-edge: #ebe4d6;--paper-deep: #e5ddcb;--paper-soft: #faf6ed;--ink: #1a1714;--ink-soft: #3b332b;--ink-mute: #6f6558;--ink-faint: #a29885;--rule: #d7ccb5;--rule-soft: #e3d9c3;--accent: #b23a2a;--accent-soft: color-mix(in oklab, var(--accent) 12%, var(--paper));--highlight: #f0e4b8;--serif-display: "Newsreader", "Source Serif 4", Georgia, serif;--serif-body: "Source Serif 4", "Newsreader", Georgia, serif;--sans: "Inter Tight", "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-paper: 0 1px 0 rgba(26,23,20,.04), 0 10px 30px -14px rgba(26,23,20,.18)}[data-theme=dark]{--paper: #1a1815;--paper-edge: #24211c;--paper-deep: #13110e;--paper-soft: #222019;--ink: #efe7d6;--ink-soft: #d4ccbb;--ink-mute: #9b9384;--ink-faint: #6a6456;--rule: #3a352d;--rule-soft: #2b2820;--accent: #e07a4e;--accent-soft: color-mix(in oklab, var(--accent) 18%, var(--paper));--highlight: #4a3f1c;--shadow-paper: 0 1px 0 rgba(0,0,0,.3), 0 20px 40px -18px rgba(0,0,0,.6)}[data-pairing=editorial]{--serif-display: "Newsreader", Georgia, serif;--serif-body: "Source Serif 4", Georgia, serif;--sans: "Inter Tight", system-ui, sans-serif}[data-pairing=modern]{--serif-display: "Fraunces", Georgia, serif;--serif-body: "Fraunces", Georgia, serif;--sans: "IBM Plex Sans", system-ui, sans-serif}[data-pairing=classic]{--serif-display: "Source Serif 4", Georgia, serif;--serif-body: "Source Serif 4", Georgia, serif;--sans: "IBM Plex Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper-deep);color:var(--ink)}body{font-family:var(--serif-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,color-mix(in oklab,var(--accent) 6%,transparent),transparent 60%),var(--paper-deep);padding:10px}@media (min-width: 1200px){.app-shell{padding:14px}}.frame{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);overflow:hidden;display:grid;grid-template-columns:var(--col-sidebar, 220px) var(--col-list, 280px) minmax(0,1fr);height:calc(100vh - 20px);min-height:560px}@media (min-width: 1200px){.frame{height:calc(100vh - 28px)}}.frame[data-sidebar=collapsed]{--col-sidebar: 16px}.frame[data-list=collapsed]{--col-list: 16px}.collapse-tab{position:absolute;top:14px;width:18px;height:28px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;display:grid;place-items:center;cursor:pointer;font-family:var(--mono);font-size:10px;color:var(--ink-mute);z-index:5}.collapse-tab:hover{color:var(--ink);border-color:var(--ink-mute)}.sidebar{background:var(--paper-edge);border-right:1px solid var(--rule);padding:14px 28px 10px 12px;overflow:hidden;font-family:var(--sans);font-size:13px;display:flex;flex-direction:column;position:relative}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;margin:0 -12px;padding:0 12px}.brand{padding:4px 4px 12px;border-bottom:1px solid var(--rule-soft);margin-bottom:10px}.brand .mark{font-family:var(--serif-display);font-weight:400;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--ink);display:flex;align-items:baseline;gap:8px}.brand .mark .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;transform:translateY(-3px);flex:0 0 6px}.brand .mark b{font-weight:600;font-style:italic;color:var(--accent)}.brand .date{margin-top:6px;font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);line-height:1.4}.brand .date .day{color:var(--ink-soft)}.sidebar-foot{border-top:1px solid var(--rule-soft);padding-top:10px;margin-top:8px;display:flex;flex-direction:column;gap:2px}.sidebar-foot .foot-row{display:flex;gap:6px;align-items:center}.sidebar-foot .foot-grow{flex:1}.sidebar-foot .foot-icon{padding:4px;width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft)}.sidebar-foot .foot-icon:hover{background:var(--paper)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 40%,var(--ink)));color:var(--paper);font-family:var(--serif-display);font-weight:600;font-style:italic;display:grid;place-items:center;flex:0 0 28px;font-size:12px}.avatar.mini{width:24px;height:24px;font-size:11px}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-foot .foot-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);font-size:13px}.sidebar-foot .foot-item:hover{background:var(--paper);color:var(--ink)}.sidebar-foot .foot-item .glyph{width:14px;text-align:center;color:var(--ink-mute);font-size:12px}.nav-section{margin-bottom:6px}.nav-section .sec-head{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm)}.nav-section .sec-head:hover{color:var(--ink-soft);background:var(--paper)}.hamburger{width:14px;height:10px;display:inline-flex;flex-direction:column;justify-content:space-between;flex:0 0 14px}.hamburger span{height:1.5px;background:var(--ink-mute);border-radius:1px;display:block}.sec-head.collapsed .hamburger span:nth-child(2){width:70%}.sec-head.collapsed .hamburger span:nth-child(3){width:40%}.nav-section .sec-head .total{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:0;text-transform:none}.nav-section .sec-head .add{color:var(--ink-faint);font-size:14px;line-height:1;padding:0 4px;border-radius:3px}.nav-section .sec-head .add:hover{background:var(--paper);color:var(--ink)}.nav-section.is-soon .sec-head{cursor:default}.nav-section.is-soon .soon-pill{margin-left:auto;font-family:var(--mono);font-size:9px;padding:1px 6px;border:1px solid var(--rule);border-radius:999px;color:var(--ink-faint);text-transform:lowercase;letter-spacing:.04em}.nav-section .sec-body{overflow:hidden;transition:max-height .2s ease}.nav-section .sec-body.closed{max-height:0!important}.sec-sublabel{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);padding:10px 8px 4px;display:flex;justify-content:space-between;align-items:center}.sec-sublabel .add{cursor:pointer;color:var(--ink-faint);font-size:13px;line-height:1;padding:0 4px;border-radius:3px}.sec-sublabel .add:hover{background:var(--paper);color:var(--ink)}.panel-handle{position:absolute;right:0;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border-left:1px solid transparent;transition:background .15s,border-color .15s}.sidebar .panel-handle{background:var(--paper-edge)}.list-col .panel-handle{background:var(--paper-soft)}.panel-handle:hover{background:color-mix(in oklab,var(--accent) 8%,var(--paper));border-left-color:var(--rule)}.panel-handle-pip{display:flex;flex-direction:column;gap:4px;align-items:center}.panel-handle-pip span{display:block;width:3px;height:3px;border-radius:50%;background:var(--rule);transition:background .15s}.panel-handle:hover .panel-handle-pip span{background:var(--ink-mute)}.frame[data-sidebar=collapsed] .sidebar{padding-right:0}.frame[data-list=collapsed] .list-col .list-scroll,.frame[data-list=collapsed] .list-col .list-head,.frame[data-list=collapsed] .list-col .new-note-btn{visibility:hidden}.folder-caret{width:10px;text-align:center;font-size:9px;color:var(--ink-faint);flex:0 0 10px;cursor:pointer}.folder-caret:hover{color:var(--ink)}.folder-caret.empty{visibility:hidden}.sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);position:relative}.sidebar-item:hover{background:var(--paper)}.sidebar-item.active{background:var(--paper);color:var(--ink);font-weight:500}.sidebar-item.active:before{content:"";position:absolute;left:-14px;top:4px;bottom:4px;width:2px;background:var(--accent)}.sidebar-item .glyph{width:14px;text-align:center;color:var(--ink-mute);font-size:12px}.folder-glyph-svg{width:14px;height:14px;flex-shrink:0;color:var(--ink-mute)}.sidebar-item .count{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-left:auto}.folder-dots-btn{width:20px;height:20px;flex:0 0 20px;border-radius:3px;display:none;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px;letter-spacing:-1px;cursor:pointer}.sidebar-item:hover .folder-dots-btn{display:flex}.folder-dots-btn:hover{background:var(--rule-soft);color:var(--ink-mute)}.sidebar .tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;margin:3px 3px 0 0;font-size:12px;color:var(--ink-soft);border:1px solid var(--rule-soft);border-radius:999px;cursor:pointer;background:var(--paper)}.sidebar .tag-pill:hover{border-color:var(--ink-mute)}.sidebar .tag-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sidebar .tag-pill .swatch{width:6px;height:6px;border-radius:50%;background:var(--accent)}.sync-status{margin-top:14px;padding:12px;border:1px dashed var(--rule);border-radius:var(--radius-md);font-size:11px;color:var(--ink-mute);line-height:1.5;font-family:var(--sans)}.sync-status .live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fa96f;margin-right:6px;box-shadow:0 0 0 3px color-mix(in oklab,#6fa96f 25%,transparent)}.sync-status .syncing{background:var(--accent)}.list-col{border-right:1px solid var(--rule);background:var(--paper-soft);display:flex;flex-direction:column;overflow:hidden;position:relative}.list-head{padding:14px 18px 10px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:8px}.list-head .h{display:flex;justify-content:space-between;align-items:baseline}.list-head h2{margin:0;font-family:var(--serif-display);font-weight:400;font-size:19px;letter-spacing:-.015em}.list-head h2 em{font-style:italic;color:var(--accent);font-weight:500}.list-head .count-pill{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.05em}.search{position:relative}.search input{width:100%;border:1px solid var(--rule);background:var(--paper);padding:8px 10px 8px 30px;border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;color:var(--ink);outline:none}.search input:focus{border-color:var(--ink-mute)}.search .icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:12px}.list-sort{display:flex;gap:8px;font-family:var(--sans);font-size:11px;color:var(--ink-mute)}.list-sort span{cursor:pointer;padding:2px 0}.list-sort span.on{color:var(--ink);border-bottom:1px solid var(--accent)}.list-scroll{overflow-y:auto;flex:1}.note-card{padding:12px 18px;border-bottom:1px solid var(--rule-soft);cursor:pointer;position:relative;transition:background .1s ease}.note-card:hover,.note-card.active{background:var(--paper)}.note-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.note-card .title{font-family:var(--serif-display);font-weight:500;font-size:16px;letter-spacing:-.01em;color:var(--ink);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-right:60px}.note-card .meta{font-family:var(--sans);font-size:11px;color:var(--ink-mute);display:flex;gap:6px;align-items:center;margin-bottom:6px}.note-card .meta .date{color:var(--ink-soft)}.note-card .snippet{font-size:13px;color:var(--ink-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card .tags-row{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.note-card .note-tag{font-family:var(--sans);font-size:10px;color:var(--ink-mute);padding:1px 7px;border:1px solid var(--rule);border-radius:999px}.note-card .badge{position:absolute;top:12px;right:14px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.new-note-btn{margin:12px 18px;padding:8px 14px;font-family:var(--sans);font-size:12px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.new-note-btn:hover{border-color:var(--ink-mute);color:var(--ink)}.editor-header{position:sticky;top:0;z-index:4;background:var(--paper-soft)}.editor-col{overflow-y:auto;display:flex;flex-direction:column;background:var(--paper);height:100%;position:relative}.editor-top{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid var(--rule-soft);background:color-mix(in oklab,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--sans);font-size:12px;color:var(--ink-mute)}.editor-top .crumbs{display:flex;gap:6px;align-items:center}.editor-top .crumbs .sep{opacity:.4}.editor-top .crumbs .cur{color:var(--ink)}.editor-top .actions{display:flex;gap:6px}.toolbar{display:flex;gap:2px;padding:6px 24px;border-bottom:1px solid var(--rule-soft);background:var(--paper-soft);font-family:var(--sans);font-size:13px;align-items:center;flex-wrap:wrap}.toolbar .tb-group{display:flex;gap:2px;align-items:center}.toolbar .tb-divider{width:1px;height:18px;background:var(--rule);margin:0 8px}.tb-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);font-family:var(--serif-body);font-size:14px;-webkit-user-select:none;user-select:none;background:transparent;border:none}.tb-btn:hover{background:var(--paper)}.tb-btn.on{background:var(--ink);color:var(--paper)}.tb-btn.tb-letter{font-family:var(--serif-body);font-size:13px;font-weight:500}.folder-move-select{margin-left:6px;font-family:var(--sans);font-size:11px;color:var(--ink-mute);background:transparent;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:2px 6px;cursor:pointer}.tb-select{font-family:var(--serif-body);font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer}.tb-mode{margin-left:auto;display:flex;border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--sans);font-size:11px}.tb-mode span{padding:4px 10px;cursor:pointer;color:var(--ink-mute);letter-spacing:.04em}.tb-mode span.on{background:var(--ink);color:var(--paper)}.width-seg{display:inline-flex;border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--sans);font-size:10px;margin-left:8px}.width-seg span{padding:3px 8px;cursor:pointer;color:var(--ink-mute);border-right:1px solid var(--rule);letter-spacing:.05em}.width-seg span:last-child{border-right:0}.width-seg span.on{background:var(--ink);color:var(--paper)}.editor-page{max-width:720px;width:100%;margin:0 auto;padding:36px 48px 120px;flex:1;min-height:0;display:flex;flex-direction:column}.editor-page:has(>.md-editor){padding-bottom:0}.editor-page[data-width=wide]{max-width:1152px;padding-left:64px;padding-right:64px}.editor-page[data-width=full]{max-width:none;padding-left:80px;padding-right:80px}@media (max-width: 1100px){.editor-page{padding:28px 36px 100px}}@media (max-width: 1000px){.editor-page[data-width=wide],.editor-page[data-width=full]{padding-left:32px;padding-right:32px}}.doc-header{margin-bottom:28px}.doc-header .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.doc-title{margin:0 0 8px;font-family:var(--serif-display);font-weight:500;font-size:38px;line-height:1.08;letter-spacing:-.025em;color:var(--ink);outline:none;border:none;background:transparent;width:100%;resize:none;padding:0}.doc-title::placeholder{color:var(--ink-faint)}.doc-header .byline{font-family:var(--sans);font-size:12px;color:var(--ink-mute);display:flex;gap:12px;padding-top:10px;border-top:1px solid var(--rule-soft);flex-wrap:wrap}.doc-header .byline .save-status{color:var(--accent)}.ProseMirror{color:var(--ink);font-size:16px;line-height:1.75;outline:none;min-height:200px}.ProseMirror p{margin:0 0 14px}.ProseMirror h1{font-family:var(--serif-display);font-weight:500;font-size:34px;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px}.ProseMirror h2{font-family:var(--serif-display);font-weight:500;font-size:26px;letter-spacing:-.015em;line-height:1.2;margin:28px 0 10px}.ProseMirror h3{font-family:var(--serif-display);font-weight:500;font-style:italic;font-size:20px;margin:22px 0 6px;color:var(--ink-soft)}.ProseMirror a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}.ProseMirror code{font-family:var(--mono);font-size:13px;background:var(--paper-edge);border:1px solid var(--rule-soft);padding:1px 5px;border-radius:3px}.ProseMirror pre{font-family:var(--mono);font-size:13px;background:var(--paper-edge);border:1px solid var(--rule-soft);padding:14px 16px;border-radius:var(--radius-sm);overflow-x:auto;line-height:1.55}.ProseMirror pre code{background:none;border:none;padding:0}.ProseMirror ul,.ProseMirror ol{padding-left:22px;margin:0 0 14px}.ProseMirror li{margin:4px 0}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.ProseMirror ul[data-type=taskList] li{display:flex;gap:10px;align-items:flex-start;padding:2px 0}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:4px}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--ink-mute);border-radius:3px;display:grid;place-items:center;cursor:pointer}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"✓";color:var(--paper);font-size:11px}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:var(--ink-mute);text-decoration:line-through}.ProseMirror blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 16px;margin:14px 0;font-style:italic;color:var(--ink-soft)}.ProseMirror hr{border:0;border-top:1px solid var(--rule);margin:28px 0}.ProseMirror mark{background:var(--highlight);color:var(--ink);padding:1px 2px;border-radius:2px}.ProseMirror table{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0;font-family:var(--sans);font-size:13px}.ProseMirror table th,.ProseMirror table td{padding:10px 12px;text-align:left;vertical-align:top;border:1px solid var(--rule-soft);position:relative}.ProseMirror table th{background:var(--paper-edge);font-weight:600}.ProseMirror .selectedCell{background:var(--accent-soft)}.ProseMirror img{display:block;max-width:100%;width:100%;height:auto;border-radius:var(--radius-sm)}.ProseMirror table td img,.ProseMirror table th img{width:100%;min-width:0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--ink-faint);pointer-events:none;height:0;font-style:italic}[data-tablestyle=editorial] .ProseMirror table th{border:none;border-bottom:2px solid var(--ink);background:none;font-family:var(--serif-display);font-weight:500;font-size:13px}[data-tablestyle=editorial] .ProseMirror table td{border:none;border-bottom:1px solid var(--rule-soft);color:var(--ink-soft)}[data-tablestyle=editorial] .ProseMirror table tr:last-child td{border-bottom:0}[data-tablestyle=grid] .ProseMirror table{border:1px solid var(--rule)}[data-tablestyle=zebra] .ProseMirror table th{background:var(--ink);color:var(--paper);border:none}[data-tablestyle=zebra] .ProseMirror table tr:nth-child(2n) td{background:var(--paper-edge)}[data-tablestyle=minimal] .ProseMirror table th{background:none;border:none;border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}[data-tablestyle=minimal] .ProseMirror table td{border:none;padding:6px 12px 6px 0}.md-editor{font-family:var(--mono);font-size:14px;line-height:1.7;color:var(--ink);background:transparent;border:none;outline:none;resize:none;width:100%;flex:1;min-height:0;padding:0 0 120px;display:block}.split-view{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.split-pane{overflow-y:auto;padding:36px 32px 120px}.split-pane+.split-pane,.split-pane-rich{border-left:1px solid var(--rule-soft)}.tb-btn[data-tooltip]{position:relative}.tb-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:11px;font-weight:400;padding:3px 8px;border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity .12s ease;transition-delay:0s;z-index:200}.tb-btn[data-tooltip]:hover:after{opacity:1;transition-delay:.5s}.copy-menu-wrap{position:relative}.copy-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--paper-soft);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:40;min-width:170px}.copy-menu button{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;background:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:12px;color:var(--ink-soft);cursor:pointer;text-align:left}.copy-menu button:hover{background:var(--paper-edge);color:var(--ink)}.chip{font-family:var(--sans);font-size:12px;letter-spacing:.02em;padding:6px 10px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--ink-mute);color:var(--ink)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border:1px solid var(--rule);border-radius:3px;color:var(--ink-mute);background:var(--paper-soft)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--ink) 35%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:60;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.settings{width:min(900px,92vw);max-height:84vh;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 40px 80px -30px #0006;display:grid;grid-template-columns:200px 1fr;overflow:hidden}.settings-nav{background:var(--paper-edge);padding:24px 14px;border-right:1px solid var(--rule);font-family:var(--sans);font-size:13px}.settings-nav .title{font-family:var(--serif-display);font-size:16px;font-weight:500;margin:0 8px 14px}.settings-nav .nav-item{padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);margin-bottom:2px}.settings-nav .nav-item:hover{background:var(--paper)}.settings-nav .nav-item.on{background:var(--ink);color:var(--paper)}.settings-body{padding:28px 32px;overflow-y:auto}.settings-body h3{font-family:var(--serif-display);font-weight:500;font-size:22px;margin:0 0 4px;letter-spacing:-.015em}.settings-body .lead{font-family:var(--serif-body);color:var(--ink-mute);font-size:14px;margin-bottom:24px}.settings-body .s-row{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:16px 0;border-top:1px solid var(--rule-soft);align-items:start}.settings-body .s-row .s-label{font-family:var(--sans);font-size:12px;color:var(--ink);font-weight:500}.settings-body .s-row .s-hint{font-family:var(--serif-body);font-size:12px;color:var(--ink-mute);margin-top:3px;font-style:italic}.settings-body .s-control{display:flex;flex-wrap:wrap;gap:8px}.opt-card{border:1px solid var(--rule);background:var(--paper);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;min-width:120px;font-family:var(--sans);font-size:11px;color:var(--ink-mute);text-align:left}.opt-card.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.seg{display:flex;border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden}.seg span{flex:1;padding:5px 10px;text-align:center;cursor:pointer;color:var(--ink-mute);border-right:1px solid var(--rule);font-size:11px;font-family:var(--sans);white-space:nowrap}.seg span:last-child{border-right:0}.seg span.on{background:var(--ink);color:var(--paper)}.slider-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.integration{display:grid;grid-template-columns:40px 1fr auto;gap:14px;padding:14px 0;border-top:1px solid var(--rule-soft);align-items:center}.integration .ic{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--paper-edge);border:1px solid var(--rule-soft);display:grid;place-items:center;font-family:var(--serif-display);font-weight:600;color:var(--ink-soft);font-size:14px}.integration .meta{font-family:var(--sans);font-size:12px}.integration .meta .name{color:var(--ink);font-weight:500;font-size:13px}.integration .meta .desc{color:var(--ink-mute);font-size:11px;line-height:1.4}.integration .status{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.integration .status.connected{color:#6fa96f}.integration .status .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.btn-sm{font-family:var(--sans);font-size:11px;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--paper);cursor:pointer;color:var(--ink-soft)}.btn-sm:hover{border-color:var(--ink-mute);color:var(--ink)}.btn-sm.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-sm.primary:hover{opacity:.85}.toggle{width:38px;height:22px;border-radius:999px;border:1px solid var(--rule);position:relative;cursor:pointer;transition:background .15s ease;flex:0 0 38px}.toggle.on{background:var(--ink)}.toggle.off{background:var(--paper-edge)}.toggle .knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;transition:left .15s ease}.toggle.on .knob{left:18px;background:var(--paper)}.toggle.off .knob{left:2px;background:var(--ink-mute)}.account-dialog{width:420px;max-width:92vw;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 40px 80px -30px #0006;padding:24px}.account-dialog .head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--rule-soft);margin-bottom:14px}.account-dialog .head .avatar{width:44px;height:44px;font-size:18px}.account-dialog h3{font-family:var(--serif-display);font-weight:500;font-size:20px;margin:0;letter-spacing:-.015em}.account-dialog .mail{font-family:var(--sans);font-size:12px;color:var(--ink-mute)}.account-dialog .opt{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}.account-dialog .opt:hover{background:var(--paper-edge);color:var(--ink)}.account-dialog .opt .g{width:16px;text-align:center;color:var(--ink-mute)}.account-dialog .opt.danger:hover{color:var(--accent)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 60% 20%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 70%),var(--paper-deep)}.login-card{width:min(460px,92vw);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);padding:40px 44px;text-align:center}.login-card .logo{font-family:var(--serif-display);font-weight:400;font-size:32px;letter-spacing:-.02em;margin-bottom:8px;display:flex;align-items:baseline;gap:10px;justify-content:center}.login-card .logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;transform:translateY(-4px);flex:0 0 8px}.login-card .logo b{font-weight:600;font-style:italic;color:var(--accent)}.login-card .tagline{font-family:var(--serif-body);font-style:italic;color:var(--ink-mute);font-size:15px;margin-bottom:32px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 20px;border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--paper);font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s ease;text-decoration:none}.google-btn:hover{border-color:var(--ink-mute);box-shadow:0 2px 8px #00000014}.google-btn svg{flex:0 0 18px}.login-card .note{margin-top:20px;font-family:var(--sans);font-size:11px;color:var(--ink-faint);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ink-mute);font-family:var(--sans);font-size:13px;gap:10px;padding:40px;text-align:center}.empty-state .empty-icon{font-size:32px;opacity:.4;margin-bottom:4px}.empty-state strong{color:var(--ink-soft);font-weight:500}.paste-preview{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:50;background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 18px 10px 14px;font-family:var(--sans);font-size:12px;display:flex;gap:14px;align-items:center;box-shadow:0 20px 40px -12px #00000059;animation:rise .4s cubic-bezier(.2,.9,.3,1.1)}@keyframes rise{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.paste-preview .icon{width:20px;height:20px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-family:var(--serif-display);font-style:italic;font-size:12px;font-weight:600;color:var(--paper);flex:0 0 20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}::-webkit-scrollbar-track{background:transparent}.folder-ctx-menu{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:0 8px 28px -6px #00000038,0 2px 8px -2px #0000001a;width:240px;padding:14px 16px 16px;font-family:var(--sans);animation:fade .15s ease}.folder-ctx-menu h4{font-family:var(--serif-display);font-weight:500;font-size:16px;margin:0 0 12px;letter-spacing:-.01em;color:var(--ink)}.folder-ctx-menu input{width:100%;border:1px solid var(--rule);background:var(--paper-soft);padding:7px 10px;border-radius:var(--radius-sm);font-family:var(--serif-body);font-size:14px;color:var(--ink);outline:none;margin-bottom:14px}.folder-ctx-menu input:focus{border-color:var(--ink-mute)}.folder-ctx-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.folder-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-bottom:14px;max-height:160px;overflow-y:auto;scrollbar-width:thin}.folder-icon-btn{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:3px;cursor:pointer;background:none;border:none;color:var(--ink-mute);line-height:1}.folder-icon-btn:hover{background:var(--paper-edge);color:var(--ink)}.folder-icon-btn.on{background:color-mix(in oklab,var(--accent) 14%,var(--paper));outline:1px solid var(--accent);outline-offset:-1px;color:var(--accent)}.folder-color-swatches{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.folder-color-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s;flex:0 0 22px}.folder-color-swatch:hover{transform:scale(1.15)}.folder-color-swatch.on{border-color:var(--ink)}.folder-color-swatch.default-color{background:var(--paper-edge);border:1.5px solid var(--rule)}.folder-ctx-actions{display:flex;gap:8px;justify-content:flex-end}.img-upload-toast{position:fixed;bottom:28px;right:28px;z-index:55;background:var(--ink);color:var(--paper);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--sans);font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px -4px #0000004d;animation:rise .3s cubic-bezier(.2,.9,.3,1.1)}.img-upload-toast .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-col.img-drag-over{box-shadow:inset 0 0 0 2px var(--accent)}