.notes-app .note{border-radius:10px;flex-direction:column;min-height:340px;padding:.8em .8em .5em;display:flex;box-shadow:0 2px 5px 2px #0000001a}.note.expanded{height:auto;max-height:none;overflow:visible}.note-text.clamped{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.view-more{color:#1a1a1a;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:.9em;padding:0;font-weight:600;text-decoration:underline}.notes-app .note textarea{resize:none;background-color:#0000;border:none;outline:none;flex:1;width:100%;min-height:100px}.notes-app .note .footer{align-items:center;gap:5px;padding:.5em 0;display:flex}.notes-app .note .footer p{color:#555;flex:1;font-size:13px}.notes-app .note .footer button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:50%;outline:none;width:30px;height:30px}.footer{margin-top:auto}.note-title,.note-text{font-family:Patrick Hand,sans-serif}.note-title{font-size:2em}.note-text{font-size:1.5em}.notes-app .notes-container{padding:1.5em}.notes-app .notes-container .notes-list{grid-template-columns:repeat(3,1fr);align-items:start;gap:1em;margin-top:1em;display:grid}.empty-notes-message{text-align:center;color:#000;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;height:60vh;font-size:1.7rem;display:flex}.empty-notes-message p{margin:.25rem 0}@media (width<=480px){.notes-app .notes-container .notes-list{grid-template-columns:repeat(1,1fr)}}@media (width>=480px) and (width<=680px){.notes-app .notes-container .notes-list{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#fffdf7 0%,#fffaeb 20%,#fff6db 45%,#fff0c8 75%);font-family:Poppins,sans-serif}.notes-app{min-height:100vh}.header{border-bottom:1px solid #e0ddd5;justify-content:space-between;align-items:center;padding:1.5em 2em 2em 4em;display:flex}.header h1{color:#1a1a1a;letter-spacing:.5px;margin:0;font-family:Playfair Display,sans-serif;font-size:3.5em;font-weight:700}.header .add-note-btn{color:#fff8f2;cursor:pointer;background:#ff7e70;border:none;border-radius:8px;padding:.5em 1em;font-family:Poppins,sans-serif;font-size:1.3em;font-weight:500;transition:background .15s}.header .add-note-btn:hover{background:#d45546}.orange-dot{color:#ff7e70}.filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;padding:1.25em 2em;display:flex}.filter-pill{letter-spacing:2px;cursor:pointer;color:#1a1a1a;background:0 0;border:1.5px solid #1a1a1a;border-radius:999px;padding:.5em 1.1em;font-family:Patrick Hand,sans-serif;font-size:1.2em;font-weight:600;transition:background .15s,transform .1s}.filter-pill:hover{background:var(--hover-color);transform:translateY(-1px)}.filter-pill.active{background:var(--hover-color);border-width:2.5px;font-weight:700}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff3e0;border-radius:12px;flex-direction:column;gap:1em;width:90%;max-width:680px;padding:2em;display:flex}.modal h2{font-family:Playfair Display,sans-serif;font-size:2.3em;font-weight:700}.modal label{flex-direction:column;gap:.3em;font-size:1.1em;display:flex}.modal input,.modal select{border:1.5px solid #1a1a1a;border-radius:8px;padding:.5em}.fixed-content{resize:none;border:1.5px solid #1a1a1a;border-radius:8px;height:220px;padding:.5em;overflow-y:auto}.cream-input-background{background:#fffbf3}.modal input,.fixed-content{font-family:Patrick Hand,sans-serif;font-size:1.1em}.category-bubbles{flex-wrap:wrap;gap:.6em;display:flex}.category-bubble{letter-spacing:2px;cursor:pointer;color:#1a1a1a;border:2px solid #0000;border-radius:999px;padding:.5em 1.1em;font-family:Patrick Hand,sans-serif;font-size:1.1em;font-weight:600;transition:border .15s}.category-bubble.active{border-color:#1a1a1a;font-weight:900}.modal-actions{justify-content:flex-end;gap:.75em;display:flex}.modal-button{color:#fff8f2;cursor:pointer;background:#ff7e70;border:none;border-radius:8px;padding:.5em 1em;font-family:Poppins,sans-serif;font-size:.9em;font-weight:500;transition:background .15s}.modal-button :hover{background:#d45546}.error-banner{color:#7a1f1f;background:#fdd;border:1.5px solid #c0392b;border-radius:8px;justify-content:space-between;align-items:center;margin:1em 1.5em 0;padding:.8em 1.2em;font-family:Poppins,sans-serif;display:flex}.error-banner button{color:#7a1f1f;cursor:pointer;background:0 0;border:none;padding:0 .3em;font-size:1.1em}