:root{
        --bg:#FFFFFF;
        --fg:#020817;
        --ink-2:#0F172A;
        --muted-bg:#F1F5F9;
        --muted-fg:#5B6B82;
        --border:#E2E8F0;
        --border-strong:#CBD5E1;
        --blue:#2350F6;
        --blue-deep:#1D43D6;
        --blue-soft:rgba(35,80,246,.07);
        --accent:#1A8FE3;
        --green:#16A34A;
        --green-dark:#15803D;
        --red:#DC2626;
        --red-deep:#B91C1C;
        --red-soft:rgba(220,38,38,.08);
        --radius:14px;
        --header-h:64px;
        --shadow-sm:0 1px 2px rgba(2,8,23,.05);
        --shadow-card:0 1px 2px rgba(2,8,23,.05),0 12px 32px -16px rgba(2,8,23,.14);
        --shadow-lift:0 2px 4px rgba(2,8,23,.05),0 24px 48px -20px rgba(2,8,23,.22),0 0 0 1px rgba(35,80,246,.10);
      }
#wbPage *{box-sizing:border-box}
#wbPage main{overflow-x:clip}
#wbPage ::selection{background:rgba(35,80,246,.18)}
#wbPage a{color:inherit;text-decoration:none}
#wbPage button{font:inherit;cursor:pointer}
#wbPage :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
#wbPage .container{width:min(1160px,100% - 48px);margin-inline:auto}
#wbPage section{scroll-margin-top:calc(var(--header-h) + 16px)}
#wbPage div[id]{scroll-margin-top:calc(var(--header-h) + 16px)}
#wbPage .btn{
        display:inline-flex;align-items:center;justify-content:center;gap:8px;
        height:42px;padding:0 20px;border-radius:9px;border:1px solid transparent;
        font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
        transition:background .18s,border-color .18s,color .18s,box-shadow .25s,transform .18s;
      }
#wbPage .btn svg{width:16px;height:16px;flex:none;transition:transform .18s}
#wbPage .btn-dark{background:var(--fg);color:#fff;box-shadow:var(--shadow-sm)}
#wbPage .btn-dark:hover{background:#1E293B}
#wbPage .btn-outline{background:#fff;border-color:var(--border);color:var(--fg)}
#wbPage .btn-outline:hover{background:var(--muted-bg);border-color:var(--border-strong);transform:translateY(-1px)}
#wbPage .btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:8px}
#wbPage .hero-cta .btn{height:48px;padding:0 26px;font-size:15px;border-radius:10px}
#wbPage .icon-box.blue{color:var(--blue);border-color:rgba(35,80,246,.25);background:var(--blue-soft)}
#wbPage .mock-bar{display:flex;align-items:center;gap:6px;padding:7px 11px;background:#F1F5F9;border-bottom:1px solid var(--border)}
#wbPage .mock-bar i{width:7px;height:7px;border-radius:50%;background:#CBD5E1;display:block}
#wbPage .mock-bar .mb-title{margin-left:6px;font-size:10.5px;font-weight:600;color:#64748B;letter-spacing:.02em}
#wbPage .mock-bar .mb-right{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:10px;color:#94A3B8}
#wbPage .mock-btn.blue{background:var(--blue)}
#wbPage .mock-sheet td.num{text-align:right;font-family:"JetBrains Mono",monospace;font-size:10.5px}
:root{--card:#FFFFFF}
#wbPage .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#wbPage .fbtn{
        border:1px solid var(--border);background:var(--card);color:var(--muted-fg);
        font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:999px;transition:all .15s;
      }
#wbPage .fbtn:hover{color:var(--fg);border-color:var(--border-strong)}
#wbPage .fbtn[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
#wbPage .cat-empty.show{display:block}
#wbPage .tc-copy .btn{align-self:flex-start;margin-top:24px}
#wbPage .tc-plan.hot{border-color:#2350F6;box-shadow:0 18px 44px -16px rgba(35,80,246,.55)}
#wbPage .tc-plan .btn{margin-top:auto}
#wbPage .tc-promo .btn{margin-top:22px}
#wbPage .tc-dark .tc-priv-link .link-chip{background:#223544;border-color:#3E5A72;color:#EFEFEF}
#wbPage .tc-dark .tc-priv-link .link-chip:hover{border-color:#5477F8;color:#fff}
#wbPage [data-theme="light"] .tc-dark .tc-priv-link .link-chip{background:var(--card);border-color:var(--border);color:var(--fg)}
#wbPage [data-theme="light"] .tc-dark .tc-priv-link .link-chip:hover{border-color:var(--blue);color:var(--blue)}
#wbPage .tc-toast.show{display:block}
#wbPage .cover-head{
        background-color:var(--fc);
        background-image:linear-gradient(155deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(2,8,23,.22) 100%);
        color:#fff;padding:15px 17px 17px;min-height:150px;display:flex;flex-direction:column;
      }
#wbPage .cover-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#wbPage .cover-pill{
        font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.09em;
        text-transform:uppercase;background:rgba(2,8,23,.32);border-radius:999px;padding:4px 9px;white-space:nowrap;
      }
#wbPage .cover-motif{color:#fff;opacity:.96;flex:none}
#wbPage .cover-motif svg{width:32px;height:32px;display:block}
#wbPage .cover-head h3{margin:auto 0 0;padding-top:20px;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.16;color:#fff}
#wbPage .cover-sheet{padding:12px 13px 4px}
#wbPage .pv-wrap{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--card)}
#wbPage .pv-wrap table{width:100%;border-collapse:collapse;font-size:10.5px;font-variant-numeric:tabular-nums}
#wbPage .pv-wrap th{
        text-align:left;font-weight:700;color:var(--muted-fg);padding:5px 7px;
        border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:98px;
      }
#wbPage .pv-wrap td{
        padding:5px 7px;border-bottom:1px solid var(--border);color:var(--fg);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:98px;
      }
#wbPage .pv-wrap tr:last-child td{border-bottom:0}
#wbPage .pv-wrap th.num, #wbPage .pv-wrap td.num{text-align:right}
#wbPage .cover-foot{display:flex;align-items:center;gap:10px;padding:11px 14px 14px;margin-top:auto;flex-wrap:wrap}
#wbPage .etsy-badge{background:#F1641E;color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.01em;border-radius:999px;padding:3px 11px;flex:none}
#wbPage .cover-dl{color:var(--muted-fg);font-size:12.5px}
#wbPage .cover-foot .plink{margin-left:auto;color:var(--blue);font-weight:700;font-size:13.5px;flex:none}
#wbPage .cover-foot .plink:hover{text-decoration:underline}
@media (max-width:820px){#wbPage .header-actions .btn{height:38px;padding:0 14px;font-size:13px}}
@media (max-width:560px){#wbPage .container{width:calc(100% - 36px)}
#wbPage .hero-cta .btn{width:100%}}
@media (prefers-reduced-motion:reduce){#wbPage *, #wbPage *::before, #wbPage *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
#wbPage .subfilters.show{display:flex}
[data-theme="dark"]{
        --bg:#1F2A33;--fg:#EFEFEF;--ink-2:#EFEFEF;--card:#223544;
        --muted-bg:#223544;--muted-fg:#A9BCC9;--border:#31485C;--border-strong:#3E5A72;
        --blue-soft:rgba(84,119,248,.16);
        --red:#F87171;--red-deep:#FCA5A5;--red-soft:rgba(248,113,113,.14);
        --shadow-sm:0 1px 2px rgba(0,0,0,.3);
        --shadow-card:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.5);
        --shadow-lift:0 2px 4px rgba(0,0,0,.3),0 24px 48px -20px rgba(0,0,0,.6),0 0 0 1px rgba(84,119,248,.25);
      }
[data-theme="dark"] #wbPage body{background:#1F2A33}
[data-theme="dark"] #wbPage .btn-dark{background:#EFEFEF;color:#16222C}
[data-theme="dark"] #wbPage .btn-dark:hover{background:#FFFFFF}
[data-theme="dark"] #wbPage .btn-outline{background:#223544;color:#EFEFEF}
[data-theme="dark"] #wbPage .btn-outline:hover{background:#263C4E}
[data-theme="dark"] #wbPage .icon-box.blue{color:#7EA2FF;background:rgba(84,119,248,.15);border-color:rgba(84,119,248,.35)}
[data-theme="dark"] #wbPage .mock-bar{background:#223544}
[data-theme="dark"] #wbPage .mock-bar .mb-title{color:#A9BCC9}
[data-theme="dark"] #wbPage .mock-bar i{background:#3E5A72}
[data-theme="dark"] #wbPage details.faq{background:#223544}
[data-theme="dark"] #wbPage .fbtn[aria-pressed="true"]{background:#EFEFEF;color:#1F2A33;border-color:#EFEFEF}
#wbPage .vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}
#wbPage .vplayer{display:none;margin-bottom:20px;border:1px solid var(--blue);border-radius:14px;background:#0B1526;color:#DCE6F5;padding:22px;font-family:"JetBrains Mono",monospace;font-size:13.5px;line-height:1.6}
#wbPage .vplayer.show{display:block}
#wbPage details.faq{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:0 22px;box-shadow:var(--shadow-sm)}
#wbPage details.faq + details.faq{margin-top:10px}
#wbPage details.faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:17px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
#wbPage details.faq summary::-webkit-details-marker{display:none}
#wbPage details.faq summary::after{content:"+";font-family:"JetBrains Mono",monospace;color:var(--blue);font-size:19px}
#wbPage details.faq[open ] summary::after{content:"–"}
#wbPage details.faq p{color:var(--muted-fg);margin:0 0 18px;line-height:1.65;font-size:15px}
#wbPage .cta-band .btn{background:#fff;color:#2350F6}
#wbPage .cta-band .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);margin-left:10px}
#wbPage .link-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
#wbPage .link-chip{
        display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);
        border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--fg);transition:border-color .15s;
      }
