:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;color:#29382f;background:#fafbf8;font-synthesis:none;--green:#42765a;--muted:#8b948d;--line:#e8ebe4;--serif:"Songti SC","STSong",Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:var(--green)}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand img{width:39px;height:39px}.brand span{font-size:24px;font-weight:650;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#7b897f;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:2px;color:#899287;font-weight:600}.muted{color:#899187;font-size:13px;line-height:1.7}.primary{background:var(--green);color:#fff;padding:11px 20px;border-radius:7px;font-size:13px;font-weight:550}.primary:hover{background:#356448}.text-button{font-size:12px;color:var(--green);padding:9px 4px}.text-button:hover{color:#234e34}.wide{width:100%}.icon-button{padding:7px;font-size:22px;line-height:1;color:#899287;border-radius:5px}.icon-button:hover{background:#eaf0e7;color:var(--green)}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{padding:42px 8%;background:#eef1e9;display:flex;flex-direction:column;overflow:hidden}.story-copy{margin:auto 0;padding:60px 0 35px}.story-copy h1{font-family:var(--serif);font-size:clamp(34px,3.5vw,55px);font-weight:500;line-height:1.5;margin:22px 0;color:#344e3c}.story-copy>p:not(.eyebrow){font-size:14px;color:#7a877c;line-height:2}.story-paper{margin:40px 0 0 10%;background:#fcfdf9;padding:27px 30px;max-width:350px;transform:rotate(-4deg);box-shadow:0 18px 40px #34422c0b;border:1px solid #e0e5d9;border-radius:3px}.story-paper>span{font-size:14px}.story-paper i{display:block;font-style:normal;font-size:10px;color:#97a08e;margin-top:10px}.story-paper p{font-size:12px;margin-top:23px;color:#708168}.paper-line{height:1px;background:#edf0e9;margin:22px 0}.paper-line.short{width:70%}.story-paper b{font-size:10px;font-weight:400;color:#a3ab9a;letter-spacing:3px}.auth-story footer{font-size:11px;letter-spacing:2px;color:#94a08f}.auth-panel{display:grid;place-items:center;padding:40px}.auth-panel form{width:100%;max-width:340px}.auth-panel h2{font-size:27px;font-weight:550;margin:17px 0 12px}.auth-panel .muted{margin-bottom:33px}.auth-panel label{display:block;font-size:12px;color:#6c776d;margin:19px 0}.auth-panel input{display:block;width:100%;padding:13px 14px;margin-top:9px;border:1px solid #dfe4da;border-radius:7px;background:#fff;font-size:14px}.auth-panel .primary{margin-top:4px;padding:14px 18px;display:flex;justify-content:space-between}.auth-panel .text-button{margin-top:13px}.auth-footnote{font-size:11px;color:#9aa293;line-height:1.9;text-align:center;margin-top:31px}.error{font-size:12px;color:#b45445;min-height:18px}.workspace{display:grid;grid-template-columns:210px 350px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:#f0f3ec;padding:32px 20px 0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar .brand{padding:0 10px}.sidebar-caption{font-size:10px;color:#929d8c;margin:22px 10px 27px}.new-button{text-align:left;padding:12px 17px}.nav-heading{font-size:10px;letter-spacing:2px;color:#9aa492;margin:30px 13px 15px}nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px;border-radius:6px;font-size:13px;color:#7c887b;margin:3px 0}nav button>span{font-size:18px;min-width:18px}nav button b{font-size:11px;font-weight:400;margin-left:auto;color:#9da797}nav button.active{background:#e1e9da;color:#395d42;font-weight:550}nav button:hover{background:#e7ede0}.sidebar-bottom{margin-top:auto}.connection{display:flex;gap:7px;align-items:center;font-size:10px;color:#8c9985;padding:20px 8px}.connection>span:first-child{width:5px;height:5px;background:#79a476;border-radius:50%}.connection .offline{background:#bf875d!important}.account{border-top:1px solid #dfe5d8;display:flex;align-items:center;padding:19px 0;gap:9px}.avatar{border-radius:50%;background:#dfe7d5;min-width:30px;height:30px;text-align:center;padding-top:7px;color:#738562;font-size:12px}.account>div{overflow:hidden;flex:1}.account strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:500;white-space:nowrap}.account small{display:block;font-size:9px;color:#99a28f;margin-top:5px}.account button{font-size:18px}.collection{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fbfcf9;min-width:0}.collection-heading{padding:34px 26px 10px}.collection-heading .eyebrow{font-size:9px;letter-spacing:1px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.heading-row h1{font-size:24px;font-weight:550;margin:0}.collection-heading .muted{font-size:11px;margin-top:14px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e7ebe1;background:#f2f5ee;border-radius:6px;margin:8px 25px 0;padding:9px 11px;color:#97a18e}.search-box input{border:0;background:none;font-size:12px;min-width:0;width:100%;color:#455442}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 26px 8px;font-size:10px;color:#98a18e}.collection-toolbar button{font-size:11px}.item-list{overflow:auto;flex:1;padding:0 13px}.item-card{display:block;text-align:left;width:100%;padding:20px 14px;border:1px solid transparent;border-bottom-color:#e9ede3;border-radius:7px;margin:3px 0;position:relative}.item-card.selected{border-color:#dbe5d2;background:#eff4e9}.item-card:hover{background:#f1f5ed}.item-card .card-top{display:flex;justify-content:space-between;font-size:9px;color:#9ca78e;gap:10px}.item-card .card-kind{letter-spacing:1px}.item-card h3{font-size:14px;font-weight:550;margin:12px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.item-card p{font-size:11px;color:#97a18d;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;min-height:19px}.item-card.completed h3{text-decoration:line-through;color:#9aa58e}.card-date{display:block;font-size:9px;color:#829574;margin-top:12px}.card-date.overdue{color:#b68159}.list-footer{padding:17px;text-align:center;font-size:9px;color:#b3baaa;border-top:1px solid var(--line);letter-spacing:2px}.list-empty{padding:45px 20px;text-align:center;font-size:12px;line-height:2;color:#a0aa95}.editor-pane{background:#fff;min-width:0;overflow:hidden}.empty-editor{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-symbol{font-size:55px;color:#bdcbb2;margin-bottom:19px}.empty-editor h2{font-family:var(--serif);font-size:25px;font-weight:400;color:#687d58}.empty-editor>p:not(.eyebrow){font-size:12px;line-height:2;color:#9aa58e}.empty-editor button{margin-top:10px}#editor{display:flex;flex-direction:column;height:100%}.editor-toolbar{height:77px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:12px}.type-label{font-size:11px;color:#a1ab94}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.toolbar-actions .primary{padding:9px 21px}.toolbar-actions .danger{color:#a09f92;font-size:11px}.editor-content{padding:38px clamp(25px,4vw,65px) 20px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.editor-meta{display:flex;gap:12px;align-items:center;font-size:10px;color:#aab19f}.editor-meta select{border:1px solid #e1e9d9;border-radius:4px;background:#f4f7ee;color:#849575;padding:5px 7px;font-size:10px}.title-input{width:100%;border:0;background:transparent;font-size:29px;font-weight:550;line-height:1.5;padding:25px 0 20px;color:#34442c}.title-input::placeholder{color:#bec6b3}.task-fields{display:flex;gap:24px;align-items:center;font-size:11px;color:#929e84;padding:0 0 23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.check-label{display:flex;align-items:center;gap:7px}.check-label input{accent-color:var(--green);width:15px;height:15px}.date-label{display:flex;align-items:center;gap:8px}.date-label input{border:1px solid #e5eadd;background:#fafcf7;color:#7a8d6b;font-size:11px;padding:5px;border-radius:4px}textarea{resize:none;flex:1;min-height:200px;border:0;padding:27px 0;background:transparent;font-size:14px;line-height:2;color:#5e7151}textarea::placeholder{color:#b0baa5}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 30px;font-size:10px;color:#a4ae97;gap:15px}.conflict{padding:13px;background:#faf3e4;border-radius:6px;font-size:12px;color:#947942;line-height:1.8}.conflict p{margin:0}.conflict button{margin-right:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#344c39;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 4px 30px #24332125;font-size:12px;z-index:10;max-width:90vw}#back{display:none}
@media(min-width:1400px){.workspace{grid-template-columns:230px 390px minmax(0,1fr)}}@media(max-width:1050px) and (min-width:701px){.workspace{grid-template-columns:168px 285px minmax(0,1fr)}.sidebar{padding:25px 12px 0}.sidebar-caption{font-size:9px}.collection-heading{padding:28px 20px 10px}.editor-toolbar{padding:0 20px}.toolbar-actions{gap:12px}.title-input{font-size:24px}.editor-content{padding:28px 24px 18px}.task-fields{gap:12px}.search-box{margin-left:20px;margin-right:20px}}
@media(max-width:700px){.auth-shell{display:block}.auth-story{padding:25px 26px}.story-copy{padding:16px 0 0}.story-copy h1{font-size:28px;margin:12px 0}.story-copy>p:not(.eyebrow),.story-paper,.auth-story footer{display:none}.auth-panel{padding:30px 26px 40px}.auth-panel h2{font-size:24px}.auth-panel .muted{margin-bottom:20px}.workspace{display:flex;flex-direction:column;height:100dvh}.sidebar{padding:14px 18px 0;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0}.sidebar .brand{padding:0}.sidebar .brand img{width:28px;height:28px}.sidebar .brand span{font-size:20px}.sidebar .brand small,.sidebar-caption,.nav-heading{display:none}.sidebar>.new-button{position:absolute;right:18px;top:13px;padding:9px 14px;font-size:12px}.sidebar nav{display:flex;gap:3px;overflow:auto;margin-top:12px;padding-bottom:8px}.sidebar nav button{width:auto;white-space:nowrap;padding:7px 10px;font-size:11px;gap:5px}.sidebar nav button span{font-size:14px;min-width:auto}.sidebar nav button b{display:none}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection{padding:5px 0;font-size:9px}.account{padding:3px 0;border:0;max-width:170px}.account .avatar,.account small{display:none}.collection{flex:1;min-height:0;border:0}.collection-heading{padding:20px 22px 0}.collection-heading .eyebrow{margin:0}.heading-row{margin-top:10px}.heading-row h1{font-size:23px}.collection-heading .muted{margin:7px 0 10px}.search-box{margin:5px 22px 0}.collection-toolbar{padding:9px 22px 3px}.item-list{padding:0 10px}.item-card{padding:17px 13px}.list-footer{display:none}.editor-pane{display:none}.workspace.editing .sidebar,.workspace.editing .collection{display:none}.workspace.editing .editor-pane{display:block;flex:1;height:100%}#back{display:block}.type-label{display:none}.editor-toolbar{height:65px;padding:0 18px;flex-shrink:0}.toolbar-actions{gap:14px}.editor-content{padding:25px 24px 15px}.title-input{font-size:26px}.editor-footer{padding:15px 22px;padding-bottom:max(15px,env(safe-area-inset-bottom))}}

.note-images{flex-shrink:0;padding:15px 0}.image-tools{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b948d}.image-hint{font-size:11px;color:#8b948d}.image-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.image-list figure{margin:0;padding:8px;border:1px solid var(--line);border-radius:8px}.image-list img{width:100%;height:180px;object-fit:contain;background:#f7f8f5;border-radius:5px}.image-list figcaption{display:flex;align-items:center;justify-content:space-between;font-size:12px}.image-list a{color:var(--green);text-decoration:none}.editor-toolbar,.editor-footer{flex-shrink:0}

.quick-task{display:flex;gap:8px;padding:12px 20px}.quick-task input{min-width:0;flex:1;border:1px solid #dfe4da;border-radius:6px;padding:10px;font-size:12px}.quick-task button{padding:8px 12px}.item-card{padding:0}.open-item{width:100%;text-align:left;padding:18px 14px;min-width:0}.task-card{display:flex;align-items:center;gap:0}.task-card>input{flex:none;width:20px;height:20px;accent-color:var(--green);margin-left:12px}.task-card .open-item{flex:1}.task-editor #body{flex:0;min-height:130px}.due-shortcuts{display:flex;gap:15px}#note-content{padding-top:18px}#note-content>.image-tools{position:sticky;top:-1px;background:white;z-index:1;padding:8px 0}#note-blocks{display:flex;flex-direction:column;gap:12px}#note-blocks textarea{display:block;width:100%;flex:none;min-height:96px;padding:10px 0;overflow:hidden;resize:none;line-height:1.8}.inline-image{margin:0;padding:8px;border:1px solid var(--line);border-radius:8px}.inline-image img{width:100%;max-height:400px;object-fit:contain}.inline-image figcaption{display:flex;justify-content:space-between;align-items:center}.inline-image a{font-size:12px;color:var(--green);text-decoration:none}