.wbmr { --wbmr-gold:#c9a44c; --wbmr-light:#e2c36f; --wbmr-ink:#171717; --wbmr-paper:#f7f5ef; position:relative; isolation:isolate; container-type:inline-size; width:100%; max-width:1440px; margin:0 auto; color:var(--wbmr-ink); background:var(--wbmr-paper); font:16px/1.6 "Segoe UI",Arial,sans-serif; text-align:left; }
.wbmr *, .wbmr *::before, .wbmr *::after { box-sizing:border-box; }
.wbmr [hidden] { display:none !important; }
.wbmr button, .wbmr input { font:inherit; }
.wbmr button { cursor:pointer; text-transform:none; letter-spacing:normal; box-shadow:none; line-height:1.3; }
.wbmr button:disabled { cursor:default; opacity:.48; transform:none; }
.wbmr button:focus-visible, .wbmr a:focus-visible, .wbmr input:focus-visible { outline:3px solid #7b580d; outline-offset:4px; }
.wbmr h2, .wbmr h3, .wbmr h4, .wbmr p { padding:0; }
.wbmr a { color:#73520c; text-decoration:underline; }
.wbmr-mini { display:flex; align-items:center; gap:9px; padding:12px 16px; border:1px solid #58513f; border-radius:50px; color:#fff; background:#1b1914; }
.wbmr-mini strong { color:var(--wbmr-light); font-size:14px; }
.wbmr-mini span { font-size:12px; }
.wbmr-topbar { display:flex; justify-content:flex-end; margin-bottom:22px; }
.wbmr-mini { width:fit-content; }
.wbmr-eyebrow { margin:0 0 20px; font-size:11px; font-weight:700; letter-spacing:.2em; color:#745717; }
.wbmr-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:49px; padding:14px 22px; border:1px solid transparent; border-radius:3px; font-size:14px; font-weight:650; text-decoration:none; transition:background .15s; }
.wbmr .wbmr-gold { color:#12100a; background:var(--wbmr-light); border-color:var(--wbmr-light); }
.wbmr .wbmr-gold:hover { color:#12100a; background:#f0d68e; }
.wbmr .wbmr-dark { color:#fff; background:#141414; border-color:#141414; }
.wbmr .wbmr-dark:hover { color:#fff; background:#343129; }
.wbmr-workspace { padding:54px clamp(18px,4vw,58px) 42px; scroll-margin-top:30px; }
.wbmr-section-title { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:28px; }
.wbmr-section-title .wbmr-eyebrow { margin-bottom:12px; }
.wbmr-section-title h3 { margin:0; color:var(--wbmr-ink); font-size:clamp(28px,3vw,42px); font-weight:700; letter-spacing:-.04em; line-height:1.12; }
.wbmr-save-note { flex-shrink:0; margin:0; color:#59564f; font-size:12px; line-height:1.55; }
.wbmr-shell { display:grid; grid-template-columns:270px minmax(0,1fr); border:1px solid #d4cfc2; background:#fff; box-shadow:0 18px 50px #221c0810; }
.wbmr-rail { display:flex; flex-direction:column; gap:0; padding:20px 0; background:#111; }
.wbmr-tab { display:grid; grid-template-columns:28px minmax(0,1fr) 20px; align-items:center; gap:12px; width:100%; min-height:96px; padding:20px 18px; text-align:left; font-size:14px; font-weight:600; border:0; border-left:3px solid transparent; border-radius:0; color:#c1beb8; background:transparent; }
.wbmr .wbmr-tab:hover { color:#fff; background:#242119; }
.wbmr .wbmr-tab.is-active { border-left-color:var(--wbmr-light); background:#282318; color:#fff; }
.wbmr-tab-number { font-size:12px; color:var(--wbmr-light); }
.wbmr-tab-check { font-size:18px; font-weight:400; color:var(--wbmr-light); }
.wbmr-stage { min-width:0; padding:30px clamp(20px,3vw,42px); }
.wbmr-stage-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; color:#65552e; font-size:11px; font-weight:600; letter-spacing:.05em; }
.wbmr-meter { height:4px; margin:14px 0 28px; background:#e9e5db; }
.wbmr-meter > span { display:block; width:0; height:4px; background:#a67f23; transition:width .2s; }
.wbmr-stage-title { margin:0 0 18px; color:var(--wbmr-ink); font-size:clamp(29px,3.3vw,45px); letter-spacing:-.04em; font-weight:700; line-height:1.12; }
.wbmr-summary { margin:0; color:#59564f; font-size:15px; line-height:1.75; }
.wbmr-why { margin:24px 0; padding:16px 18px; background:#f8f5eb; border-left:3px solid var(--wbmr-gold); }
.wbmr-why strong { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#73571c; }
.wbmr-why p { margin:5px 0 0; color:#38352e; font-size:13px; line-height:1.6; }
.wbmr-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.wbmr-checklist li { list-style:none; margin:0; padding:0; }
.wbmr-checklist label { display:flex; height:100%; min-height:88px; gap:12px; align-items:flex-start; padding:15px 12px; color:var(--wbmr-ink); border:1px solid #dcd7cc; background:#fff; cursor:pointer; }
.wbmr-checklist label:has(input:checked) { border-color:#c6aa60; background:#fffcf3; }
.wbmr input[type="checkbox"] { appearance:auto; -webkit-appearance:checkbox; display:inline-block; flex:0 0 19px; width:19px; height:19px; min-width:19px; margin:2px 0 0; border-radius:0; accent-color:#9c7520; opacity:1; position:static; }
.wbmr-checklist strong { display:block; font-size:13px; line-height:1.45; font-weight:650; }
.wbmr-checklist small { display:block; margin-top:5px; color:#686359; font-size:12px; line-height:1.5; }
.wbmr-next-up { display:flex; gap:14px; margin:22px 0; color:#5a574f; font-size:13px; line-height:1.6; }
.wbmr-next-up strong { flex-shrink:0; color:#71561a; font-size:11px; text-transform:uppercase; }
.wbmr-completion-note { min-height:40px; margin:20px 0 12px; font-size:12px; color:#666157; }
.wbmr-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #e1dbd0; padding-top:18px; }
.wbmr-link-button { color:#504a3f; background:transparent; border:0; border-radius:0; padding:12px 0; font-size:12px; }
.wbmr .wbmr-link-button:hover { color:#121212; background:transparent; text-decoration:underline; }
.wbmr-reset { display:block; padding:10px; margin:10px auto 0; color:#625b4d; border:0; background:transparent; font-size:12px; text-decoration:underline; }
.wbmr .wbmr-reset:hover { color:#121212; background:transparent; }
.wbmr-status { min-height:24px; margin:20px 0 0; text-align:center; font-size:13px; color:#2e6247; }
.wbmr-storage-warning { padding:14px 16px; margin:0 0 18px; border:1px solid #bd963e; background:#fff3cd; color:#57420e; font-size:14px; }
.wbmr-footer { display:flex; gap:30px; justify-content:space-between; align-items:center; padding:22px clamp(24px,4vw,58px); background:#111; border-top:1px solid #373126; }
.wbmr-footer p { max-width:850px; margin:0; font-size:11px; line-height:1.7; color:#b7b2a6; }
.wbmr-footer a { flex-shrink:0; color:var(--wbmr-light); font-size:12px; }
.wbmr-dialog { width:min(570px,calc(100% - 28px)); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; padding:32px; color:#211d14; background:#fffdf8; border:1px solid #b9a36b; border-radius:8px; box-shadow:0 25px 100px #0005; font:16px/1.6 "Segoe UI",Arial,sans-serif; }
.wbmr-dialog::backdrop { background:#000a; }
.wbmr-dialog .wbmr-eyebrow { padding-right:24px; font-size:10px; }
.wbmr-dialog h3 { margin:0 0 16px; font-size:30px; line-height:1.15; font-weight:650; letter-spacing:-.025em; color:#211d14; }
.wbmr-dialog p { font-size:14px; }
.wbmr-dialog-close { position:absolute; top:10px; right:12px; padding:4px 10px; color:#5b5140; border:0; background:transparent; font-size:28px; }
.wbmr-field { display:block; margin:15px 0; font-size:13px; font-weight:600; }
.wbmr-field input { display:block; width:100%; height:46px; margin-top:6px; padding:10px 12px; border:1px solid #bcb3a0; border-radius:3px; color:#211d14; background:#fff; box-shadow:none; }
.wbmr-confirm { display:flex; align-items:flex-start; gap:12px; margin:20px 0; font-size:13px; font-weight:400; line-height:1.6; }
.wbmr .wbmr-form-small { font-size:12px; line-height:1.6; color:#61594a; }
.wbmr .wbmr-form-error { padding:12px; color:#8b2424; background:#fff0ee; border-left:3px solid #af4444; font-size:13px; }
.wbmr-submit { width:100%; }
.wbmr-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.wbmr-confetti { pointer-events:none; position:fixed; inset:0; z-index:999999; overflow:hidden; }
.wbmr-confetti i { position:absolute; top:-15px; width:8px; height:14px; animation:wbmr-fall 3.4s ease-in forwards; }
@keyframes wbmr-fall { to { transform:translateY(105vh) rotate(600deg); } }
@media (max-width:1050px) {
  .wbmr-shell { grid-template-columns:220px minmax(0,1fr); }
  .wbmr-checklist { grid-template-columns:1fr; }
  .wbmr-tab { padding:17px 12px; gap:8px; }
  .wbmr-section-title { align-items:flex-start; flex-direction:column; gap:15px; }
  .wbmr-controls { flex-wrap:wrap; }
  .wbmr-controls .wbmr-dark { order:-1; width:100%; }
}
@media (max-width:700px) {
  .wbmr-workspace { padding:32px 16px; }
  .wbmr-shell { grid-template-columns:1fr; }
  .wbmr-rail { display:grid; grid-template-columns:1fr; padding:8px 0; }
  .wbmr-tab { min-height:53px; padding:14px 17px; font-size:13px; }
  .wbmr-stage { padding:25px 20px; }
  .wbmr-checklist label { min-height:75px; }
  .wbmr-next-up { flex-direction:column; gap:6px; }
  .wbmr-footer { flex-direction:column; align-items:flex-start; gap:16px; }
  .wbmr-dialog { padding:28px 22px; }
}
@media (prefers-reduced-motion:reduce) {
  .wbmr *, .wbmr *::before, .wbmr *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@container (max-width:850px) {
  .wbmr-shell { grid-template-columns:1fr; }
  .wbmr-rail { padding:8px 0; }
  .wbmr-tab { min-height:53px; padding:14px 18px; }
  .wbmr-checklist { grid-template-columns:1fr; }
  .wbmr-section-title { flex-direction:column; align-items:flex-start; gap:14px; }
  .wbmr-controls { flex-wrap:wrap; }
  .wbmr-controls .wbmr-dark { order:-1; width:100%; }
}