#wbPage .link-chip:hover{border-color:var(--blue);color:var(--blue)}
#wbPage .link-chip svg{width:14px;height:14px;color:var(--blue)}
#wbPage .info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
#wbPage .info-card h3{margin:0 0 8px;font-size:16.5px;font-weight:700;letter-spacing:-.015em}
#wbPage .info-card p{margin:0;color:var(--muted-fg);font-size:14.5px;line-height:1.65}
#wbPage .tc-dark.purple .tc-plan.hot{border-color:#8B5CF6;box-shadow:0 18px 44px -16px rgba(139,92,246,.55)}
#wbPage #view-typecrux .tc-dark .tc-priv-link .link-chip:hover{border-color:#A78BFA}
#wbPage [data-theme="light"] #view-typecrux .tc-dark .tc-priv-link .link-chip:hover{border-color:#7C3AED;color:#7C3AED}
#wbPage #view-typecrux .vplayer{border-color:#8B5CF6}
#wbPage #view-typecrux details.faq summary::after{color:#7C3AED}
[data-theme="dark"] #wbPage #view-typecrux details.faq summary::after{color:#A78BFA}
#wbPage #view-typecrux .cta-band .btn{color:#7C3AED}
#wbPage #view-typecrux .cta-band .btn.alt{color:#fff}
[data-theme="dark"] #wbPage #view-typecrux details.faq{background:#1B1830;border-color:#2E2950}
[data-theme="dark"] #wbPage #view-typecrux .vplayer{background:#12101A;color:#F2EFFA}
[data-theme="dark"] #wbPage #view-typecrux .fbtn{background:#1B1830;border-color:#2E2950;color:rgba(242,239,250,.68)}
[data-theme="dark"] #wbPage #view-typecrux .fbtn:hover{color:#F2EFFA;border-color:#8B5CF6}
[data-theme="dark"] #wbPage #view-typecrux .fbtn[aria-pressed="true"]{background:#EFEFEF;color:#17141F;border-color:#EFEFEF}
#wbPage .wb-tablewrap{overflow-x:auto}
#wbPage table.wb-table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:520px}
#wbPage table.wb-table th{background:var(--muted-bg);color:var(--fg);font-weight:600;text-align:left;padding:8px 10px;border:1px solid var(--border);white-space:nowrap;font-size:12.5px}
#wbPage table.wb-table td{border:1px solid var(--border);padding:4px 6px}
#wbPage table.wb-table td.calc{background:var(--muted-bg);font-family:"JetBrains Mono",monospace;font-size:12.5px;text-align:right;padding:8px 10px}
#wbPage table.wb-table tfoot td{font-weight:700;background:var(--muted-bg);font-family:"JetBrains Mono",monospace;font-size:12.5px;text-align:right;padding:8px 10px}
#wbPage table.wb-table tfoot td.lbl{text-align:left;font-family:inherit}
#wbPage .wb-in{width:100%;border:0;background:none;color:var(--fg);font:inherit;font-size:13.5px;padding:5px 4px;min-width:70px}
#wbPage .wb-in:focus{outline:none;border-radius:4px;box-shadow:inset 0 0 0 2px var(--blue),0 0 0 3px rgba(35,80,246,.14)}
#wbPage .wb-in.num{text-align:right;font-variant-numeric:tabular-nums}
#wbPage .wb-del{border:1px solid var(--border);background:var(--card);color:var(--muted-fg);border-radius:7px;width:28px;height:28px;font-size:15px;line-height:1;flex:none}
#wbPage .wb-del:hover{color:#DC2626;border-color:#DC2626}
#wbPage .wb-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
#wbPage .wb-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media (max-width:700px){#wbPage .wb-calc-grid{grid-template-columns:1fr}}
#wbPage .wb-calc-grid h4{margin:0 0 12px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg)}
#wbPage .wb-fld{margin-bottom:12px}
#wbPage .wb-fld label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
#wbPage .wb-fld input{width:100%;border:1px solid var(--border-strong);border-radius:9px;background:var(--card);color:var(--fg);font:inherit;font-size:14.5px;padding:9px 12px}
#wbPage .wb-fld input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(35,80,246,.16)}
#wbPage .wb-out{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14.5px}
#wbPage .wb-out:last-child{border-bottom:0}
#wbPage .wb-out b{font-variant-numeric:tabular-nums;font-size:15.5px}
#wbPage .wb-note{font-size:12.5px;color:var(--muted-fg);margin-top:10px;line-height:1.55}
@media (max-width:560px){#wbPage .header-actions .btn{display:none}}
#wbPage{--wbacc:#F1641E;background:var(--bg)}
#wbPage .wb-hero{position:relative;overflow:clip;padding:34px 0 64px;background-image:linear-gradient(to right,color-mix(in srgb,var(--wbacc) 9%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--wbacc) 9%,transparent) 1px,transparent 1px);background-size:44px 44px}
#wbPage .wb-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 90% at 50% 0%,transparent 30%,var(--bg) 96%);pointer-events:none}
#wbPage .wb-hero-in{position:relative;z-index:1}
#wbPage .wb-crumb{color:var(--muted-fg);font-weight:600;font-size:14px;background:none;border:0;padding:0}
#wbPage .wb-crumb:hover{color:var(--wbacc)}
#wbPage .wb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center;margin-top:30px}
#wbPage .wb-kick{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wbacc);border:1px solid color-mix(in srgb,var(--wbacc) 45%,transparent);background:color-mix(in srgb,var(--wbacc) 10%,var(--card));border-radius:999px;padding:6px 13px}
#wbPage .wb-split h1{margin:20px 0 0;font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:900;letter-spacing:-.045em;line-height:1.04}
#wbPage .wb-lead{margin:18px 0 0;color:var(--muted-fg);font-size:1.06rem;line-height:1.7;max-width:520px}
#wbPage .wb-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
#wbPage .wb-badges span{font-size:12.5px;font-weight:700;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 12px}
#wbPage .wb-badges span.hot{color:#fff;background:#F1641E;border-color:#F1641E}
#wbPage .wb-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}
#wbPage .btn-wb{background:var(--wbacc);color:#fff;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--wbacc) 70%,transparent)}
#wbPage .btn-wb:hover{filter:brightness(1.08);transform:translateY(-1px)}
#wbPage .wb-cover-big{border-radius:20px;overflow:hidden;box-shadow:0 34px 70px -28px color-mix(in srgb,var(--wbacc) 65%,rgba(2,8,23,.5)),0 4px 14px rgba(2,8,23,.14);transform:rotate(1.2deg);background:var(--card);border:1px solid var(--border)}
#wbPage .wb-cover-big .cover-head{min-height:210px;padding:20px 22px 22px}
#wbPage .wb-cover-big .cover-head h3{font-size:27px}
#wbPage .wb-cover-big .cover-motif svg{width:44px;height:44px}
#wbPage .wb-band{border-block:1px solid var(--border);background:color-mix(in srgb,var(--wbacc) 6%,var(--card));padding:26px 0}
#wbPage .wb-strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#wbPage .wb-str{display:flex;gap:11px;align-items:flex-start;font-size:14px;font-weight:600;line-height:1.5}
#wbPage .wb-str svg{width:19px;height:19px;color:var(--wbacc);flex:none;margin-top:2px}
#wbPage .wb-sec{padding:64px 0}
#wbPage .wb-sec.alt{background:var(--muted-bg);border-block:1px solid var(--border)}
#wbPage .wb-sec h2{margin:0;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1.12}
#wbPage .wb-sec h2 em{font-style:normal;color:var(--wbacc)}
#wbPage .wb-sec .sub{margin:12px 0 0;color:var(--muted-fg);line-height:1.7;max-width:640px}
#wbPage .wb-trybox{margin-top:28px;border:1px solid var(--border-strong);border-radius:16px;background:var(--card);overflow:hidden;box-shadow:var(--shadow-card)}
#wbPage .wb-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
#wbPage .wb-cta-final{margin-top:8px;border-radius:20px;padding:44px 34px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--wbacc),color-mix(in srgb,var(--wbacc) 55%,#020817));box-shadow:0 30px 60px -28px color-mix(in srgb,var(--wbacc) 70%,transparent)}
#wbPage .wb-cta-final h2{color:#fff}
#wbPage .wb-cta-final p{color:rgba(255,255,255,.88);max-width:520px;margin:12px auto 24px;line-height:1.65}
#wbPage .wb-cta-final .btn{background:#fff;color:#020817}
#wbPage .wb-prose p{margin:0 0 16px;color:var(--muted-fg);line-height:1.75;font-size:15.5px;max-width:680px}
#wbPage .wb-prose p:last-child{margin-bottom:0}
#wbPage .wb-story-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
#wbPage .wb-rich-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
#wbPage .wb-str-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--wbacc);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm)}
#wbPage .wb-str-card h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.3}
#wbPage .wb-str-card p{margin:10px 0 0;color:var(--muted-fg);font-size:14.5px;line-height:1.7}
#wbPage .wb-inside-prose{margin-top:14px}
#wbPage .wb-inside-prose p{max-width:760px}
#wbPage .info-card p + p{margin-top:10px}
#wbPage .wb-cta-final p{max-width:640px}
@media (max-width:900px){#wbPage .wb-story-grid{grid-template-columns:1fr;gap:20px}
#wbPage .wb-rich-grid{grid-template-columns:1fr}}
@media (max-width:900px){#wbPage .wb-split{grid-template-columns:1fr;gap:34px}
#wbPage .wb-strengths{grid-template-columns:1fr 1fr}
#wbPage .wb-two{grid-template-columns:1fr}}
@media (max-width:560px){#wbPage .wb-strengths{grid-template-columns:1fr}
#wbPage .wb-cover-big{transform:none}}
#wbPage .mm-head{display:flex;gap:22px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
#wbPage .mm-kick{font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--wbacc)}
#wbPage .mm-head h2{margin:10px 0 0;font-size:clamp(1.45rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;max-width:520px}
#wbPage .mm-head h2 em{font-style:normal;color:var(--wbacc)}
#wbPage .mm-shield{display:flex;gap:10px;align-items:flex-start;max-width:380px;margin:0;border:1.5px dashed color-mix(in srgb,var(--wbacc) 65%,var(--border-strong));background:color-mix(in srgb,var(--wbacc) 8%,var(--card));border-radius:12px;padding:12px 15px;font-size:14px;font-weight:700;line-height:1.5;color:var(--fg)}
#wbPage .mm-shield svg{width:19px;height:19px;flex:none;color:var(--wbacc);margin-top:2px}
#wbPage .mm-net b.neg{color:var(--red-deep)}
#wbPage .mm-all-item b.neg{color:var(--red-deep)}
#wbPage .mm-note{margin:14px 0 0;font-size:13px;color:var(--muted-fg);line-height:1.6}
#wbPage .pp{margin-top:56px;background:var(--card);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);text-align:left}
#wbPage .pp .hand{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive}
#wbPage .pp-scene{position:relative;margin-top:24px;border-radius:14px;padding:44px 34px 42px 92px;overflow:hidden;display:flex;gap:52px;align-items:stretch;background:radial-gradient(circle,rgba(90,55,20,.35) 1.6px,transparent 1.7px) 0 0/22px 22px,linear-gradient(150deg,#c99a5b,#b3813f 60%,#a06c2f);box-shadow:inset 0 0 0 10px #7c4f21,inset 0 0 60px rgba(60,35,5,.5)}
#wbPage .pp-reset{position:absolute;top:18px;right:18px;z-index:9;background:#fffdf4;color:#7c2d12;border:2px solid #7c2d12;border-radius:999px;font:inherit;font-size:13.5px;font-weight:800;padding:8px 16px;cursor:pointer;box-shadow:2px 4px 10px rgba(50,30,5,.4)}
#wbPage .pp-resets{position:absolute;top:18px;right:18px;z-index:9;display:flex;gap:8px}
#wbPage .pp-resets .pp-reset{position:static}
#wbPage .pp-reset:hover{background:#ffedd5}
#wbPage .pp-reset:focus-visible{outline:3px solid #22335c;outline-offset:2px}
#wbPage .pp-slip{position:relative;flex:none;width:330px;background:linear-gradient(175deg,#fffdf4,#f7efdb);border-radius:3px;transform:rotate(-1.4deg);box-shadow:4px 8px 18px rgba(50,30,5,.45);padding:18px 20px 14px;color:#33302a}
#wbPage .pp-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7a,#c22e1e 70%);box-shadow:0 3px 5px rgba(0,0,0,.45);z-index:6}
#wbPage .pp-slip .pp-pin{left:56%;top:-9px;transform:translateX(-50%)}
#wbPage .pp-pin.blue{background:radial-gradient(circle at 35% 30%,#9ec2ff,#2456c4 70%)}
#wbPage .pp-pin.yellow{background:radial-gradient(circle at 35% 30%,#ffe9a3,#d99a26 70%)}
#wbPage .pp-pin.sm{width:14px;height:14px}
#wbPage .pp-shop{font-size:11.5px;letter-spacing:2.5px;color:#8a7a5c;text-transform:uppercase;text-align:center;font-weight:700}
#wbPage .pp-title{text-align:center;margin-top:6px;color:#22335c;font-size:24px;transform:rotate(-1deg)}
#wbPage .pp-madeup{text-align:center;font-size:11.5px;color:#9a8a68;margin-top:2px}
#wbPage .pp-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14.5px}
#wbPage .pp-row label{flex:1;font-weight:600;color:#4c4436;min-width:0}
#wbPage .pp-inwrap{display:flex;align-items:center;gap:2px;border:1.5px solid #c9b384;border-radius:8px;background:#fffef8;padding:0 8px;flex:none}
#wbPage .pp-inwrap>span{color:#8a4b2a;font-size:13.5px;font-weight:700}
#wbPage .pp-inwrap input{width:84px;border:0;background:none;color:#22335c;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:16.5px;font-weight:700;text-align:right;padding:5px 0}
#wbPage .pp-inwrap input:focus{outline:none}
#wbPage .pp-inwrap:focus-within{border-color:#22335c;box-shadow:0 0 0 3px rgba(34,51,92,.18)}
#wbPage .pp-sales{border-bottom:2px solid #33302a;padding-bottom:10px}
#wbPage .pp-sales label{font-weight:800;color:#1d1a14;font-size:15.5px}
#wbPage .pp-perf{border-top:2.5px dashed #b9a888;margin-top:4px}
#wbPage .pp-perf .pp-row label{color:#6d5c3d}
#wbPage .pp-sub{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:3px solid #2456c4;margin-top:6px;padding-top:10px;font-size:16px;font-weight:800;color:#1d1a14}
#wbPage .pp-sub b{font-size:21px;color:#2456c4;font-variant-numeric:tabular-nums}
#wbPage .pp-sub b.neg{color:#b3261e}
#wbPage .pp-kept{border-top:3px solid #33302a;margin-top:8px;padding-top:12px;text-align:center;font-size:19px;font-weight:800;color:#1d1a14}
#wbPage .pp-kept b{display:block;margin-top:2px;font-size:27px;color:#14632f;font-variant-numeric:tabular-nums}
#wbPage .pp-kept b.neg{color:#b3261e}
#wbPage .pp-col2{flex:0 1 300px;min-width:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:30px;padding:6px 0}
#wbPage .pp-col3{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:30px;padding:6px 0}
#wbPage .pp-note-card{position:relative;width:100%;background:#fff6bf;color:#54431d;transform:rotate(2deg);box-shadow:3px 6px 12px rgba(50,30,5,.4);padding:20px 16px 16px;font-size:14.5px;line-height:1.5}
#wbPage .pp-card{position:relative;width:100%;background:linear-gradient(175deg,#fffdf4,#f7efdb);border-radius:3px;box-shadow:3px 6px 14px rgba(50,30,5,.4);padding:20px 20px 12px;color:#33302a}
#wbPage .pp-card .pp-pin{left:24px;top:-9px}
#wbPage .pp-card h3{margin:0 0 6px;font-size:19px;color:#22335c;transform:rotate(-.5deg)}
#wbPage .pp-glance{transform:rotate(-.6deg)}
#wbPage .pp-glance .pp-pin{left:18px;top:-9px}
#wbPage .pp-wb .pp-pin{left:58%;top:-9px}
#wbPage .pp-gl-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;font-size:14.5px;border-bottom:2px dashed #b9a888}
#wbPage .pp-gl-row span{font-weight:600;color:#4c4436}
#wbPage .pp-gl-row b{font-variant-numeric:tabular-nums;font-size:16px;color:#1d1a14;white-space:nowrap}
#wbPage .pp-gl-row b.neg{color:#b3261e}
#wbPage .pp-gl-kept{border-bottom:0;border-top:2.5px solid #33302a;margin-top:2px;padding-top:9px}
#wbPage .pp-gl-kept span{font-weight:800;color:#1d1a14}
#wbPage .pp-gl-kept b{font-size:20px;color:#14632f}
#wbPage .pp-gl-kept b.neg{color:#b3261e}
#wbPage .pp-wb{transform:rotate(.7deg)}
#wbPage .pp-wb-list{margin:2px 0;padding:0;list-style:none}
#wbPage .pp-wb-list li{padding:5px 0;font-size:14.5px;color:#4c4436;border-bottom:1.5px dashed #c9b384}
#wbPage .pp-wb-list li:last-child{border-bottom:0}
#wbPage .pp-wb-list b{color:#22335c}
#wbPage .pp-pile{position:relative;height:150px;width:100%;max-width:300px}
#wbPage .pp-strip-wrap{position:absolute;width:138px;height:42px}
#wbPage .pp-strip{position:relative;width:138px;height:42px;background:linear-gradient(175deg,#fffdf4,#f3ead2);box-shadow:2px 4px 8px rgba(50,30,5,.4);color:#6d5c3d;font-size:14.5px;text-align:center;padding-top:10px;clip-path:polygon(0 12%,6% 0,14% 10%,24% 2%,35% 11%,47% 1%,58% 10%,70% 2%,82% 11%,92% 1%,100% 10%,100% 100%,0 100%)}
#wbPage .pp-perf.fee{background:linear-gradient(90deg,rgba(217,119,6,.14),rgba(217,119,6,0) 78%);border-radius:6px}
#wbPage .pp-perf.fee .pp-row label{color:#8a4b12}
#wbPage .pp-perf.fee .pp-inwrap{border-color:#d97706;background:#fff7e8}
#wbPage .pp-perf.fee .pp-inwrap>span{color:#b45309}
#wbPage .pp-perf.fee .pp-inwrap input{color:#8a4b12}
#wbPage .pp-perf.fee .pp-inwrap:focus-within{border-color:#b45309;box-shadow:0 0 0 3px rgba(217,119,6,.22)}
#wbPage .pp-perf.exp{background:linear-gradient(90deg,rgba(147,51,114,.13),rgba(147,51,114,0) 78%);border-radius:6px}
#wbPage .pp-perf.exp .pp-row label{color:#7c2d5e}
#wbPage .pp-perf.exp .pp-inwrap{border-color:#a8437f;background:#fdf0f6}
#wbPage .pp-perf.exp .pp-inwrap>span{color:#93336e}
#wbPage .pp-perf.exp .pp-inwrap input{color:#7c2d5e}
#wbPage .pp-perf.exp .pp-inwrap:focus-within{border-color:#93336e;box-shadow:0 0 0 3px rgba(147,51,114,.20)}
#wbPage .pp-slip{border-top:7px solid #2456c4}
#wbPage .pp-note-card{border-top:7px solid #0e7a6d}
#wbPage .pp-glance{border-top:7px solid #d97706}
#wbPage .pp-wb{border-top:7px solid #7c3aed}
#wbPage .pp-gl-row.pp-gl-fees b{color:#b45309}
#wbPage .pp-gl-row.pp-gl-exp b{color:#93336e}
#wbPage .pp-strip.fee{background:linear-gradient(175deg,#ffedd5,#fcd9a8);color:#8a4b12}
#wbPage .pp-strip.exp{background:linear-gradient(175deg,#fae0ef,#f0bcd8);color:#7c2d5e}
@media (max-width:1150px){#wbPage .pp-scene{flex-direction:column;padding:64px 20px 24px;gap:26px;align-items:center}
#wbPage .pp-slip{width:min(330px,100%);margin:0 auto}
#wbPage .pp-col2, #wbPage .pp-col3{flex:none;width:100%;max-width:420px;padding:0}
#wbPage .pp-pile{margin:0 auto}}
@media (max-width:900px){#wbPage .pp{padding:20px}
#wbPage .pp-note-card{transform:rotate(1.5deg)}}
#wbPage .sh{margin-top:56px;background:var(--card);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);text-align:left}
#wbPage .sh-stage{position:relative;width:100%;overflow:hidden;border-radius:12px;margin-top:24px;background:#f1e2c4}
#wbPage .sh-scene{position:absolute;left:0;top:0;width:1320px;height:640px;border-radius:10px;overflow:hidden;transform-origin:0 0}
#wbPage .sh-reset{position:absolute;top:16px;right:16px;z-index:12;background:#fffdf4;color:#7c2d12;border:2px solid #7c2d12;border-radius:999px;font:inherit;font-size:13.5px;font-weight:800;padding:8px 16px;cursor:pointer;box-shadow:2px 4px 10px rgba(50,30,5,.4)}
#wbPage .sh-resets{position:absolute;top:16px;right:16px;z-index:12;display:flex;gap:8px}
#wbPage .sh-resets .sh-reset{position:static}
#wbPage .sh-reset:hover{background:#ffedd5}
#wbPage .sh-reset:focus-visible{outline:3px solid #22335c;outline-offset:2px}
#wbPage .sh-shelf-scene{background:
      radial-gradient(ellipse 700px 340px at 18% 6%, rgba(255,250,228,.85), rgba(255,250,228,0) 70%),
      radial-gradient(ellipse 500px 300px at 88% 90%, rgba(214,178,128,.35), rgba(214,178,128,0) 70%),
      radial-gradient(ellipse 260px 160px at 62% 30%, rgba(226,199,158,.30), rgba(226,199,158,0) 70%),
      radial-gradient(ellipse 200px 130px at 30% 72%, rgba(219,190,146,.28), rgba(219,190,146,0) 70%),
      linear-gradient(155deg, #f7ecd7 0%, #f1e0c3 45%, #e9d5b0 78%, #e2cba0 100%);
      box-shadow: inset 0 0 90px rgba(146,104,44,.28), inset 0 0 0 1px rgba(146,104,44,.25);}
#wbPage .sh-lightwedge{position: absolute; top: -140px; left: -60px; width: 860px; height: 560px;
      background: linear-gradient(100deg, rgba(255,252,235,.55) 0%, rgba(255,250,225,.28) 45%, rgba(255,250,225,0) 78%);
      transform: rotate(24deg); transform-origin: top left;
      border-radius: 50%; filter: blur(6px); z-index: 1; pointer-events: none;}
#wbPage .sh-lightwedge2{position: absolute; top: -100px; left: 330px; width: 300px; height: 480px;
      background: linear-gradient(100deg, rgba(255,252,235,.30), rgba(255,250,225,0) 80%);
      transform: rotate(24deg); transform-origin: top left;
      border-radius: 50%; filter: blur(10px); z-index: 1; pointer-events: none;}
#wbPage .sh-wood{background:
      repeating-linear-gradient(93deg, rgba(120,74,28,.16) 0 2px, rgba(120,74,28,0) 2px 9px, rgba(255,225,170,.10) 9px 10px, rgba(120,74,28,0) 10px 17px),
      repeating-linear-gradient(88deg, rgba(96,56,18,.10) 0 1px, rgba(96,56,18,0) 1px 26px),
      linear-gradient(180deg, #c99a5f 0%, #b3813f 55%, #9c6c31 100%);}
#wbPage .sh-board{position: absolute; height: 22px; border-radius: 3px; z-index: 3;
      box-shadow: 0 14px 22px rgba(101,64,18,.35), 0 3px 5px rgba(101,64,18,.4), inset 0 2px 0 rgba(255,232,185,.75), inset 0 -3px 0 rgba(84,50,12,.55);}
#wbPage .sh-board::after{/* soft shadow the board casts on the wall below */
      content: ""; position: absolute; left: 6px; right: 6px; top: 30px; height: 26px;
      background: linear-gradient(180deg, rgba(110,72,22,.30), rgba(110,72,22,0));
      border-radius: 50%; filter: blur(3px); z-index: -1;}
#wbPage .sh-upright{position: absolute; width: 26px; z-index: 2; border-radius: 3px;
      box-shadow: 6px 0 14px rgba(101,64,18,.28), inset -3px 0 0 rgba(84,50,12,.5), inset 2px 0 0 rgba(255,232,185,.5);}
#wbPage .sh-leg{position: absolute; width: 26px; height: 44px; z-index: 2; border-radius: 2px;
      box-shadow: inset -3px 0 0 rgba(84,50,12,.5), inset 2px 0 0 rgba(255,232,185,.45);}
#wbPage .sh-rail{position: absolute; height: 7px; border-radius: 4px; z-index: 3;
      background: linear-gradient(180deg, #f0d089, #b98c2e 60%, #8a6414);
      box-shadow: 0 3px 5px rgba(101,64,18,.4), inset 0 1px 0 #fff3cf;}
#wbPage .sh-railcap{position: absolute; width: 13px; height: 13px; border-radius: 50%; z-index: 3;
      background: radial-gradient(circle at 35% 30%, #ffe9ad, #b98c2e 75%);
      box-shadow: 0 2px 3px rgba(101,64,18,.45);}
#wbPage .sh-cshadow{position: absolute; border-radius: 50%; z-index: 2;
      background: radial-gradient(ellipse at center, rgba(96,58,12,.42), rgba(96,58,12,0) 68%);}
#wbPage .sh-obj{position: absolute; z-index: 4; filter: drop-shadow(7px 9px 7px rgba(96,58,12,.30));}
#wbPage .sh-ticket{position: absolute; left: 44px; top: 34px; width: 266px; z-index: 7;
      background:
      radial-gradient(ellipse 200px 60px at 20% 0%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),
      linear-gradient(172deg, #fffdf4, #f8f0da 80%, #f1e5c8);
      border-radius: 4px; transform: rotate(-2.4deg);
      box-shadow: 5px 10px 20px rgba(96,58,12,.38), 1px 2px 4px rgba(96,58,12,.3);
      padding: 20px 20px 15px; color: #40382a;}
#wbPage .sh-ticket::after{/* perforated bottom edge */
      content: ""; position: absolute; left: 8px; right: 8px; bottom: 5px;
      border-bottom: 2px dashed rgba(150,125,80,.45);}
#wbPage .sh-ticket .sh-thead{font-size: 13px; letter-spacing: 2.5px; font-weight: 800; color: #8c5a1d;
      border-bottom: 1.5px solid rgba(150,110,50,.4); padding-bottom: 7px;
      display: flex; justify-content: space-between; align-items: baseline;}
