body{background-color:#fdfcf9;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png),url(https://www.transparenttextures.com/patterns/natural-paper.png),url(https://www.transparenttextures.com/patterns/natural-paper.png);background-position:0px 0px,40px 60px,80px 20px;background-repeat:repeat;color:#2a2724;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--accent: #7BA08A;--accent-light: #A1C2AE;--accent-pale: #E7F1EB;--accent-dark: #5B7B68}.glass-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.notes-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;align-items:start}@media(min-width:768px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.notes-grid{grid-template-columns:repeat(3,1fr)}}.note-card{cursor:pointer;background-color:#fff;border-radius:24px;padding:2.2rem 2.2rem 1.8rem;position:relative;overflow:hidden;border:1px solid rgba(42,39,35,.1);box-shadow:0 2px 12px #2a27230f;transition:all .3s ease;display:flex;flex-direction:column;min-height:260px}.note-card:hover{background:#f1f8f4;border-color:#a1c2ae;transform:translateY(-4px);box-shadow:0 14px 28px -10px #7ba08a2e}.note-card:hover .card-title,.note-card:hover .card-draft-icon{color:var(--accent)}.card-expand{position:absolute;top:1.1rem;right:1.1rem;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;color:#2a272347;font-size:.75rem;line-height:1}.note-card:hover .card-expand{opacity:1;transform:scale(1)}.card-draft-icon{color:#2a2724;margin-bottom:1rem;flex-shrink:0;transition:color .3s ease}.card-title{font-family:EB Garamond,serif;font-size:1.45rem;font-weight:500;line-height:1.3;color:#2a2724;margin-bottom:.65rem;transition:color .3s ease}.card-body{font-family:EB Garamond,serif;font-size:1.01rem;line-height:1.65;color:#2a272380;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.card-footer{margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(42,39,35,.06);display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.card-tag{background:var(--accent-pale);color:var(--accent);font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.card-tag-neutral{background:#2a27230d;color:#2a272380;font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.card-status-raw{background:#fff3e0;color:#b06a00}.card-status-refine{background:var(--accent-pale);color:var(--accent)}.card-status-meta{background:#e8f5e9;color:#2e7d32}.dot-rating{display:flex;gap:5px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent-pale);border:1.5px solid var(--accent-light);transition:background .2s}.dot.filled{background:var(--accent);border-color:var(--accent)}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes sidebarIn{to{opacity:1;transform:translateY(0)}}@keyframes drawSwoosh{to{stroke-dashoffset:0}}.modal-card{background-color:#fdfcf9;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);animation:cardIn .5s cubic-bezier(.16,1,.3,1) forwards}.modal-title-text{opacity:0;animation:textReveal .6s cubic-bezier(.16,1,.3,1) .1s forwards}.modal-reveal{opacity:0;animation:textReveal .5s cubic-bezier(.16,1,.3,1) .28s forwards}.draw-line path{stroke-dasharray:600;stroke-dashoffset:600;animation:drawStroke 1.1s cubic-bezier(.22,1,.36,1) .18s forwards}.sidebar-block{opacity:0;transform:translateY(12px);animation:sidebarIn .45s cubic-bezier(.16,1,.3,1) forwards}.sidebar-block:nth-child(1){animation-delay:.2s}.sidebar-block:nth-child(2){animation-delay:.32s}.sidebar-block:nth-child(3){animation-delay:.44s}.swoosh-path{stroke-dasharray:100;stroke-dashoffset:100}.animate-draw-line{animation:drawSwoosh .8s ease-out .4s forwards}.hand-underline-sm{position:relative;display:inline-block}.props-close:hover{background:var(--accent-pale);color:var(--accent);border-color:var(--accent-light)}.props-header-divider{height:1px;margin:0 1.8rem;background:linear-gradient(90deg,rgba(123,160,138,.2),transparent);flex-shrink:0}.props-body{overflow-y:auto;padding:1.2rem 1.8rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:0}.props-body::-webkit-scrollbar{width:4px}.props-body::-webkit-scrollbar-thumb{background:#7ba08a33;border-radius:10px}.prop-row{padding:.9rem .6rem;border-bottom:1px solid rgba(42,39,35,.05);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.prop-row.full-width{grid-column:1 / -1}.prop-row.row-span-2{grid-row:span 2;border-bottom:none}#props-overlay.open .prop-row{opacity:1;transform:translateY(0)}.star-filter{transition:all .25s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0}.star-filter.active{color:var(--accent)!important;opacity:1!important}.star-filter.active svg{color:var(--accent)!important}.star-filter.active svg path{fill:var(--accent)!important;fill-opacity:.7!important;stroke:var(--accent)!important}.star-filter:not(.active){color:#a39985!important;opacity:.45!important}.star-filter:not(.active) svg path{fill:#a39985!important;fill-opacity:.12!important;stroke:#a39985!important}.star-filter:hover{transform:scale(1.12)}#bottom-bar{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}#bottom-bar.hidden-bar{transform:translateY(120%);opacity:0;pointer-events:none}.modal-scrollbar::-webkit-scrollbar{width:4px}.modal-scrollbar::-webkit-scrollbar-track{background:transparent}.modal-scrollbar::-webkit-scrollbar-thumb{background-color:#7ba08a33;border-radius:10px}