:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#243c32;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.file-button{cursor:pointer}button{border:1px solid #d8ded6;background:#fff;color:#355e4c;padding:10px 16px;border-radius:9px}button:hover{background:#edf1e9}button:disabled{opacity:.5;cursor:wait}.primary{background:#355e4c;color:white;border-color:#355e4c}.primary:hover{background:#284c3b}header{max-width:1120px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e6dc}.brand{text-decoration:none;color:inherit;font-size:23px;font-weight:650;display:flex;align-items:center;gap:10px}.brand b{background:#355e4c;color:#fff;width:35px;height:35px;text-align:center;border-radius:10px}.brand small{font-size:10px;letter-spacing:2px;margin-left:8px;color:#738476}#sync{font-size:12px;color:#718070}main{max-width:840px;margin:auto;padding:54px 24px}.panel{background:#fff;border:1px solid #dfe5da;border-radius:18px;padding:24px;box-shadow:0 5px 20px #203d2904}h2{font-size:16px;font-weight:550;margin:0}.panel p{font-size:13px;line-height:1.7;color:#738170}.panel-title,.composer-bottom,.list-head,.card-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title span,.hint{font-size:11px;color:#8b9688}textarea{display:block;resize:vertical;width:100%;min-height:155px;border:0;outline:none;line-height:1.8;padding:20px 0;color:#293d31;background:transparent}textarea::placeholder{color:#a0aa9b}.composer-bottom{border-top:1px solid #edf0e9;padding-top:18px}.file-button{font-size:13px;padding:8px 0}.hint{margin-right:auto}.list-head{margin:36px 0 20px}input{padding:12px;border:1px solid #e0e5dc;border-radius:9px;max-width:100%;background:#fcfdfb;outline-color:#72947a}.list-head input{width:210px;font-size:12px}.card{background:#fff;border:1px solid #e0e5dc;border-radius:14px;padding:22px;margin-bottom:14px}.card-head{font-size:11px;color:#8b9786}.content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin:18px 0}.content a{color:#355e4c}.card img{display:block;max-width:100%;max-height:360px;border-radius:8px;margin:16px 0;object-fit:contain}.card .actions{justify-content:flex-start}.card button{font-size:12px;padding:7px 12px}.card .delete{margin-left:auto;color:#9d786d;border-color:transparent}.empty{text-align:center;padding:50px;color:#8b9786;font-size:14px;border:1px dashed #d7dfd2;border-radius:14px}#auth{max-width:440px;margin:0 auto}#auth label{display:block;font-size:12px;margin:18px 0}#auth input{display:block;width:100%;margin-top:8px}#attachment img{max-height:100px;border-radius:8px;max-width:100%}#attachment{font-size:12px;color:#788875}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#283e32;color:white;padding:12px 22px;border-radius:10px;display:none;font-size:13px;max-width:90vw}.mobile{display:none}[hidden]{display:none!important}:focus-visible{outline:2px solid #6e9179;outline-offset:3px}@media(max-width:600px){header{padding:20px}.brand small{display:none}main{padding:34px 18px}.mobile{display:block}.panel{padding:18px}.hint{display:none}.list-head{gap:8px}.list-head input{width:160px}.card{padding:18px}#sync{font-size:10px}.composer-bottom{gap:8px}}

#auth{text-align:center;padding:32px 24px}.lock-symbol{font-size:36px;color:#7d9784;margin-bottom:16px}#auth #unlock{width:100%;margin-top:8px}#initialSetup{text-align:left}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

#auth .pin-wrap{position:relative;display:block;width:100%;max-width:336px;height:56px;margin:26px auto} .pin-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%;pointer-events:none}.pin-cells>span{display:flex;align-items:center;justify-content:center;min-width:0;background:#f4f6f0;border:1px solid #d8e0d3;border-radius:9px;font-size:26px;line-height:1;color:#355e4c}.pin-wrap:focus-within .pin-cells>span.active{border:2px solid #638b71;background:#fff}#auth #pin{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:20px;cursor:text;letter-spacing:normal}#auth .pin-wrap:focus-within{outline:2px solid #d1dfd1;outline-offset:5px;border-radius:9px}@media(max-width:380px){.pin-cells{gap:5px}#auth{padding:28px 18px}}

#text{margin:16px 0;min-height:160px;padding:14px 12px;border:1px solid #e6ebe2;border-radius:10px;background:#fafbf8;font-size:16px;line-height:1.7;appearance:none;-webkit-appearance:none}#text:focus,#text:focus-visible{outline:none;outline-offset:0;border-color:#a0b6a5;box-shadow:0 0 0 2px #edf3ec;background:#fff}.list-controls{display:flex;gap:8px;align-items:center;min-width:0}#refresh{font-size:12px;white-space:nowrap;min-width:76px;padding:11px 12px}#saveStatus:empty{display:none}@media(max-width:600px){.list-head{flex-wrap:wrap;align-items:center;row-gap:12px}.list-controls{width:100%}.list-head input{width:auto;flex:1;min-width:0;font-size:16px}#text{resize:none;min-height:145px}.list-head{margin-top:28px}#refresh{font-size:14px}}

