*{box-sizing:border-box;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafafa;color:#1a1a1a}.app{min-height:100vh}.column{max-width:640px;margin:0 auto;padding:48px 16px 96px;display:flex;flex-direction:column;gap:8px}.note{text-align:left;background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:12px 30px 12px 14px;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative}.note:hover{border-color:#bbb}.note.selected,.note:focus-visible{border-color:#0a84ff;outline:none;box-shadow:0 0 0 1px #0a84ff}.note-body{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical}.note-date{font-size:11px;color:#999}.note-routing{font-size:11px;color:#8a7ddf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-flag{position:absolute;top:8px;right:10px;font-size:13px;line-height:1;color:transparent;padding:2px 4px;border-radius:4px;transition:color .12s ease-out}.note:hover .note-flag{color:#ddd}.note-flag:hover{color:#f0a92e!important;background:#faf6ef}.note:hover .note-flag.on{color:#f0a92e}.flag-icon{width:11px;height:11px;display:inline-block;vertical-align:-1px}.note-date.priority{color:#c98410;display:inline-flex;align-items:center;gap:4px}.note-section{display:flex;flex-direction:column;gap:8px}.section-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.06em;margin:8px 4px 0}.section-head span:first-child{display:inline-flex;align-items:center;gap:5px}.section-head.priority{color:#c98410}.section-count{font-weight:500;color:#bbb}.list-count{text-align:center;font-size:11px;color:#aaa;padding:10px 0 4px}.list-bar{display:flex;justify-content:flex-end;margin:-2px 2px 0}.switch{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#777;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:30px;height:18px;border-radius:99px;background:#d5d5d5;position:relative;transition:background .15s}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s}.switch input:checked+.track{background:#34c759}.switch input:checked+.track:after{left:14px}.switch input:focus-visible+.track{box-shadow:0 0 0 2px #0a84ff}.empty{color:#999;text-align:center;padding:48px 0}.compose{color:#999;font-size:15px;margin-bottom:10px}@keyframes note-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.note{animation:note-in .2s ease-out}.sync-banner{background:#fff3cd;color:#664d03;text-align:center;padding:6px;font-size:13px}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px}.editor{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:80vh;padding:12px;display:flex;flex-direction:column;gap:10px}.editor textarea{font:inherit;border:none;outline:none;resize:none;field-sizing:content;min-height:120px;max-height:calc(80vh - 70px);overflow-y:auto}.editor .routing-field{font:inherit;font-size:12px;color:#8a7ddf;border:none;outline:none;border-top:1px solid #eee;padding-top:8px}.editor .routing-field::placeholder{color:#bbb}.editor .priority-field{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;padding-top:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.editor .priority-field input{margin:0;cursor:pointer}.editor-actions{display:flex;justify-content:flex-end;gap:8px}.editor-actions button,.token-gate button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}button.primary{background:#0a84ff;border-color:#0a84ff;color:#fff}button.danger{color:#c00;border-color:#c00}button:disabled{opacity:.5;cursor:default}.token-gate{max-width:360px;margin:20vh auto 0;display:flex;flex-direction:column;gap:12px;padding:0 16px}.token-gate input{font:inherit;padding:8px 10px;border:1px solid #ccc;border-radius:8px}::view-transition-group(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}