.kh-caveat,.kh-caveat *{font-family:Caveat,cursive;font-weight:700}.kh-kalam,.kh-kalam *{font-family:Kalam,cursive;font-weight:400}.kh-patrick,.kh-patrick *{font-family:Patrick Hand,cursive;font-weight:400}.kh-gochi,.kh-gochi *{font-family:Gochi Hand,cursive;font-weight:400}.kh-shadows,.kh-shadows *{font-family:Shadows Into Light,cursive;font-weight:400}.kh-shadows .kindness-note-open,.kh-caveat .kindness-note-open{line-height:1.15}.kh-plain,.kh-plain *{font-family:var(--font-sans)!important}.kindness-cork{background:linear-gradient(135deg, var(--kindness-wood), var(--kindness-wood-dark));border-radius:18px;padding:10px;position:relative;box-shadow:0 14px 30px -18px #0010518c,inset 0 1px #ffffff40}.kindness-cork-inner{background-color:var(--kindness-cork);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.22 0 0 0 0 0.1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at center, transparent 55%, color-mix(in oklab, var(--kindness-cork-dark) 45%, transparent));border-radius:10px;padding:18px 14px 14px;position:relative;box-shadow:inset 0 2px 8px #00000059}@media (width>=640px){.kindness-cork-inner{padding:22px 22px 18px}}.kindness-tack{z-index:2;background:radial-gradient(circle at 35% 30%, #ffffffd9 0 18%, var(--tack) 40%, color-mix(in oklab, var(--tack) 70%, black) 100%);pointer-events:none;border-radius:9999px;width:14px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:1px 3px 3px #00000059}[data-tack="0"]{--tack:var(--kindness-tack-1)}[data-tack="1"]{--tack:var(--kindness-tack-2)}[data-tack="2"]{--tack:var(--kindness-tack-3)}[data-tack="3"]{--tack:var(--kindness-tack-4)}[data-tack="4"]{--tack:var(--kindness-tack-5)}.kindness-scrap{min-width:0;min-height:52px;color:var(--kindness-ink);text-align:left;filter:drop-shadow(0 3px 3px #00000047);clip-path:polygon(0 3%,100% 0,100% 86%,92% 94%,84% 88%,74% 97%,63% 90%,52% 98%,41% 91%,30% 99%,19% 90%,9% 96%,0 89%);flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 14px 14px;transition:transform .16s;display:flex;position:relative}.kindness-scrap[data-paper=white]{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.kindness-scrap-wrap{min-width:0;position:relative}.kindness-scrap-wrap:nth-child(2) .kindness-scrap{transform:rotate(.8deg)}.kindness-scrap-wrap:first-child .kindness-scrap{transform:rotate(-.8deg)}.kindness-scrap[data-paper=given]{background:var(--kindness-scrap-given)}.kindness-scrap[data-paper=received]{background:var(--kindness-scrap-received)}.kindness-scrap[data-paper=white]{background:var(--kindness-scrap-white)}.kindness-scrap:focus-visible{outline:none}.kindness-scrap-wrap:has(.kindness-scrap:focus-visible){outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}.kindness-scrap-word{line-height:1.1;display:inline-block;position:relative}.kindness-circle{pointer-events:none;width:calc(100% + 19px);height:calc(100% + 13px);color:var(--orange);position:absolute;inset:-7px -10px -6px -9px;overflow:visible}.kindness-pencil{z-index:3;pointer-events:none;width:64px;height:64px;transition:left .3s,top .3s;position:absolute}@media (prefers-reduced-motion:reduce){.kindness-pencil{transition:none;animation:.3s kindness-fade}}@keyframes kindness-fade{0%{opacity:0}to{opacity:1}}.kindness-strip{z-index:30;overscroll-behavior:contain;max-height:min(60vh,320px);color:var(--kindness-ink);background:linear-gradient(176deg, #ffffff40, transparent 30%), repeating-linear-gradient(183deg, transparent 0 46px, #00000009 47px, transparent 49px), linear-gradient(90deg, #0000000a, transparent 12%, transparent 88%, #0000000d), var(--kindness-strip);padding:10px 14px;animation:.18s ease-out kindness-drop;position:absolute;top:calc(100% + 2px);left:6px;right:6px;overflow-y:auto;transform:rotate(.6deg);box-shadow:0 14px 24px -10px #00000073}@media (width>=640px){.kindness-strip{width:max-content;min-width:100%;max-width:280px;right:auto}}@keyframes kindness-drop{0%{opacity:0;transform:translateY(-6px)rotate(.6deg)}to{opacity:1;transform:rotate(.6deg)}}@media (prefers-reduced-motion:reduce){.kindness-strip{animation:.15s kindness-fade}}.kindness-option{text-align:left;cursor:pointer;border-radius:6px;width:100%;padding:4px 6px;display:block;position:relative}.kindness-option[data-active=true]{background:#0000000f}.kindness-note{aspect-ratio:1;min-width:0;color:var(--kindness-ink);transform:rotate(var(--tilt,-1.2deg));flex-direction:column;padding:18px 10px 8px;transition:transform .16s;display:flex;position:relative;box-shadow:0 8px 12px -8px #00000080,0 1px 1px #0000001f}@media (width>=640px){.kindness-note{padding:20px 12px 8px}}.kindness-grid li:nth-child(3n+2) .kindness-note{--tilt:1deg}.kindness-grid li:nth-child(3n) .kindness-note{--tilt:-.4deg}.kindness-grid .kindness-note:hover,.kindness-grid .kindness-note:focus-within{transform:rotate(0)}@media (prefers-reduced-motion:reduce){.kindness-note{transition:none}}.kindness-note:after{content:"";pointer-events:none;position:absolute}.kindness-note[data-curl=br]{border-bottom-right-radius:28px 10px}.kindness-note[data-curl=br]:after{background:linear-gradient(315deg,#00000024,#0000 60%);border-bottom-right-radius:28px 10px;width:34%;height:22%;bottom:0;right:0}.kindness-note[data-curl=bl]{border-bottom-left-radius:28px 10px}.kindness-note[data-curl=bl]:after{background:linear-gradient(45deg,#00000024,#0000 60%);border-bottom-left-radius:28px 10px;width:34%;height:22%;bottom:0;left:0}.kindness-note[data-curl=bottom]{border-radius:0 0 50% 50%/0 0 5% 5%}.kindness-note[data-curl=bottom]:after{background:linear-gradient(#0000,#0000001a);border-radius:0 0 50% 50%/0 0 40% 40%;height:14%;bottom:0;left:0;right:0}.kindness-note[data-curl=fold]{clip-path:polygon(0 0,82% 0,100% 14%,100% 100%,0 100%)}.kindness-note[data-curl=fold]:after{background:linear-gradient(225deg,#0000 50%,#ffffffd9 50%,#00000014);width:18%;height:14%;top:0;right:0}.kindness-paper[data-c="0"]{background-color:var(--kindness-note-1)}.kindness-paper[data-c="1"]{background-color:var(--kindness-note-2)}.kindness-paper[data-c="2"]{background-color:var(--kindness-note-3)}.kindness-paper[data-c="3"]{background-color:var(--kindness-note-4)}.kindness-paper[data-c="4"]{background-color:var(--kindness-note-5)}.kindness-note-open,.kindness-note-meta,.kindness-balance{text-wrap:balance;overflow-wrap:break-word}.kindness-share .kindness-checkbox{border-color:var(--input);width:16px;height:16px;border-radius:6px!important}.kindness-share .kindness-checkbox[data-state=checked]{background:var(--orange);color:var(--orange-foreground);border-color:var(--orange)}.kindness-share .kindness-checkbox svg{width:12px;height:12px}.kindness-note .kindness-note-open{overflow-wrap:break-word;min-height:0;font-size:16px;line-height:1.2;display:block;position:relative}.kindness-note-measure{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}@media (width>=768px){.kindness-note .kindness-note-open{font-size:15px}}.kindness-original-note{aspect-ratio:auto;height:100%;color:var(--navy);border-radius:16px;padding:26px 18px 14px}.kindness-original-body{text-wrap:balance;overflow-wrap:break-word}.kindness-original-note>div{margin-top:16px}.kindness-pin{position:absolute;top:8px;left:50%;transform:translate(-50%)}.kindness-visitor-filters{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.kindness-visitor-filters select{min-width:0;max-width:100%}.kindness-share-note{width:124px;height:124px;color:var(--kindness-ink);background-color:var(--kindness-note-1);box-shadow:var(--kindness-note-shadow);border:0;border-radius:0;flex-direction:column;justify-content:center;gap:0;padding:16px 8px 12px;transition:transform .18s ease-in-out,box-shadow .18s ease-in-out;transform:rotate(-3deg)}.kindness-share-note:hover{color:var(--kindness-ink);background-color:var(--kindness-note-1)}.kindness-share-note-title{font-size:34px;line-height:1.1}.kindness-share-note-line{white-space:nowrap;font-size:17px;line-height:1.25}.kindness-share-note:focus-visible{outline:3px solid var(--ring);outline-offset:5px}@media (hover:hover) and (pointer:fine){.kindness-share-note:hover{cursor:var(--kindness-share-cursor,pointer);box-shadow:var(--kindness-share-lift-shadow);border-bottom-right-radius:34px 14px;transform:translateY(-3px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.kindness-share-note{transition:none}}