:root{--bg:#f6f7f9;--panel:#fff;--border:#e3e6ea;--text:#1c2430;--text-dim:#6b7684;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#12151a;--panel:#1a1f27;--border:#2a3140;--text:#e6eaf0;--text-dim:#8b95a5;--accent:#3b82f6;--accent-hover:#60a5fa;--danger:#f87171}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}.app{height:100%}.shell{flex-direction:column;width:100%;max-width:720px;height:100%;min-height:0;margin:0 auto;padding:1.25rem 1.25rem .75rem;display:flex}.topline{flex:none;align-items:center;gap:1rem;display:flex}.palette{flex:1;min-width:0;position:relative}.palette-input{background:var(--panel);border-radius:10px;width:100%;padding:.65rem .9rem}.palette-results{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:min(45vh,420px);padding:.3rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.palette-item{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem .7rem;transition:background-color .12s;display:flex}.palette-item:hover{background:var(--bg)}.palette-item.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}.palette-item.create{color:var(--accent);border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:2px;padding-top:.6rem}.palette-empty{color:var(--text-dim);text-align:center;padding:.75rem}.footer{border-top:1px solid var(--border);flex:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.6rem;display:flex}.footer-sep{color:var(--text-dim)}.user-email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.85rem;overflow:hidden}.note-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-date{color:var(--text-dim);flex:none;font-size:.75rem}.editor{flex-direction:column;flex:1;min-width:0;min-height:0;margin-top:1.25rem;display:flex}.editor-placeholder{text-align:center;color:var(--text-dim);width:100%;margin:auto}.editor-placeholder.browse{margin:0}.editor-placeholder .placeholder-sub{font-size:.9rem}.browse-list{text-align:left;flex-direction:column;gap:2px;margin-top:1rem;display:flex}.browse-list .palette-item:hover{background:var(--panel)}.editor-head{align-items:center;gap:1rem;display:flex}.editor-title{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:1.4rem;font-weight:700}.editor-content{color:inherit;font:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;line-height:1.6}.editor-footer{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-top:.75rem;display:grid}.editor-footer .editor-status{justify-self:start;align-items:center;gap:1rem;min-width:0;display:flex}.editor-footer .hint{color:var(--text-dim);flex:none;font-size:.85rem}.editor-footer .editor-meta{justify-self:center}.editor-footer .linklike{justify-self:end}.auth-wrap{place-items:center;height:100%;padding:1rem;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:360px;padding:2rem;display:flex}.auth-card h1{margin:0;font-size:1.5rem}.auth-sub{color:var(--text-dim);margin:0}.auth-card label{color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}input,textarea,.search{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:.5rem .7rem}input:focus,textarea:focus,.search:focus{border-color:var(--accent)}.error{color:var(--danger);margin:0;font-size:.85rem}.btn{font:inherit;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:var(--radius);cursor:pointer;padding:.5rem .9rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{border-color:var(--border)}.btn.danger{color:var(--danger)}.btn.block{width:100%}.linklike{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.linklike:hover{text-decoration:underline}.linklike.danger{color:var(--danger)}.editor-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;font-size:.75rem;overflow:hidden}