.notes-app.s-bu0z28{background:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.login-screen.s-bu0z28{text-align:center;background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.login-icon.s-bu0z28{margin-bottom:1rem;font-size:4rem}.login-screen.s-bu0z28 h2:where(.s-bu0z28){color:#1d1d1f;margin:0 0 .5rem;font-size:2rem;font-weight:600}.login-screen.s-bu0z28 p:where(.s-bu0z28){color:#86868b;margin:0 0 2rem;font-size:1.1rem}.login-btn.s-bu0z28{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:20px;padding:.8rem 2rem;font-size:1rem;font-weight:500;transition:background .2s}.login-btn.s-bu0z28:hover{background:#0056b3}.notes-sidebar.s-bu0z28{background:#f5f5f7;border-right:1px solid #d1d1d6;flex-direction:column;flex-shrink:0;width:280px;display:flex}.sidebar-header.s-bu0z28{border-bottom:1px solid #d1d1d6;justify-content:space-between;align-items:center;padding:3rem 16px 12px;display:flex}.notes-title.s-bu0z28{align-items:center;gap:8px;display:flex}.notes-logo.s-bu0z28{object-fit:contain;border-radius:4px;width:20px;height:20px}.sidebar-header.s-bu0z28 h2:where(.s-bu0z28){color:#1d1d1f;margin:0;font-size:1.5rem;font-weight:600}.header-actions.s-bu0z28{align-items:center;gap:8px;display:flex}.new-note-btn.s-bu0z28,.logout-btn.s-bu0z28{color:#007aff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:1.2rem;transition:background .2s;display:flex}.new-note-btn.s-bu0z28:hover,.logout-btn.s-bu0z28:hover{background:#007aff1a}.logout-btn.s-bu0z28{color:#8e8e93}.logout-btn.s-bu0z28:hover{background:#0000000d}.notes-list.s-bu0z28{flex:1;overflow-y:auto}.note-item.s-bu0z28{cursor:pointer;border-bottom:1px solid #0000000d;padding:12px 16px;transition:background .2s}.note-item.s-bu0z28:hover{background:#0000000d}.note-item.active.s-bu0z28{color:#fff;background:#007aff}.note-title.s-bu0z28{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.note-meta.s-bu0z28{flex-direction:column;gap:2px;display:flex}.note-date.s-bu0z28{opacity:.7;font-size:12px}.note-preview.s-bu0z28{opacity:.6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notes-editor.s-bu0z28{background:#fff;flex-direction:column;flex:1;display:flex}.editor-header.s-bu0z28{border-bottom:1px solid #f0f0f0;justify-content:flex-end;padding:3rem 20px 8px;display:flex}.delete-btn.s-bu0z28{color:#ff3b30;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.delete-btn.s-bu0z28:hover{background:#ff3b301a}.note-content.s-bu0z28{resize:none;color:#1d1d1f;background:0 0;border:none;outline:none;flex:1;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6}.note-content.s-bu0z28::placeholder{color:#8e8e93}.empty-state.s-bu0z28{text-align:center;color:#8e8e93;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-icon.s-bu0z28{opacity:.7;margin-bottom:1rem;font-size:4rem}.empty-state.s-bu0z28 h3:where(.s-bu0z28){color:#1d1d1f;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.empty-state.s-bu0z28 p:where(.s-bu0z28){margin:0 0 2rem;font-size:15px}.create-note-btn.s-bu0z28{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:15px;font-weight:500;transition:background .2s}.create-note-btn.s-bu0z28:hover{background:#0056b3}.notes-list.s-bu0z28::-webkit-scrollbar{width:6px}.notes-list.s-bu0z28::-webkit-scrollbar-track{background:0 0}.notes-list.s-bu0z28::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:3px}.notes-list.s-bu0z28::-webkit-scrollbar-thumb:hover{background:#a1a1a6}