.tw-bk{--w:150px;--h:200px;--d:14px;--spring:cubic-bezier(.34, 1.4, .64, 1);--ease:cubic-bezier(.22, 1, .36, 1);--cv-a:#ffa27a;--cv-b:#ff4f00;--cv-c:#f06a33;--cv-ink:#1a1410;--cv-ink2:#1a1410ad;--paper:#fbf8f1;--paper2:#efe9dc;--line:#3c322329;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:tw-bk-in .6s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms);background:0 0;border:0;border-radius:14px;outline:none;flex-direction:column;align-items:center;gap:16px;padding:10px 14px 6px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:relative}.tw-bk[data-tone=night]{--cv-a:#2b2b2e;--cv-b:#17171a;--cv-c:#0b0b0d;--cv-ink:#f5f3ee;--cv-ink2:#f5f3ee9e}.tw-bk[data-tone=sand]{--cv-a:#f6eedd;--cv-b:#ebdfc4;--cv-c:#dccba6;--cv-ink:#2a2318;--cv-ink2:#2a23189e}.tw-bk[data-tone=slate]{--cv-a:#7e8fa3;--cv-b:#5d6e83;--cv-c:#45546a;--cv-ink:#f4f6f9;--cv-ink2:#f4f6f9b3}.tw-bk:focus-visible{box-shadow:0 0 0 2px var(--tw-bg,#fff), 0 0 0 4px #ff4f00}@keyframes tw-bk-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tw-bk-stage{width:var(--w);height:var(--h);perspective:1200px;perspective-origin:50% 40%;display:block;position:relative}.tw-bk-shadow{filter:blur(3px);transform-origin:30%;height:18px;transition:transform .7s var(--spring), opacity .7s var(--ease), filter .7s var(--ease);background:radial-gradient(closest-side,#00000052,#0000);border-radius:50%;position:absolute;bottom:-10px;left:6%;right:2%}.tw-bk-obj{transform-style:preserve-3d;transition:transform .7s var(--spring);position:absolute;inset:0;transform:rotateY(-18deg)rotateX(4deg)}.tw-bk-obj>span{display:block;position:absolute}.tw-bk-back{background:var(--cv-c);transform:translateZ(calc(var(--d) * -1));border-radius:3px 8px 8px 3px;inset:0;box-shadow:0 1px #0000001a}.tw-bk-spine{width:var(--d);transform-origin:0;background:linear-gradient(90deg, var(--cv-c), var(--cv-b) 45%, var(--cv-c));height:100%;top:0;left:0;transform:rotateY(90deg)}.tw-bk-edge{width:calc(var(--d) - 2px);transform-origin:100%;background:linear-gradient(90deg, #0000001f, #0000 30%, #0000 70%, #0000001a), repeating-linear-gradient(90deg, var(--paper) 0 1px, var(--paper2) 1px 2px);height:calc(100% - 6px);top:3px;right:3px;transform:translateZ(-1px)rotateY(-90deg)}.tw-bk-top{width:calc(100% - 4px);height:calc(var(--d) - 2px);transform-origin:top;background:repeating-linear-gradient(0deg, var(--paper) 0 1px, var(--paper2) 1px 2px);top:3px;left:1px;transform:translateZ(-1px)rotateX(-90deg)}.tw-bk-page{background:linear-gradient(90deg, #0000001a, #0000 14%), var(--paper);border-radius:1px 5px 5px 1px;flex-direction:column;gap:7px;width:calc(100% - 4px);height:calc(100% - 6px);padding:22px 16px 0 20px;top:3px;left:1px;overflow:hidden;transform:translateZ(-1px);display:flex!important}.tw-bk-page-h{letter-spacing:-.01em;color:#2a2620;margin-bottom:4px;font-size:8.5px;font-weight:700}.tw-bk-page i{background:var(--line);border-radius:2px;height:3px;display:block}.tw-bk-page i:nth-of-type(2){width:86%}.tw-bk-page i:nth-of-type(3){width:92%}.tw-bk-page i:nth-of-type(4){width:64%}.tw-bk-page i:nth-of-type(5){width:88%;margin-top:6px}.tw-bk-page i:nth-of-type(6){width:74%}.tw-bk-cover{transform-style:preserve-3d;transform-origin:0;transition:transform .5s cubic-bezier(.22,1,.36,1);inset:0;transform:translateZ(3px)rotateY(0)}.tw-bk-front,.tw-bk-inside{backface-visibility:hidden;border-radius:3px 8px 8px 3px;display:flex;position:absolute;inset:0;overflow:hidden}.tw-bk-front{text-align:left;color:var(--cv-ink);background:linear-gradient(90deg, #00000038 0, #ffffff2e 3px, #00000014 7px, #0000 12px), linear-gradient(155deg, var(--cv-a), var(--cv-b) 55%, var(--cv-c));flex-direction:column;align-items:flex-start;padding:16px 14px 13px 18px;box-shadow:inset 0 0 0 .5px #ffffff2e,0 1px 2px #0000001f}.tw-bk-inside{background:linear-gradient(270deg, #0000001f, #0000 16%), var(--paper2);transform:rotateY(180deg)}.tw-bk-mark{background:#0d0d0d;border-radius:7px;place-items:center;width:24px;height:24px;display:grid;box-shadow:0 1px 2px #00000040}.tw-bk-mark img{filter:brightness(0)invert();width:13px;height:13px;display:block}.tw-bk-title{letter-spacing:-.03em;margin-top:auto;font-size:16px;font-weight:750;line-height:1.08}.tw-bk-sub{color:var(--cv-ink2);margin-top:5px;font-size:9.5px;font-weight:500;line-height:1.3}.tw-bk-foot{letter-spacing:.04em;text-transform:uppercase;color:var(--cv-ink2);margin-top:14px;font-size:8px;font-weight:600}.tw-bk-sheen{opacity:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,#fff0 38%,#ffffff61 50%,#fff0 62%);position:absolute;inset:-20% -60%;transform:translate(-70%)}.tw-bk-cap{max-width:calc(var(--w) + 20px);color:var(--tw-ink2,#3d3d3a);text-align:center;font-size:13.5px;font-weight:600;line-height:1.3}@media (hover:hover) and (pointer:fine){.tw-bk:hover .tw-bk-obj{transform:translateY(-8px)rotateY(-8deg)rotateX(2deg)}.tw-bk:hover .tw-bk-cover{transition:transform .72s var(--spring);transform:translateZ(3px)rotateY(-62deg)}.tw-bk:hover .tw-bk-shadow{opacity:.75;filter:blur(6px);transform:scaleX(1.32)scaleY(1.15)translate(-6px)}.tw-bk:hover .tw-bk-sheen{animation:tw-bk-sheen .9s var(--ease) both}}.tw-bk:focus-visible .tw-bk-obj{transform:translateY(-8px)rotateY(-8deg)rotateX(2deg)}.tw-bk:focus-visible .tw-bk-cover{transition:transform .72s var(--spring);transform:translateZ(3px)rotateY(-62deg)}.tw-bk:active .tw-bk-obj{transform:translateY(-4px)rotateY(-8deg)rotateX(2deg)scale(.98)}@keyframes tw-bk-sheen{0%{opacity:0;transform:translate(-70%)}25%{opacity:1}to{opacity:0;transform:translate(70%)}}@media (width<=640px){.tw-bk{--w:128px;--h:172px;--d:12px;gap:14px}.tw-bk-title{font-size:14px}.tw-bk-front{padding:13px 12px 11px 15px}.tw-bk-page{gap:6px;padding:18px 13px 0 16px}}@media (prefers-reduced-motion:reduce){.tw-bk{animation:none}.tw-bk-obj,.tw-bk-cover,.tw-bk-shadow{transition:none}.tw-bk:hover .tw-bk-cover,.tw-bk:focus-visible .tw-bk-cover{transform:translateZ(3px)}.tw-bk:hover .tw-bk-obj,.tw-bk:focus-visible .tw-bk-obj{transform:translateY(-4px)rotateY(-18deg)rotateX(4deg)}.tw-bk:hover .tw-bk-sheen{animation:none}}