.bb-root{--bb-paper:#f4eedf;--bb-paper-deep:#ebe3ce;--bb-ink:#1f2a1e;--bb-moss:#4a6b3a;--bb-earth:#8a5a3b;--bb-rose:#c4705a;font-family:var(--bb-sans),system-ui,sans-serif;background-color:var(--bb-paper);background-image:radial-gradient(rgba(138,90,59,.05) 1px,transparent 0),radial-gradient(rgba(74,107,58,.04) 1px,transparent 0);background-size:22px 22px,37px 37px;background-position:0 0,11px 17px;color:var(--bb-ink)}.bb-root .bb-serif,.bb-root h1,.bb-root h2,.bb-root h3,.bb-root h4{font-family:var(--bb-serif),Georgia,serif;font-weight:600;letter-spacing:-.015em}.bb-root .bb-hand{font-family:var(--bb-hand),cursive;font-weight:600}.bb-root .font-bold,.bb-root .font-extrabold{font-weight:600}.bb-card{position:relative;background:#fbf7ea;border:1px solid rgba(138,90,59,.22);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px -14px rgba(60,45,20,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.bb-card:hover{transform:translateY(-4px) rotate(var(--bb-tilt,0deg));box-shadow:0 18px 30px -16px rgba(60,45,20,.5)}.bb-tape:before{content:"";position:absolute;top:-10px;left:50%;width:68px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(214,192,130,.62);border-left:1px dashed rgba(138,90,59,.25);border-right:1px dashed rgba(138,90,59,.25);z-index:2}.bb-ruled{background-image:repeating-linear-gradient(transparent 0 31px,rgba(74,107,58,.18) 31px 32px)}.bb-margin-line{border-left:2px solid rgba(196,112,90,.35)}.bb-underline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C40 2 80 11 120 5 S180 7 198 4' fill='none' stroke='%23C4705A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 100%;background-size:100% .35em;padding-bottom:.22em}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.7rem;border-radius:4px 14px 4px 14px;background:var(--bb-moss);color:#fbf7ea;font-weight:600;font-size:.875rem;letter-spacing:.02em;box-shadow:3px 3px 0 var(--bb-ink);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.bb-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bb-ink);background:#3b5a2f}.bb-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:14px 4px 14px 4px;background:transparent;color:var(--bb-ink);border:1.5px solid var(--bb-ink);font-weight:600;font-size:.875rem;transition:background .2s ease}.bb-btn-ghost:hover{background:rgba(74,107,58,.1)}@keyframes bb-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bb-drip{0%{transform:translateY(-6px) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(54px) scale(1);opacity:0}}@keyframes bb-snip{0%,to{transform:rotate(0deg)}50%{transform:rotate(-16deg)}}@keyframes bb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bb-spin-slow{to{transform:rotate(1turn)}}.bb-sway{transform-box:fill-box;transform-origin:50% 100%;animation:bb-sway 5s ease-in-out infinite}.bb-float{animation:bb-float 6s ease-in-out infinite}.bb-drop{animation:bb-drip 2.4s ease-in infinite}.bb-snip-blade{transform-origin:30% 60%;animation:bb-snip 1.1s ease-in-out infinite}.bb-card:hover .bb-snip-blade{animation-duration:.5s}.bb-spin{animation:bb-spin-slow 40s linear infinite}@media (prefers-reduced-motion:reduce){.bb-drop,.bb-float,.bb-snip-blade,.bb-spin,.bb-sway{animation:none!important}.bb-btn,.bb-card{transition:none}}.pf-root{--pf-paper:#f3f1e9;--pf-ink:#10241c;--pf-line:#2f6b4f;--pf-mark:#e2572b;--pf-hatch:#dad6c6;background-color:var(--pf-paper);background-image:linear-gradient(rgba(47,107,79,.07) 1px,transparent 0),linear-gradient(90deg,rgba(47,107,79,.07) 1px,transparent 0),linear-gradient(rgba(47,107,79,.035) 1px,transparent 0),linear-gradient(90deg,rgba(47,107,79,.035) 1px,transparent 0);background-size:96px 96px,96px 96px,24px 24px,24px 24px;color:var(--pf-ink)}.pf-root h1,.pf-root h2,.pf-root h3,.pf-root h4{font-family:var(--pf-head),system-ui,sans-serif;font-weight:600;letter-spacing:-.025em}.pf-mono{font-family:var(--pf-mono),ui-monospace,monospace;letter-spacing:0}.pf-card{position:relative;background:#fbfaf4;border:1px solid rgba(16,36,28,.55);border-radius:2px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.pf-card:after,.pf-card:before{content:"";position:absolute;width:11px;height:11px;pointer-events:none;border:0 solid var(--pf-mark);opacity:0;transition:opacity .25s ease}.pf-card:before{top:-5px;left:-5px;border-top-width:2px;border-left-width:2px}.pf-card:after{bottom:-5px;right:-5px;border-bottom-width:2px;border-right-width:2px}.pf-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pf-ink)}.pf-card:hover:after,.pf-card:hover:before{opacity:1}.pf-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--pf-mono),monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-mark)}.pf-tag:before{content:"";width:28px;height:1px;background:currentColor}.pf-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;background:var(--pf-ink);color:#f3f1e9;border-radius:2px;font-weight:600;font-size:.875rem;border:1px solid var(--pf-ink);transition:background .2s,color .2s,transform .2s}.pf-btn:hover{background:var(--pf-mark);border-color:var(--pf-mark);color:#fff}.pf-btn-line{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;background:transparent;color:var(--pf-ink);border-radius:2px;font-weight:600;font-size:.875rem;border:1px solid var(--pf-ink);transition:background .2s}.pf-btn-line:hover{background:rgba(16,36,28,.07)}@keyframes pf-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes pf-march{to{stroke-dashoffset:-24}}.pf-blink{animation:pf-pulse 2.4s ease-in-out infinite}.pf-march{stroke-dasharray:6 6;animation:pf-march 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.pf-blink,.pf-march{animation:none!important}.pf-btn,.pf-card{transition:none}}