*{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 14px;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px}.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}.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-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)}