:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#24343b;background:#f7f8f8;font-synthesis:none;font-size:16px;--surface:#fff;--canvas:#f7f8f8;--ink:#24343b;--muted:#738087;--line:#e3e7e7;--accent:#245c54;--sidebar:#162f3b;--sidebar-text:#dce5e8;--shadow:0 20px 70px #112c3a24}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #438cba;outline-offset:3px}button{border:0;background:none}input,textarea{min-width:0}button,select{touch-action:manipulation}a{color:#245c54}h1,h2,h3,p{margin-top:0}h3{font-size:1rem}button svg{flex-shrink:0}kbd{font:12px Segoe UI,sans-serif;border:1px solid currentColor;border-radius:4px;padding:2px 5px;opacity:.6;white-space:nowrap}.app-shell{display:flex;min-height:100dvh}.sidebar{width:250px;background:var(--sidebar);color:var(--sidebar-text);position:fixed;inset:0 auto 0 0;padding:33px 21px 20px;display:flex;flex-direction:column;z-index:25;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin:0 3px 33px}.brand-mark{background:#edcf77;color:#263d42;width:42px;height:46px;display:grid;place-items:center;border-radius:11px 11px 3px;transform:rotate(-6deg)}.brand-small{font-size:10px;letter-spacing:2px;font-weight:600;color:#a9c0c8;display:block;margin-bottom:3px}.brand strong{font:600 26px Georgia,serif;color:#fff;letter-spacing:-1px;white-space:nowrap}.brand strong span{color:#edd47d}.new-note{display:flex;align-items:center;gap:10px;min-height:47px;border-radius:8px;background:#f3d57f;color:#22343b;font-size:14px;font-weight:650;padding:11px 14px;width:100%;margin-bottom:28px;box-shadow:0 3px #0001}.new-note:hover{background:#ffe6a1}.new-note kbd{margin-left:auto}.nav-item{display:flex;align-items:center;width:100%;gap:11px;min-height:44px;padding:10px 13px;border-radius:7px;text-align:left;font-size:14px;margin-bottom:3px;color:#c2d0d6}.nav-item>span:not(.count):not(.folder-dot){flex:1;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.selected{background:#fff1;color:#fff}.nav-item.selected:before{content:"";position:absolute;left:0;width:3px;height:25px;background:#f3d57f;border-radius:0 3px 3px 0}.count{font-size:12px;color:#91a8b3;min-width:18px;text-align:right}.nav-item.selected .count{color:#fff}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#829da9;font-weight:700;margin:18px 7px 7px 13px}.section-label .icon-button{width:30px;min-height:30px;color:#b7c8cf}.folder-dot{width:8px;height:8px;border-radius:50%;margin:0 4px}.dot-0{background:#e6c578}.dot-1{background:#90c5b3}.dot-2{background:#acb7e4}.dot-3{background:#e2a99e}.secondary-nav{border-top:1px solid #ffffff0d;padding-top:16px;margin-top:20px}.sidebar-bottom{margin-top:auto;padding-top:40px}.private-note{display:flex;gap:9px;margin:0 10px 20px;align-items:flex-start;color:#c7d6dd;font-size:12px;line-height:1.4}.private-note svg{color:#94b4af}.private-note small{display:block;color:#829ca7;font-size:11px;margin-top:5px}.sidebar-bottom .nav-item{font-size:13px;min-height:39px}.version{font-size:9px;letter-spacing:1.2px;color:#668390;display:block;margin:22px 12px 0}.workspace{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:12px}.breadcrumb{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:flex;gap:16px;align-items:center}.breadcrumb b{font-size:12px;letter-spacing:0;font-weight:500;color:var(--ink)}.breadcrumb>span{color:#bdc6cb}.save-state{display:flex;gap:7px;font-size:12px;align-items:center;color:var(--muted)}.save-state svg{color:#729185}.warning{color:#b94230!important}.workspace-content{max-width:1530px;margin:auto;padding:39px 44px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8a9699;font-weight:600;margin-bottom:10px}h1{font: 44px Georgia,serif;letter-spacing:-1.4px;margin:0 0 9px;display:flex;align-items:center;gap:15px}.heading-count{font:13px Segoe UI,sans-serif;letter-spacing:0;color:#80908e;padding:5px 9px;border-radius:20px;background:#e9edeb}.page-heading p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:550;min-height:43px;line-height:1.3}.button:hover{filter:brightness(.98)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.tools-row{display:flex;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:0 14px;min-height:45px;max-width:590px;color:#8d999f}.search input{width:100%;border:0;outline:0!important;background:transparent;color:var(--ink);font-size:14px;min-height:44px}.search input::placeholder{color:#91a0a6}.search kbd{font-size:10px;border-color:#d9dfe1}.search .icon-button{width:25px;min-height:28px}.filter-button{font-weight:400}.filter-dot{height:6px;width:6px;border-radius:50%;background:#245c54}.view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;margin-left:auto}.icon-button{display:inline-flex;justify-content:center;align-items:center;border-radius:6px;width:34px;min-height:34px;color:inherit;padding:7px}.icon-button:hover{background:#0c293110}.icon-button.active{color:#234d48;background:#173f3910}.icon-button.active svg.lucide-star{fill:currentColor}.view-switch .active{background:#e5eeea;color:#265c53}.filter-panel{display:flex;align-items:end;gap:14px;background:var(--surface);border:1px solid var(--line);padding:15px;border-radius:8px;margin-top:10px}.filter-panel label{font-size:12px;display:flex;flex-direction:column;gap:6px;flex:1}.filter-panel select{max-width:100%;padding:7px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:5px;font-size:14px}.text-button{color:var(--accent);font-size:13px;min-height:34px}.board-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 8px;font-size:12px;color:var(--muted)}.sort{display:flex;align-items:center;gap:8px;white-space:nowrap}.sort select{border:0;background:transparent;font-size:12px;color:#5e7079;max-width:115px;padding:5px 1px}.board-section-title{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.35px;font-weight:600;color:#7e8a8c;margin:24px 0 14px}.board-section-title>span{font-size:10px;color:#a3abab;margin-left:2px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:stretch}.note-card{border-radius:3px 3px 18px;display:flex;flex-direction:column;box-shadow:0 3px 5px #10273209,0 14px 22px -20px #10273250;border:1px solid #142d3510;position:relative;min-width:0;min-height:248px;transition:transform .2s,box-shadow .2s;color:#293d3b}.note-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #10273215}.color-butter{background:#fae9a5}.color-mint{background:#cce8d9}.color-sky{background:#cde5f3}.color-rose{background:#f5d5cf}.color-lilac{background:#e2dbf1}.color-paper{background:#f0eee7}.card-open{padding:21px 21px 0;text-align:left;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;width:100%;color:inherit;border-radius:3px}.card-top{display:flex;justify-content:space-between;width:100%;align-items:center;gap:8px;margin-bottom:15px}.card-notebook{font-size:10px;letter-spacing:.3px;color:#29403899;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-signals{display:flex;align-items:center;gap:7px;color:#3a514a88}.card-signals small{font-size:8px;letter-spacing:.8px}.note-card h2{font:500 23px/1.22 Georgia,serif;letter-spacing:-.4px;margin:0 0 14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt{font-size:13px;line-height:1.6;overflow:hidden;max-height:132px;color:#334a43d9;width:100%;mask-image:linear-gradient(to bottom,black 85%,transparent)}.card-excerpt p{margin:0 0 7px;overflow-wrap:anywhere;white-space:pre-wrap}.preview-task{display:flex;align-items:flex-start;gap:9px;margin-bottom:7px}.preview-task>span:first-child{border:1px solid #29423860;width:15px;height:15px;border-radius:3px;flex-shrink:0;margin-top:3px;display:grid;place-items:center}.preview-task.done>span:first-child{background:#32544b;border-color:#32544b;color:#cce8d9}.preview-task.done>span:last-child{opacity:.5;text-decoration:line-through}.blank-note{font-style:italic;opacity:.6}.card-tags{display:flex;flex-wrap:wrap;gap:5px;max-height:27px;overflow:hidden;margin-top:18px;padding-top:2px}.card-tags>span{font-size:10px;background:#fff4;padding:3px 7px;border-radius:4px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 12px 21px;font-size:10px;color:#3f584680;margin-top:auto}.card-footer>div{display:flex}.card-footer .icon-button{width:29px;min-height:29px;color:#3352449c}.card-footer .icon-button svg{width:15px;height:15px}.card-footer .icon-button.active{color:#315b4c;background:#fff3}.task-progress{display:flex;align-items:center;gap:10px;margin-top:10px;width:100%}.task-progress>span{flex:1;height:3px;background:#25493418;border-radius:3px;overflow:hidden}.task-progress i{display:block;height:3px;background:#365c4d99}.task-progress small{font-size:10px;color:#3b5b4899}.add-card{border:1px dashed #cfd8d4;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;color:#91a09b;gap:10px}.add-card>span{width:47px;height:47px;border:1px solid #dce3df;border-radius:50%;display:grid;place-items:center;margin-bottom:2px}.add-card>b{font:20px Georgia,serif;color:#7d9087;font-weight:400}.add-card small{font-size:12px}.add-card:hover{background:#eaf0ec66;color:var(--accent)}.board-footer{border-top:1px solid var(--line);margin:35px 0 0;padding:19px 0 0;display:flex;justify-content:space-between;gap:16px;color:#8d999b;font-size:11px}.board-footer span,.board-footer button{display:flex;align-items:center;gap:6px}.board-footer button{font-size:11px;color:#678177}.list-view{display:flex;flex-direction:column;gap:10px}.list-view .note-card{min-height:80px;border-radius:6px;display:grid;grid-template-columns:minmax(0,1fr) 110px}.list-view .card-open{padding:17px 21px;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:6px 20px}.list-view .card-top{margin:0;grid-column:1;grid-row:1/3;flex-direction:column;align-items:flex-start;gap:8px}.list-view h2{font-size:20px;margin:0;grid-column:2;max-height:26px;-webkit-line-clamp:1}.list-view .card-excerpt{grid-column:2;max-height:23px;mask-image:none;font-size:12px}.list-view .card-tags,.list-view .task-progress{display:none}.list-view .card-footer{padding:10px 14px 10px 0;flex-direction:column;gap:8px;margin:auto 0}.list-view .add-card{min-height:55px;flex-direction:row;padding:10px}.list-view .add-card>span{width:28px;height:28px;margin:0}.list-view .add-card>span svg{width:18px}.list-view .add-card>b{font-size:16px}.list-view .add-card small{display:none}.empty-state{min-height:410px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 20px}.empty-icon{background:#efe4b9;color:#a38639;transform:rotate(-7deg);border-radius:15px 15px 3px;width:77px;height:80px;display:grid;place-items:center;margin-bottom:24px}.empty-state h2{font:32px Georgia,serif;letter-spacing:-.6px;margin-bottom:13px}.empty-state p{color:var(--muted);font-size:14px;max-width:370px;line-height:1.7;margin-bottom:24px}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mobile-menu,.mobile-settings,.floating-new{display:none}.editor-scrim{position:fixed;inset:0;background:#13293250;backdrop-filter:blur(2px);z-index:40;cursor:default}.editor{position:fixed;right:0;top:0;bottom:0;width:580px;max-width:100%;z-index:41;color:#293c36;display:flex;flex-direction:column;box-shadow:-15px 0 50px #102c3e20}.editor-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #25453215;min-height:69px;padding:14px 22px}.back-button{display:flex;align-items:center;gap:2px;font-size:14px;min-height:36px;padding:4px 0}.editor-save{font-size:11px;display:flex;align-items:center;gap:5px;margin-left:auto;opacity:.65}.editor-actions{display:flex;align-items:center;gap:2px;margin-left:10px}.editor-content{overflow:auto;flex:1;padding:30px 35px 0;display:flex;flex-direction:column}.editor-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.4px;color:#4c695e;margin-bottom:21px}.colors{display:flex;gap:5px}.color-dot{display:grid;place-items:center;border:1px solid #1e302825;width:21px;height:21px;border-radius:50%;padding:0}.color-dot.chosen{outline:1.5px solid #314d40;outline-offset:2px}.note-title{background:none;border:0;color:#243d32;font: 34px/1.2 Georgia,serif;letter-spacing:-.7px;width:100%;padding:0;margin-bottom:15px;min-height:46px}.note-title::placeholder{color:#344e4160}.note-details{display:flex;align-items:center;gap:7px;color:#5d7167;font-size:12px;margin-bottom:25px}.note-details select{font-size:12px;border:0;background:transparent;color:inherit;max-width:170px}.note-details small{font-size:11px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #25453219;padding:8px 0;gap:5px}.format-tools{display:flex;gap:2px}.format-tools .icon-button{width:34px;min-height:34px;color:#536b5e}.format-tools svg{width:17px;height:17px}.mode-switch{font-size:12px;display:flex;align-items:center;gap:6px;border:1px solid #2545322b;border-radius:5px;padding:7px 10px}.mode-switch.active{background:#fff6}.note-body{display:block;flex:1;min-height:260px;resize:none;width:100%;border:0;outline:0!important;background:transparent;padding:23px 0;font-size:16px;line-height:1.85;color:#314b3e;font-family:inherit}.note-body::placeholder{color:#47675378}.note-reading{flex:1;min-height:260px;padding:23px 0;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.markdown p{margin-bottom:15px}.markdown h1{font:30px Georgia,serif;display:block;margin:20px 0 15px}.markdown h2{font:25px Georgia,serif;margin:20px 0 13px}.markdown h3{font-size:18px;margin:17px 0 10px}.markdown ul,.markdown ol{padding-left:25px;margin:10px 0 18px}.markdown li{margin:6px 0}.markdown input[type=checkbox]{width:18px;height:18px;accent-color:#315a49;vertical-align:middle;cursor:pointer;margin-right:8px}.markdown li:has(input[type=checkbox]){list-style:none;margin-left:-24px}.markdown blockquote{border-left:3px solid #304f4040;padding-left:17px;font-family:Georgia,serif;font-style:italic;opacity:.8;margin:20px 0}.markdown code{background:#163b2610;border-radius:4px;padding:2px 4px;font-size:14px}.markdown pre{background:#163b2610;border-radius:5px;overflow:auto;padding:13px;white-space:pre-wrap}.markdown table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px}.markdown td,.markdown th{border:1px solid #294c3a30;padding:8px}.tag-editor{display:flex;align-items:center;gap:9px;border-top:1px solid #234c331c;padding:14px 0;color:#597666}.tag-editor input{background:transparent;color:#345240;border:0;outline:0!important;font-size:13px;flex:1;min-height:32px}.tag-editor input::placeholder{color:#5a766c99}.note-bottom{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:#617c6c;padding:7px 0 18px}.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #25453215;min-height:62px;padding:10px 30px}.editor-foot>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#567260}.editor-foot button{background:#2b5143;color:#fff;border-radius:6px;display:flex;align-items:center;gap:13px;padding:10px 16px;font-size:13px;min-height:40px}.note-menu{position:absolute;z-index:45;right:18px;top:59px;background:var(--surface);color:var(--ink);padding:7px;min-width:210px;border-radius:8px;box-shadow:var(--shadow);border:1px solid var(--line)}.note-menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 11px;font-size:14px;border-radius:4px}.note-menu button:hover{background:var(--canvas)}.danger{color:#aa3b35!important}.trashed-banner{background:#c3845122;padding:12px 25px;font-size:12px;display:flex;align-items:center;gap:8px}.trashed-banner button{margin-left:auto;text-decoration:underline}.modal{border:1px solid var(--line);border-radius:15px;padding:27px;width:510px;max-width:calc(100% - 28px);max-height:calc(100dvh - 36px);overflow:auto;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.modal::backdrop{background:#0c26366b;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.modal-heading h2{font:28px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0}.modal p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:20px}.modal small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.modal h3{margin:0 0 6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.destructive{background:#a9433e;border-color:#a9433e;color:#fff}.privacy-box{background:#edf3f0;border-radius:8px;padding:17px;display:flex;gap:13px;margin-bottom:24px}.privacy-box>svg{flex-shrink:0;color:#4d7664}.privacy-box strong{font-size:14px;color:#315747;line-height:1.5}.privacy-box p{font-size:12px;line-height:1.75;color:#6c8075;margin:6px 0 0}.settings-section{padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-section p{font-size:13px;margin-bottom:14px}.two-buttons{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.settings-section small{font-size:11px}.settings-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row p{margin:0;font-size:12px}.settings-row .button{font-size:12px;flex-shrink:0}.app-about{text-align:center;font-size:12px!important;margin:23px 0 0!important;line-height:1.8!important}.folder-form{display:flex;gap:8px;margin:20px 0}.folder-form input{background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:10px 12px;width:100%;font-size:14px}.folder-form .button{flex-shrink:0}.folder-list{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.folder-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:6px 0}.folder-list input{flex:1;border:0;background:transparent;color:var(--ink);min-height:38px;font-size:14px;width:100%}.folder-list svg{color:var(--muted);flex-shrink:0}.import-summary{border:1px dashed var(--line);padding:23px;display:flex;align-items:center;flex-direction:column;gap:10px;margin-bottom:22px}.import-summary strong{font-size:14px}.radio-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:15px;border-radius:8px;margin:10px 0}.radio-option input{margin-top:3px;accent-color:var(--accent)}.radio-option strong{font-size:14px}.radio-option small{margin-top:6px}.tips>div{display:flex;gap:15px;margin-bottom:22px}.tips>div>svg{width:21px;height:21px;color:var(--accent);flex-shrink:0}.tips strong{font-size:14px}.tips p{margin:6px 0 0;font-size:13px}.shortcut-list{display:flex;flex-direction:column;margin:16px 0}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.shortcut-list kbd{font-size:11px}.help-foot{font-size:12px!important;margin-bottom:0!important}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%);background:#173c36;color:#fff;box-shadow:0 10px 30px #18392b33;border:1px solid #ffffff24;padding:13px 16px;display:flex;align-items:center;gap:11px;border-radius:8px;font-size:13px;width:max-content;max-width:calc(100% - 30px);line-height:1.5}.toast>svg{flex-shrink:0}.toast button{color:#bbd1ca;display:grid;place-items:center}.error-banner{display:flex;align-items:center;gap:12px;background:#fff0da;color:#8b4d1c;padding:15px 30px;font-size:13px;line-height:1.6;flex-wrap:wrap}.error-banner svg{flex-shrink:0}.error-banner span{flex:1}.error-banner button{font-weight:600;text-decoration:underline}.error-text{color:#b84735!important}.muted{color:#6d8075}.sidebar-scrim{display:none}[data-theme=dark]{--surface:#22343d;--canvas:#1b2b33;--ink:#e0e7e7;--muted:#97aab3;--line:#35464e;--accent:#397a6a;--sidebar:#11242f;background:var(--canvas);color:var(--ink)}[data-theme=dark] .sort select{color:#b8c9cd}[data-theme=dark] .heading-count{background:#304a4c;color:#b5cec7}[data-theme=dark] .privacy-box{background:#29473f}[data-theme=dark] .privacy-box strong{color:#d1e7d9}[data-theme=dark] .privacy-box p{color:#abc4b4}[data-theme=dark] .view-switch .active{background:#365849;color:#d0e5d7}[data-theme=dark] .add-card{border-color:#4c655c}[data-theme=dark] .add-card>b{color:#a0b7aa}[data-theme=dark] .note-card{box-shadow:0 3px 12px #0002}[data-theme=dark] .icon-button:hover{background:#88a9a31a}[data-theme=dark] .color-butter{background:#e9d997}[data-theme=dark] .color-mint{background:#b4d7c3}[data-theme=dark] .color-sky{background:#b5d4e5}[data-theme=dark] .color-rose{background:#e5c0b8}[data-theme=dark] .color-lilac{background:#cec4e0}[data-theme=dark] .color-paper{background:#dbd8ce}@media(min-width:1550px){.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1180px){.sidebar{width:227px;padding-inline:16px}.workspace{margin-left:227px;width:calc(100% - 227px)}.topbar,.workspace-content{padding-inline:30px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.brand strong{font-size:24px}.brand-small{font-size:9px}.brand{gap:10px}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s;width:258px;z-index:35}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:34;background:#14323b77}.workspace{margin:0;width:100%}.mobile-menu,.mobile-settings{display:flex}.topbar{height:64px;padding:0 21px;justify-content:initial}.breadcrumb{font-size:9px;gap:10px}.save-state{margin-left:auto}.workspace-content{padding:29px 25px 20px}.editor{width:570px}.page-heading{margin-bottom:25px}.brand-small{font-size:10px}.brand strong{font-size:26px}.brand{gap:12px}}@media(max-width:560px){.topbar{padding:0 13px;height:60px;gap:7px}.breadcrumb{font-size:0;gap:0}.breadcrumb>span{display:none}.breadcrumb b{font-size:14px;font-weight:500}.save-state{font-size:10px;gap:4px}.save-state svg{width:14px}.topbar>.icon-button{width:34px}.workspace-content{padding:26px 17px 90px}.eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading{margin-bottom:23px;gap:8px}h1{font-size:36px;gap:12px}.heading-count{font-size:12px}.page-heading p{font-size:12px;max-width:260px}.desktop-new{display:none}.tools-row{gap:7px}.search{padding:0 10px;min-height:44px}.search input{font-size:13px}.search kbd{display:none}.filter-button{padding:10px;min-width:41px;gap:0}.filter-button>span:not(.filter-dot){display:none}.filter-dot{margin-left:5px}.view-switch{padding:2px}.view-switch .icon-button{width:30px;min-height:32px;padding:5px}.view-switch svg{width:17px}.board-meta{margin-top:20px;font-size:10px;align-items:flex-start}.board-meta>span{max-width:185px;line-height:1.5}.sort{font-size:0;gap:0}.sort select{font-size:11px;padding:0;max-width:103px}.notes-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.note-card{min-height:225px;border-bottom-right-radius:15px}.card-open{padding:15px 13px 0}.card-top{margin-bottom:13px}.card-notebook{font-size:9px}.card-signals{gap:3px}.card-signals small{font-size:7px;letter-spacing:0}.card-signals>svg{width:11px}.note-card h2{font-size:20px;line-height:1.23;margin-bottom:12px;letter-spacing:-.3px}.card-excerpt{font-size:12px;line-height:1.6;max-height:115px}.card-excerpt p{margin-bottom:6px}.preview-task{gap:6px}.preview-task>span:first-child{width:12px;height:12px;margin-top:3px}.preview-task>span:first-child svg{width:10px}.card-tags{margin-top:12px;gap:3px;max-height:24px}.card-tags>span{font-size:9px;padding:3px 5px}.card-footer{padding:8px 7px 9px 13px;font-size:9px}.card-footer .icon-button{width:28px;min-height:30px}.card-footer .icon-button svg{width:14px}.task-progress{margin-top:7px;gap:5px}.task-progress small{font-size:9px}.add-card{min-height:210px;gap:9px}.add-card>b{font-size:17px}.add-card small{font-size:10px}.add-card>span{width:39px;height:39px}.board-section-title{margin:22px 0 13px;font-size:9px}.board-footer{font-size:10px;margin-top:28px;flex-wrap:wrap;gap:10px}.board-footer button{font-size:10px}.floating-new{display:grid;place-items:center;position:fixed;bottom:24px;right:22px;width:57px;height:57px;border-radius:18px;background:#245c54;color:#fff;box-shadow:0 5px 20px #103c3435;z-index:20}.empty-state{padding:37px 7px;min-height:390px}.empty-state h2{font-size:28px;line-height:1.2}.empty-state p{font-size:13px;max-width:290px}.empty-actions{gap:9px;flex-direction:column}.empty-actions .button{font-size:13px}.editor{width:100%;box-shadow:none}.editor-top{padding:12px 15px;min-height:60px;gap:8px}.editor-actions{margin-left:3px}.editor-actions .icon-button{width:33px;min-height:35px}.editor-save{font-size:10px}.editor-content{padding:26px 22px 0}.editor-label{font-size:8px;margin-bottom:21px}.color-dot{width:20px;height:20px}.colors{gap:6px}.note-title{font-size:31px;min-height:40px}.note-details{margin-bottom:20px;font-size:11px;gap:5px}.note-details select{max-width:150px;font-size:11px}.note-details small{font-size:10px}.note-body,.note-reading{font-size:16px;line-height:1.8;min-height:220px}.format-tools{gap:0}.format-tools .icon-button{width:34px;min-height:36px}.mode-switch{font-size:11px;padding:7px 9px}.editor-foot{min-height:61px;padding:10px 21px}.note-bottom{font-size:9px}.tag-editor input{font-size:12px}.list-view .card-open{padding:14px 13px;grid-template-columns:65px minmax(0,1fr);gap:3px 10px}.list-view .card-top{gap:6px}.list-view .note-card{grid-template-columns:minmax(0,1fr) 72px}.list-view h2{font-size:18px;line-height:1.2}.list-view .card-excerpt{font-size:11px;max-height:19px}.list-view .card-footer{padding-right:7px;font-size:9px;gap:5px}.modal{padding:23px 19px;border-radius:12px;max-width:calc(100% - 24px);max-height:calc(100dvh - 26px)}.modal-heading h2{font-size:25px}.modal p{font-size:13px}.privacy-box{padding:14px;gap:10px}.privacy-box strong{font-size:13px}.privacy-box p{font-size:12px}.settings-row{gap:10px}.settings-row h3{font-size:14px}.settings-row p{font-size:11px}.settings-row .button{font-size:11px;padding:9px 12px}.modal .button{font-size:12px}.modal-actions{gap:7px}.modal-actions .button{flex:1}.filter-panel{gap:10px;flex-wrap:wrap}.filter-panel select,.filter-panel .text-button{font-size:12px}.toast{bottom:20px;font-size:12px;max-width:calc(100% - 24px);padding:12px 13px}.error-banner{padding:13px 17px;font-size:12px;gap:8px}.error-banner>span{min-width:200px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:350px){.notes-grid{grid-template-columns:1fr}.save-state span{display:none}.card-excerpt{max-height:100px}.note-card{min-height:220px}.editor-content{padding-inline:16px}.format-tools .icon-button{width:30px}.note-bottom{flex-wrap:wrap}.colors{gap:4px}.color-dot{width:18px;height:18px}}@media(max-height:500px){.editor-top{min-height:48px;padding-block:5px}.editor-content{padding-top:15px}.editor-foot{min-height:48px;padding-block:5px}.note-body,.note-reading{min-height:150px}.editor-label{margin-bottom:10px}.note-details{margin-bottom:12px}.sidebar{padding-top:18px}.brand{margin-bottom:20px}.sidebar-bottom{padding-top:20px}}.editor-error{background:#ffead4;color:#8b421e;padding:12px 22px;font-size:12px;line-height:1.5}.editor-error div{display:flex;gap:16px;margin-top:6px}.editor-error button{text-decoration:underline;font-weight:600;padding:5px 0}:root{--canvas:#fafafa;--surface:#fff;--ink:#292b31;--muted:#6c7077;--line:#e7e7eb;--accent:#5554cc;--sidebar:#fff;--sidebar-text:#42434b;font-family:Segoe UI,Arial,sans-serif}.sidebar{border-right:1px solid var(--line);padding:26px 16px;width:240px}.brand{margin:0 8px 28px}.brand-mark{background:#ffcf55;color:#46360b;transform:none;border-radius:13px}.brand-small{color:#797980;font-size:10px}.brand strong{font:650 23px Segoe UI,sans-serif;color:var(--ink);letter-spacing:-.7px}.brand strong span{color:#5554cc}.new-note{border-radius:14px;min-height:52px;background:#edeaff;color:#4845a5;box-shadow:none}.new-note:hover{background:#e4dffe}.nav-item,.sidebar-bottom .nav-item{color:var(--muted);font-size:14px;border-radius:0 24px 24px 0;min-height:46px}.nav-item:hover{background:#f2f2f6;color:var(--ink)}.nav-item.selected{background:#fff1bf;color:#463809}.nav-item.selected:before{display:none}.nav-item.selected .count{color:#746637}.section-label{color:#8a8b94;font-size:11px;letter-spacing:1px}.secondary-nav{border-color:var(--line)}.private-note,.private-note small{color:var(--muted)}.sidebar-bottom{padding-top:24px}.version{font-size:10px;color:#8d8d97}.workspace{margin-left:240px;width:calc(100% - 240px)}.topbar{height:76px;background:var(--surface);padding-inline:36px}.workspace-content{padding:28px 36px}.eyebrow,.page-heading p{display:none}h1{font:600 27px Segoe UI,sans-serif;letter-spacing:-.6px}.page-heading{margin-bottom:24px}.heading-count{background:#efeff4;color:#747581}.search{max-width:none;min-height:50px;background:#f0f1f5;border:0;border-radius:12px}.search input{font-size:16px}.button{border-radius:10px}.view-switch{border:0}.note-card{border:1px solid #0000000c;border-radius:16px;box-shadow:none;min-height:230px;overflow:hidden;transition:box-shadow .18s,transform .18s}.note-card:hover{box-shadow:0 5px 18px #25243b14;transform:translateY(-2px)}.note-card h2{font:650 20px/1.35 Segoe UI,sans-serif;letter-spacing:-.25px}.card-excerpt{font-size:15px;line-height:1.65}.card-top{margin-bottom:15px}.card-notebook{font-size:12px}.card-tags>span{font-size:12px;background:#fff6}.card-footer{font-size:12px}.notes-grid{gap:19px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.board-section-title{font-size:12px;letter-spacing:1px}.editor{border-radius:22px 0 0 22px}.note-title{font:600 30px/1.3 Segoe UI,sans-serif}.editor-foot{font-size:13px}.modal-heading h2,.empty-state h2{font-family:Segoe UI,sans-serif;letter-spacing:-.5px}.board-footer,.breadcrumb{font-size:12px}.save-state{font-size:13px}.floating-new{background:var(--accent)}[data-theme=dark]{--canvas:#191a20;--surface:#23242c;--ink:#f0f0f4;--muted:#b0b1bd;--line:#3a3b47;--sidebar:#22232b;--sidebar-text:#dedee8;--accent:#7977e5}.color-butter{background-color:#fff1b8}.color-mint{background-color:#d7f1dd}.color-sky{background-color:#daecff}.color-rose{background-color:#fbdde5}.color-lilac{background-color:#e9e1fc}.color-paper{background-color:#f6f5f1}@media(max-width:900px){.sidebar{width:240px}.workspace{margin-left:0;width:100%}.workspace-content{padding:25px}.topbar{padding-inline:20px}}@media(max-width:560px){.workspace-content{padding:22px 16px 90px}.topbar{padding-inline:10px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-card h2{font-size:17px}.card-excerpt{font-size:14px}.card-notebook,.card-tags>span,.card-footer{font-size:12px}.card-open{padding:16px 13px 0}.note-card{min-height:215px}.save-state{font-size:12px}.editor{border-radius:0}.search input{font-size:15px}h1{font-size:25px}.board-meta,.sort select{font-size:12px}}@media(max-width:350px){.notes-grid{grid-template-columns:1fr}}.color-peach{background-color:#ffdfc8}.color-sage{background-color:#dfebcf}.color-sand{background-color:#efe2cd}.color-coral{background-color:#ffcfc4}.color-aqua{background-color:#ceeff0}.color-gray{background-color:#e8e9ef}.bg-dawn{background-image:linear-gradient(140deg,#f7d6eb,#ffead0 65%,#fff7d9)}.bg-ocean{background-image:linear-gradient(135deg,#cdeaf5,#d2f5eb 65%,azure)}.bg-peach{background-image:linear-gradient(135deg,#ffe2d1,#ffcfdc)}.bg-berry{background-image:linear-gradient(125deg,#f1d7f1,#dddafa)}.bg-meadow{background-image:linear-gradient(120deg,#f3f5d4,#cee9d7)}.bg-lavender{background-image:linear-gradient(120deg,#eee2ff,#e6e9fa,#fbecfb)}.bg-citrus{background-image:linear-gradient(130deg,#ffedaf,#fce0af)}.bg-ice{background-image:linear-gradient(140deg,#e9f2ff,#d1e4fc,#f4f9ff)}.bg-sunset{background-image:linear-gradient(130deg,#ffd9bf,#f8cfd8,#ebe0f9)}.bg-indigo{background-image:linear-gradient(130deg,#d8dafa,#e9d9ef,#e1ecfa)}.bg-dots{background-color:#f7f5ff;background-image:radial-gradient(#9e9bcd55 1.5px,transparent 1.5px);background-size:17px 17px}.bg-grid{background-color:#f0f8ff;background-image:linear-gradient(#6592b820 1px,transparent 1px),linear-gradient(90deg,#6592b820 1px,transparent 1px);background-size:22px 22px}.bg-lines{background-color:#fffbed;background-image:repeating-linear-gradient(transparent 0,transparent 27px,#aba16a35 28px)}.bg-linen{background-color:#f6ece4;background-image:repeating-linear-gradient(90deg,#b6a58d12 0,#b6a58d12 1px,transparent 1px,transparent 4px)}.account-entry{display:flex;gap:10px;text-align:left;width:100%;align-items:center;background:#f1effd;color:#5751a2;border-radius:12px;padding:14px 12px;margin-bottom:18px;font-size:14px}.account-entry small{display:block;font-size:12px;margin-top:5px;max-width:156px;overflow:hidden;text-overflow:ellipsis}.account-entry svg{flex:none}.account-top{margin-left:auto;background:transparent}.topbar .save-state{max-width:250px}.account-panel{display:flex;flex-direction:column;gap:17px}.account-panel p{margin:0;line-height:1.6}.account-panel label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.account-panel input,.account-panel textarea,.share-link input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface);color:var(--ink);min-height:44px}.account-panel textarea{font:14px/1.8 monospace;overflow-wrap:anywhere;height:90px}.account-panel small{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)}.account-badge{color:#5851b8;font-size:13px;font-weight:600}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-tabs{display:flex;gap:3px;background:var(--canvas);padding:5px;border-radius:10px}.auth-tabs button{padding:10px 8px;font-size:14px;flex:1;border-radius:7px}.auth-tabs button.active{background:var(--surface);box-shadow:0 2px 7px #0001;color:#5554cc}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:25px}.palette-swatch{height:67px;border-radius:11px;position:relative;border:2px solid transparent;color:#39393f;display:flex;align-items:center;justify-content:center}.palette-swatch span{position:absolute;bottom:6px;font-size:12px}.chosen{outline:2px solid #6761c1;outline-offset:2px}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 25px}.background-swatch{height:92px;border-radius:10px;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;padding:10px;color:#292b31}.background-swatch span{font-size:13px;font-weight:600}.appearance-button{padding:7px 10px;min-height:36px;font-size:13px;background:#ffffff70;border:0;color:#34343b}.editor-label{align-items:center}.note-card,.editor{color:#29343b}.share-link{display:block;margin:20px 0}.share-link input{margin-top:9px}.shared-page{max-width:780px;margin:40px auto;padding:20px}.shared-page>a{font-size:20px;font-weight:600;color:#5554cc;text-decoration:none}.shared-note{padding:36px;border-radius:22px;margin-top:30px;color:#29343b;min-height:320px}.shared-note h1{margin:20px 0;font-size:32px;overflow-wrap:anywhere}.shared-note small{font-size:12px}.shared-note .markdown{font-size:17px;line-height:1.8}.shared-note input[type=checkbox]{pointer-events:none}.sync-detail{font-size:14px;color:var(--muted)}[data-theme=dark] .search{background:#30313d}[data-theme=dark] .account-entry{background:#35324a;color:#dedafd}[data-theme=dark] .nav-item.selected{background:#504729;color:#ffecab}[data-theme=dark] .new-note{background:#36314d;color:#e1daff}[data-theme=dark] .nav-item:hover{background:#30313d}@media(max-width:560px){.account-top{padding:8px;min-height:36px}.account-top span{display:none}.topbar .save-state{max-width:170px;line-height:1.35}.palette-grid{grid-template-columns:repeat(4,1fr)}.background-grid{grid-template-columns:repeat(2,1fr)}.editor-actions{gap:0}.editor-save{max-width:50px}.editor-label>span{display:none}.editor-label{justify-content:flex-end}.shared-page{margin:12px auto;padding:14px}.shared-note{padding:24px}.board-footer{font-size:12px}}