:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f0;--panel:#fff;--text:#1a1a1a;--muted:#767676;--border:#e0e0da;--accent:#2f6f4f;--danger:#b3432b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px}button:disabled{opacity:.6;cursor:default}.link-button{color:var(--accent);background:0 0;padding:4px 6px}.link-button.danger{color:var(--danger)}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:10px}.center-screen{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.auth-screen{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.auth-form{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.auth-subtitle{color:var(--muted);margin:-8px 0 4px}.auth-error{color:var(--danger);margin:0;font-size:14px}.auth-message{color:var(--accent);margin:0;font-size:14px}.app-shell{grid-template-columns:320px 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;display:flex;overflow-y:auto}.sign-out{align-self:flex-start;margin:12px 16px}.notes-list{flex:1;padding:12px}.notes-list-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notes-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.notes-list li{cursor:pointer;border-radius:10px;padding:10px 12px;position:relative}.notes-list li:hover{background:var(--bg)}.notes-list li.active{background:var(--accent);color:#fff}.notes-list li.active .note-list-preview{color:#fffc}.note-list-title{font-weight:600}.note-list-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.shared-badge{background:#00000014;border-radius:999px;margin-top:4px;padding:2px 6px;font-size:11px;display:inline-block}.detail{overflow-y:auto}.note-editor{flex-direction:column;height:100%;padding:16px;display:flex}.note-editor-toolbar{gap:8px;margin-bottom:8px;display:flex}.back-button{display:none}.note-title-input{background:0 0;border:none;padding:8px 0;font-size:22px;font-weight:700}.note-title-input:focus{outline:none}.note-content-input{resize:none;background:0 0;border:none;flex:1;font-size:16px;line-height:1.5}.note-content-input:focus{outline:none}.dialog-backdrop{background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:16px;width:100%;max-width:400px;padding:20px}.share-form{gap:8px;margin:12px 0;display:flex}.share-form input{flex:1}.share-list{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.share-list li{align-items:center;gap:8px;font-size:14px;display:flex}.permission-tag{color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 8px;font-size:12px}.share-list .empty{color:var(--muted)}.close-button{width:100%}.empty{color:var(--muted);font-size:14px}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none}.app-shell.detail-open .sidebar,.app-shell:not(.detail-open) .detail{display:none}.back-button{display:inline-block}}