#wbPage .sh-ticket .sh-thead .sh-no{color: #b03a26; letter-spacing: 1px;}
#wbPage .sh-ticket .sh-tbody{font-family: Georgia, "Times New Roman", serif;
      font-size: 20px; line-height: 1.3; color: #33291a; padding: 11px 0 13px; white-space: nowrap;}
#wbPage .sh-ticket .sh-tbody b{font-size: 25px; color: #7a4416;}
#wbPage .sh-ticket .sh-tfoot{font-size: 14px; letter-spacing: .8px; font-weight: 700; color: #97753c;
      padding-bottom: 6px;}
#wbPage .sh-pin{position: absolute; width: 19px; height: 19px; border-radius: 50%; z-index: 9;
      background: radial-gradient(circle at 35% 28%, #ff9a86, #d0341f 62%, #9c1f10);
      box-shadow: 0 4px 6px rgba(60,20,5,.5), inset 0 -2px 3px rgba(90,10,0,.5);}
#wbPage .sh-pin::after{content: ""; position: absolute; left: 8px; top: 15px; width: 3px; height: 9px;
      background: linear-gradient(180deg, rgba(90,60,30,.55), rgba(90,60,30,0));
      transform: rotate(14deg);}
#wbPage .sh-tag{position: absolute; z-index: 8; width: 158px;
      background:
      radial-gradient(circle 7px at 50% 11px, rgba(0,0,0,0) 6px, rgba(0,0,0,0) 7px),
      linear-gradient(168deg, #fffdf3, #f7eed6 85%, #efe1c2);
      border: 1px solid rgba(160,128,74,.55); border-radius: 8px;
      box-shadow: 3px 7px 13px rgba(96,58,12,.35), inset 0 0 0 3px rgba(255,255,255,.35);
      padding: 17px 8px 9px; text-align: center; color: #4a3a20;}
#wbPage .sh-tag::before{/* punched hole ring */
      content: ""; position: absolute; left: 50%; top: 5px; width: 11px; height: 11px;
      transform: translateX(-50%); border-radius: 50%;
      border: 2px solid #b3924f; background: #e9dcc0;
      box-shadow: inset 0 1px 2px rgba(90,60,20,.6);}
