*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}html,body{background:#fff;min-height:100%;margin:0}body{font-size:16px;line-height:1.5}a{color:#111}a:hover{color:#666}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #111}main{width:100%;max-width:640px;margin:0 auto;padding:32px 20px}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:28px;line-height:1.2}h2{margin-bottom:16px;font-size:20px;line-height:1.3}.auth-main{max-width:440px}.page-header,.section-header,.note-row,.form-actions,.auth-links{align-items:center;display:flex}.page-header,.section-header{justify-content:space-between;gap:16px}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:0}.section-header{margin-bottom:12px}.section-header h2{margin-bottom:0}.subtle{color:#666}.small{font-size:14px}.stack{gap:16px;display:grid}.form-field{gap:6px;display:grid}.form-field label{font-weight:700}input,textarea{color:#111;background:#fff;border:1px solid #999;border-radius:0;width:100%;padding:9px 10px}textarea{resize:vertical;min-height:220px}input:disabled,textarea:disabled,button:disabled{cursor:not-allowed;color:#666;background:#f5f5f5}.button,button.button{color:#fff;cursor:pointer;background:#000;border:1px solid #111;border-radius:0;padding:9px 14px;text-decoration:none;display:inline-block}.button:hover,button.button:hover{color:#fff;background:#333}.button.secondary,button.button.secondary{color:#111;background:#fff}.button.secondary:hover,button.button.secondary:hover{color:#111;background:#f5f5f5}.button.danger,button.button.danger{color:#8a0000;background:#fff;border-color:#8a0000}.button.danger:hover,button.button.danger:hover{color:#8a0000;background:#f5f5f5}.form-actions{flex-wrap:wrap;gap:12px}.error-message{color:#8a0000;margin:0}.success-message{color:#176b2c;margin:0}.auth-links{flex-wrap:wrap;gap:6px;margin-top:20px}.notes-list{border-top:1px solid #ddd}.note-row{border-bottom:1px solid #ddd;justify-content:space-between;gap:16px;padding:16px 0;text-decoration:none}.note-row:hover{color:#111;background:#f5f5f5}.note-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.note-row-date{color:#666;flex:none;font-size:14px}.empty-state,.loading-state{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px 0}.empty-state p,.loading-state p{margin-bottom:0}.note-meta{color:#666;margin-bottom:20px;font-size:14px}.back-link{margin-bottom:20px;display:inline-block}@media (max-width:480px){main{padding:24px 16px}.page-header,.section-header{flex-direction:column;align-items:flex-start}.note-row{flex-direction:column;align-items:flex-start;gap:4px}}