.pb{--hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--display:"Fraunces", "Newsreader", Georgia, serif;--highlight:#ffe066;--paper:#fffcf3;--coral:#ff5a5f;--mint:#12b886;--violet:#7c3aed;--pbline:#011a51;background:var(--paper);background-image:linear-gradient(#0274fd0f 1px,#0000 1px),linear-gradient(90deg,#0274fd0f 1px,#0000 1px);background-size:28px 28px;padding-bottom:32px}.pb h1,.pb h2,.pb h3{font-family:var(--display);color:var(--navy);letter-spacing:-.015em}.pb h1{font-weight:800}.pb .hand{font-family:var(--hand);color:var(--brand-blue);font-size:1.45em;font-style:normal;font-weight:700;line-height:1.1}.pb .eyebrow-hand{font-family:var(--hand);letter-spacing:0;text-transform:none;color:var(--coral);font-size:1.5rem;font-weight:700;transform:rotate(-2deg)}.pb .mark{background:linear-gradient(104deg, transparent 0.6%, var(--highlight) 2.4%, #ffd43b 5.8%, var(--highlight) 93%, transparent 96%);box-shadow:none;color:var(--navy);border-radius:.2em .5em .3em .6em;padding:0 .18em}.pb .sketch-card{border:2px solid var(--pbline);box-shadow:5px 6px 0 var(--pbline);background:#fff;border-radius:14px 18px 12px 20px/18px 12px 20px 14px;padding:20px;transition:transform .15s,box-shadow .15s}.pb a.sketch-card:hover{box-shadow:8px 9px 0 var(--brand-blue);border-color:var(--pbline);transform:translate(-2px,-2px)}.pb .sticker{font-family:var(--hand);letter-spacing:0;text-transform:none;background:var(--highlight);color:var(--navy);border-radius:4px;padding:3px 14px 5px;font-size:1.25rem;font-weight:700;transform:rotate(-3deg);box-shadow:2px 3px #011a5140}.pb .sticker.blue{background:#cfe5ff}.pb .sticker.pink{background:#ffd6e0}.pb .sticker.mint{background:#c8f5e3}.pb .btn{border-radius:999px;font-weight:700}.pb .btn-yellow{background:var(--highlight);color:var(--navy);border:2px solid var(--navy);box-shadow:3px 4px 0 var(--navy)}.pb .btn-yellow:hover{color:var(--navy);box-shadow:5px 6px 0 var(--navy);border-color:var(--navy);background:#ffd43b;transform:translate(-1px,-1px)}.pb .btn-hand{font-family:var(--hand);padding:6px 22px;font-size:1.4rem;font-weight:700}.pb .progress-bar{background:#e9eef6;border-radius:99px;height:10px}.pb .progress-bar>i{background:linear-gradient(90deg,#39befc,#0274fd);border-radius:99px}.pb .kbd-num{font-family:var(--display);color:var(--brand-blue);font-weight:800}.pb .badge-done{color:#0f7a4f;font-family:var(--sans);text-transform:none;letter-spacing:0;background:#dcfce7;border-radius:999px;padding:2px 9px;font-weight:700}.pb .notice{background:#fff;border-left-color:#ffb400}.pb-hud{z-index:40;background:var(--navy);color:#fff;border-bottom:3px solid var(--highlight);position:sticky;top:64px}.pb-hud .container{flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:10px;padding-bottom:10px;display:flex}.pb-brand{font-family:var(--hand);color:var(--highlight);white-space:nowrap;margin-right:auto;font-size:1.5rem;font-weight:700;text-decoration:none}.pb-brand:hover{color:#fff}.pb-stat{white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.pb-xpbar{background:#fff3;border-radius:99px;width:110px;height:8px;overflow:hidden}.pb-xpbar i{background:var(--highlight);height:100%;transition:width .4s;display:block}.pb-tabs{gap:6px;width:100%;display:flex;overflow-x:auto}@media (width>=900px){.pb-tabs{width:auto}}.pb-tabs a{color:#dce8ff;border:1px solid #ffffff40;border-radius:999px;flex:none;padding:6px 12px;font-size:.88rem;font-weight:700;text-decoration:none}.pb-tabs a:hover,.pb-tabs a[aria-current]{background:var(--highlight);color:var(--navy);border-color:var(--highlight)}.pb-toast{opacity:0;visibility:hidden;background:var(--navy);color:#fff;z-index:200;border:2px solid var(--highlight);border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:700;transition:transform .3s,opacity .3s,visibility .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(30px)}.pb-toast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.pb-toast{transition:none}.pb a.sketch-card:hover{transform:none}}@media (width>=641px){.pb-hud{top:95px}}