#wbPage .sh-tag .sh-tlabel{font-size: 12.5px; font-weight: 800; letter-spacing: 1.6px;
      text-transform: uppercase; color: #8a6528; line-height: 1.25;}
#wbPage .sh-tag .sh-tnum{font-family: Georgia, "Times New Roman", serif;
      font-size: 37px; font-weight: 700; color: #6d3f0e; line-height: 1.12;}
#wbPage .sh-tag .sh-tnum small{font-size: 19px; font-weight: 700; color: #8a6528;}
#wbPage .sh-tag .sh-tsub{font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6528; margin-top: -2px;}
#wbPage .sh-twine{position: absolute; z-index: 7; height: 2.5px; border-radius: 2px;
      background: repeating-linear-gradient(90deg, #a97f3f 0 5px, #c49b52 5px 10px);
      box-shadow: 0 1px 1px rgba(96,58,12,.35); transform-origin: left center;}
#wbPage .sh-ribbon{position: absolute; left: 0; right: 0; bottom: 26px; height: 66px; z-index: 10;
      background:
      radial-gradient(ellipse 500px 60px at 25% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%),
      linear-gradient(180deg, #7d9a67 0%, #677f52 55%, #5a7047 100%);
      box-shadow: 0 -6px 18px rgba(74,84,40,.35), 0 8px 20px rgba(74,84,40,.35), inset 0 2px 0 rgba(240,248,225,.5), inset 0 -2px 0 rgba(40,56,26,.45);
      display: flex; align-items: center; justify-content: center; gap: 16px;
      color: #fdf6df; text-align: center; padding: 0 120px;}
#wbPage .sh-ribbon .sh-seal{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%;
      background: radial-gradient(circle at 35% 28%, #fdf8e3, #e9dcb2 70%, #d9c88f);
      color: #57703f; font-size: 23px; font-weight: 900; line-height: 40px; text-align: center;
      box-shadow: 0 3px 7px rgba(40,56,26,.5), inset 0 0 0 2.5px rgba(122,148,94,.65), inset 0 -3px 5px rgba(160,140,80,.5);}
#wbPage .sh-ribbon .sh-rtext{font-size: 20.5px; font-weight: 600; letter-spacing: .2px; text-shadow: 0 1.5px 3px rgba(40,56,26,.55);}
#wbPage .sh-ribbon .sh-rtext b{color: #fffbe9; font-weight: 800;}
#wbPage .sh-safeguard{position: absolute; left: 0; right: 0; bottom: 0; height: 26px; z-index: 10;
      display: flex; align-items: center; justify-content: center;
      font-size: 12.5px; color: rgba(105,80,45,.85); letter-spacing: .3px;
      background: linear-gradient(180deg, rgba(255,251,238,0), rgba(252,244,222,.65));}
