/* main card */ .blob-container max-width: 1300px; width: 100%; background: rgba(255, 248, 235, 0.85); backdrop-filter: blur(2px); border-radius: 64px; box-shadow: 0 25px 45px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,215,170,0.5); padding: 1.8rem 2rem 2.5rem 2rem; transition: all 0.2s;
button:hover background: #d69a58; transform: scale(0.97); blob tree template
const branchDiv = document.createElement("div"); branchDiv.className = "branch"; branchDiv.innerHTML = `<div class="branch-title">$branch.label</div>`; /* main card */
// optional: save to localStorage so notes persist function loadPersistedNotes() { const stored = localStorage.getItem("blobtree_notes"); if (stored) { try savedNotes = JSON.parse(stored); catch(e) {} } const storedSelected = localStorage.getItem("blobtree_selected"); if (storedSelected && blobData.find(b => b.id == storedSelected)) currentSelectedId = parseInt(storedSelected); else // default first blob for preview currentSelectedId = 1; } box-shadow: 0 25px 45px rgba(0