.bk{--bk-cork:color-mix(in oklab, #dab791 72%, var(--bk-petal));--bk-cork-fleck:#5c341833;--bk-cork-light:#fff6e459;--bk-cork-frame:color-mix(in oklab, var(--bk-blush) 45%, white);--bk-print:#fcfaf6;--bk-print-ink:#322e4b;--bk-thread:#c92e3b}@supports (color:lab(0% 0 0)){.bk{--bk-cork:color-mix(in oklab, lab(76.7391% 9.39471 24.1664) 72%, var(--bk-petal));--bk-print:lab(98.2776% .340641 2.25879);--bk-print-ink:lab(20.5266% 7.6714 -17.0472);--bk-thread:lab(45.8155% 60.6764 32.4509)}}.bk[data-skin=midnight],.bk[data-skin=noir],.bk[data-skin=forest]{--bk-cork:color-mix(in oklab, #5a422f 74%, var(--bk-petal));--bk-cork-fleck:#0000004d;--bk-cork-light:#ffecd214;--bk-cork-frame:var(--bk-surface-edge);--bk-print:#dcd7cf;--bk-thread:#eb5a67}@supports (color:lab(0% 0 0)){.bk[data-skin=midnight],.bk[data-skin=noir],.bk[data-skin=forest]{--bk-cork:color-mix(in oklab, lab(30.2624% 8.62143 15.9988) 74%, var(--bk-petal));--bk-print:lab(86.1082% .84722 4.50566);--bk-thread:lab(58.6273% 57.9625 23.8554)}}.bk-pinboard{box-sizing:content-box;border:10px solid var(--bk-cork-frame);background-color:var(--bk-cork);background-image:radial-gradient(circle at 20% 30%, var(--bk-cork-fleck) 0 1.2px, transparent 1.6px), radial-gradient(circle at 70% 60%, var(--bk-cork-fleck) 0 .9px, transparent 1.3px), radial-gradient(circle at 45% 80%, var(--bk-cork-light) 0 1.1px, transparent 1.5px), radial-gradient(ellipse at 50% 0%, var(--bk-cork-light), transparent 70%);min-height:320px;box-shadow:inset 0 2px 14px #00000038, inset 0 0 0 1px #0000001f, var(--bk-shadow);background-size:13px 11px,17px 19px,23px 21px,100% 100%;border-radius:18px;position:relative;overflow:hidden}.bk-pinboard-empty{place-items:center;padding:72px 20px 48px;display:grid}.bk-pin-spot{position:absolute}.bk-polaroid{width:100%;padding:calc(var(--card) * .07) calc(var(--card) * .07) 0;background:var(--bk-print);color:var(--bk-print-ink);cursor:pointer;transform:rotate(var(--tilt,0deg));transform-origin:50% calc(var(--card) * .056);border-radius:1.5px;flex-direction:column;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s;display:flex;position:relative;box-shadow:0 1px 1px #00000024,0 6px 10px -5px #28140a73}.bk-polaroid:hover{transform:rotate(calc(var(--tilt,0deg) * .35)) translateY(-2px) scale(1.06);box-shadow:0 2px 3px #0000001f,0 12px 18px -8px #28140a80}.bk-polaroid:active{transform:rotate(calc(var(--tilt,0deg) * .35)) translateY(-1px)}.bk-polaroid:focus-visible{outline:2px solid var(--bk-rose);outline-offset:3px}.bk-polaroid-photo{background:#2f2c37;background:lab(18.5647% 3.65667 -6.42054);display:block;position:relative;overflow:hidden}.bk-polaroid-photo>.bk-cover-flat{box-shadow:none;border-radius:0}.bk-polaroid-date{height:calc(var(--card) * .3);font-size:max(8px, calc(var(--card) * .18));font-weight:600;line-height:calc(var(--card) * .3);text-align:center;white-space:nowrap;display:block;overflow:hidden}.bk-pin{z-index:3;width:max(8px, calc(var(--card) * .16));aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffffffd9 0 12%, transparent 26%), radial-gradient(circle at 50% 55%, var(--pin), color-mix(in oklab, var(--pin) 60%, black));pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:1px 2px 2px -.5px #00000073,inset 0 -1px 2px #00000040}.bk-pin-thread{z-index:2;pointer-events:none;position:absolute;inset:0}.bk-pin-thread path{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:2.6s cubic-bezier(.45,0,.2,1) both bk-thread-wind}.bk-pin-thread-line{stroke:var(--bk-thread);stroke-width:1.3px}.bk-pin-thread-shadow{stroke:#00000038;stroke-width:1.4px;transform:translate(1px,2px)}@keyframes bk-thread-wind{0%{stroke-dashoffset:1px}}.bk-washi{z-index:2;pointer-events:none;opacity:.86;background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--bk-rose-soft) 70%, white) 0 4px, color-mix(in oklab, var(--bk-petal) 60%, white) 4px 8px);height:16px;-webkit-mask:conic-gradient(from -45deg at left, transparent 90deg, black 0) left / 6px 6px repeat-y, conic-gradient(from 135deg at right, transparent 90deg, black 0) right / 6px 6px repeat-y, linear-gradient(black, black) center / calc(100% - 10px) 100% no-repeat;mask:conic-gradient(from -45deg at left, transparent 90deg, black 0) left / 6px 6px repeat-y, conic-gradient(from 135deg at right, transparent 90deg, black 0) right / 6px 6px repeat-y, linear-gradient(black, black) center / calc(100% - 10px) 100% no-repeat;position:absolute;box-shadow:0 1px 2px #0000001f}.bk-washi-corner{width:92px;top:10px;left:-12px;transform:rotate(-32deg)}.bk-washi-card{top:calc(var(--card) * -.06);right:calc(var(--card) * -.24);width:calc(var(--card) * .8);height:calc(var(--card) * .2);transform:rotate(38deg)}.bk-pin-slip{z-index:2;top:calc(100% - var(--card) * .08);width:max-content;max-width:calc(var(--card) * 1.5);background:repeating-linear-gradient(transparent 0 11px, #5a78aa38 11px 12px), var(--bk-print);color:var(--bk-print-ink);font-size:max(9px, calc(var(--card) * .165));translate:-50%;transform:rotate(var(--tilt,-2deg));padding:2px 6px 3px;font-weight:600;line-height:12px;position:absolute;left:50%;box-shadow:0 3px 6px -3px #28140a73}.bk-pin-slip-empty{background:var(--bk-print);width:auto;max-width:300px;font-size:13px;font-weight:400;font-family:var(--font-bk-ui), system-ui, sans-serif;padding:18px 20px 20px;line-height:1.4;position:relative;top:auto;left:auto;transform:rotate(-1.5deg)}.bk-pin-empty-link{min-height:44px;color:var(--bk-cherry-deep);text-underline-offset:3px;align-items:center;margin-top:6px;font-size:13.5px;font-weight:600;text-decoration:underline;display:inline-flex}.bk-pin-empty-link:focus-visible{outline:2px solid var(--bk-rose);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bk-pin-thread path{animation:none}.bk-polaroid,.bk-polaroid:hover{transition:none}}