#wbPage .sh-ribbon{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px}
#wbPage .sh-ribbon.short{background:radial-gradient(ellipse 500px 60px at 25% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%),linear-gradient(180deg,#d64541 0%,#b3261e 55%,#8c1d1d 100%);box-shadow:0 -6px 18px rgba(120,30,20,.35),0 8px 20px rgba(120,30,20,.35),inset 0 2px 0 rgba(255,240,220,.5),inset 0 -2px 0 rgba(70,15,5,.45)}
#wbPage .sh-ribbon.short .sh-seal{color:#8c1d1d;box-shadow:0 3px 7px rgba(70,15,5,.5),inset 0 0 0 2.5px rgba(214,69,65,.65),inset 0 -3px 5px rgba(160,120,80,.5)}
#wbPage .sh-ticket{border-left:7px solid #e4572e}
#wbPage .sh-tag{--tagc:#2350f6}
#wbPage .sh-tag::after{content:"";position:absolute;left:8px;right:8px;top:0;height:6px;border-radius:0 0 4px 4px;background:var(--tagc)}
#wbPage .sh-tag.tag-fin{--tagc:#0e9f6e}
#wbPage .sh-tag.tag-supply{--tagc:#e4572e}
#wbPage .sh-ticket-in{width:62px;border:1.5px solid rgba(150,110,50,.6);border-radius:6px;background:rgba(255,255,255,.7);font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:700;color:#7a4416;text-align:center;padding:1px 2px}
#wbPage .sh-ticket-in:focus{outline:2px solid #22335c;outline-offset:1px}
#wbPage .sh-tag-in{width:82px;border:1.5px solid rgba(160,128,74,.6);border-radius:7px;background:rgba(255,255,255,.65);font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;color:#6d3f0e;text-align:center;padding:0 2px;line-height:1.15}
#wbPage .sh-tag-in:focus{outline:2px solid #22335c;outline-offset:1px}
#wbPage .sh input[type="number"]::-webkit-outer-spin-button, #wbPage .sh input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wbPage .sh input[type="number"]{-moz-appearance:textfield;appearance:textfield}
@media (max-width:900px){#wbPage .sh{padding:20px}}
#wbPage .bn{margin-top:56px;background:var(--card);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);text-align:left}
#wbPage .bn-stage{position:relative;width:100%;overflow:hidden;border-radius:12px;margin-top:24px;background:#f1e2c4}
#wbPage .bn-scene{position:absolute;left:0;top:0;width:1320px;height:1040px;border-radius:10px;overflow:hidden;transform-origin:0 0;background:
      radial-gradient(ellipse 1120px 640px at 20% 4%, rgba(255,250,228,.85), rgba(255,250,228,0) 70%),
      radial-gradient(ellipse 920px 600px at 88% 92%, rgba(214,178,128,.38), rgba(214,178,128,0) 70%),
      radial-gradient(ellipse 600px 400px at 55% 30%, rgba(226,199,158,.35), rgba(226,199,158,0) 70%),
      linear-gradient(158deg, #f7ecd7 0%, #f1e0c1 48%, #e9d3a8 80%, #e2c99c 100%);
      box-shadow: inset 0 0 90px rgba(146,104,44,.30), inset 0 0 0 1px rgba(146,104,44,.25)}
#wbPage .bn-lightwedge{position:absolute;top:-300px;left:-140px;width:1520px;height:1040px;background:linear-gradient(100deg, rgba(255,252,235,.5) 0%, rgba(255,250,225,.22) 45%, rgba(255,250,225,0) 78%);transform:rotate(24deg);transform-origin:top left;border-radius:50%;filter:blur(6px);z-index:1;pointer-events:none}
#wbPage .bn-beamwrap{position:absolute;left:0;top:0;width:1320px;height:1040px;z-index:3;transform-origin:650px 260px;transition:transform .9s cubic-bezier(.34,.9,.3,1)}
#wbPage .bn-hang{position:absolute;left:0;top:0;width:1320px;height:1040px;transition:transform .9s cubic-bezier(.34,.9,.3,1);pointer-events:none}
#wbPage #bnHangL{transform-origin:170px 260px}
#wbPage #bnHangR{transform-origin:1130px 260px}
#wbPage .bn-beam{position:absolute;left:150px;top:252px;width:1000px;height:16px;border-radius:8px;background:linear-gradient(180deg,#f0d089,#c39a3f 55%,#8a6414);box-shadow:0 4px 8px rgba(101,64,18,.4),inset 0 2px 0 #fff3cf}
#wbPage .bn-beamcap{position:absolute;top:247px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9ad,#b98c2e 75%);box-shadow:0 3px 5px rgba(101,64,18,.45)}
#wbPage .bn-track{position:absolute;left:190px;top:288px;width:920px;height:7px;border-radius:4px;background:linear-gradient(180deg,#8a6414,#6d4e0e);box-shadow:inset 0 1px 2px rgba(40,25,0,.6)}
#wbPage #bnSlider{position:absolute;top:276px;width:36px;z-index:6;transform:translateX(-50%);transition:left .9s cubic-bezier(.34,.9,.3,1);pointer-events:none}
#wbPage .bn-slider-block{width:36px;height:44px;border-radius:7px;background:linear-gradient(90deg,#96702a,#e9cd85 30%,#c39a3f 58%,#8a6414);border:2px solid #6d4e0e;box-shadow:0 4px 8px rgba(80,50,5,.45);position:relative}
#wbPage .bn-slider-block::after{content:"";position:absolute;left:3px;right:3px;top:19px;height:5px;background:#6d4e0e;opacity:.65;border-radius:2px}
#wbPage .bn-slider-link{width:4px;height:12px;margin:0 auto;background:#8a6414}
#wbPage .bn-be-plate{position:absolute;top:56px;left:50%;transform:translateX(-50%);min-width:216px;width:max-content;max-width:320px;padding:9px 14px;text-align:center;background:linear-gradient(180deg,#e9cd85,#c39a3f 55%,#a87c2c);border:2px solid #8a6414;border-radius:7px;color:#4a3410;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:700;white-space:nowrap;box-shadow:0 5px 10px rgba(80,50,5,.4)}
#wbPage .bn-be-val{color:#7a5203}
#wbPage .bn-tag{position:absolute;left:45px;top:292px;width:250px;height:198px;z-index:5;pointer-events:auto;cursor:text;transform:rotate(-3deg);background:radial-gradient(ellipse 200px 60px at 20% 0%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),linear-gradient(172deg,#fffdf4,#f8f0da 80%,#f1e5c8);border:2px solid #e4572e;border-radius:8px;box-shadow:4px 9px 18px rgba(96,58,12,.38);padding:26px 10px 10px;text-align:center;color:#43331f}
#wbPage .bn-tag::before{content:"";position:absolute;left:50%;top:9px;width:15px;height:15px;transform:translateX(-50%);border-radius:50%;border:2.5px solid #b3924f;background:#e9dcc0;box-shadow:inset 0 1px 2px rgba(90,60,20,.6)}
#wbPage .bn-tag::after{content:"";position:absolute;left:50%;top:-30px;width:46px;height:38px;transform:translateX(-50%) rotate(-8deg);border:3.5px solid #e4572e;border-bottom:0;border-radius:50% 50% 0 0;pointer-events:none}
#wbPage .bn-tag .bn-taglab{font-size:19px;font-weight:800;letter-spacing:5px;color:#97753c;margin-top:8px}
#wbPage .bn-tag .bn-tagrow{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:12px}
#wbPage .bn-tag .bn-cur{font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:700;color:#7a5203}
#wbPage .bn-tag-in{width:150px;border:2px solid rgba(122,68,22,.85);border-radius:7px;background:#ffffff;box-shadow:inset 0 2px 5px rgba(90,60,20,.35);font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:700;color:#2e2113;text-align:center;padding:1px 2px;cursor:text}
#wbPage .bn-tag-in:focus{outline:2px solid #22335c;outline-offset:2px}
#wbPage .bn-obj{position:absolute;filter:drop-shadow(6px 8px 7px rgba(96,58,12,.28))}
#wbPage .bn-ticket{position:absolute;left:36px;top:528px;width:478px;z-index:8;transform:rotate(-1.6deg);background:radial-gradient(ellipse 300px 70px at 20% 0%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),linear-gradient(172deg,#fffdf4,#f8f0da 80%,#f1e5c8);border-radius:5px;box-shadow:5px 10px 20px rgba(96,58,12,.38),1px 2px 4px rgba(96,58,12,.3);padding:20px 24px 14px;color:#40382a}
#wbPage .bn-ticket::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;border-bottom:2px dashed rgba(150,125,80,.45)}
#wbPage .bn-ticket .bn-thead{font-size:15px;letter-spacing:2.5px;font-weight:800;color:#8c5a1d;border-bottom:1.5px solid rgba(150,110,50,.4);padding-bottom:8px;display:flex;justify-content:space-between;align-items:baseline}
#wbPage .bn-ticket .bn-thead .bn-tsub{color:#97753c;letter-spacing:.6px;font-size:13.5px;font-weight:700}
#wbPage .bn-trow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6.5px 0;border-bottom:1px solid rgba(150,110,50,.16)}
#wbPage .bn-trow:last-of-type{border-bottom:0}
#wbPage .bn-trow label{font-family:Georgia,"Times New Roman",serif;font-size:21px;color:#33291a}
#wbPage .bn-trow .bn-tinwrap{display:flex;align-items:center;gap:3px;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700;color:#7a4416}
#wbPage .bn-tick-in{width:104px;border:1.5px solid rgba(150,110,50,.6);border-radius:6px;background:rgba(255,255,255,.7);font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700;color:#7a4416;text-align:center;padding:2px 2px}
#wbPage .bn-tick-in:focus{outline:2px solid #22335c;outline-offset:1px}
#wbPage .bn-pin{position:absolute;width:21px;height:21px;border-radius:50%;z-index:9;background:radial-gradient(circle at 35% 28%, #ff9a86, #d0341f 62%, #9c1f10);box-shadow:0 4px 6px rgba(60,20,5,.5), inset 0 -2px 3px rgba(90,10,0,.5)}
#wbPage .bn-pin::after{content:"";position:absolute;left:9px;top:17px;width:3px;height:10px;background:linear-gradient(180deg, rgba(90,60,30,.55), rgba(90,60,30,0));transform:rotate(14deg)}
#wbPage .bn-wood{background:repeating-linear-gradient(93deg, rgba(120,74,28,.16) 0 2px, rgba(120,74,28,0) 2px 9px, rgba(255,225,170,.10) 9px 10px, rgba(120,74,28,0) 10px 17px),repeating-linear-gradient(88deg, rgba(96,56,18,.10) 0 1px, rgba(96,56,18,0) 1px 26px),linear-gradient(180deg, #c99a5f 0%, #b3813f 55%, #9c6c31 100%)}
#wbPage .bn-benchtop{position:absolute;left:0;top:780px;width:1320px;height:28px;z-index:4;box-shadow:0 10px 18px rgba(101,64,18,.3), inset 0 3px 0 rgba(255,232,185,.75)}
#wbPage .bn-benchfront{position:absolute;left:0;top:808px;width:1320px;height:232px;z-index:4;background:linear-gradient(180deg,#9c6c31 0%,#8a5c28 12%,#6e451a 100%)}
#wbPage .bn-benchfront::before{content:"";position:absolute;left:220px;top:0;bottom:0;width:3px;background:rgba(60,35,10,.28)}
#wbPage .bn-benchfront::after{content:"";position:absolute;left:1040px;top:0;bottom:0;width:3px;background:rgba(60,35,10,.28)}
#wbPage .bn-plate{position:absolute;z-index:6;background:linear-gradient(180deg,#e9cd85,#c39a3f 55%,#a87c2c);border:2px solid #7d5a16;border-radius:10px;box-shadow:inset 0 0 0 3px rgba(109,78,14,.35),0 6px 14px rgba(50,30,0,.35);color:#4a3410}
#wbPage .bn-screw{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4dc9a,#8a6414 80%);box-shadow:inset 0 1px 2px rgba(60,35,0,.7)}
#wbPage .bn-plate-safe{left:256px;top:838px;width:808px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:Georgia,"Times New Roman",serif;font-size:26px;text-align:center}
#wbPage .bn-plate-read{left:110px;top:960px;width:1100px;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-family:Georgia,"Times New Roman",serif}
#wbPage #bnNetPlate{font-size:28px;font-weight:700;white-space:nowrap}
#wbPage #bnNetPlate.pos{color:#1e7a2e}
#wbPage #bnNetPlate.neg{color:#9c1f10}
#wbPage #bnGapPlate{font-size:23px;white-space:nowrap}
#wbPage .bn input[type="number"]::-webkit-outer-spin-button, #wbPage .bn input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wbPage .bn input[type="number"]{-moz-appearance:textfield;appearance:textfield}
@media (max-width:900px){#wbPage .bn{padding:20px}}
@media (prefers-reduced-motion: reduce){#wbPage .bn-beamwrap, #wbPage .bn-hang, #wbPage #bnSlider{transition:none}}
#wbPage .gr{margin-top:56px;background:var(--card);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);text-align:left}
#wbPage .gr-stage{position:relative;width:100%;overflow:hidden;border-radius:12px;margin-top:24px;background:#e6dfc9}
#wbPage .gr-scene{position:absolute;left:0;top:0;width:1320px;height:1040px;border-radius:10px;overflow:hidden;transform-origin:0 0;background:radial-gradient(ellipse 1040px 600px at 24% 2%,rgba(255,252,238,.9),rgba(255,252,238,0) 70%),linear-gradient(180deg,#e9e4d2 0%,#e2dbc6 52%,#d8cfb2 100%);box-shadow:inset 0 0 85px rgba(120,96,50,.28),inset 0 0 0 1px rgba(120,96,50,.22)}
#wbPage .gr-scene>svg.gr-bg{position:absolute;left:0;top:0;z-index:1}
#wbPage .gr-figcap{position:absolute;left:40px;top:30px;z-index:8;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:27px;color:rgba(90,70,40,.85)}
#wbPage .gr-stamp{position:absolute;right:44px;top:38px;z-index:9;font-family:Montserrat,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:7px;color:rgba(203,41,40,.85);border:6px solid rgba(203,41,40,.6);border-radius:10px;padding:10px 22px 9px;transform:rotate(10deg);box-shadow:inset 0 0 0 3px rgba(203,41,40,.25)}
#wbPage .gr-filecard{position:absolute;left:50%;transform:translateX(-50%) rotate(.6deg);bottom:18px;z-index:9;background:linear-gradient(180deg,#2350F6 0 7px,rgba(0,0,0,0) 7px),linear-gradient(170deg,#fffdf4,#f6eed7);border:3px dashed #a3814f;border-radius:14px;color:#4a3b28;font-size:25px;text-align:center;white-space:nowrap;padding:19px 34px 15px;box-shadow:3px 6px 12px rgba(10,8,20,.35)}
#wbPage .gr-filecard b{color:#7a4416}
#wbPage .gr-tag{position:absolute;z-index:6;width:180px;background:linear-gradient(180deg,#fffdf4,#f8efdb 85%,#efe0bf);border:2px solid rgba(140,110,60,.55);border-radius:10px;box-shadow:5px 9px 16px rgba(96,58,12,.30);padding:15px 13px 10px 30px;color:#4a3b28}
#wbPage .gr-tag::before{content:"";position:absolute;left:10px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--tag-ac,#a3814f);border:2.5px solid rgba(74,52,18,.55);box-shadow:inset 0 1px 2px rgba(255,255,255,.55)}
#wbPage .gr-tag::after{content:"";position:absolute;left:9px;right:9px;top:5px;height:5px;border-radius:3px;background:var(--tag-ac,#a3814f)}
#wbPage .gr-tag.f-count{--tag-ac:#2350F6}
#wbPage .gr-tag.f-money{--tag-ac:#16A34A}
#wbPage .gr-tag.f-month{--tag-ac:#8B5CF6}
#wbPage .gr-tag label{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px;line-height:1.15}
#wbPage .gr-tinwrap{display:flex;align-items:center;gap:3px;margin-top:6px;border:2px solid rgba(150,110,50,.55);border-radius:8px;background:rgba(255,255,255,.78);padding:0 9px}
#wbPage .gr-tinwrap>span{font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:700;color:#7a4416}
#wbPage .gr-tinwrap input{width:100%;min-width:0;border:0;background:none;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700;color:#5d3c10;text-align:right;padding:4px 0}
#wbPage .gr-tinwrap input:focus{outline:none}
#wbPage .gr-tinwrap:focus-within{border-color:#7a4416;box-shadow:0 0 0 3px rgba(122,68,22,.18)}
#wbPage .gr-tag.month{width:216px}
#wbPage .gr-tag.month input{text-align:left;font-style:italic;font-weight:400}
#wbPage .gr-crank{position:absolute;left:729px;top:310px;z-index:5;transition:transform .8s cubic-bezier(.34,1.3,.5,1)}
#wbPage .gr-pocket{position:absolute;left:892px;top:496px;z-index:6;width:238px;height:224px;background:linear-gradient(165deg,#11685c,#08453d 70%,#06332e);clip-path:polygon(0 0,100% 4%,96% 100%,4% 100%);box-shadow:6px 10px 18px rgba(4,40,36,.45);padding:30px 22px 14px;color:#eafaf5}
#wbPage .gr-pocket::before{content:"";position:absolute;inset:9px;border:2px dashed rgba(178,240,226,.45);border-radius:6px;pointer-events:none}
#wbPage .gr-pocket .gr-plab{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:3px;color:#a9ecdd;text-align:center}
#wbPage .gr-ptag{position:relative;background:linear-gradient(180deg,#fffdf4,#f8efdb 85%,#efe0bf);border:2px solid rgba(10,80,70,.55);border-radius:8px;box-shadow:3px 5px 10px rgba(3,30,26,.5);padding:11px 10px 7px 12px;color:#4a3b28;margin-top:13px}
#wbPage .gr-ptag::after{content:"";position:absolute;left:8px;right:8px;top:4px;height:4px;border-radius:2px;background:#0EA79B}
#wbPage .gr-ptag label{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:17.5px;line-height:1.1}
#wbPage .gr-ptag .gr-tinwrap{margin-top:4px}
#wbPage .gr-ptag .gr-tinwrap input{font-size:19px;padding:2px 0}
#wbPage .gr-pnote{position:absolute;left:884px;top:740px;z-index:6;width:284px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20.5px;line-height:1.4;color:#f7ecd2;text-shadow:0 1px 4px rgba(35,20,4,.65)}
#wbPage .gr-drawer{position:absolute;left:410px;top:640px;z-index:6;width:470px;height:306px;background:linear-gradient(180deg,#a5763a,#7d5527);border:3px solid #54331d;border-radius:12px;box-shadow:0 14px 28px rgba(60,35,5,.35),inset 0 2px 0 rgba(255,232,185,.35)}
#wbPage .gr-tray{position:absolute;left:14px;right:14px;top:12px;height:220px;background:#33200a;border-radius:9px;box-shadow:inset 0 4px 14px rgba(0,0,0,.65)}
#wbPage .gr-disc{position:absolute;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 38% 30%,var(--dc-hi,#ffe9ad),var(--dc-mid,#e5bc55) 55%,var(--dc-deep,#bd8c26) 85%,var(--dc-edge,#9a701c));border:3px solid var(--dc-edge,#6d4e0e);box-shadow:inset 0 0 0 5px rgba(25,18,50,.16),0 5px 10px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dc-ink,#5d3c10);text-align:center;transition:transform .35s ease}
#wbPage .gr-disc.c-conv{--dc-hi:#e2ebff;--dc-mid:#8fb0fa;--dc-deep:#4a74ec;--dc-edge:#1d3a9e;--dc-ink:#12265e}
#wbPage .gr-disc.c-aov{--dc-hi:#f0e8ff;--dc-mid:#c4a5fa;--dc-deep:#8b54e8;--dc-edge:#4c1d95;--dc-ink:#2e1060}
#wbPage .gr-disc.c-growth{--dc-hi:#ddf6e4;--dc-mid:#7ed79c;--dc-deep:#2fae56;--dc-edge:#14632f;--dc-ink:#0a3d1e}
#wbPage .gr-disc.c-roas{--dc-hi:#d2f5ef;--dc-mid:#6fd8cb;--dc-deep:#17a394;--dc-edge:#075e56;--dc-ink:#053f39}
#wbPage .gr-disc.c-net{--dc-hi:#d5f2e3;--dc-mid:#5cc794;--dc-deep:#12936b;--dc-edge:#04503a;--dc-ink:#03382a}
#wbPage .gr-disc.c-margin{--dc-hi:#ffead3;--dc-mid:#ffab66;--dc-deep:#ef7117;--dc-edge:#8a3601;--dc-ink:#572303}
#wbPage .gr-disc.neg{--dc-hi:#ffe3e3;--dc-mid:#f69a9a;--dc-deep:#dd4444;--dc-edge:#8c1d1d;--dc-ink:#571010}
#wbPage .gr-disc .gr-dname{font-family:Montserrat,Arial,sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.15;white-space:nowrap;max-width:88px}
#wbPage .gr-disc .gr-dval{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap;max-width:86px}
#wbPage .gr-disc.blank{background:radial-gradient(circle at 38% 30%,#f4efe0,#ddd2b4 60%,#c0ae85)}
#wbPage .gr-disc.blank .gr-dname, #wbPage .gr-disc.blank .gr-dval{visibility:hidden}
#wbPage .gr-disc.stamp{transform:scale(1.12)}
#wbPage .gr-dfront{position:absolute;left:0;right:0;top:240px;bottom:0;border-top:3px solid rgba(60,35,10,.35)}
#wbPage .gr-dfront::before{content:"";position:absolute;left:18px;right:18px;top:7px;border-top:2px solid rgba(60,35,10,.22)}
#wbPage .gr-knob{position:absolute;left:24px;top:24px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d089,#c39a3f 55%,#8a6414);border:2px solid #54331a;box-shadow:0 3px 5px rgba(60,35,5,.4)}
#wbPage .gr-knob::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#54331a}
#wbPage .gr-slip{position:absolute;right:16px;top:11px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#0EA79B 0 7px,rgba(0,0,0,0) 7px),linear-gradient(170deg,#fffdf4,#f6eed7);border:2px solid rgba(140,110,60,.5);border-radius:6px;padding:6px 12px 6px 17px;transform:rotate(-1.2deg);box-shadow:2px 4px 8px rgba(60,35,5,.3);color:#4a3b28}
#wbPage .gr-slip label{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:17.5px;white-space:nowrap}
#wbPage .gr-slip .gr-tinwrap{margin-top:0}
#wbPage .gr-slip .gr-tinwrap input{width:82px;font-size:19px;padding:2px 0}
#wbPage .gr input[type="number"]::-webkit-outer-spin-button, #wbPage .gr input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wbPage .gr input[type="number"]{-moz-appearance:textfield;appearance:textfield}
@media (max-width:900px){#wbPage .gr{padding:20px}}
@media (prefers-reduced-motion: reduce){#wbPage .gr-crank, #wbPage .gr-disc{transition:none}}
#wbPage .cb{margin-top:56px;background:var(--card);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);text-align:left}
#wbPage .cb-stage{position:relative;width:100%;overflow:hidden;border-radius:12px;margin-top:24px;background:#e6dfc9}
#wbPage .cb-scene{position:absolute;left:0;top:0;width:1320px;height:920px;border-radius:10px;overflow:hidden;transform-origin:0 0;background:radial-gradient(ellipse 1040px 560px at 24% 2%,rgba(255,252,238,.9),rgba(255,252,238,0) 70%),linear-gradient(180deg,#e9e4d2 0%,#e2dbc6 55%,#d8cfb2 100%);box-shadow:inset 0 0 85px rgba(120,96,50,.28),inset 0 0 0 1px rgba(120,96,50,.22)}
#wbPage .cb-scene>svg.cb-bg{position:absolute;left:0;top:0;z-index:1}
#wbPage .cb-figcap{position:absolute;left:40px;top:28px;z-index:8;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:27px;color:rgba(90,70,40,.85)}
#wbPage .cb-figcap.r{left:auto;right:330px}
#wbPage .cb-stamp{position:absolute;right:44px;top:34px;z-index:9;font-family:Montserrat,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:7px;color:rgba(203,41,40,.85);border:6px solid rgba(203,41,40,.6);border-radius:10px;padding:10px 22px 9px;transform:rotate(10deg);box-shadow:inset 0 0 0 3px rgba(203,41,40,.25)}
#wbPage .cb-plate{position:absolute;left:50%;transform:translateX(-50%) rotate(.5deg);bottom:20px;z-index:9;background:linear-gradient(180deg,#a97e2f,#8a6414 55%,#6d4e0e);border:2px solid #54390a;border-radius:10px;color:#fdf3d0;font-family:Georgia,"Times New Roman",serif;font-size:24px;text-align:center;white-space:nowrap;padding:13px 30px 12px;box-shadow:3px 6px 12px rgba(10,8,20,.35),inset 0 1px 0 rgba(255,240,200,.55)}
#wbPage .cb-form{position:absolute;left:64px;top:88px;z-index:6;width:612px;background:linear-gradient(180deg,#fffdf4,#f8efdb 85%,#efe0bf);border:2.5px solid rgba(140,110,60,.6);border-radius:8px;box-shadow:6px 10px 18px rgba(96,58,12,.32);padding:20px 24px 16px;color:#4a3b28}
#wbPage .cb-form::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-radius:8px 8px 0 0;background:#2350F6}
#wbPage .cb-fhead{display:flex;justify-content:space-between;align-items:baseline}
#wbPage .cb-fhead b{font-family:Montserrat,Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:3px;color:#8a6a34}
#wbPage .cb-fhead span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:19px;color:#6f6455}
#wbPage .cb-cols, #wbPage .cb-row{display:grid;grid-template-columns:1fr 92px 62px 92px 92px;gap:10px;align-items:center}
#wbPage .cb-cols{margin-top:14px;font-family:Montserrat,Arial,sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a8172}
#wbPage .cb-cols span:not(:first-child), #wbPage .cb-row .cb-lt{text-align:right}
#wbPage .cb-row{margin-top:9px}
#wbPage .cb-inwrap{display:flex;align-items:center;gap:2px;border:2px solid rgba(150,110,50,.55);border-radius:8px;background:rgba(255,255,255,.8);padding:0 8px}
#wbPage .cb-inwrap>span{font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:700;color:#7a4416}
#wbPage .cb-inwrap input{width:100%;min-width:0;border:0;background:none;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:700;color:#5d3c10;text-align:right;padding:4px 0}
#wbPage .cb-inwrap input.nm{text-align:left;font-style:italic;font-weight:400}
#wbPage .cb-inwrap input:focus{outline:none}
#wbPage .cb-inwrap:focus-within{border-color:#7a4416;box-shadow:0 0 0 3px rgba(122,68,22,.18)}
#wbPage .cb-lt{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700;color:#5d3c10;font-variant-numeric:tabular-nums;white-space:nowrap}
#wbPage .cb-ffoot{display:flex;align-items:center;gap:16px;margin-top:16px;border-top:2px solid rgba(140,110,60,.35);padding-top:13px}
#wbPage .cb-ffoot .cb-rev{font-family:Georgia,"Times New Roman",serif;font-size:21px;color:#4a3b28}
#wbPage .cb-ffoot .cb-rev b{font-size:24px;color:#12265e;font-variant-numeric:tabular-nums}
#wbPage .cb-stampbtn{margin-left:auto;font-family:Montserrat,Arial,sans-serif;font-size:16.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#d84a3a,#b3352b);border:2.5px solid #7c1d12;border-radius:10px;padding:11px 18px;cursor:pointer;box-shadow:0 4px 0 #7c1d12,3px 6px 10px rgba(96,20,10,.35);transition:transform .12s ease,box-shadow .12s ease}
#wbPage .cb-stampbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #7c1d12,2px 3px 6px rgba(96,20,10,.35)}
#wbPage .cb-sold{position:absolute;left:22px;bottom:64px;z-index:7;font-family:Montserrat,Arial,sans-serif;font-size:34px;font-weight:800;letter-spacing:6px;color:rgba(192,57,43,.88);border:5px solid rgba(192,57,43,.65);border-radius:8px;padding:6px 16px 4px;transform:rotate(-11deg) scale(1.6);opacity:0;pointer-events:none;box-shadow:inset 0 0 0 2.5px rgba(192,57,43,.28);transition:transform .18s ease,opacity .18s ease}
#wbPage .cb-form.stamped .cb-sold{opacity:.6;transform:rotate(-11deg) scale(1);animation:cbSoldLand .45s ease}
#wbPage .cb-layer{position:absolute;z-index:5;width:612px;border-radius:8px;padding:15px 22px 13px 30px;box-shadow:5px 9px 16px rgba(60,40,10,.30);color:#33302a}
#wbPage .cb-layer .cb-tab{position:absolute;left:-14px;top:14px;font-family:Montserrat,Arial,sans-serif;font-size:13.5px;font-weight:800;letter-spacing:.1em;color:#fff;border-radius:6px;padding:6px 12px;box-shadow:2px 3px 6px rgba(40,25,5,.35);white-space:nowrap}
#wbPage .cb-lvals{display:flex;flex-wrap:wrap;gap:2px 26px;align-items:baseline;margin-left:118px;min-height:34px}
#wbPage .cb-lvals .cb-lv{font-family:Georgia,"Times New Roman",serif;font-size:20px;white-space:nowrap}
#wbPage .cb-lvals .cb-lv b{font-size:23px;font-variant-numeric:tabular-nums;display:inline-block;white-space:nowrap}
#wbPage .cb-layer .cb-vals{opacity:.16;filter:blur(.4px);transition:opacity .3s ease,filter .3s ease}
#wbPage .cb-layer.printed .cb-vals{opacity:1;filter:none}
#wbPage .cb-layer.l-month{left:88px;top:470px;transform:rotate(-1.4deg);background:linear-gradient(180deg,#e7eefc,#d3e0f8);border:2px solid rgba(52,84,160,.55)}
#wbPage .cb-layer.l-month .cb-tab{background:#2350F6}
#wbPage .cb-layer.l-month .cb-lv b{color:#12265e}
#wbPage .cb-layer.l-profit{left:114px;top:566px;transform:rotate(1.1deg);background:linear-gradient(180deg,#f0e7fb,#e0cff5);border:2px solid rgba(96,58,160,.5)}
#wbPage .cb-layer.l-profit .cb-tab{background:#7C3AED}
#wbPage .cb-layer.l-profit .cb-lv b{color:#3b1470}
#wbPage .cb-layer.l-profit .cb-lv b.fee{color:#9a5b12}
#wbPage .cb-layer.l-profit .cb-lv b.pos{color:#15803d}
#wbPage .cb-layer.l-profit .cb-lv b.neg{color:#b91c1c}
#wbPage .cb-layer.l-shelf{left:92px;top:676px;transform:rotate(-.7deg);background:linear-gradient(180deg,#e2f3ec,#cde9dd);border:2px solid rgba(16,110,90,.5)}
#wbPage .cb-layer.l-shelf .cb-tab{background:#0D9488}
#wbPage .cb-layer.l-shelf .cb-lv b{color:#04503a}
#wbPage .cb-layer.l-shelf .cb-note{margin:7px 0 0 118px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18.5px;color:#33655a}
#wbPage .cb-slip{position:absolute;left:742px;top:628px;z-index:7;width:296px;transform:rotate(1.6deg);background:linear-gradient(180deg,#fffdf4,#f6eed7);border:2px solid rgba(13,148,136,.65);border-radius:8px;box-shadow:4px 8px 14px rgba(4,50,44,.35);padding:13px 16px 11px;color:#26443d}
#wbPage .cb-slip::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:8px 8px 0 0;background:#0D9488}
#wbPage .cb-slip b{font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:2.5px;color:#0b6e5f}
#wbPage .cb-slip .cb-srow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:9px;font-family:Georgia,"Times New Roman",serif;font-size:18.5px}
#wbPage .cb-slip .cb-inwrap{width:74px;flex:none}
#wbPage .cb-slipbtn{font-family:Montserrat,Arial,sans-serif;font-size:13.5px;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(180deg,#14b8a6,#0d9488);border:2px solid #065f52;border-radius:8px;padding:7px 12px;cursor:pointer;box-shadow:0 3px 0 #065f52;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}
#wbPage .cb-slipbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #065f52}
#wbPage .cb-slip .cb-smsg{display:block;margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:16.5px;color:#0b6e5f;min-height:21px}
#wbPage .cb-slip.warned{border-color:rgba(179,38,30,.75)}
#wbPage .cb-slip .cb-swarn{display:none;margin-top:7px;font-family:Georgia,"Times New Roman",serif;font-size:16.5px;font-weight:700;line-height:1.35;color:#b3261e}
#wbPage .cb-slip .cb-swarn.show{display:block}
#wbPage .cb-card{position:absolute;z-index:5;width:308px;background:linear-gradient(180deg,#fffdf4,#f8efdb 85%,#efe0bf);border:2px solid rgba(140,110,60,.55);border-radius:8px;box-shadow:5px 9px 16px rgba(96,58,12,.30);padding:15px 20px 12px;color:#4a3b28}
#wbPage .cb-card .cb-ctab{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.12em}
#wbPage .cb-card .cb-cval{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:30px;font-weight:700;margin-top:5px}
#wbPage .cb-card.c1{left:806px;top:120px;transform:rotate(-3deg)}
#wbPage .cb-card.c1 .cb-ctab{color:#2350F6}
#wbPage .cb-card.c1 .cb-cval{color:#12265e}
#wbPage .cb-card.c2{left:830px;top:262px;transform:rotate(2.4deg)}
#wbPage .cb-card.c2 .cb-ctab{color:#7C3AED}
#wbPage .cb-card.c2 .cb-cval{color:#5b21b6}
#wbPage .cb-card.c2 .cb-cslip{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:16.5px;color:#6f6455}
#wbPage .cb-card.c3{left:796px;top:404px;transform:rotate(-8deg)}
#wbPage .cb-card.c3 .cb-ctab{color:#0D9488}
#wbPage .cb-card.c3 .cb-cval{color:#04503a;opacity:.55;filter:blur(1.1px)}
#wbPage .cb-card .cb-smudge{position:absolute;left:24px;right:30px;bottom:14px;height:9px;border-radius:50%;background:rgba(90,80,60,.35);filter:blur(3px)}
#wbPage .cb-cap{position:absolute;left:790px;top:556px;z-index:5;width:340px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:21px;line-height:1.45;color:#5a4620;text-shadow:0 1px 2px rgba(255,252,238,.55)}
#wbPage .cb input[type="number"]::-webkit-outer-spin-button, #wbPage .cb input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wbPage .cb input[type="number"]{-moz-appearance:textfield;appearance:textfield}
@media (max-width:900px){#wbPage .cb{padding:20px}}
@media (prefers-reduced-motion: reduce){#wbPage .cb-sold, #wbPage .cb-layer .cb-vals, #wbPage .cb-stampbtn, #wbPage .cb-slipbtn{transition:none}
#wbPage .cb-form.stamped .cb-sold{animation:none}}
#wbPage .bc-rates{display:flex;flex-wrap:wrap;gap:8px}
#wbPage .bc-rates span{border:1px solid var(--border-strong);border-radius:999px;background:var(--muted-bg);color:var(--fg);font-size:12.5px;font-weight:700;padding:5px 12px;font-variant-numeric:tabular-nums}
#wbPage .bc .wb-out.fee b{color:#f0a35e}
#wbPage [data-theme="light"] .bc .wb-out.fee b{color:#b45309}
#wbPage .bc .wb-out.feetot{font-weight:700}
#wbPage .bc .wb-out.be b{color:#d9a441}
#wbPage [data-theme="light"] .bc .wb-out.be b{color:#7a5203}
#wbPage .bc .wb-out.verdict b{font-style:italic}
#wbPage .km-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin-top:20px}
#wbPage .km-card{border:1px solid var(--border);border-radius:14px;padding:16px 18px 8px;background:var(--bg)}
#wbPage .km-chead{display:flex;align-items:center;gap:10px}
#wbPage .km-chead input{flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:9px;background:var(--card);color:var(--fg);font:inherit;font-size:15px;font-weight:700;padding:8px 11px}
#wbPage .km-chead input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(35,80,246,.16)}
#wbPage .km-ins{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px}
#wbPage .km-flab{display:block;font-size:12.5px;font-weight:600;color:var(--muted-fg);margin-bottom:4px}
#wbPage .km-fld input{width:100%;border:1px solid var(--border-strong);border-radius:9px;background:var(--card);color:var(--fg);font:inherit;font-size:14.5px;padding:8px 10px;font-variant-numeric:tabular-nums}
#wbPage .km-fld input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(35,80,246,.16)}
#wbPage .km-outs{margin-top:14px;border-top:1px dashed var(--border-strong);padding-top:4px}
#wbPage .km-outs .wb-out{padding:7px 0;font-size:13.5px}
#wbPage .km-outs .wb-out.total{font-weight:700}
#wbPage .km-outs .wb-out b{font-variant-numeric:tabular-nums}
#wbPage .km-outs .wb-out.neg b{color:var(--red-deep)}
#wbPage .km .wb-in.bad, #wbPage .km-fld input.bad{outline:2px solid var(--red-deep);outline-offset:-1px;background:var(--red-soft)}
@media (max-width:700px){#wbPage .km-grid{grid-template-columns:1fr}}
#wbPage .pc .spc-results{margin-top:0}
#wbPage .pc .wb-out.fee b{color:#f0a35e}
#wbPage [data-theme="light"] .pc .wb-out.fee b{color:#b45309}
#wbPage .pc .wb-out.be b{color:#d9a441}
#wbPage [data-theme="light"] .pc .wb-out.be b{color:#7a5203}
#wbPage .pc .wb-out.total.pos b{color:#4ade80}
#wbPage [data-theme="light"] .pc .wb-out.total.pos b{color:#15803d}
#wbPage .pc .wb-out.total.neg b{color:var(--red-deep)}
#wbPage .stc .stc-out{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
#wbPage .stc td[data-stcout$=":sell"]{color:#4ade80}
#wbPage [data-theme="light"] .stc td[data-stcout$=":sell"]{color:#15803d}
#wbPage .stc td[data-stcout$=":make"]{color:#f0a35e}
#wbPage [data-theme="light"] .stc td[data-stcout$=":make"]{color:#b45309}
#wbPage .stc .wb-out.sell b{color:#4ade80}
#wbPage [data-theme="light"] .stc .wb-out.sell b{color:#15803d}
#wbPage .stc .wb-out.none b{color:#f0a35e}
#wbPage [data-theme="light"] .stc .wb-out.none b{color:#b45309}
#wbPage .wb-rich-h{margin:48px 0 -24px;font-size:clamp(23px,2.6vw,31px);font-weight:800;letter-spacing:-.025em;line-height:1.2}
#wbPage .spc-head h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em}
#wbPage .spc-head p{margin:6px 0 0;font-size:13.5px;color:var(--muted-fg);line-height:1.6;max-width:660px}
#wbPage .spc h4{margin:22px 0 10px;font-size:15px;font-weight:800}
#wbPage .spc .wb-in.bad{outline:2px solid var(--red-deep);outline-offset:-1px;background:var(--red-soft)}
#wbPage .spc-hint{display:none;margin-top:12px;font-size:13px;font-weight:600;color:var(--red-deep)}
#wbPage .spc-hint.show{display:block}
#wbPage .spc-results{margin-top:24px;border:1px solid var(--border);border-radius:12px;padding:4px 18px 10px;background:var(--muted-bg)}
#wbPage .spc-results .wb-out b{font-variant-numeric:tabular-nums}
#wbPage .spc-results .wb-out.total{font-size:16px;font-weight:700}
#wbPage .spc-results .wb-out.total b{font-size:18px}
#wbPage .spc-results .wb-out.neg b{color:var(--red-deep)}
#wbPage .spc .wb-out.fee b{color:#f0a35e}
#wbPage [data-theme="light"] .spc .wb-out.fee b{color:#b45309}
#wbPage .spc-results .wb-out.total.pos b{color:#4ade80}
#wbPage [data-theme="light"] .spc-results .wb-out.total.pos b{color:#15803d}
#wbPage .spc-subs{font-size:12.5px;color:var(--muted-fg);padding:0 0 8px}
#wbPage .wb-sheets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
#wbPage .wb-sheet{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:19px 20px;box-shadow:var(--shadow-sm)}
#wbPage .wb-sheet h3{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#wbPage .wb-sheet h3 .sh-tag{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--wbacc);border:1px solid color-mix(in srgb,var(--wbacc) 45%,transparent);border-radius:999px;padding:2px 8px}
#wbPage .wb-sheet p{margin:8px 0 0;color:var(--muted-fg);font-size:14px;line-height:1.65}
@media (max-width:700px){#wbPage .wb-sheets{grid-template-columns:1fr}}
#wbPage .wb-rich-grid .wb-str-card:last-child:nth-child(odd){grid-column:1/-1}
#wbPage .wb-steps{display:grid;gap:16px;margin-top:6px}
#wbPage .wb-step{display:flex;gap:14px;align-items:flex-start}
#wbPage .wb-step-n{width:30px;height:30px;border-radius:50%;background:var(--wbacc);color:#fff;font-weight:800;font-size:14.5px;display:grid;place-items:center;flex:none}
#wbPage .wb-step b{font-size:15px}
#wbPage .wb-step p{margin:3px 0 0}
#wbPage .wb-compat{margin-top:16px !important;padding-top:14px;border-top:1px solid var(--border)}
#wbPage .wb-compat p{margin:0 0 10px}
#wbPage .wb-compat p:last-child{margin-bottom:0}
#wbPage .wb-cta-line{margin:16px auto 0 !important;color:rgba(255,255,255,.85);font-size:13.5px;font-weight:600;letter-spacing:.02em}
#wbPage .wb-sec-story{
        position:relative;overflow:clip;
        border-block:1px solid color-mix(in srgb,var(--wbacc) 24%,var(--border));
        background-color:color-mix(in srgb,var(--wbacc) 6%,var(--bg));
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='52' viewBox='0 0 260 52'%3E%3Cpath d='M0 15 Q32 5 65 15 T130 15 T195 15 T260 15' fill='none' stroke='%2364748B' stroke-opacity='.13' stroke-width='1.6'/%3E%3Cpath d='M0 37 Q32 27 65 37 T130 37 T195 37 T260 37' fill='none' stroke='%2364748B' stroke-opacity='.09' stroke-width='1.6'/%3E%3C/svg%3E");
        background-size:260px 52px;
      }
#wbPage .wb-str-card{
        --sc:var(--wbacc);
        border:1px solid color-mix(in srgb,var(--sc) 34%,var(--border));
        border-top:4px solid var(--sc);
        background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 8%,var(--card)),var(--card) 80%);
      }
#wbPage .wb-str-ic{
        width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px;
        background:color-mix(in srgb,var(--sc) 15%,var(--card));
        border:1px solid color-mix(in srgb,var(--sc) 32%,transparent);
        color:var(--sc);
      }
#wbPage .wb-str-ic svg{width:21px;height:21px}
#wbPage .wb-sec-inside{position:relative;overflow:clip;border-block:1px solid var(--border);background-color:var(--bg);
        background-image:linear-gradient(to right,color-mix(in srgb,var(--wbacc) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--wbacc) 8%,transparent) 1px,transparent 1px);
        background-size:26px 26px}
#wbPage .wb-sec-inside::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 95% 82% at 50% 0%,transparent 42%,var(--bg) 98%)}
#wbPage .wb-sec-inside .container{position:relative;z-index:1}
#wbPage .wb-sheet{
        --tabc:var(--wbacc);
        position:relative;
        border:1px solid color-mix(in srgb,var(--tabc) 38%,var(--border));
        border-top:3px solid var(--tabc);
        padding:32px 20px 18px;
        background-color:var(--card);
        background-image:linear-gradient(to right,color-mix(in srgb,var(--tabc) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--tabc) 5%,transparent) 1px,transparent 1px);
        background-size:22px 22px;
      }