.file-card{display:flex;flex-direction:column;gap:8px;margin:18px 0;padding:16px;border-radius:10px;background:#f6f8f2;overflow-wrap:anywhere}.file-card strong{font-size:14px;font-weight:500}.file-card small{color:#82917c}.card .actions{flex-wrap:wrap}.composer-bottom{flex-wrap:wrap}.composer-bottom .primary{margin-left:auto}@media(max-width:380px){.composer-bottom .primary{width:100%}}

.attachment-preview{position:relative;display:inline-block;margin:12px 0;max-width:100%}#attachment .attachment-preview img{display:block;max-height:140px;margin:0;border-radius:10px}.attachment-file{position:relative;padding:4px 46px 4px 12px;border:1px solid #e0e6da;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}.attachment-remove{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #ffffff99;border-radius:50%;background:#243c32dd;color:#fff;font-size:23px;line-height:1}.attachment-remove:hover{background:#243c32}.content.collapsed{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.text-toggle{font-size:12px;padding:4px 0;border:0;background:transparent;margin-bottom:12px}.card img{min-height:100px;background:#f5f7f0}.card{content-visibility:auto;contain-intrinsic-size:auto 240px}

.card .actions .text-toggle{margin:0;padding:7px 12px;border:1px solid #d8ded6;background:#fff;border-radius:9px;white-space:nowrap}

.delete-control{margin-left:auto;display:flex;align-items:center}.delete-confirm{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid #ecd7d1;border-radius:10px;background:#fff8f5}.card .delete-control .delete{margin:0}.card .delete-confirm .confirm-delete{background:#9b4d3d;color:#fff;border-color:#9b4d3d;white-space:nowrap}.card .delete-confirm .confirm-delete:hover{background:#843e30}.card .delete-confirm button{white-space:nowrap}.card .delete-confirm button:disabled{opacity:.6}

.list-tabs{display:flex;gap:8px;margin-top:28px}.list-tabs button{font-size:13px}.list-tabs button[aria-pressed="true"]{background:#355e4c;border-color:#355e4c;color:#fff}.list-tabs+.list-head{margin-top:18px}.card-head{align-items:flex-start}.card-flags{display:flex;gap:6px;flex-shrink:0}.card .icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;color:#8b9786}.icon-button svg{width:19px;height:19px}.card .icon-button.active{color:#355e4c;background:#edf3ec;border-color:#a0b6a5}.icon-button.active svg{fill:currentColor}.card.pinned{border-color:#a0b6a5}.card-head{line-height:1.7}

#unlock.is-loading{display:flex;align-items:center;justify-content:center;gap:10px;opacity:1;cursor:progress}#unlock.is-loading::before,.loading-records::before{content:"";display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:login-spin .8s linear infinite}.loading-records{display:flex;align-items:center;justify-content:center;gap:10px}@keyframes login-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#unlock.is-loading::before,.loading-records::before{animation:none}}
.card .image-thumbnail{display:block;width:fit-content;max-width:100%;padding:0;margin:16px 0;border:1px solid #e0e6da;border-radius:10px;overflow:hidden;background:#f5f7f0;cursor:zoom-in}.card .image-thumbnail img{display:block;width:auto;max-width:min(280px,100%);height:auto;max-height:200px;min-height:0;margin:0;border-radius:0;object-fit:contain}.image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:76px 20px 20px;border:0;background:#111c;box-sizing:border-box;color:white;overflow:auto}.image-viewer::backdrop{background:#111b}.image-viewer[open]{display:flex;align-items:center;justify-content:center}.image-viewer>img{display:block;max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain;touch-action:pinch-zoom}.image-viewer-toolbar{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;gap:12px}.image-viewer-toolbar span{margin-right:auto;font-size:13px}.image-viewer-toolbar button{background:#fff;color:#283e32;flex-shrink:0}.image-viewer-toolbar button:last-child{width:44px;height:44px;padding:0;font-size:28px;border-radius:50%}@media(max-width:600px){.card .image-thumbnail img{max-width:min(220px,100%);max-height:180px}.image-viewer{padding:80px 12px 20px}.image-viewer-toolbar{left:12px;right:12px;gap:8px}}
.note-editor{margin-top:16px}.note-editor textarea{box-sizing:border-box;width:100%;min-height:160px;padding:12px;border:1px solid #a0b6a5;border-radius:10px;background:#fafbf8;font:inherit;font-size:16px;line-height:1.7;resize:vertical}.note-editor small{display:block;text-align:right;color:#82917c;margin-top:6px}.note-editor p{font-size:13px;color:#9b4d3d;overflow-wrap:anywhere}.note-editor p:empty{display:none}.note-editor .actions{justify-content:flex-end}.note-editor button:disabled{opacity:.6}
.image-gallery,.photo-picker{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.card .image-gallery .image-thumbnail{margin:0;max-width:calc(50% - 5px)}.photo-choice{position:relative;width:108px;height:108px;background:#f5f7f0;border-radius:9px;overflow:hidden}.photo-choice img,.card .photo-choice img{width:100%;height:100%;min-height:0;margin:0;object-fit:cover}.photo-choice button{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0!important;border-radius:50%;background:#243c32dd;color:#fff;font-size:21px!important}.edit-photo-add{display:block;margin:12px 0;font-size:13px}.edit-photo-add input{display:block;margin-top:8px;max-width:100%}.photo-picker:empty{display:none}