:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-input: #d1d5db;--color-text: #1f2937;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-inverted: #ffffff;--color-ink: #111827;--color-active-bg: #f9fafb;color:var(--color-text);background:var(--color-bg)}[data-theme=dark]{--color-bg: #111827;--color-surface: #1f2937;--color-border: #374151;--color-border-input: #4b5563;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-text-inverted: #111827;--color-ink: #f9fafb;--color-active-bg: #374151}*{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:var(--color-text-secondary)}.auth-card{width:min(420px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:grid;gap:.9rem}.auth-card h1{margin:0}.auth-card p{margin:0;color:var(--color-text-muted)}.auth-card label{display:grid;gap:.35rem;font-size:.95rem}.auth-card input{border:1px solid var(--color-border-input);border-radius:8px;padding:.6rem .7rem;background:var(--color-surface);color:var(--color-text)}.auth-card input:focus{outline:none;border-color:var(--color-ink)}.auth-card button{border:1px solid var(--color-border-input);border-radius:8px;padding:.6rem .8rem;background:var(--color-ink);color:var(--color-text-inverted);cursor:pointer}.auth-card button:hover:not(:disabled){background:var(--color-active-bg);color:var(--color-text)}.auth-card button:disabled{opacity:.5;cursor:default}.auth-card .ghost-button{background:var(--color-surface);color:var(--color-ink)}.auth-card .ghost-button:hover:not(:disabled){background:var(--color-active-bg);color:var(--color-text)}.error-text{color:#f85149;font-size:.9rem}.notes-layout{min-height:100vh;display:grid;grid-template-columns:320px 1fr}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);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 var(--color-border)}.sidebar-header h2{margin:0}.sidebar-header p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.85rem}.sidebar-header button,.logout-button,.empty-state button{border:1px solid var(--color-border-input);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:.45rem .7rem;cursor:pointer}.sidebar-header button:hover,.logout-button:hover,.empty-state button:hover{background:var(--color-active-bg)}.tabs-list{display:grid;gap:.5rem;padding:.75rem;overflow:auto;flex:1}.tab-item{border:1px solid var(--color-border);border-radius:10px;padding:.6rem;display:grid;gap:.5rem;cursor:pointer}.tab-item:hover{background:var(--color-active-bg)}.tab-item.active{border-color:var(--color-ink);background:var(--color-active-bg)}.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 var(--color-border-input);border-radius:6px;background:var(--color-surface);color:var(--color-text);padding:.15rem .45rem;cursor:pointer}.tab-actions button:hover{background:var(--color-active-bg)}.logout-button{margin:.75rem}.editor-pane{background:var(--color-bg);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:var(--color-text-muted);font-size:.85rem}.save-state.saving{color:#d29922}.save-state.saved{color:#3fb950}.save-state.error{color:#f85149}.editor-loading,.empty-state{border:1px dashed var(--color-border-input);border-radius:12px;padding:1rem;background:var(--color-surface)}.editor-surface{min-height:70vh;border:1px solid var(--color-border-input);border-radius:12px;padding:1rem;background:var(--color-surface);color:var(--color-text);line-height:1.5;overflow-wrap:anywhere}.editor-surface:focus{outline:none;border-color:var(--color-ink)}.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 #6e2a2a;background:#2d1b1b;color:#f85149}.theme-toggle{border:1px solid var(--color-border-input);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:.3rem .55rem;cursor:pointer;font-size:1rem;line-height:1}.sidebar-nav{display:flex;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border)}.nav-item{flex:1;border:1px solid var(--color-border-input);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);padding:.35rem .5rem;cursor:pointer;font-size:.9rem;text-align:center}.nav-item.active{background:var(--color-ink);color:var(--color-text-inverted);border-color:var(--color-ink)}.files-pane{display:flex;flex-direction:column;gap:.75rem}.files-drop-zone{border:2px dashed var(--color-border-input);border-radius:12px;padding:2rem 1rem;text-align:center;color:var(--color-text-muted);cursor:pointer;background:var(--color-surface);transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.files-drop-zone:hover,.files-drop-zone:focus{outline:none;border-color:var(--color-ink);color:var(--color-text)}.files-drop-zone.drag-over{border-color:var(--color-ink);background:var(--color-active-bg);color:var(--color-text)}.files-drop-zone.uploading{cursor:default;opacity:.7}.files-list{display:flex;flex-direction:column;gap:.4rem}.file-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid var(--color-border);border-radius:10px;padding:.6rem .75rem;background:var(--color-surface)}.file-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.file-name{color:var(--color-text);text-decoration:none;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name:hover{text-decoration:underline}.file-meta{color:var(--color-text-muted);font-size:.8rem}.file-row-actions{display:flex;gap:.4rem;flex-shrink:0}.file-action-btn{border:1px solid var(--color-border-input);border-radius:6px;background:var(--color-surface);color:var(--color-text);padding:.2rem .5rem;cursor:pointer;font-size:.85rem;text-decoration:none;display:inline-block}.file-action-btn:hover{background:var(--color-active-bg)}.file-delete-btn{color:#b91c1c;border-color:#fecaca}.file-delete-btn:hover{background:#fef2f2}@media(max-width:980px){.notes-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.editor-surface{min-height:50vh}}