#wbPage .wb-sheet.sum{--tabc:#16A34A}
#wbPage .wb-sheet-tab{
        position:absolute;top:0;left:16px;background:var(--tabc);color:#fff;
        font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
        padding:5px 13px 7px;border-radius:0 0 9px 9px;box-shadow:0 4px 10px -4px color-mix(in srgb,var(--tabc) 70%,transparent);
      }
#wbPage .wb-sec-videos{position:relative;overflow:clip;border-block:1px solid color-mix(in srgb,var(--wbacc) 26%,var(--border));
        background-color:var(--bg);
        background-image:linear-gradient(180deg,color-mix(in srgb,var(--wbacc) 9%,var(--card)),var(--bg) 88%)}
#wbPage .wb-sec-videos .container{position:relative;z-index:1}
#wbPage .wb-vid-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#wbPage .wb-vid-bg .orb{position:absolute;border-radius:50%;filter:blur(16px);animation:wbOrbDrift ease-in-out infinite alternate}
#wbPage .wb-vid-bg .fp{position:absolute;bottom:-46px;border-radius:50%;
        border:1.5px solid color-mix(in srgb,var(--wbacc) 55%,transparent);
        background:color-mix(in srgb,var(--card) 55%,transparent);
        color:var(--wbacc);display:grid;place-items:center;
        animation:wbFloatUp linear infinite}
