:root{color-scheme:light;--bg:#f8f9f6;--paper:#fff;--ink:#292f2c;--muted:#858b84;--line:#e4e7e0;--accent:#42614b;--soft:#edf2e9;--error:#ab3e39;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid transparent;background:none;color:inherit;border-radius:7px;min-height:40px;padding:7px 13px;transition:background .15s,border-color .15s}button:hover{background:#edf0e9}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #6c8c6f;outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}input,select{min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #c7d6c3;outline-offset:1px}label,.field-label{display:block;font-size:.8rem;font-weight:550;color:#62695f}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:2.05rem;font-weight:550;line-height:1.3}h2{font-size:1rem;font-weight:600}small{font-size:.72rem;font-weight:400;color:var(--muted)}.page{max-width:824px;margin:auto;padding:0 30px 30px}.page-title{font-size:1.1rem;font-weight:600;letter-spacing:0}#composer{margin-top:24px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 26px;border-bottom:1px solid var(--line)}.quiet{font-size:.8rem;color:#6a7266;padding:5px 9px}.muted{color:var(--muted);font-size:.86rem}.editor-shell{background:var(--paper);border:1px solid #dfe4d9;border-radius:12px;box-shadow:0 3px 8px #26342003;overflow:visible}.editor-title{display:flex;justify-content:space-between;align-items:center;padding:17px 22px 9px;font-size:.72rem;color:#717b6a}.toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:5px 14px 10px;border-bottom:1px solid #f0f1ed}.toolbar button{min-width:35px;min-height:36px;padding:4px 7px;font-size:.9rem}.toolbar select{font-size:.77rem;padding:5px 7px;min-height:34px;border:0;background:transparent;max-width:108px}.toolbar .separator{height:18px;width:1px;background:var(--line);margin:0 5px}.toolbar button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.editor{min-height:135px;padding:20px 22px;outline:none!important;overflow-wrap:anywhere;caret-color:var(--accent)}.editor .block{min-height:25px;position:relative;line-height:1.65}.editor .block[data-type=h1]{font-size:1.6rem;font-weight:650;line-height:1.4;margin:8px 0}.editor .block[data-type=h2]{font-size:1.22rem;font-weight:600;margin:6px 0}.editor .text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:25px}.editor .block.list-block{padding-left:25px}.editor .marker{position:absolute;left:0;top:0;user-select:none;color:#8b9385;min-width:19px;min-height:25px;text-align:left;padding:0;border-radius:3px;line-height:25px}.editor .marker.task-marker{font-size:1rem;color:var(--accent)}.editor[data-empty=true] .block:first-child .text:before{content:"Write a note…";color:#a1a79b;pointer-events:none;position:absolute}.editor figure{position:relative;margin:12px 0;padding:0}.editor figure img{max-width:100%;max-height:360px;border-radius:7px;display:block}.image-remove{position:absolute;right:8px;top:8px;background:white;box-shadow:0 1px 8px #0002;min-width:35px}.editor-bottom{padding:0 22px 15px}.metadata-row{border-top:1px solid #f0f1ed;padding:10px 0;display:flex;align-items:flex-start;gap:13px}.metadata-row>label{width:77px;flex-shrink:0;padding-top:8px;font-size:.72rem;color:#88917f;font-weight:400}.metadata-control{flex:1;min-width:0;position:relative}.metadata-control>input{border:0;padding:5px 0;font-size:.78rem;width:100%;background:transparent}.metadata-control>input:focus{outline:none}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;gap:7px;align-items:center;font-size:.7rem;border:1px solid #e2e8db;background:#f3f6ef;color:#657559;padding:3px 9px;border-radius:5px;min-height:27px;max-width:100%;overflow-wrap:anywhere}.chip button{padding:0;min-height:20px;min-width:20px;color:#8c9984}.chip.selected{background:var(--accent);border-color:var(--accent);color:white}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 7px 18px #0001;max-height:220px;overflow:auto}.suggestions button{display:block;width:100%;text-align:left;font-size:.8rem;overflow-wrap:anywhere;border-radius:0}.suggestions p{font-size:.8rem;padding:10px;color:var(--muted)}.editor-actions{display:flex;align-items:center;justify-content:space-between;padding-top:5px;gap:10px}.editor-actions>div{display:flex;gap:7px}.primary{background:var(--accent);color:white;border-color:var(--accent);font-size:.78rem;padding:8px 17px}.primary:hover{background:#344e3c}.secondary{background:white;border-color:var(--line);font-size:.8rem}.danger{background:#ab3e39;color:white;font-size:.8rem}.status{font-size:.77rem;color:var(--muted);min-height:0}.status:not(:empty){padding:8px 0}.error{color:var(--error)!important}.upload-progress{width:100%;height:5px;accent-color:var(--accent)}.collection{margin-top:34px}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.collection-header h2{font-size:.82rem;letter-spacing:.1px}.collection-header h2 span{font-size:.68rem;color:#9aa18f;margin-left:6px;font-weight:400}.filter-toggle span:first-child{font-size:1.2rem;margin-right:3px}.filter-panel{border:1px solid var(--line);background:#f0f3ec;border-radius:9px;padding:17px;margin-bottom:20px}.filter-panel>input{width:100%;margin-top:6px}.filter-tags-label{display:flex;justify-content:space-between;align-items:center;margin:10px 0 7px}.filter-tags-label small{margin-left:6px}.note-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:21px 23px;margin-bottom:14px;scroll-margin-top:20px}.note-card:target,.note-card.highlight{border-color:#819477;box-shadow:0 0 0 3px #d9e4d0}.note-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.note-top time{font-size:.68rem;color:#9aa190;letter-spacing:.15px}.note-menu{display:flex;gap:1px}.note-menu button{font-size:.7rem;min-height:28px;padding:1px 7px;color:#8a9282}.note-content{font-size:.9rem;line-height:1.75;overflow-wrap:anywhere}.note-content h1{font-size:1.5rem;letter-spacing:-.5px;margin:9px 0 5px}.note-content h2{font-size:1.1rem;margin:8px 0 5px}.note-content p{min-height:1.6em;margin:4px 0}.note-content figure{margin:15px 0}.note-content img{display:block;max-width:100%;max-height:500px;object-fit:contain;border-radius:6px}.note-content .note-list{margin-top:0;margin-bottom:0;padding-left:23px}.task-row{display:flex;align-items:flex-start;gap:10px;min-height:28px}.task-row input{accent-color:var(--accent);margin:6px 0 0;width:15px;height:15px;cursor:pointer;flex-shrink:0}.task-row.completed>div{text-decoration:line-through;color:#9ba293}.note-tags{margin-top:17px}.related-display{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid #f0f2eb}.related-display>span{font-size:.68rem;color:var(--muted);margin-right:4px}.related-display a{font-size:.73rem;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.related-display a:hover{text-decoration:underline}.empty-state{text-align:center;border:1px dashed #dce2d5;border-radius:10px;padding:20px;color:#9ba38f}.empty-state h3{font-size:.93rem;font-weight:500;color:#76836b}.empty-state p{font-size:.8rem;margin-top:7px}.load-more{display:block;margin:22px auto}.indent-0{margin-left:0}.indent-1{margin-left:24px!important}.indent-2{margin-left:48px!important}.indent-3{margin-left:72px!important}.indent-4{margin-left:96px!important}.indent-5{margin-left:120px!important}.indent-6{margin-left:144px!important}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;width:min(460px,calc(100% - 28px));color:var(--ink)}dialog::backdrop{background:#22301d55}dialog h2{font-size:1.2rem;margin-bottom:15px}dialog input{width:100%;margin:6px 0 10px}.dialog-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(100%,380px)}.login-card form{margin-top:30px}.login-card label{margin:16px 0 5px}.login-card input{width:100%}.login-card .primary{width:100%;margin-top:22px;display:flex;justify-content:space-between}.notice{border:1px solid var(--line);padding:12px;border-radius:7px;font-size:.8rem;margin-top:20px}[hidden]{display:none!important}
@media(max-width:600px){.page{padding:0 18px 24px}.page-header{padding:20px 0}h1{font-size:1.7rem}.editor-title{padding:14px 15px 7px}.toolbar{padding:4px 8px 8px;gap:0}.toolbar button{min-width:40px;min-height:44px}.toolbar .separator{margin:0 2px}.editor{padding:16px;min-height:155px}.editor-bottom{padding:0 15px 14px}.metadata-row{gap:6px}.metadata-row>label{width:64px}.note-card{padding:17px}.note-menu button{min-height:36px;min-width:40px}.task-row input{width:19px;height:19px;margin-top:5px}.collection{margin-top:26px}.indent-1{margin-left:18px!important}.indent-2{margin-left:36px!important}.indent-3{margin-left:54px!important}.indent-4{margin-left:72px!important}.indent-5{margin-left:90px!important}.indent-6{margin-left:108px!important}.filter-tags-label small{display:block;margin:0}.filter-toggle{font-size:.74rem}.editor-actions .hint{font-size:.64rem}.note-content{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){.metadata-control>input,.filter-panel>input,.login-card input,dialog input{font-size:16px}.metadata-control>input::placeholder{font-size:.78rem}}