.note-card{position:absolute;width:210px;min-height:148px;padding:14px;border-radius:4px;background:var(--card-bg,#f6df89);box-shadow:0 14px 25px rgba(57,45,28,.16),0 2px 3px rgba(57,45,28,.08);transform:rotate(var(--rotation,0deg));cursor:pointer;transition:left .42s cubic-bezier(.22,.75,.2,1),top .42s cubic-bezier(.22,.75,.2,1),box-shadow .18s}
.note-card::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:7px;transform:translateX(-50%);background:rgba(60,50,35,.48)}
.note-card:hover{z-index:12!important;box-shadow:0 20px 31px rgba(57,45,28,.23)}.note-card.dimmed{opacity:.07;pointer-events:none}.note-card.being-moved{z-index:50!important;cursor:grabbing;transition:none;box-shadow:0 25px 45px rgba(57,45,28,.3)}
.card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin:6px 0 8px}.category-tag{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.card-time{font-size:8px;opacity:.55;white-space:nowrap}.verify-badge{font-size:8px;color:#2e6150;font-weight:900}
.note-card h3{font-family:Georgia,serif;font-size:20px;line-height:1.05;margin:0 0 7px}.note-card p{font-size:11px;line-height:1.35;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{font-size:9px;opacity:.65}.nick{font-weight:900}
.instant-photo{position:absolute;z-index:5;right:-25px;top:42px;width:94px;background:#fbfaf5;padding:6px 6px 18px;box-shadow:0 9px 16px rgba(48,39,26,.2);transform:rotate(5deg);pointer-events:none}.instant-photo img{display:block;width:82px;height:68px;object-fit:cover}.photo-tape{position:absolute;left:50%;top:-7px;width:48px;height:14px;transform:translateX(-50%) rotate(-2deg);background:rgba(221,208,174,.82)}
.note-card.has-photo:not(.read-card) h3,.note-card.has-photo:not(.read-card) p{padding-right:54px}
.read-fold{display:none}.note-card.read-card{height:92px!important;min-height:92px!important;padding:9px 14px 11px}.note-card.read-card p{display:none!important}.note-card.read-card .card-topline{margin:0 98px 0 0;min-height:16px}.note-card.read-card .card-time,.note-card.read-card .verify-badge{display:none}.note-card.read-card .category-tag{font-size:8px}.note-card.read-card h3{margin:5px 98px 0 0;font-size:15px;line-height:1.03;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card.read-card .card-bottom{position:absolute;left:14px;right:100px;bottom:9px;font-size:8px}
.note-card.read-card .instant-photo{right:7px;top:50%;width:88px;padding:5px 5px 16px;transform:translateY(-50%) rotate(4deg)}.note-card.read-card .instant-photo img{width:78px;height:66px}.note-card.read-card::after{content:"✓";position:absolute;z-index:9;right:5px;top:5px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(31,36,32,.82);color:#fff;font-size:10px;font-weight:900}.note-card.read-card .read-fold{display:block;position:absolute;left:0;right:0;bottom:-1px;height:28px;clip-path:polygon(0 44%,47% 18%,100% 48%,100% 100%,0 100%);background:linear-gradient(178deg,rgba(255,255,255,.34),rgba(62,52,36,.11)),var(--card-bg)}

.note-card.focus-new{z-index:60!important;animation:newCardPulse .9s ease}
@keyframes newCardPulse{0%,100%{filter:none}40%{filter:brightness(1.12);box-shadow:0 0 0 8px rgba(255,255,255,.38),0 24px 42px rgba(57,45,28,.3)}}