:root{--bg-main:#0b0f19;--bg-card:#151b2b;--accent-blue:#4a90e2;--accent-gradient:linear-gradient(135deg, #4a90e2 0%, #6c5ce7 100%);--text-main:#fff;--text-muted:#8a94a6;--border-color:#2a3446}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}#root{background-color:var(--bg-main);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:100%;max-width:480px;min-height:100vh;position:relative}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 4px 20px #0006}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 24px;font-weight:600}.bottom-nav{background-color:var(--bg-card);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;width:100%;max-width:480px;padding:10px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;font-size:12px;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-blue)}.nav-icon{margin-bottom:4px;font-size:20px}.note-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:15px}.note-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.note-actions button{cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:16px}.note-image{object-fit:cover;border-radius:8px;width:100%;max-height:200px;margin-top:10px}.add-note-form{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:12px}.add-note-form textarea{resize:none;border:none;outline:none;width:100%;min-height:60px;font-family:inherit;font-size:15px;color:var(--text-main)!important;background-color:#0000!important}.add-note-form textarea::placeholder{color:var(--text-muted)}.add-note-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.file-input-label{cursor:pointer;color:var(--accent-blue);font-size:20px}