:root{--bf-navy:#042b61;--bf-navy-deep:#031f47;--bf-navy-soft:#e3e9f3;--bf-ink:#0b1b33;--bf-slate:#566179;--bf-mist:#8b95a7;--bf-milk:#fdfaf9;--bf-porcelain:#fff;--bf-petal:#f8ecec;--bf-petal-deep:#f1d9d9;--bf-rose:#8e3448;--bf-gilt:#a9824a;--bf-gilt-soft:#f4ebdd;--bf-gilt-line:#e6d3b3;--bf-success:#1f7a4d;--bf-success-soft:#e3f3ea;--bf-error:#b42318;--bf-error-soft:#fdecea;--bf-flame:#d9822b;--bf-flame-soft:#fbead8;--bf-line:#e8e1de;--bf-line-strong:#d8cfcb;--bf-shadow:0 10px 30px #042b6114;--bf-shadow-sm:0 2px 10px #042b610f;--bf-radius:20px;--bf-radius-sm:14px;--bf-radius-pill:999px;--bf-nav-height:64px;--bf-tap:44px;--bf-font:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif}.bf-app{background:var(--bf-milk);min-height:100dvh;color:var(--bf-ink);font-family:var(--bf-font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}.bf-app *,.bf-app :before,.bf-app :after{box-sizing:border-box}.bf-app h1,.bf-app h2,.bf-app h3,.bf-app p,.bf-app figure,.bf-app blockquote{margin:0}.bf-app h1,.bf-app h2,.bf-app h3{letter-spacing:-.01em;text-wrap:balance;font-family:inherit;font-weight:700;line-height:1.25}.bf-app h1{font-size:26px}.bf-app h2{font-size:19px}.bf-app h3{font-size:16px}.bf-app a{color:inherit;text-decoration:none}.bf-app button,.bf-app input,.bf-app select,.bf-app textarea{font:inherit;color:inherit}.bf-app button,.bf-app a,.bf-app label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bf-app button{cursor:pointer}.bf-app button:disabled{cursor:default;opacity:.55}.bf-app img{max-width:100%;display:block}.bf-app svg{flex-shrink:0}.bf-app :focus-visible{outline:3px solid var(--bf-navy);outline-offset:3px;border-radius:6px}.bf-app [id]{scroll-margin-top:20px}.bf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bf-skip{z-index:100;background:var(--bf-navy);border-radius:12px;padding:12px 18px;position:fixed;top:-100px;left:16px;color:#fff!important}.bf-skip:focus{top:10px}.bf-topbar{z-index:20;min-height:56px;padding:calc(6px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bf-milk) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.bf-topbar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.bf-brand img{width:128px;height:auto;display:block}.bf-top-actions{align-items:center;gap:6px;display:flex}.bf-icon-btn{width:var(--bf-tap);height:var(--bf-tap);color:var(--bf-navy);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.bf-icon-btn:hover{background:var(--bf-petal)}.bf-icon-btn.is-solid{background:var(--bf-porcelain);box-shadow:var(--bf-shadow-sm)}.bf-main{max-width:640px;padding:8px max(16px, env(safe-area-inset-right)) calc(var(--bf-nav-height) + 28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));outline-offset:-3px;margin:0 auto}.bf-main.is-wide{max-width:1100px}.bf-main:focus,.bf-main:focus-visible,.cv2-shell .bf-main:focus-visible{outline:none}.bf-tabbar{z-index:40;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bf-porcelain) 94%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--bf-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bf-tabbar a{letter-spacing:.01em;min-height:52px;color:var(--bf-mist);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:11px;font-weight:600;transition:color .14s;display:flex}.bf-tabbar a span:first-child{border-radius:12px;place-items:center;width:44px;height:28px;transition:background .16s,transform .16s;display:grid}.bf-tabbar a[aria-current]{color:var(--bf-navy)}.bf-tabbar a[aria-current] span:first-child{background:var(--bf-petal);transform:translateY(-1px)}.bf-tabbar a:active span:first-child{transform:scale(.94)}.bf-tabbar :focus-visible{outline-offset:-2px}.bf-rail{display:none}@media (width>=900px){.bf-app{grid-template-columns:232px minmax(0,1fr);display:grid}.bf-rail{background:var(--bf-porcelain);border-right:1px solid var(--bf-line);flex-direction:column;align-self:start;gap:6px;height:100dvh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.bf-rail .bf-brand{margin:0 8px 22px}.bf-rail .bf-brand img{width:150px}.bf-rail a:not(.bf-brand){min-height:48px;color:var(--bf-slate);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;display:flex}.bf-rail a[aria-current]{background:var(--bf-petal);color:var(--bf-navy);font-weight:700}.bf-rail-foot{color:var(--bf-mist);margin-top:auto;padding:12px 8px 0;font-size:12px;line-height:1.7}.bf-tabbar{display:none}.bf-topbar{padding-inline:32px}.bf-main{padding:16px 32px 48px}}.bf-btn{border-radius:var(--bf-radius-pill);background:var(--bf-navy);letter-spacing:.005em;isolation:isolate;border:0;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 22px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;position:relative;box-shadow:0 6px 16px #042b6138;color:#fff!important}.bf-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff2e,#fff0);position:absolute;inset:2px 2px 50%}.bf-btn:hover{background:var(--bf-navy-deep)}.bf-btn:active{transform:translateY(1px)scale(.99);box-shadow:0 3px 8px #042b6133}.bf-btn.is-block{width:100%}.bf-btn.is-secondary{background:var(--bf-porcelain);box-shadow:inset 0 0 0 1.5px var(--bf-line-strong);color:var(--bf-navy)!important}.bf-btn.is-secondary:after{display:none}.bf-btn.is-secondary:hover{background:var(--bf-petal)}.bf-btn.is-soft{background:var(--bf-petal);box-shadow:none;color:var(--bf-navy)!important}.bf-btn.is-soft:after{display:none}.bf-btn.is-success{background:var(--bf-success);box-shadow:0 6px 16px #1f7a4d40}.bf-btn.is-danger{background:var(--bf-error);box-shadow:0 6px 16px #b4231838}.bf-btn.is-ghost{box-shadow:none;min-height:var(--bf-tap);background:0 0;color:var(--bf-navy)!important}.bf-btn.is-ghost:after{display:none}.bf-btn.is-sm{min-height:40px;padding:8px 16px;font-size:14px}.bf-btn[aria-busy=true]{color:#0000!important}.bf-btn[aria-busy=true]:before{content:"";border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite bf-spin;position:absolute}.bf-card{background:var(--bf-porcelain);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow-sm);border:1px solid color-mix(in srgb, var(--bf-line) 70%, transparent)}.bf-card.is-petal{background:var(--bf-petal);box-shadow:none;border-color:#0000}.bf-card.is-flat{box-shadow:none}.bf-card-pad{padding:16px}.bf-chip{border-radius:var(--bf-radius-pill);border:1px solid var(--bf-line-strong);background:var(--bf-porcelain);min-height:36px;color:var(--bf-slate);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.bf-chip[aria-pressed=true],.bf-chip[aria-current],.bf-chip.is-active{background:var(--bf-navy);border-color:var(--bf-navy);color:#fff}.bf-chip-row{scrollbar-width:none;gap:8px;margin:0 -2px;padding:4px 2px 8px;display:flex;overflow-x:auto}.bf-chip-row::-webkit-scrollbar{display:none}.bf-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--bf-gilt);font-size:12px;font-weight:700}.bf-muted{color:var(--bf-slate)}.bf-small{font-size:13px}.bf-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bf-stack{gap:12px;display:grid}.bf-section{margin-top:24px}.bf-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.bf-section-head a{color:var(--bf-navy);font-size:14px;font-weight:600}.bf-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bf-list-item{border-radius:var(--bf-radius-sm);background:var(--bf-porcelain);border:1px solid color-mix(in srgb, var(--bf-line) 70%, transparent);align-items:center;gap:14px;min-height:56px;padding:10px 14px;display:flex}.bf-list-item>.bf-list-text{flex:1;gap:2px;min-width:0;display:grid}.bf-list-item strong{font-size:15px;font-weight:600}.bf-list-item small{color:var(--bf-slate);font-size:13px}.bf-list-item .bf-chev{color:var(--bf-mist)}.bf-group{background:var(--bf-porcelain);border-radius:var(--bf-radius);border:1px solid color-mix(in srgb, var(--bf-line) 70%, transparent);overflow:hidden}.bf-group-title{padding:14px 16px 6px}.bf-group-row{border-top:1px solid var(--bf-line);text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 16px;display:flex}.bf-group-row:first-child{border-top:0}.bf-group-row .bf-row-icon{background:var(--bf-petal);width:36px;height:36px;color:var(--bf-navy);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.bf-group-row .bf-row-text{flex:1;gap:2px;min-width:0;display:grid}.bf-group-row .bf-row-text strong{font-size:15px;font-weight:600}.bf-group-row .bf-row-text small{color:var(--bf-slate);font-size:13px}.bf-group-row .bf-row-value{color:var(--bf-slate);font-size:14px}a.bf-group-row:hover,button.bf-group-row:hover{background:color-mix(in srgb, var(--bf-petal) 50%, transparent)}.bf-switch{background:var(--bf-line-strong);border:0;border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .16s;position:relative}.bf-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.bf-switch[aria-checked=true]{background:var(--bf-success)}.bf-switch[aria-checked=true]:after{transform:translate(20px)}.bf-segment{background:var(--bf-petal);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.bf-segment button{min-height:40px;color:var(--bf-slate);background:0 0;border:0;border-radius:11px;font-size:14px;font-weight:600}.bf-segment button[aria-pressed=true]{background:var(--bf-porcelain);color:var(--bf-navy);box-shadow:var(--bf-shadow-sm)}.bf-field{color:var(--bf-slate);gap:6px;font-size:14px;font-weight:600;display:grid}.bf-input{border:1.5px solid var(--bf-line-strong);background:var(--bf-porcelain);width:100%;min-height:52px;color:var(--bf-ink);border-radius:14px;padding:12px 14px;font-size:16px;font-weight:500}.bf-input::placeholder{color:var(--bf-mist)}.bf-input:focus{border-color:var(--bf-navy);box-shadow:0 0 0 3px var(--bf-navy-soft);outline:none}.bf-input.is-otp{text-align:center;letter-spacing:.35em;color:var(--bf-navy);font-size:28px;font-weight:700}.bf-divider{color:var(--bf-mist);align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.bf-divider:before,.bf-divider:after{content:"";background:var(--bf-line);flex:1;height:1px}.bf-notice{background:var(--bf-gilt-soft);color:#5f4621;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14px}.bf-notice.is-error{background:var(--bf-error-soft);color:var(--bf-error)}.bf-signin{gap:18px}.bf-signin-hero{text-align:center;justify-items:center;gap:6px;padding:8px 0 0;display:grid}.bf-signin-hero img{width:96px;height:auto;margin-bottom:6px}.bf-signin-hero h1{font-size:24px}.bf-signin-hero .bf-muted{max-width:36ch}.bf-signin-card{width:100%;max-width:440px;margin:0 auto}.bf-signin-foot{text-align:center;max-width:40ch;margin:0 auto}.bf-signin-foot a{text-decoration:underline}.bf-segment a{min-height:40px;color:var(--bf-slate);border-radius:11px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.bf-segment a[aria-current]{background:var(--bf-porcelain);color:var(--bf-navy);box-shadow:var(--bf-shadow-sm)}.bf-explore-tabs{max-width:420px;margin-bottom:16px}.bf-stat{border-radius:var(--bf-radius-pill);background:var(--bf-porcelain);border:1px solid var(--bf-line);align-items:center;gap:6px;min-height:36px;padding:6px 12px 6px 8px;font-size:14px;font-weight:700;display:inline-flex}.bf-stat.is-flame{color:var(--bf-flame)}.bf-stat.is-xp{color:var(--bf-gilt)}.bf-stat.is-off{color:var(--bf-mist)}.bf-progress{background:var(--bf-petal-deep);border-radius:999px;height:10px;overflow:hidden}.bf-progress>span{border-radius:inherit;background:var(--bf-navy);height:100%;transition:width .36s cubic-bezier(.2,.8,.2,1);display:block}.bf-progress.is-success>span{background:var(--bf-success)}.bf-ring{--size:64px;--stroke:7px;--value:0;width:var(--size);height:var(--size);background:conic-gradient(var(--bf-gilt) calc(var(--value) * 1%), var(--bf-petal-deep) 0);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.bf-ring:before{content:"";width:calc(var(--size) - var(--stroke) * 2);height:calc(var(--size) - var(--stroke) * 2);background:var(--bf-porcelain);border-radius:50%;position:absolute}.bf-ring,.bf-ring>*{position:relative}.bf-node{--node:72px;width:var(--node);height:calc(var(--node) * 1.18);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.bf-node svg.bf-node-shape{width:100%;height:100%;position:absolute;inset:0}.bf-node .bf-node-shape path{fill:var(--bf-porcelain);stroke:var(--bf-line-strong);stroke-width:1.6px;transition:fill .16s,stroke .16s}.bf-node .bf-node-icon{color:var(--bf-mist);position:relative}.bf-node.is-done .bf-node-shape path{fill:var(--bf-navy);stroke:var(--bf-navy)}.bf-node.is-done{filter:drop-shadow(0 4px 8px #042b612e)}.bf-node.is-done .bf-node-icon{color:#fff}.bf-node.is-current .bf-node-shape path{fill:var(--bf-petal);stroke:var(--bf-navy);stroke-width:2.4px}.bf-node.is-current .bf-node-icon{color:var(--bf-navy)}.bf-node svg.bf-node-halo{transform-origin:50%;width:100%;height:100%;animation:1.8s ease-out infinite bf-pulse;position:absolute;inset:0;overflow:visible}.bf-node .bf-node-halo path{fill:none;stroke:var(--bf-navy);stroke-width:2.5px}.bf-node.is-available .bf-node-shape path{fill:var(--bf-porcelain);stroke:var(--bf-line-strong);stroke-width:2px}.bf-node.is-available .bf-node-icon{color:var(--bf-mist)}.bf-node.is-available:hover .bf-node-shape path{stroke:var(--bf-navy)}.bf-node.is-available:hover .bf-node-icon{color:var(--bf-navy)}.bf-node.is-checkpoint.is-available .bf-node-shape path{fill:var(--bf-gilt-soft);stroke:var(--bf-gilt-line)}.bf-node.is-checkpoint.is-available .bf-node-icon{color:var(--bf-gilt)}.bf-node.is-lg{--node:88px;filter:drop-shadow(0 10px 18px #042b6138)}.bf-node.is-lg .bf-node-shape path{stroke-width:2.6px}.bf-node.is-locked{opacity:.55}.bf-node.is-review .bf-node-shape path{fill:var(--bf-gilt-soft);stroke:var(--bf-gilt)}.bf-node.is-review .bf-node-icon{color:var(--bf-gilt)}.bf-node.is-review.is-done .bf-node-shape path{fill:var(--bf-gilt);stroke:var(--bf-gilt)}.bf-node.is-review.is-done .bf-node-icon{color:#fff}.bf-node:active{transform:scale(.96)}.bf-sheet-backdrop{z-index:60;background:#0b1b3373;animation:.16s ease-out bf-fade;position:fixed;inset:0}.bf-sheet{z-index:61;max-width:640px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));background:var(--bf-porcelain);border-radius:24px 24px 0 0;margin:0 auto;animation:.22s cubic-bezier(.2,.8,.2,1) bf-rise;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #042b612e}.bf-sheet-grip{background:var(--bf-line-strong);border-radius:999px;width:40px;height:5px;margin:0 auto 14px}@media (width>=900px){.bf-sheet{border-radius:24px;max-width:440px;top:50%;bottom:auto;transform:translateY(-50%)}}.bf-toast{z-index:70;left:50%;bottom:calc(var(--bf-nav-height) + 16px + env(safe-area-inset-bottom));background:var(--bf-ink);color:#fff;max-width:min(92vw,440px);box-shadow:var(--bf-shadow);border-radius:14px;padding:12px 16px;font-size:14px;animation:.2s ease-out bf-rise;position:fixed;transform:translate(-50%)}.bf-feedback{border-radius:18px;gap:4px;padding:14px 16px;display:grid}.bf-feedback.is-correct{background:var(--bf-success-soft);color:#0f4b2e}.bf-feedback.is-wrong{background:var(--bf-error-soft);color:#7a1a12}.bf-feedback strong{font-size:17px}.bf-empty{text-align:center;border-radius:var(--bf-radius);background:var(--bf-porcelain);border:1px dashed var(--bf-line-strong);justify-items:center;gap:10px;padding:36px 20px;display:grid}.bf-empty p{max-width:36ch;color:var(--bf-slate)}.bf-skeleton{border-radius:var(--bf-radius-sm);background:linear-gradient(90deg, var(--bf-petal) 25%, #fbf3f3 50%, var(--bf-petal) 75%);background-size:200% 100%;animation:1.4s linear infinite bf-shimmer}.bf-avatar{background:var(--bf-petal-deep);width:44px;height:44px;color:var(--bf-navy);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.bf-avatar img{object-fit:cover;width:100%;height:100%}.bf-avatar.is-lg{background:var(--bf-porcelain);width:72px;height:72px}.bf-me-hero{text-align:center;justify-items:center;gap:8px;padding:24px 18px 18px;display:grid}.bf-me-hero h1{font-size:24px}.bf-me-hero .bf-muted{max-width:34ch}.bf-me-hero .bf-btn{max-width:360px;margin-top:8px}@keyframes bf-spin{to{transform:rotate(360deg)}}@keyframes bf-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}@keyframes bf-fade{0%{opacity:0}}@keyframes bf-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes bf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bf-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.bf-pop{animation:.42s cubic-bezier(.2,.9,.3,1.2) both bf-pop}@media (prefers-reduced-motion:reduce){.bf-app *,.bf-app :before,.bf-app :after,.bf-sheet,.bf-toast,.bf-pop{transition:none!important;animation:none!important}}