h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;color:azure;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}:root{--bg: #0d0a1a;--card: linear-gradient(145deg, #3b006e, #1f013c);--muted: #9ca3af;--accent: #a855f7;--danger: #e54b77;--border: #4b2b63;--shadow: 0 0 20px rgba(168, 85, 247, .25);--radius: 10px;--gap: 12px;--font-color: #f8f8ff}*{box-sizing:border-box;margin:0;padding:0;color:var(--font-color)}.background-wrapper{height:100vh;width:100vw;background-color:#000;position:relative;overflow:hidden}.background-wrapper:before{content:"";position:absolute;inset:0;z-index:0;background:#000;background-image:radial-gradient(circle at 1px 1px,rgba(139,92,246,.2) 1px,transparent 0),radial-gradient(circle at 1px 1px,rgba(59,130,246,.18) 1px,transparent 0),radial-gradient(circle at 1px 1px,rgba(236,72,153,.15) 1px,transparent 0);background-size:20px 20px,30px 30px,25px 25px;background-position:0 0,10px 10px,15px 5px}.foreground{position:relative;z-index:10}.container{max-width:900px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:400px;margin-bottom:16px}h2{margin-bottom:12px;font-size:20px;letter-spacing:-.2px}.meta{color:var(--muted);font-size:13px}.auth-form{display:grid;gap:var(--gap);width:100%}.auth-form input,.note-input textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;outline:none;font-size:14px;background:var(--bg)}.auth-form input:focus,.note-input textarea:focus{box-shadow:0 0 0 4px #a855f726;border-color:var(--accent)}.note-input{display:flex;flex-direction:column;gap:8px}.note-input textarea{min-height:90px;max-height:220px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:10px;padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;background:var(--accent);color:#fff;box-shadow:0 6px 12px #a855f740;transition:transform .08s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.small{padding:8px 10px;font-size:13px}.notes-section{width:100%;max-width:1200px;margin:0 auto;padding:20px}.notes-grid{display:flex;flex-wrap:wrap;gap:12px;width:100%}.note-card{flex:1 1 calc(25% - 12px);min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;min-height:64px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.note-card p{margin:0;font-size:14px;white-space:pre-wrap;word-break:break-word}.row{display:flex;align-items:center;gap:12px}.align-right{margin-left:auto}@media (max-width: 768px){.note-card{flex:1 1 calc(50% - 12px)}}@media (max-width: 480px){.note-card{flex:1 1 100%}h2{font-size:18px}}