#wbPage .wb-vid-bg .fp svg{display:block}
[data-theme="dark"] #wbPage .wb-vid-bg .fp{background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--wbacc) 65%,transparent)}
#wbPage .wb-vid-bg.paused .orb, #wbPage .wb-vid-bg.paused .fp{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){#wbPage .wb-vid-bg .orb, #wbPage .wb-vid-bg .fp{animation:none}}
#wbPage .wb-vid-tabs{margin:24px 0 20px}
#wbPage .wb-vid-empty{border:1.5px dashed color-mix(in srgb,var(--wbacc) 48%,var(--border-strong));border-radius:16px;padding:34px 26px;text-align:center;background:color-mix(in srgb,var(--wbacc) 5%,var(--card))}
#wbPage .wb-vid-empty .ve-ic{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--wbacc) 55%,var(--border-strong));display:grid;place-items:center;color:var(--wbacc);background:var(--card)}
#wbPage .wb-vid-empty .ve-ic svg{width:22px;height:22px;margin-left:2px}
#wbPage .wb-vid-empty b{display:block;font-size:17px;letter-spacing:-.01em}
#wbPage .wb-vid-empty p{margin:8px auto 0;color:var(--muted-fg);max-width:540px;font-size:14.5px;line-height:1.65}
#wbPage .wb-sec-faq{position:relative;overflow:clip}
#wbPage .wb-sec-faq .container{position:relative;z-index:1}
#wbPage .wb-faq-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;
        background:
          radial-gradient(420px 280px at 12% 18%, rgba(125,211,252,.38), rgba(125,211,252,0) 70%),
          radial-gradient(440px 300px at 88% 12%, rgba(196,181,253,.32), rgba(196,181,253,0) 70%),
          radial-gradient(520px 340px at 72% 92%, rgba(110,231,183,.30), rgba(110,231,183,0) 70%),
          radial-gradient(380px 260px at 22% 88%, rgba(253,186,116,.20), rgba(253,186,116,0) 70%)}
