.hsf-note{--hsf-note-card:300px;--hsf-note-cols:3;--hsf-n-line:#e6e9ec;--hsf-n-ink:#1d1f20;--hsf-n-mute:#6b7075;--hsf-n-steel:#5980a6;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;color:var(--hsf-n-ink);position:relative}.hsf-note-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.hsf-note-title{font-size:clamp(22px,2.6vw,34px);font-weight:700;letter-spacing:.02em;margin:0}.hsf-note-tools{display:flex;align-items:center;gap:10px}.hsf-note-more{font-size:13px;letter-spacing:.08em;color:var(--hsf-n-steel);text-decoration:none}.hsf-note-more:hover{text-decoration:underline}.hsf-note-arrow{width:34px;height:34px;border:1px solid var(--hsf-n-line);background:#fff;color:var(--hsf-n-ink);font-size:15px;line-height:1;cursor:pointer;border-radius:0;transition:background .15s,border-color .15s}.hsf-note-arrow:hover{background:#f2f5f8;border-color:var(--hsf-n-steel)}.hsf-note-arrow:focus-visible{outline:2px solid var(--hsf-n-steel);outline-offset:2px}.hsf-note-track{display:grid;gap:clamp(14px,1.6vw,22px)}.hsf-note.is-scroll .hsf-note-track{grid-auto-flow:column;grid-auto-columns:var(--hsf-note-card);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;overscroll-behavior-x:contain}.hsf-note.is-scroll .hsf-note-card{scroll-snap-align:start}.hsf-note.is-grid .hsf-note-track{grid-template-columns:repeat(var(--hsf-note-cols),minmax(0,1fr))}.hsf-note-card{display:flex!important;flex-direction:column;gap:12px;text-decoration:none;color:inherit;border:1px solid var(--hsf-n-line);padding:8px;background:#fff;transition:border-color .18s,transform .18s}.hsf-note-card:hover{border-color:var(--hsf-n-steel);transform:translateY(-3px)}.hsf-note-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f2f5f8}.hsf-note-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hsf-note-thumb-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:"Barlow Condensed",sans-serif;letter-spacing:.2em;color:#6b7075;font-size:13px}.hsf-note-body{display:flex;flex-direction:column;gap:6px;padding:4px 6px 10px}.hsf-note-date{font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.14em;color:#6b7075}.hsf-note-name{font-size:15px;font-weight:700;line-height:1.55;text-wrap:pretty}.hsf-note-text{font-size:12.5px;line-height:1.8;color:var(--hsf-n-mute)}.hsf-note-error{font-size:13px;color:#b04a3f}@media(max-width:780px){.hsf-note.is-grid .hsf-note-track{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hsf-note.is-grid .hsf-note-track{grid-template-columns:1fr}}:root{--hr-primary:#e0245e;--hr-button-size:72px;--hr-button-bg:#ffffff;--hr-button-shadow:0 6px 24px rgba(224, 36, 94, 0.35);--hr-offset-x:24px;--hr-offset-y:24px;--hr-z:9990}.hr-wrap{position:fixed;bottom:var(--hr-offset-y);display:flex;align-items:center;gap:12px;z-index:var(--hr-z)}.hr-wrap.hr-pos-right{right:var(--hr-offset-x)}.hr-wrap.hr-pos-left{left:var(--hr-offset-x)}.hr-button{width:var(--hr-button-size);height:var(--hr-button-size);padding:0;border:none;border-radius:50%;background:var(--hr-button-bg);box-shadow:var(--hr-button-shadow);cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.hr-label{position:relative;background:var(--hr-button-bg);color:var(--hr-primary);font-weight:700;font-size:14px;line-height:1;padding:10px 16px;border-radius:999px;box-shadow:0 4px 16px rgb(0 0 0 / .12);white-space:nowrap;animation:hr-label-bob 2.6s ease-in-out infinite}.hr-label::after{content:'';position:absolute;top:50%;width:10px;height:10px;background:var(--hr-button-bg);transform:translateY(-50%) rotate(45deg)}.hr-label.hr-label-left{order:-1}.hr-label.hr-label-left::after{right:-3px}.hr-label.hr-label-right::after{left:-3px}@keyframes hr-label-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.hr-thanks{position:absolute;bottom:calc(100% + 14px);background:var(--hr-primary);color:#fff;font-weight:700;font-size:13px;line-height:1.4;padding:9px 14px;border-radius:14px;box-shadow:0 6px 20px rgb(0 0 0 / .18);white-space:nowrap;pointer-events:none;animation:hr-thanks 2.6s ease forwards}.hr-wrap.hr-pos-right .hr-thanks{right:0}.hr-wrap.hr-pos-left .hr-thanks{left:0}.hr-thanks::after{content:'';position:absolute;bottom:-4px;width:10px;height:10px;background:var(--hr-primary);transform:rotate(45deg)}.hr-wrap.hr-pos-right .hr-thanks::after{right:28px}.hr-wrap.hr-pos-left .hr-thanks::after{left:28px}@keyframes hr-thanks{0%{opacity:0;transform:translateY(6px) scale(.6)}10%{opacity:1;transform:translateY(0) scale(1.06)}16%{transform:scale(1)}82%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}.hr-button svg,.hr-button img{width:56%;height:56%;transform-origin:center;animation:hr-beat 2.6s ease-in-out infinite}.hr-button svg{fill:var(--hr-primary)}.hr-button img{object-fit:contain}@keyframes hr-beat{0%,44%,100%{transform:scale(1)}8%{transform:scale(1.14)}16%{transform:scale(1)}24%{transform:scale(1.08)}32%{transform:scale(1)}}.hr-button.hr-pop{animation:hr-pop 0.3s ease}@keyframes hr-pop{0%{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.12)}100%{transform:scale(1)}}.hr-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:calc(var(--hr-z) - 1)}.hr-heart{position:absolute;width:var(--size);height:var(--size);will-change:transform,opacity}.hr-heart svg,.hr-heart img{display:block;width:100%;height:100%}.hr-heart svg{fill:var(--c,var(--hr-primary))}.hr-heart img{object-fit:contain}.hr-burst{left:var(--x);top:var(--y);animation:hr-burst var(--dur,0.9s) ease-out forwards}@keyframes hr-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.6);opacity:0}}.hr-ring{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border:3px solid var(--hr-primary);border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:.8;animation:hr-ring 0.7s ease-out forwards}@keyframes hr-ring{to{transform:translate(-50%,-50%) scale(3.4);opacity:0}}.hr-fall{left:var(--x);top:0;transform:translateY(-80px);animation:hr-fall var(--dur) cubic-bezier(.45,.05,.55,.95) forwards}@keyframes hr-fall{from{transform:translateY(-80px)}to{transform:translateY(var(--land))}}.hr-fall .hr-sway{display:block;width:100%;height:100%;animation:hr-sway var(--sway-dur,1.4s) ease-in-out infinite alternate}@keyframes hr-sway{from{transform:translateX(calc(var(--sway, 16px) * -1)) rotate(-14deg)}to{transform:translateX(var(--sway,16px)) rotate(14deg)}}.hr-fall.hr-landed .hr-sway{animation:none;transform:rotate(var(--tilt,0deg))}.hr-heart.hr-fade{transition:opacity 2.2s ease;opacity:0}.hr-thanks.hr-milestone{font-size:15px;padding:12px 18px;animation-duration:4.5s}.hr-confetti{position:absolute;top:-20px;left:var(--x);width:var(--w,8px);height:var(--h,12px);background:var(--c,var(--hr-primary));border-radius:2px;opacity:.95;will-change:transform,opacity;animation:hr-confetti var(--dur,2.5s) ease-in forwards}@keyframes hr-confetti{to{transform:translateY(105vh) rotate(var(--spin,720deg));opacity:.7}}