:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100vh}button,input{font:inherit}.centered-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.centered-card{min-height:100vh;display:grid;place-items:center;color:#374151}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:grid;gap:.9rem}.auth-card h1{margin:0}.auth-card p{margin:0;color:#6b7280}.auth-card label{display:grid;gap:.35rem;font-size:.95rem}.auth-card input{border:1px solid #d1d5db;border-radius:8px;padding:.6rem .7rem}.auth-card button{border:1px solid #d1d5db;border-radius:8px;padding:.6rem .8rem;background:#111827;color:#fff;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:default}.auth-card .ghost-button{background:#fff;color:#111827}.error-text{color:#b91c1c;font-size:.9rem}.notes-layout{min-height:100vh;display:grid;grid-template-columns:320px 1fr}.sidebar{border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;min-height:100vh}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.sidebar-header h2{margin:0}.sidebar-header p{margin:.25rem 0 0;color:#6b7280;font-size:.85rem}.sidebar-header button,.logout-button,.empty-state button{border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:.45rem .7rem;cursor:pointer}.tabs-list{display:grid;gap:.5rem;padding:.75rem;overflow:auto;flex:1}.tab-item{border:1px solid #e5e7eb;border-radius:10px;padding:.6rem;display:grid;gap:.5rem;cursor:pointer}.tab-item.active{border-color:#111827;background:#f9fafb}.tab-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-actions{display:flex;gap:.35rem;flex-wrap:wrap}.tab-actions button{border:1px solid #d1d5db;border-radius:6px;background:#fff;padding:.15rem .45rem;cursor:pointer}.logout-button{margin:.75rem}.editor-pane{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-header h1{margin:0;font-size:1.2rem}.save-state{color:#6b7280;font-size:.85rem}.save-state.saving{color:#92400e}.save-state.saved{color:#166534}.save-state.error{color:#b91c1c}.editor-loading,.empty-state{border:1px dashed #d1d5db;border-radius:12px;padding:1rem;background:#fff}.editor-surface{min-height:70vh;border:1px solid #d1d5db;border-radius:12px;padding:1rem;background:#fff;line-height:1.5;overflow-wrap:anywhere}.editor-surface:focus{outline:none}.editor-surface p{margin:0 0 .8rem}.editor-surface img{max-width:100%;height:auto;border-radius:8px;margin:.5rem 0}.error-banner{padding:.75rem;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}@media(max-width:980px){.notes-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.editor-surface{min-height:50vh}}