#wbPage .wb-faq-bg .sheet{position:absolute;background:rgba(255,255,255,.55);border:1px solid rgba(2,132,199,.14);border-radius:6px;box-shadow:0 4px 14px rgba(15,40,70,.06)}
#wbPage .wb-faq-bg .s1{width:190px;height:130px;top:-58px;right:-46px;transform:rotate(14deg)}
#wbPage .wb-faq-bg .s2{width:190px;height:130px;top:-44px;right:-58px;transform:rotate(24deg);background:rgba(255,255,255,.38)}
#wbPage .wb-faq-bg .s3{width:210px;height:140px;bottom:-72px;left:-52px;transform:rotate(-11deg)}
#wbPage .wb-faq-bg .s4{width:210px;height:140px;bottom:-58px;left:-66px;transform:rotate(-20deg);background:rgba(255,255,255,.38)}
[data-theme="dark"] #wbPage .wb-faq-bg{
        background:
          radial-gradient(420px 280px at 12% 18%, rgba(56,189,248,.30), rgba(56,189,248,0) 70%),
          radial-gradient(440px 300px at 88% 12%, rgba(167,139,250,.27), rgba(167,139,250,0) 70%),
          radial-gradient(520px 340px at 72% 92%, rgba(52,211,153,.22), rgba(52,211,153,0) 70%),
          radial-gradient(380px 260px at 22% 88%, rgba(251,146,60,.15), rgba(251,146,60,0) 70%)}
[data-theme="dark"] #wbPage .wb-faq-bg .sheet{background:rgba(13,24,34,.55);border-color:rgba(148,196,230,.13);box-shadow:0 4px 14px rgba(0,0,0,.28)}
[data-theme="dark"] #wbPage .wb-faq-bg .s2{background:rgba(13,24,34,.38)}
[data-theme="dark"] #wbPage .wb-faq-bg .s4{background:rgba(13,24,34,.38)}
#wbPage .wb-sec-who{background:color-mix(in srgb,var(--wbacc) 4%,var(--bg))}
#wbPage .wb-who-card{background:linear-gradient(180deg,color-mix(in srgb,var(--wbacc) 9%,var(--card)),var(--card) 82%);border-color:color-mix(in srgb,var(--wbacc) 36%,var(--border))}
#wbPage .wb-not-card{background:linear-gradient(160deg,#26384A,#17242F);border-color:#31485C;color:#EFEFEF}
#wbPage .wb-not-card h3{color:#fff}
#wbPage .wb-not-card h3 em{font-style:normal;color:#F87171}
#wbPage .wb-not-card p{color:#B7C9D8}
#wbPage .wb-how-card{background:var(--card)}
#wbPage .wb-steps{gap:0;margin-top:14px}
#wbPage .wb-step{position:relative;padding-bottom:22px}
#wbPage .wb-step:last-child{padding-bottom:2px}
#wbPage .wb-step::before{content:"";position:absolute;left:23px;top:54px;bottom:0;border-left:2px dashed color-mix(in srgb,var(--wbacc) 45%,var(--border-strong))}
#wbPage .wb-step:last-child::before{display:none}
#wbPage .wb-step-n{width:48px;height:48px;border-radius:14px;font-size:21px;box-shadow:0 10px 20px -10px rgba(2,8,23,.45)}
#wbPage .wb-step:nth-child(1) .wb-step-n{background:var(--wbacc)}
#wbPage .wb-step:nth-child(2) .wb-step-n{background:#16A34A}
#wbPage .wb-step:nth-child(3) .wb-step-n{background:#D97706}
#wbPage .wb-step b{font-size:16.5px}
#wbPage .wb-step p{max-width:720px}
#wbPage .wb-sec-who{
        --wm-stroke:rgba(91,126,158,.34);
        --wm-width:2px;
        position:relative;background:transparent;
      }
[data-theme="dark"] #wbPage .wb-sec-who{--wm-stroke:rgba(170,215,240,.13);--wm-width:1.5px}
#wbPage .wb-who-panel{
        position:relative;overflow:hidden;isolation:isolate;
        border-radius:20px;padding:36px;
        border:1px solid color-mix(in srgb,var(--wbacc) 24%,var(--border));
        background:linear-gradient(160deg,color-mix(in srgb,var(--wbacc) 8%,#FFFFFF),color-mix(in srgb,var(--wbacc) 3%,#F4F8FB) 72%);
      }
[data-theme="dark"] #wbPage .wb-who-panel{
        border-color:#31485C;
        background:linear-gradient(160deg,#273A4C,#1B2936 72%);
      }
#wbPage .wb-wm{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;display:grid;place-items:center}
#wbPage .wb-wm span{
        font-weight:900;letter-spacing:.04em;line-height:1;white-space:nowrap;
        font-size:clamp(64px,21.5vw,252px);
        color:transparent;
        -webkit-text-stroke:var(--wm-width,1.5px) var(--wm-stroke);
        transform:rotate(-4deg);
        user-select:none;
      }
@supports not (-webkit-text-stroke:1px black){#wbPage .wb-wm span{color:var(--wm-stroke)}}
#wbPage .wb-sec-who .wb-two{position:relative;z-index:1;margin-top:0}
#wbPage .wb-sec-who .info-card{background-color:color-mix(in srgb,var(--card) 60%,transparent)}
#wbPage .wb-sec-who .wb-who-card{background:linear-gradient(180deg,color-mix(in srgb,color-mix(in srgb,var(--wbacc) 9%,var(--card)) 60%,transparent),color-mix(in srgb,var(--card) 60%,transparent) 82%)}
#wbPage .wb-sec-who .wb-not-card{background:linear-gradient(160deg,color-mix(in srgb,#26384A 85%,transparent),color-mix(in srgb,#17242F 85%,transparent))}
#wbPage .wb-sec-who .wb-how-card{background:color-mix(in srgb,var(--card) 60%,transparent)}
[data-theme="dark"] #wbPage .wb-sec-who .info-card{background-color:color-mix(in srgb,var(--card) 82%,transparent)}
[data-theme="dark"] #wbPage .wb-sec-who .wb-who-card{background:linear-gradient(180deg,color-mix(in srgb,color-mix(in srgb,var(--wbacc) 9%,var(--card)) 82%,transparent),color-mix(in srgb,var(--card) 82%,transparent) 82%)}
[data-theme="dark"] #wbPage .wb-sec-who .wb-not-card{background:linear-gradient(160deg,color-mix(in srgb,#26384A 82%,transparent),color-mix(in srgb,#17242F 82%,transparent))}
[data-theme="dark"] #wbPage .wb-sec-who .wb-how-card{background:color-mix(in srgb,var(--card) 82%,transparent)}
@media (max-width:640px){#wbPage .wb-who-panel{padding:22px 18px;border-radius:16px}}
#wbPage .wb-sec-buy{position:relative;overflow:clip;border-top:1px solid #31485C;
        background-color:#0B1526;
        background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(155deg,color-mix(in srgb,var(--wbacc) 58%,#0B1526) 0%,#0B1526 80%);
        background-size:44px 44px,44px 44px,auto}
#wbPage .wb-sec-buy .wb-cta-final{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 48px -24px rgba(0,0,0,.55)}
#wbPage .wb-sec-buy .wb-cta-final .btn{background:#fff;color:#0B1526;font-weight:800;box-shadow:0 16px 32px -10px rgba(0,0,0,.5)}
#wbPage .wb-sec-buy .wb-cta-final .btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -12px rgba(0,0,0,.55)}
#wbPage .wb-sec-buy #wbMore h3{color:#EFEFEF}
#wbPage .wb-sec-buy .link-chip{background:rgba(255,255,255,.08);color:#EFEFEF;border-color:rgba(255,255,255,.32)}
#wbPage .wb-sec-buy .link-chip:hover{border-color:#fff;color:#fff}
@keyframes cbSoldLand{0%{opacity:0;transform:rotate(-11deg) scale(1.7)}55%{opacity:1;transform:rotate(-11deg) scale(.94)}100%{opacity:.6;transform:rotate(-11deg) scale(1)}}
@keyframes wbOrbDrift{from{transform:translate(0,0) scale(1);opacity:.4}to{transform:translate(46px,-34px) scale(1.22);opacity:.75}}
@keyframes wbFloatUp{0%{transform:translateY(0) rotate(0deg);opacity:0}12%{opacity:.75}80%{opacity:.5}100%{transform:translateY(-680px) rotate(24deg);opacity:0}}
/* ==== Number inputs: custom steppers + designed focus (2026-11-03) ====
   Native spinner rendering is suppressed on all workbook pages. Pages dock
   custom steppers inside each number field via .wb-numwrap/.wb-stepper
   markup (added by JS when a page is built/touched); the input reserves
   end padding so the value never runs under the buttons. */
#wbPage input[type="number"]::-webkit-outer-spin-button,#wbPage input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wbPage input[type="number"]{-moz-appearance:textfield;appearance:textfield}
#wbPage input[type="number"]:focus{outline:none}
#wbPage .wb-numwrap{position:relative;display:block}
#wbPage .wb-numwrap>input[type="number"]{padding-right:36px}
#wbPage .wb-stepper{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;flex-direction:column;width:18px;height:28px;border-left:1px solid var(--border);padding-left:2px;box-sizing:border-box}
#wbPage .wb-stepper button{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;flex:1 1 0;min-height:0;cursor:pointer;border-radius:3px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:9px auto}
#wbPage .wb-stepper .step-up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1.2 4.8 5 1.2 8.8 4.8' fill='none' stroke='%235D6B76' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#wbPage .wb-stepper .step-dn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1.2 1.2 5 4.8 8.8 1.2' fill='none' stroke='%235D6B76' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-top:1px solid var(--border)}
#wbPage .wb-stepper .step-up:hover{background-color:rgba(35,80,246,.10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1.2 4.8 5 1.2 8.8 4.8' fill='none' stroke='%232350F6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#wbPage .wb-stepper .step-dn:hover{background-color:rgba(35,80,246,.10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1.2 1.2 5 4.8 8.8 1.2' fill='none' stroke='%232350F6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#wbPage .wb-stepper button:active{background-color:rgba(35,80,246,.18)}