@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--green:#386b51;--green-dark:#28523d;--green-soft:#edf3ed;--ink:#26392e;--muted:#8b938c;--line:#e8eae4;--bg:#fafbf8;--font:"DM Sans","SolaimanLipi",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;background:var(--bg)}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{border:0;background:none}a,button{color:inherit}a{text-decoration:none}input,select{outline:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #73a787;outline-offset:3px}a,button,input,select{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}h1,h2,h3,p{margin:0}button svg,span svg{flex-shrink:0}.primary{background:var(--green);color:white;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;border-radius:8px;font-weight:550;box-shadow:0 2px 3px #244a3010}.primary:hover{background:var(--green-dark)}.secondary{padding:10px 17px;background:#f3f4ef;border:1px solid var(--line);border-radius:7px}.icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#818a82;flex-shrink:0}.icon-btn.active,.icon-btn:hover{background:#e8f0e8;color:var(--green)}.text-button{color:var(--green);display:inline-flex;gap:7px;align-items:center;font-size:12px;padding:6px 0}.text-button:hover{color:#183e2a}.brand{display:flex;align-items:center;gap:10px;font-family:"Manrope",var(--font);font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-icon{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);border-radius:11px;color:#fff;box-shadow:0 3px 6px #386b5115}.brand-dot{color:#7b9f65;margin-left:-9px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e947e;font-weight:650}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--green);font-size:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.workspace{display:grid;grid-template-columns:236px 320px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:#f5f6f0;border-right:1px solid var(--line);padding:28px 18px 0;display:flex;flex-direction:column}.sidebar .brand{margin:0 6px 31px}.workspace-name{display:flex;align-items:center;gap:9px;padding:11px 8px 15px;font-size:11px;font-weight:550;color:#536052}.workspace-name small{display:block;font-size:10px;color:#92988d;margin-top:4px;font-weight:400}.workspace-name>svg{margin-left:auto;color:#9aab96}.workspace-avatar{height:29px;width:29px;border-radius:7px;background:#e5e8dd;color:#6a7a5f;display:grid;place-items:center;font-weight:650}.new-note{width:100%;justify-content:flex-start;margin:9px 0 27px;font-size:13px}.new-note kbd{margin-left:auto;background:#ffffff18;padding:2px 5px;color:#dde8df;font-size:10px;border-radius:3px}.section-caption{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#9a9f94;margin:0 11px 10px;display:flex;align-items:center;justify-content:space-between}.nav-group{margin-bottom:25px}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;border-radius:7px;min-height:40px;width:100%;padding:10px 11px;font-size:12px;color:#737d70;margin:3px 0}.nav-item:hover{background:#eef0e8}.nav-item.selected{background:#e6eddc;color:#3d6744;font-weight:600}.nav-item span:not(.label-dot){flex:1 1}.nav-item small{font-size:10px;font-weight:500;color:#8d9a83}.nav-item.selected small{color:#597d50}.label-nav .section-caption{margin-bottom:5px}.label-dot{width:7px;height:7px;border-radius:50%;background:#819772;display:inline-block;flex-shrink:0}.color-0{background:#a594c4}.color-1{background:#dfaf70}.color-2{background:#719eab}.color-3{background:#9fa769}.color-4{background:#d48f99}.sidebar-bottom{margin-top:auto}.sync-card{background:#ecefe4;border:1px solid #e4e8dc;border-radius:8px;margin:23px 0;padding:14px 10px;font-size:10px;color:#6a7b61;font-weight:550;white-space:nowrap}.sync-dot{display:inline-block;height:5px;width:5px;background:#92a975;border-radius:50%;margin-right:5px}.sync-card small{display:block;font-size:9px;color:#969e8e;font-weight:400;margin:7px 0 0 10px}.account{padding:17px 2px;display:flex;gap:9px;border-top:1px solid var(--line);align-items:center;font-size:11px;font-weight:550}.avatar{display:grid;place-items:center;background:#e3e8dc;height:30px;width:30px;border-radius:50%;color:#718363}.account small{display:block;font-size:9px;color:#98a08e;font-weight:400;margin-top:3px}.account .icon-btn{margin-left:auto}.note-list{background:#fcfdfb;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-header{padding:29px 22px 22px;justify-content:space-between}.list-header,.list-header>div{display:flex;align-items:center}.list-header>div{gap:9px}.list-header h1{font-family:"Manrope",var(--font);font-size:19px;letter-spacing:-.55px;font-weight:750}.count-pill{font-size:10px;background:#edf0e8;color:#8c9d80;border-radius:5px;padding:3px 6px}.search-box{margin:0 22px;display:flex;gap:8px;align-items:center;border:1px solid #e7eae0;background:#f6f7f2;border-radius:7px;padding:9px 10px;color:#9ea894}.search-box input{border:0;background:none;min-width:0;width:100%;font-size:11px;color:var(--ink)}.search-box input::placeholder{color:#a1a899}.search-box kbd{font-size:9px;white-space:nowrap;border:1px solid #e3e6dc;border-radius:3px;padding:1px 3px;color:#a0a796}.list-sort{display:flex;justify-content:space-between;align-items:center;padding:26px 23px 12px}.list-sort>span{font-size:8px;letter-spacing:1.5px;color:#a2aa9a;font-weight:600}.list-sort label{display:flex;align-items:center;gap:3px;color:#949e8c}.list-sort select{appearance:none;border:0;background:transparent;color:#89957f;font-size:10px;cursor:pointer}.note-cards{overflow-y:auto;padding:2px 13px 20px;flex:1 1}.note-card{width:100%;text-align:left;display:block;border:1px solid transparent;border-bottom-color:#eef0e9;border-radius:8px;padding:16px 15px 14px;min-height:139px;margin-bottom:5px}.note-card:hover{background:#f4f6ef}.note-card.selected{background:#eff4e9;border:1px solid #dfe8d5}.card-top{display:flex;align-items:center;gap:7px;color:#a4af99;margin-bottom:10px}.card-top>span{display:flex;margin-right:auto}.card-top time{font-size:9px}.pin-mark{color:#73915a}.star-mark{color:#b4a170;fill:#b4a17022}.note-card h3{font-size:13px;font-weight:600;line-height:1.5;color:#43503d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-card p{font-size:10px;line-height:1.9;color:#98a18e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 11px;min-height:19px}.card-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center}.card-bottom>div{display:flex;gap:5px;overflow:hidden}.label-chip{font-size:9px;padding:3px 7px;border-radius:4px;background:#e7eddf;color:#7b8e6c;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.priority-chip{font-size:8px;padding:3px 5px;border-radius:4px;text-transform:capitalize;background:#f5ecd9;color:#ad935c}.priority-chip.urgent{background:#f7e2df;color:#b1726c}.image-count{gap:4px;align-items:center;color:#9eaa94}.image-count,.list-footer{display:flex;font-size:9px}.list-footer{padding:16px;justify-content:center;gap:6px;border-top:1px solid var(--line);color:#a7ae9e}.list-empty{padding:65px 15px;text-align:center;color:#a9b39f}.list-empty h3{font-size:13px;color:#798b6c;margin:15px 0 6px}.list-empty p{font-size:11px;margin-bottom:15px}.editor-panel{background:white;min-width:0;display:flex;flex-direction:column;position:relative}.editor-header{height:75px;min-height:75px;padding:0 32px;justify-content:space-between;border-bottom:1px solid var(--line)}.editor-header,.editor-header>div,.save-status{display:flex;align-items:center}.save-status{gap:6px;color:#9c9c8b;font-size:10px}.save-status.is-saved{color:#83a076}.header-actions{gap:5px}.toolbar-divider{height:17px;width:1px;background:#e7eae2;margin:0 7px;flex-shrink:0}.format-toolbar{display:flex;align-items:center;padding:11px 23px;border-bottom:1px solid #f0f1eb;gap:2px;flex-wrap:wrap;background:#fdfefb}.format-toolbar .icon-btn{height:28px;width:29px}.toolbar-spacer{flex:1 1}.editor-scroll{padding:38px clamp(24px,5vw,78px) 40px}.note-meta{display:flex;gap:15px;align-items:center;justify-content:space-between;color:#b0b7a6;font-size:9px;margin-bottom:21px}.note-meta>span:first-child{display:flex;align-items:center;gap:6px;letter-spacing:1.4px;font-size:8px}.note-title{border:0;display:block;background:transparent;font-family:Manrope,SolaimanLipi,sans-serif;font-weight:750;font-size:clamp(24px,2.5vw,35px);letter-spacing:-1.2px;line-height:1.4;color:#32452e;width:100%;padding:0;margin-bottom:18px}.note-title::placeholder{color:#c0c8b6}.note-title:focus-visible{outline:0}.note-properties{justify-content:space-between;gap:8px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eff1ea}.note-labels,.note-properties{display:flex;align-items:center}.note-labels{gap:6px;flex-wrap:wrap}.note-labels .label-chip{padding:5px 9px;background:#f0f2eb}.removable:hover{background:#e5ebdf}.add-label{display:flex;align-items:center;gap:5px;color:#a9b29e;margin-left:3px}.add-label select{font-size:10px;appearance:none;color:#9ba890;max-width:100px}.add-label select,.priority-select{border:0;background:none;cursor:pointer}.priority-select{font-size:9px;color:#a2ae97;max-width:120px}.priority-select.important{color:#b39b61}.priority-select.urgent{color:#b66a68}.note-prose{outline:0;min-height:250px;color:#5b6753;font-family:var(--font);font-size:14px;line-height:1.9}.note-prose p{margin-bottom:15px}.note-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#c0c7b8;pointer-events:none;height:0}.note-prose h1,.note-prose h2,.note-prose h3{color:#3e5235;margin:20px 0 13px;line-height:1.4}.note-prose h2{font-size:22px}.note-prose blockquote{border-left:3px solid #a8bd93;padding:4px 18px;margin-left:0;background:#f5f7f0;color:#849377}.note-prose pre{background:#f3f5ee;padding:15px;border-radius:7px;font-size:12px;white-space:pre-wrap}.note-prose code{background:#f0f3e9;padding:2px 4px;border-radius:3px}.note-prose a{color:var(--green);text-decoration:underline}.attachments{margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.attachments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#a6b096}.attachments-heading>span{display:flex;gap:7px;align-items:center;font-size:11px}.attachments-heading small{font-size:8px;padding:2px 5px;border-radius:4px;background:#f1f3eb;color:#99a889}.upload-zone{border:1px dashed #dfe5d4;background:#fafcf6;border-radius:9px;padding:23px 14px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#9ba68e;font-size:11px}.upload-zone:hover{background:#f1f5e9;border-color:#b3c49e}.upload-zone strong{color:#7c9463;font-weight:500}.upload-zone small{display:block;font-size:9px;color:#b3bba8;margin-top:5px}.upload-icon{border-radius:8px;background:#edf2e5;padding:10px;display:flex;color:#99ad81}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.image-card{border:1px solid #e8ece0;border-radius:8px;overflow:hidden;background:#fcfdf9}.image-card img{width:100%;height:155px;object-fit:contain;background:#f0f3e9;display:block}.image-name{padding:11px 12px 5px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#86937a}.image-name span{display:block;margin-top:4px;font-size:8px;color:#abb59f}.image-actions{display:flex;padding:3px 6px 8px;justify-content:space-between}.image-actions .icon-btn{height:27px;width:30px}.editor-footer{height:42px;min-height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:9px;color:#a9b29f;gap:10px}.editor-footer>span{display:flex;align-items:center;gap:7px}.editor-footer span span{color:#c8cfbf}.editor-empty{height:100%;flex-direction:column;text-align:center;padding:30px}.editor-empty,.empty-art{display:flex;align-items:center;justify-content:center}.empty-art{height:107px;width:107px;background:#f0f4e8;border:1px solid #e8eedc;border-radius:25px;transform:rotate(-8deg);color:#a4b48f;margin-bottom:35px;position:relative;box-shadow:0 15px 40px #83985b0b}.empty-art>span{position:absolute;right:-15px;top:5px;color:#a2b37e;font-size:28px;transform:rotate(8deg)}.editor-empty h2{font-family:"Manrope",var(--font);font-size:33px;line-height:1.35;letter-spacing:-1px;font-weight:650;color:#435739;margin:17px 0}.editor-empty p{font-size:12px;line-height:1.9;color:#a0ac94;margin-bottom:25px}.editor-empty>.text-button{margin-top:15px;font-size:10px;color:#9faa93}.empty-hints{display:flex;gap:22px;margin-top:50px;font-size:9px;color:#a5b09a}.empty-hints span{display:flex;gap:5px;align-items:center}.more-wrap{position:relative}.dropdown{position:absolute;right:0;top:36px;z-index:10;background:white;border:1px solid var(--line);border-radius:9px;padding:6px;box-shadow:0 8px 30px #23312015;width:200px}.dropdown button{display:flex;align-items:center;gap:9px;padding:10px;text-align:left;font-size:11px;width:100%;border-radius:5px;color:#7f8a73}.dropdown button:hover{background:#f0f4e9}.dropdown .danger{color:#bd7773}.banner{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f5f1e3;color:#a59155;border-radius:6px;margin-bottom:20px}.banner button{font-weight:550;text-decoration:underline}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 17px;display:flex;align-items:center;gap:10px;color:#f4f8ee;background:#3c5940;border-radius:9px;box-shadow:0 5px 25px #24352020;font-size:12px;max-width:90vw}.toast button{display:flex;color:#c5d4bd;margin-left:10px}.modal-backdrop{position:fixed;inset:0;background:#24322050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:grid;place-items:center;padding:20px}.modal{width:440px;max-width:100%;background:#fff;border-radius:14px;padding:32px;position:relative;box-shadow:0 20px 100px #20321d22}.modal-close{position:absolute;top:13px;right:13px}.modal-icon{display:inline-flex;background:#eff3e7;border-radius:9px;padding:10px;color:#91a678;margin-bottom:18px}.modal h2{font-family:"Manrope",var(--font);font-size:22px;letter-spacing:-.6px;color:#485b3f;margin-bottom:9px}.modal p{font-size:12px;color:#9da791;line-height:1.8;margin-bottom:22px}.label-create{display:flex;gap:8px;margin-bottom:20px}.label-create input{width:100%;min-width:0;border:1px solid #e1e6d6;border-radius:7px;padding:10px;font-size:12px;color:#596b4e}.label-create .primary{font-size:11px;padding:10px 13px}.modal-labels{max-height:280px;overflow-y:auto;margin-bottom:20px}.modal-labels>div{display:flex;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid #eef0e8;font-size:12px;color:#839175}.modal-labels .icon-btn{margin-left:auto}.modal>.secondary{width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{font-size:11px}.danger-button{background:#b76861;color:white;padding:11px 15px;border-radius:7px}.mobile-back,.mobile-menu,.sidebar-backdrop{display:none}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-story{padding:50px 70px;display:flex;flex-direction:column;background:#eef2e5;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #dfe8d2;border-radius:50%;right:-280px;bottom:-200px;pointer-events:none;box-shadow:0 0 0 40px #e9efdf,0 0 0 41px #e0e9d3}.login-story>div{margin:auto 0;padding:60px 0;position:relative;z-index:1}.login-story h1{font-family:"Manrope",var(--font);font-size:clamp(40px,4.2vw,65px);letter-spacing:-2.5px;line-height:1.2;font-weight:650;color:#425b36;margin:20px 0}.login-story>div>p{font-size:13px;color:#91a181;line-height:1.9}.paper-card{max-width:370px;background:#fcfdf8;border:1px solid #dfe8d3;border-radius:10px;padding:25px 28px;margin:45px 0 0;transform:rotate(-3deg);box-shadow:7px 8px 0 #dce6cf70,0 15px 50px #789a5010}.paper-label{font-size:9px;color:#a4ad96;display:flex;gap:6px;align-items:center;margin-bottom:19px}.paper-label span{height:5px;width:5px;border-radius:50%;background:#9caa88}.paper-card h3{font-family:"Manrope",var(--font);font-size:20px;font-weight:600;letter-spacing:-.4px;color:#6d825c;margin-bottom:10px}.paper-card p{font-size:11px;color:#a4b196;line-height:1.8}.paper-card>div{margin-top:22px;display:flex;gap:5px;align-items:center;font-size:10px;color:#9fb086}.paper-star{margin-left:auto;color:#b7bb8e;font-size:24px}.login-foot{font-size:10px;color:#a0ae8f;gap:7px;z-index:1}.login-foot,.login-form-wrap{display:flex;align-items:center}.login-form-wrap{justify-content:center;padding:50px;background:#fcfdf9}.login-form{width:350px}.login-form h2{font-family:"Manrope",var(--font);font-size:31px;letter-spacing:-1px;font-weight:650;color:#405534;margin:16px 0 11px}.login-form>p{color:#a2ac95;font-size:12px;margin-bottom:38px}.login-form label{display:block;font-size:11px;font-weight:500;color:#7d8c70;margin-bottom:23px}.login-form input{display:block;width:100%;padding:13px 14px;margin-top:10px;border:1px solid #e1e6d8;border-radius:7px;color:#516a44;background:#fff;font-size:12px}.login-form input::placeholder{color:#b1b9a7}.login-submit{width:100%;margin-top:7px;justify-content:space-between;font-size:12px;padding:14px 17px}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#b0b9a4;margin-top:23px}.form-error{background:#f8eae5;color:#b67b6a;font-size:11px;padding:12px;border-radius:6px;margin-bottom:12px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#dce3d0;border-radius:8px}::selection{background:#dfead3;color:#36532a}@media(min-width:1500px){.workspace{grid-template-columns:250px 355px minmax(0,1fr)}.editor-scroll{padding-left:90px;padding-right:90px}}@media(max-width:1150px){.workspace{grid-template-columns:210px 280px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.editor-scroll{padding-left:28px;padding-right:28px}.format-toolbar{padding:10px 12px;gap:0}.format-toolbar .toolbar-divider{margin:0 3px}.note-title{font-size:27px}.login-story{padding:40px}.sync-card{font-size:9px}.sync-card small{font-size:8px}}@media(max-width:900px){.workspace{grid-template-columns:265px minmax(0,1fr)}.sidebar{position:fixed;left:-250px;top:0;bottom:0;width:236px;z-index:25;transition:left .2s}.sidebar.open{left:0}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#26362a40;z-index:24}.mobile-menu{display:inline-flex}.list-header{padding-left:15px;padding-right:15px}.search-box{margin:0 15px}.list-header h1{font-size:17px}.editor-header{padding:0 20px}.editor-footer{padding:0 18px}.editor-empty h2{font-size:28px}.login-form-wrap,.login-story{padding:35px}.login-story h1{font-size:43px}.login-form h2{font-size:27px}}@media(max-width:640px){.workspace{display:block}.note-list{height:100dvh;border:0}.editor-panel,.has-note .note-list{display:none}.has-note .editor-panel{display:flex;height:100dvh}.mobile-back{display:inline-flex;margin-right:12px}.editor-header{height:62px;min-height:62px;padding:0 15px}.format-toolbar{padding:8px 10px;gap:2px}.toolbar-spacer{display:none}.format-toolbar .icon-btn{width:27px}.editor-scroll{padding:25px 23px}.editor-footer{font-size:8px;padding:0 14px}.editor-footer>span{gap:4px}.note-card{min-height:140px;padding:18px}.note-card h3{font-size:15px}.note-card p{font-size:12px}.card-top time,.label-chip{font-size:10px}.list-header{padding:22px}.list-header h1{font-size:22px}.search-box{margin:0 24px;padding:12px}.search-box input{font-size:13px}.note-cards{padding:0 16px}.list-sort{padding:25px 28px 13px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-card img{height:130px}.login-page{display:flex;flex-direction:column}.login-story{padding:27px}.login-story>div{padding:40px 0 20px}.login-story h1{font-size:39px}.login-story>div>p{font-size:11px}.login-foot,.paper-card{display:none}.login-form-wrap{padding:38px 27px;flex:1 1}.login-form{width:100%;max-width:360px}.login-form h2{font-size:25px}.login-form>p{margin-bottom:24px}.modal{padding:27px}.banner{gap:10px;line-height:1.7}.note-properties{flex-wrap:wrap}.empty-hints{gap:15px}}.sidebar{min-height:0;overflow-y:auto}.nav-group:not(.label-nav),.new-note,.sidebar-bottom,.sidebar>.brand,.workspace-name{flex-shrink:0}.label-nav{flex:1 1;min-height:80px;overflow-y:auto}.workspace{grid-template-rows:minmax(0,1fr)}.editor-panel,.note-list{min-height:0;max-height:100dvh;overflow:hidden}.editor-scroll{min-height:0;flex:1 1;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;transition:background-color .2s}.editor-footer,.editor-header,.format-toolbar,.list-footer,.list-header,.list-sort,.search-box{flex-shrink:0}.note-cards{min-height:0}.note-card.selected{border-color:#9ab385;box-shadow:inset 3px 0 0 #7c9b66}.note-card[style] .label-chip{background:#ffffff65}.note-card[style] p{color:#75806c}.attachments .image-actions{position:relative;background:#fcfdf9}.popover-dismiss{position:fixed;inset:0;z-index:11;cursor:default}.color-picker{position:absolute;right:0;top:40px;z-index:12;width:220px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #23312022}.color-picker-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e7d62;margin-bottom:8px}.color-picker-title .icon-btn{width:23px;height:23px}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-swatch{height:25px;width:25px;display:grid;place-items:center;border:1px solid #34452f22;border-radius:50%;color:#536a45}.color-swatch:hover{outline:2px solid #a3b596;outline-offset:2px}.color-swatch.chosen{outline:2px solid #779363;outline-offset:2px}.color-picker p{font-size:9px;color:#99a68c;margin-top:13px}.editor-scroll[style] .attachments,.editor-scroll[style] .note-properties{border-color:#62725420}.editor-scroll[style] .note-meta{color:#7d8b70}.editor-scroll[style] .note-title::placeholder{color:#93a086}.editor-scroll[style] .note-prose p.is-editor-empty:first-child:before{color:#92a181}@media(max-width:640px){.header-actions{gap:2px}.header-actions .icon-btn{width:28px}.header-actions .toolbar-divider{margin:0 3px}.save-status{font-size:9px}.color-picker{right:-70px}.editor-scroll{scrollbar-gutter:auto}}.note-card{position:relative}.note-card-open{display:block;width:100%;text-align:left;padding:0;background:none}.card-top{padding-right:27px}.card-menu-trigger{position:absolute;right:7px;top:8px;width:27px;height:27px;color:#87977b}.card-menu-backdrop{position:fixed;inset:0;z-index:45;cursor:default}.card-actions-menu{position:fixed;z-index:46;width:252px;max-height:calc(100dvh - 24px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:11px;padding:7px;box-shadow:0 12px 40px #24302024}.card-actions-title{display:flex;align-items:center;gap:8px;padding:4px 8px 9px;border-bottom:1px solid var(--line);margin-bottom:5px;font-size:11px;font-weight:600}.card-actions-title>span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions-title .icon-btn{height:23px;width:23px}.card-actions-menu summary,.card-actions-menu>button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;text-align:left;border-radius:6px;font-size:11px;color:#718264;cursor:pointer}.card-actions-menu summary:hover,.card-actions-menu>button:hover{background:#f0f4e9}.card-actions-menu .danger{color:#b56c64}.card-actions-menu summary{list-style:none}.card-actions-menu summary::-webkit-details-marker{display:none}.card-actions-menu summary>svg:last-child{margin-left:auto}.card-menu-labels{padding:5px 10px 9px}.card-menu-labels label{display:flex;gap:8px;align-items:center;padding:6px 0;font-size:11px;color:#718264}.card-menu-labels input{accent-color:var(--green)}.card-color-swatches{padding:9px 10px 12px}.card-menu-priority{display:flex;justify-content:space-between;align-items:center;padding:10px 9px;font-size:11px;color:#718264}.card-menu-priority select{max-width:110px;border:1px solid var(--line);border-radius:5px;background:#f7f9f2;padding:4px;font-size:10px;color:#718264}.login-form{padding:32px;border:1px solid #e4e9dc;border-radius:18px;background:#fff;box-shadow:0 12px 50px #536b3810;width:414px}.login-submit{margin-bottom:0}@media(max-width:640px){.login-form{padding:25px;max-width:380px}.card-menu-trigger{top:10px;right:10px}}.voice-controls{flex-shrink:0;border-bottom:1px solid var(--line);padding:8px 24px;background:#fafcf7}.voice-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voice-toggle{display:inline-flex;align-items:center;gap:6px;background:#eaf1e3;color:#527443;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:550}.voice-toggle:hover{background:#deead6}.voice-toggle.recording{background:#f8e1dc;color:#b0645a}.voice-main select{border:1px solid #e1e8d9;background:#fff;border-radius:5px;padding:5px 7px;color:#738465;font-size:11px;max-width:145px}.voice-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#92a184}.voice-hint{margin-left:auto;font-size:9px;color:#a4af99}.recording-dot{width:6px;height:6px;border-radius:50%;background:#bc6d61;animation:voice-pulse 1.5s ease-in-out infinite}.voice-controls.recording{background:#fcfaf5}.voice-preview{font-size:12px;line-height:1.7;padding:8px 10px;background:#f0f3e9;border-radius:5px;margin-top:8px;color:#627454;overflow-wrap:anywhere;max-height:90px;overflow:auto}.voice-preview>span{font-size:9px;letter-spacing:.5px;color:#99a48d;margin-right:9px}.voice-error{font-size:10px;color:#b17b67;line-height:1.7;margin-top:7px}.voice-service{font-size:9px;color:#a4ab98;margin-top:7px}@keyframes voice-pulse{50%{opacity:.35}}@media(max-width:640px){.voice-controls{padding:8px 14px}.voice-main{gap:8px}.voice-hint{display:none}.voice-status{font-size:9px}.voice-service{font-size:8px}}