:root{--bf-bg:#fff;--bf-surface:#fff;--bf-ink:#042b61;--bf-ink-soft:#405675;--bf-accent:#042b61;--bf-cta:linear-gradient(90deg, #042b61, #195da6);--bf-candy:linear-gradient(120deg, #e5f1ff, #f6faff);--bf-logo:#042b61;--bf-learn:#87b8eb;--bf-learn-soft:#edf5ff;--bf-learn-ink:#164f91;--bf-tryon:#b2d2f3;--bf-tryon-soft:#f0f6fd;--bf-tryon-ink:#164f91;--bf-jobs:#91b8dd;--bf-jobs-soft:#eaf2fb;--bf-jobs-ink:#17416f;--bf-me:#c1daf2;--bf-me-soft:#f2f7fd;--bf-me-ink:#17416f;--bf-butter:#d0e4f8;--bf-butter-soft:#eef5fc;--bf-butter-ink:#17416f;--bf-title:var(--bf-ink);--bf-on-accent:#fff;--bf-soft:#edf5ff;--bf-soft-strong:#dceafa;--bf-accent-deep:#02224d;--bf-cta-hover:linear-gradient(90deg, #02224d, #124c8b);--bf-shadow-rgb:4 43 97;--bf-line:#e0e8f1;--bf-line-strong:#b8cce3;--bf-mist:#566a83;--bf-success:#1f7a4d;--bf-success-soft:#e3f3ea;--bf-error:#b42318;--bf-error-soft:#fdecea;--bf-pair-1:#1a5fb4;--bf-pair-1-soft:#e5effc;--bf-pair-2:#0b6b67;--bf-pair-2-soft:#dcf3f0;--bf-pair-3:#8a4b00;--bf-pair-3-soft:#fdefd6;--bf-pair-4:#6b3fb4;--bf-pair-4-soft:#efe7fb;--bf-navy:var(--bf-accent);--bf-navy-deep:var(--bf-accent-deep);--bf-navy-soft:var(--bf-soft-strong);--bf-milk:var(--bf-bg);--bf-porcelain:var(--bf-surface);--bf-slate:var(--bf-ink-soft);--bf-petal:var(--bf-soft);--bf-petal-deep:var(--bf-soft-strong);--bf-rose:var(--bf-accent);--bf-gilt:var(--bf-butter-ink);--bf-gilt-soft:var(--bf-butter-soft);--bf-gilt-line:var(--bf-butter);--bf-flame:var(--bf-butter-ink);--bf-flame-soft:var(--bf-butter-soft);--bf-shadow:0 10px 30px rgb(var(--bf-shadow-rgb) / .08);--bf-shadow-sm:0 2px 10px rgb(var(--bf-shadow-rgb) / .06);--bf-radius:var(--bf-radius-20);--bf-radius-sm:var(--bf-radius-14);--bf-radius-pill:999px;--bf-nav-height:64px;--bf-tap:44px;--bf-font:"Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--bf-stage:#0a1220;--bf-stage-raised:#131c2c;--bf-stage-ink:#f5f7fb;--bf-stage-mist:#a7b3c6;--bf-stage-line:#ffffff21;--bf-stage-glass:#0a122070;--bf-stage-scrim:linear-gradient(to top, #0a1220fa 0%, #0a1220e6 58%, #0a122000 100%);--bf-tip-card:#f3ece8;--bf-surface-2:#f5f7f9;--bf-surface-3:#ebeef2;--bf-raised:#fff;--bf-thumb:var(--bf-raised);--bf-knob:#fff;--bf-like:var(--bf-accent);--bf-like-soft:var(--bf-soft);--bf-scrim:#04142d7a;--bf-glass:color-mix(in srgb, var(--bf-bg) 86%, transparent);--bf-media-scrim:linear-gradient(to top, #0a1220b8 0%, #0a122047 45%, #0a122000 100%);--bf-ring:conic-gradient(from 210deg, #042b61, #195da6, #87b8eb, #195da6, #042b61);--bf-stage-cta:var(--bf-dark-cta);--bf-stage-on-cta:var(--bf-dark-on-accent);--bf-surface-sunken:var(--bf-surface-2);--bf-surface-glass:var(--bf-glass);--bf-hairline:var(--bf-line);--bf-hover:var(--bf-surface-2);--bf-pressed:var(--bf-surface-3);--bf-elev-0:none;--bf-elev-1:0 1px 0 var(--bf-line);--bf-elev-2:0 8px 24px rgb(var(--bf-shadow-rgb) / .14), 0 1px 2px rgb(var(--bf-shadow-rgb) / .08);--bf-elev-3:0 -12px 40px rgb(var(--bf-shadow-rgb) / .18);--bf-t-display:700 28px/1.2 var(--bf-font);--bf-t-title:700 22px/1.3 var(--bf-font);--bf-t-headline:700 18px/1.3 var(--bf-font);--bf-t-body:400 16px/1.5 var(--bf-font);--bf-t-body-strong:600 16px/1.4 var(--bf-font);--bf-t-callout:400 15px/1.4 var(--bf-font);--bf-t-label:600 15px/1.3 var(--bf-font);--bf-t-sub:500 14px/1.4 var(--bf-font);--bf-t-meta:400 13px/1.4 var(--bf-font);--bf-t-micro:600 12px/1.3 var(--bf-font);--bf-fs-12:12px;--bf-fs-13:13px;--bf-fs-14:14px;--bf-fs-15:15px;--bf-fs-16:16px;--bf-fs-18:18px;--bf-fs-22:22px;--bf-fs-28:28px;--bf-fs-34:34px;--bf-track-tight:-.015em;--bf-track-display:-.02em;--bf-track-caps:.06em;--bf-track-micro:.01em;--bf-leading-tight:1.3;--bf-space-1:4px;--bf-space-1h:6px;--bf-space-2:8px;--bf-space-2h:10px;--bf-space-3:12px;--bf-space-3h:14px;--bf-space-4:16px;--bf-space-5:20px;--bf-space-6:24px;--bf-space-7:28px;--bf-space-8:32px;--bf-space-10:40px;--bf-space-12:48px;--bf-space-16:64px;--bf-gutter:clamp(16px, 4vw, 32px);--bf-section-gap:32px;--bf-topbar-h:52px;--bf-rail-w:244px;--bf-col-feed:600px;--bf-col-read:680px;--bf-col-wide:940px;--bf-z-sticky:20;--bf-z-tabbar:40;--bf-z-popover:50;--bf-z-sheet:60;--bf-z-takeover:70;--bf-z-sheet-top:80;--bf-z-toast:90;--bf-z-skip:100;--bf-blur-bar:saturate(1.4) blur(20px);--bf-blur-thin:saturate(1.4) blur(12px);--bf-keyboard:0px;--bf-visual-height:100dvh;--bf-radius-6:6px;--bf-radius-10:10px;--bf-radius-12:12px;--bf-radius-14:14px;--bf-radius-16:16px;--bf-radius-20:20px;--bf-radius-24:24px;--bf-radius-28:28px;--bf-radius-xs:var(--bf-radius-6);--bf-radius-media:var(--bf-radius-12);--bf-radius-sheet:var(--bf-radius-28);--bf-avatar-xs:24px;--bf-avatar-sm:32px;--bf-avatar-md:40px;--bf-avatar-lg:56px;--bf-avatar-xl:88px;--bf-ring-size:64px;--bf-icon-sm:16px;--bf-icon-md:20px;--bf-icon-lg:24px;--bf-tap-lg:48px;--bf-btn-font:700 16px/1.3 var(--bf-font);--bf-btn-font-sm:700 14px/1.3 var(--bf-font);--bf-btn-h:52px;--bf-btn-h-md:48px;--bf-btn-pad:22px;--bf-btn-primary:var(--bf-cta);--bf-btn-primary-hover:var(--bf-cta-hover);--bf-btn-secondary:var(--bf-surface-2);--bf-btn-secondary-hover:var(--bf-surface-3);--bf-press-depth:4px;--bf-press-shade:var(--bf-accent-deep);--bf-press-shade-quiet:var(--bf-line-strong);--bf-t-tab-title:var(--bf-t-display);color-scheme:light;--bf-dark-bg:#0a1220;--bf-dark-surface:#101a2b;--bf-dark-raised:#141f33;--bf-dark-surface-2:#172337;--bf-dark-surface-3:#1f2d44;--bf-dark-ink:#eef3fa;--bf-dark-ink-soft:#b3c0d3;--bf-dark-mist:#93a3b9;--bf-dark-line:#1f2b3e;--bf-dark-line-strong:#3a4a63;--bf-dark-accent:#9cc6f3;--bf-dark-accent-deep:#7fb2ea;--bf-dark-on-accent:#042b61;--bf-dark-logo:#fff;--bf-dark-soft:#14233a;--bf-dark-soft-strong:#1c3150;--bf-dark-area-soft:#13233a;--bf-dark-me-soft:#121f33;--bf-dark-area-ink:#a9cdf5;--bf-dark-area-ink-2:#b4cfee;--bf-dark-success:#6fd3a0;--bf-dark-success-soft:#10291e;--bf-dark-error:#ff9a8f;--bf-dark-error-soft:#33151a;--bf-dark-pair-1:#8fb8f5;--bf-dark-pair-1-soft:#152640;--bf-dark-pair-2:#6fd0c6;--bf-dark-pair-2-soft:#0f2a2a;--bf-dark-pair-3:#f2bf6b;--bf-dark-pair-3-soft:#2e2210;--bf-dark-pair-4:#c3a6f2;--bf-dark-pair-4-soft:#241a3a;--bf-dark-cta:linear-gradient(90deg, #9cc6f3, #d3e6fb);--bf-dark-cta-hover:linear-gradient(90deg, #b6d5f6, #e6f1fd);--bf-dark-candy:linear-gradient(120deg, #14243c, #101a2b);--bf-dark-ring:conic-gradient(from 210deg, #5f9de0, #9cc6f3, #d3e6fb, #9cc6f3, #5f9de0);--bf-dark-shadow-rgb:0 0 0;--bf-dark-scrim:#0009;--bf-dark-elev-2:0 8px 24px #00000073, inset 0 1px 0 #ffffff0d;--bf-dark-elev-3:0 -12px 40px #0000008c, inset 0 1px 0 #ffffff0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bf-bg:var(--bf-dark-bg);--bf-surface:var(--bf-dark-surface);--bf-surface-2:var(--bf-dark-surface-2);--bf-surface-3:var(--bf-dark-surface-3);--bf-raised:var(--bf-dark-raised);--bf-thumb:var(--bf-dark-surface-3);--bf-ink:var(--bf-dark-ink);--bf-ink-soft:var(--bf-dark-ink-soft);--bf-mist:var(--bf-dark-mist);--bf-line:var(--bf-dark-line);--bf-line-strong:var(--bf-dark-line-strong);--bf-accent:var(--bf-dark-accent);--bf-accent-deep:var(--bf-dark-accent-deep);--bf-on-accent:var(--bf-dark-on-accent);--bf-cta:var(--bf-dark-cta);--bf-cta-hover:var(--bf-dark-cta-hover);--bf-candy:var(--bf-dark-candy);--bf-logo:var(--bf-dark-logo);--bf-soft:var(--bf-dark-soft);--bf-soft-strong:var(--bf-dark-soft-strong);--bf-learn-soft:var(--bf-dark-area-soft);--bf-tryon-soft:var(--bf-dark-area-soft);--bf-jobs-soft:var(--bf-dark-area-soft);--bf-butter-soft:var(--bf-dark-area-soft);--bf-me-soft:var(--bf-dark-me-soft);--bf-learn-ink:var(--bf-dark-area-ink);--bf-tryon-ink:var(--bf-dark-area-ink);--bf-jobs-ink:var(--bf-dark-area-ink-2);--bf-me-ink:var(--bf-dark-area-ink-2);--bf-butter-ink:var(--bf-dark-area-ink-2);--bf-success:var(--bf-dark-success);--bf-success-soft:var(--bf-dark-success-soft);--bf-error:var(--bf-dark-error);--bf-error-soft:var(--bf-dark-error-soft);--bf-pair-1:var(--bf-dark-pair-1);--bf-pair-1-soft:var(--bf-dark-pair-1-soft);--bf-pair-2:var(--bf-dark-pair-2);--bf-pair-2-soft:var(--bf-dark-pair-2-soft);--bf-pair-3:var(--bf-dark-pair-3);--bf-pair-3-soft:var(--bf-dark-pair-3-soft);--bf-pair-4:var(--bf-dark-pair-4);--bf-pair-4-soft:var(--bf-dark-pair-4-soft);--bf-ring:var(--bf-dark-ring);--bf-scrim:var(--bf-dark-scrim);--bf-shadow-rgb:var(--bf-dark-shadow-rgb);--bf-elev-1:0 1px 0 var(--bf-dark-line);--bf-elev-2:var(--bf-dark-elev-2);--bf-elev-3:var(--bf-dark-elev-3)}}.bf-app{background:var(--bf-bg);min-height:100dvh;color:var(--bf-ink);font-family:var(--bf-font);font-size:var(--bf-fs-16);-webkit-font-smoothing:antialiased;line-height:1.5}.bf-app *,.bf-app :before,.bf-app :after{box-sizing:border-box}body:has(>.bf-app){background:var(--bf-bg);color:var(--bf-ink)}.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{color:var(--bf-title);text-wrap:balance}.bf-app h1{font:var(--bf-t-title);letter-spacing:var(--bf-track-tight)}.bf-app h2{font:var(--bf-t-headline);letter-spacing:-.01em}.bf-app h3{font:var(--bf-t-body-strong)}.bf-app .bf-display{font:var(--bf-t-display);letter-spacing:var(--bf-track-display)}.bf-app .bf-tab-head{align-items:center;gap:var(--bf-space-2);min-height:var(--bf-tap-lg);padding-top:var(--bf-space-1);display:flex}.bf-app .bf-tab-title{min-width:0;font:var(--bf-t-tab-title);letter-spacing:var(--bf-track-display);color:var(--bf-title);overflow-wrap:anywhere;flex:1}.bf-app p{text-wrap:pretty}.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-accent);outline-offset:3px;border-radius:var(--bf-radius-6)}.bf-app [id]{scroll-margin-top:calc(var(--bf-topbar-h) + 52px)}.bf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root:has(>body>.bf-app),body:has(>.bf-app){-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media (display-mode:standalone){:root:has(>body>.bf-app),body:has(>.bf-app){overscroll-behavior-y:none}}.bf-app :is([role=button],[role=tab],[role=switch],[role=option],[role=menuitem],summary,input,select,textarea){touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bf-app :is(button,[role=button],[role=tab],[role=switch],[role=option],[role=menuitem],summary,a[class],label:has(>input:is([type=checkbox],[type=radio])),.bf-tabbar a,.bf-rail a,.bf-topbar a,.bf-segment a,.bf-chip,.bf-stat,.bf-sheet-grip,.tov5-sheet-grip){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bf-app :is(a,button,label,[role=button]) img,.bf-app img[alt=""],.bf-app img[draggable=false],.bf-app .bf-brand img{-webkit-user-drag:none;-webkit-touch-callout:none}@media (pointer:coarse){.bf-app input,.bf-app select,.bf-app textarea{font-size:max(16px,1em)}}.bf-app :is(.bf-sheet,.cv2-post-sheet,.v3-profile-sheet,.v3-lesson-sheet,.tov5-sheet-body,.tov5-sheet.is-detail,.tov5-dock,.tov4-all-body,.bf-info-pop,.bf-rail),.learn-session :is(.learn-session-actions,.learn-session-panel-heading){overscroll-behavior:contain}.bf-app :is(.bf-chip-row,.bf-strip-rail,.cv2-topic-row,.cv2-carousel-track,.cv2-photo-strip,.bf-shortcuts,.cv2-opp-gallery,.v3-chips,.cv2-rings,.cv2-feed-filters,.v3-shortcuts,.lv2-phrasebook-tools,.v3-quick,.nss-hands,.tov2-hands-tones,.tov4-chips,.tov4-rail,.tov4-tabs,.tov5-strip,.tov5-tabs,.tov5-qp-steps,.tov5-filters,.tov2-cards,.tov2-pchips,.tov2-swatches.is-row){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bf-app :is(.bf-strip-rail,.cv2-topic-row,.cv2-photo-strip,.cv2-opp-gallery,.v3-chips,.cv2-feed-filters,.v3-shortcuts,.lv2-phrasebook-tools,.v3-quick,.nss-hands,.tov2-hands-tones,.tov4-chips,.tov4-tabs,.tov5-tabs,.tov5-qp-steps,.tov5-filters,.tov2-cards,.tov2-pchips,.tov2-swatches.is-row)::-webkit-scrollbar{display:none}html[data-keyboard] .bf-app .bf-tabbar{visibility:hidden;pointer-events:none}html[data-keyboard] .bf-app :is(.bf-sheet,.v3-profile-sheet){bottom:var(--bf-keyboard,0px);max-height:calc(var(--bf-visual-height,100dvh) - 8px)}.bf-skip{z-index:var(--bf-z-skip);background:var(--bf-ink);padding:var(--bf-space-3) var(--bf-space-4);border-radius:var(--bf-radius-12);font-weight:600;position:fixed;top:-100px;left:16px;color:var(--bf-bg)!important}.bf-skip:focus{top:10px}.bf-app .bf-skip:not(:focus){top:0;transform:translateY(calc(-100% - 10px))}.bf-topbar{z-index:var(--bf-z-sticky);justify-content:space-between;align-items:center;gap:var(--bf-space-2);height:calc(var(--bf-topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(calc(var(--bf-gutter) - 6px), env(safe-area-inset-right)) 0 max(var(--bf-gutter), env(safe-area-inset-left));background:var(--bf-bg);border-bottom:1px solid var(--bf-line);display:flex;position:sticky;top:0}.bf-topbar:has(>.bf-icon-btn:first-child){padding-left:max(calc(var(--bf-gutter) - 10px), env(safe-area-inset-left))}.bf-topbar-title{min-width:0;font:var(--bf-t-label);font-size:var(--bf-fs-16);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bf-topbar.is-pushed .bf-topbar-title{font-weight:700}.bf-topbar.is-pushed .bf-top-actions>:is(a,button):not(.bf-icon-btn){min-height:var(--bf-tap)}.bf-brand{color:var(--bf-logo);min-height:var(--bf-tap);flex-shrink:0;align-items:center;display:inline-flex}.bf-brand picture{display:contents}.bf-brand img{width:112px;height:auto;display:block}.bf-top-actions{align-items:center;gap:var(--bf-space-1);margin-left:auto;display:flex}.bf-icon-btn{width:var(--bf-tap);height:var(--bf-tap);color:var(--bf-ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.bf-icon-btn:hover{background:var(--bf-surface-2)}}.bf-icon-btn:active{background:var(--bf-surface-3)}.bf-icon-btn.is-solid{background:var(--bf-surface-2)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bf-app .bf-topbar,.bf-app .bf-tabbar{background:var(--bf-glass);backdrop-filter:var(--bf-blur-bar)}}.bf-main{max-width:calc(var(--bf-col-feed) + 2 * var(--bf-gutter));padding:var(--bf-space-2) max(var(--bf-gutter), env(safe-area-inset-right)) calc(var(--bf-nav-height) + 28px + env(safe-area-inset-bottom)) max(var(--bf-gutter), env(safe-area-inset-left));outline-offset:-3px;margin:0 auto}.bf-main.is-wide{max-width:calc(var(--bf-col-wide) + 2 * var(--bf-gutter))}.bf-main:focus,.bf-main:focus-visible,.cv2-shell .bf-main:focus-visible{outline:none}.bf-tabbar{z-index:var(--bf-z-tabbar);padding:var(--bf-space-1h) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));background:var(--bf-bg);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{border-radius:var(--bf-radius-14);min-height:52px;font:var(--bf-t-micro);letter-spacing:.01em;color:var(--bf-ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;transition:color .14s;display:flex}.bf-tabbar a>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bf-tabbar a span:first-child{border-radius:var(--bf-radius-16);width:56px;height:32px;color:var(--bf-ink-soft);place-items:center;transition:transform .16s,background-color .16s;display:grid}.bf-tabbar a[aria-current]{color:var(--bf-ink);font-weight:700}.bf-tabbar a[aria-current] span:first-child{background:var(--bf-cta);color:var(--bf-on-accent)}@media (hover:hover) and (pointer:fine){.bf-tabbar a:not([aria-current]):hover span:first-child{background:var(--bf-surface-2)}}.bf-tabbar :focus-visible{outline-offset:-2px}.bf-rail{display:none}@media (width>=900px){.bf-app{grid-template-columns:var(--bf-rail-w) minmax(0, 1fr);display:grid}.bf-app.is-bare{grid-template-columns:minmax(0,1fr)}.bf-rail{height:100dvh;padding:var(--bf-space-5) var(--bf-space-3) var(--bf-space-5);background:var(--bf-bg);border-right:1px solid var(--bf-line);scrollbar-width:none;flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:0;overflow-y:auto}.bf-rail .bf-brand{margin:0 var(--bf-space-3) var(--bf-space-6)}.bf-rail .bf-brand img{width:132px}.bf-rail>a:not(.bf-brand):not(.bf-btn){align-items:center;gap:var(--bf-space-3h);min-height:48px;padding:0 var(--bf-space-3);border-radius:var(--bf-radius-12);font-size:var(--bf-fs-16);color:var(--bf-ink-soft);font-weight:500;display:flex}.bf-rail>a:not(.bf-brand):not(.bf-btn) svg{color:var(--bf-ink-soft)}@media (hover:hover) and (pointer:fine){.bf-rail>a:not(.bf-brand):not(.bf-btn):hover{background:var(--bf-surface-2);color:var(--bf-ink)}}.bf-rail a[aria-current]:not(.bf-brand){background:var(--bf-surface-2);color:var(--bf-ink);font-weight:700}.bf-rail a[aria-current]:not(.bf-brand) svg{color:var(--bf-ink)}.bf-rail-sep{height:1px;margin:var(--bf-space-2h) var(--bf-space-3);background:var(--bf-line)}.bf-rail .bf-rail-create{margin:var(--bf-space-3h) var(--bf-space-1) 0}.bf-rail-foot{font-size:var(--bf-fs-12);color:var(--bf-mist);padding:var(--bf-space-4) var(--bf-space-2) 0 var(--bf-space-3);gap:2px;margin-top:auto;line-height:1.5;display:grid}.bf-rail-foot>span{text-wrap:balance}.bf-rail-foot nav{gap:var(--bf-space-4);display:flex}.bf-rail-foot a{min-height:var(--bf-tap);font-size:var(--bf-fs-12);color:var(--bf-mist);text-underline-offset:3px;white-space:nowrap;align-items:center;text-decoration:underline;display:inline-flex}.bf-tabbar{display:none}.bf-app:not(.is-bare) .bf-topbar>.bf-brand{visibility:hidden}.bf-main{padding:var(--bf-space-4) var(--bf-gutter) var(--bf-space-12)}}.bf-btn{justify-content:center;align-items:center;gap:var(--bf-space-2);min-height:var(--bf-btn-h);padding:var(--bf-space-3) var(--bf-btn-pad);border-radius:var(--bf-radius-pill);background:var(--bf-btn-primary);font:var(--bf-btn-font);letter-spacing:.005em;text-align:center;isolation:isolate;box-shadow:none;border:0;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden;color:var(--bf-on-accent)!important}.bf-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29,#fff0);position:absolute;inset:2px 2px 50%}@media (hover:hover) and (pointer:fine){.bf-btn:hover{background:var(--bf-btn-primary-hover)}}.bf-btn:active{transform:translateY(1px)}.bf-btn.is-block{width:100%}.bf-btn.is-secondary{background:var(--bf-btn-secondary);box-shadow:none;color:var(--bf-ink)!important}@media (hover:hover) and (pointer:fine){.bf-btn.is-secondary:hover{background:var(--bf-btn-secondary-hover)}}.bf-btn.is-outline{box-shadow:inset 0 0 0 1.5px var(--bf-line-strong);background:0 0;color:var(--bf-ink)!important}@media (hover:hover) and (pointer:fine){.bf-btn.is-outline:hover{background:var(--bf-btn-secondary)}}.bf-btn.is-soft{background:var(--bf-soft);box-shadow:none;color:var(--bf-accent)!important}.bf-btn.is-success{background:var(--bf-success)}.bf-btn.is-danger{background:var(--bf-error)}.bf-btn.is-destructive{background:var(--bf-error-soft);color:var(--bf-error)!important}.bf-btn.is-ghost{box-shadow:none;min-height:var(--bf-tap);background:0 0;color:var(--bf-accent)!important}@media (hover:hover) and (pointer:fine){.bf-btn.is-ghost:hover{background:var(--bf-btn-secondary)}}.bf-btn:is(.is-secondary,.is-outline,.is-soft,.is-ghost,.is-destructive,.is-success,.is-danger):after{display:none}.bf-btn.is-md{min-height:var(--bf-btn-h-md);padding:var(--bf-space-2h) var(--bf-space-5)}.bf-btn.is-sm{min-height:var(--bf-tap);padding:var(--bf-space-1) var(--bf-space-4);gap:var(--bf-space-1h);font:var(--bf-btn-font-sm);border:4px solid #0000;border-inline-width:0;background-clip:padding-box!important}.bf-btn.is-press{box-shadow:0 var(--bf-press-depth) 0 var(--bf-press-shade);margin-bottom:var(--bf-press-depth)}.bf-btn.is-press:is(.is-secondary,.is-outline){box-shadow:inset 0 0 0 1.5px var(--bf-line-strong), 0 var(--bf-press-depth) 0 var(--bf-press-shade-quiet)}.bf-btn.is-press:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--bf-press-depth) / 2));box-shadow:0 calc(var(--bf-press-depth) / 2) 0 var(--bf-press-shade)}.bf-btn.is-press:is(.is-secondary,.is-outline):active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1.5px var(--bf-line-strong), 0 calc(var(--bf-press-depth) / 2) 0 var(--bf-press-shade-quiet)}.bf-btn.is-sm.is-outline{box-shadow:inset 0 0 0 1.5px var(--bf-line-strong)}.bf-btn.is-sm.is-ghost{padding-inline:var(--bf-space-3)}.bf-btn[aria-busy=true]{color:#0000!important}.bf-btn[aria-busy=true]:before{content:"";border:3px solid var(--bf-on-accent);border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite bf-spin;position:absolute}.bf-btn:is(.is-secondary,.is-outline,.is-soft,.is-ghost)[aria-busy=true]:before{border-color:var(--bf-ink);border-top-color:#0000}.bf-btn:disabled{opacity:.4}.bf-card{background:var(--bf-surface);border-radius:var(--bf-radius);box-shadow:none;border:1px solid var(--bf-line)}.bf-card.is-petal{background:var(--bf-soft);border-color:#0000}.bf-card.is-flat{box-shadow:none}.bf-card-pad{padding:var(--bf-space-4)}.bf-chip{justify-content:center;align-items:center;gap:var(--bf-space-1h);min-height:var(--bf-tap);padding:0 var(--bf-space-3h);border:4px solid #0000;border-radius:var(--bf-radius-pill);background-clip:padding-box;background-color:var(--bf-surface-2);color:var(--bf-ink-soft);font-size:var(--bf-fs-14);white-space:nowrap;border-inline-width:0;font-weight:600;line-height:1.3;display:inline-flex}@media (hover:hover) and (pointer:fine){:is(a,button).bf-chip:hover{background-color:var(--bf-surface-3);color:var(--bf-ink)}}.bf-chip[aria-pressed=true],.bf-chip[aria-current],.bf-chip.is-active{background-color:var(--bf-ink);color:var(--bf-bg)}.bf-chip-row{gap:var(--bf-space-2);padding:0 var(--bf-gutter);margin:0 calc(-1 * var(--bf-gutter));scroll-padding-inline:var(--bf-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.bf-chip-row::-webkit-scrollbar{display:none}.bf-chip-row>*{flex-shrink:0}.bf-eyebrow{font-size:var(--bf-fs-12);letter-spacing:var(--bf-track-caps);text-transform:uppercase;color:var(--bf-gilt);font-weight:700}.bf-muted{color:var(--bf-ink-soft)}.bf-small{font-size:var(--bf-fs-13)}.bf-row{justify-content:space-between;align-items:center;gap:var(--bf-space-3);display:flex}.bf-stack{gap:var(--bf-space-3);display:grid}.bf-section{margin-top:var(--bf-section-gap)}.bf-section-head{justify-content:space-between;align-items:center;gap:var(--bf-space-3);min-height:var(--bf-tap);margin-bottom:var(--bf-space-2);display:flex}.bf-section-head h2{font:var(--bf-t-headline);letter-spacing:-.01em;min-width:0}.bf-section-head a{min-height:var(--bf-tap);font-size:var(--bf-fs-14);color:var(--bf-accent);flex-shrink:0;align-items:center;gap:2px;font-weight:600;display:inline-flex}.bf-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.bf-list-item{align-items:center;gap:var(--bf-space-3h);min-height:56px;padding:var(--bf-space-2h) 0;background:0 0;border:0;border-radius:0;display:flex;position:relative}.bf-list>li+li>.bf-list-item:before,.bf-list>.bf-list-item+.bf-list-item:before{content:"";background:var(--bf-line);height:1px;position:absolute;top:0;left:50px;right:0}.bf-list-item>.bf-list-text{flex:1;gap:2px;min-width:0;display:grid}.bf-list-item strong{font-size:var(--bf-fs-16);font-weight:500}.bf-list-item small{font-size:var(--bf-fs-13);color:var(--bf-mist);line-height:1.4}.bf-list-item .bf-chev{color:var(--bf-mist)}.bf-group{background:0 0;border:0;border-radius:0;overflow:visible}.bf-group-title{padding:var(--bf-space-5) 0 var(--bf-space-2);font-size:var(--bf-fs-14);color:var(--bf-ink-soft);font-weight:600}.bf-group-row{align-items:center;gap:var(--bf-space-3h);min-height:56px;padding:var(--bf-space-2h) 0;text-align:left;width:100%;color:var(--bf-ink);background:0 0;border:0;display:flex;position:relative}.bf-group-row+.bf-group-row:before{content:"";background:var(--bf-line);height:1px;position:absolute;top:0;left:50px;right:0}.bf-group-row .bf-row-icon{border-radius:var(--bf-radius-media);background:var(--bf-surface-2);width:36px;height:36px;color:var(--bf-ink);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:var(--bf-fs-16);font-weight:500}.bf-group-row .bf-row-text small{font-size:var(--bf-fs-13);color:var(--bf-mist);line-height:1.4}.bf-group-row .bf-row-value{font-size:var(--bf-fs-14);color:var(--bf-mist)}@media (hover:hover) and (pointer:fine){a.bf-group-row:hover,button.bf-group-row:hover{background:color-mix(in srgb, var(--bf-surface-2) 70%, transparent)}}.bf-switch{border-radius:var(--bf-radius-pill);background:var(--bf-line-strong);border:0;flex-shrink:0;width:50px;height:30px;transition:background .16s;position:relative}.bf-switch:after{content:"";background:var(--bf-knob);width:24px;height:24px;box-shadow:0 1px 3px rgb(var(--bf-shadow-rgb) / .25);transition:transform var(--m-dur-3,.32s) var(--m-spring-soft,cubic-bezier(.3, 1.22, .6, 1)), scale var(--m-dur-1,.12s) ease;border-radius:50%;position:absolute;top:3px;left:3px}.bf-switch:active:not(:disabled):after{scale:var(--m-press-on,1.16) var(--m-press-on,.9)}.bf-switch[aria-checked=true]{background:var(--bf-accent)}.bf-switch[aria-checked=true]:after{background:var(--bf-on-accent);transform:translate(20px)}.bf-segment{gap:var(--bf-space-1);padding:var(--bf-space-1);border-radius:var(--bf-radius-12);background:var(--bf-surface-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.bf-segment button{border-radius:var(--bf-radius-10);min-height:40px;color:var(--bf-ink-soft);font-weight:600;font-size:var(--bf-fs-14);background:0 0;border:0}.bf-segment button[aria-pressed=true]{background:var(--bf-thumb);color:var(--bf-ink);box-shadow:0 1px 2px rgb(var(--bf-shadow-rgb) / .12)}@supports selector(:has(*)){.bf-app .bf-segment:not(.bf-explore-tabs){--seg-n:2;--seg-i:0;isolation:isolate;position:relative}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:nth-child(3)){--seg-n:3}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:nth-child(4)){--seg-n:4}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:nth-child(2):is([aria-pressed=true],[aria-current])){--seg-i:1}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:nth-child(3):is([aria-pressed=true],[aria-current])){--seg-i:2}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:nth-child(4):is([aria-pressed=true],[aria-current])){--seg-i:3}.bf-app .bf-segment:not(.bf-explore-tabs):before{content:"";z-index:-1;border-radius:var(--bf-radius-10);width:calc((100% - 8px - (var(--seg-n) - 1) * 4px) / var(--seg-n));background:var(--bf-thumb);box-shadow:0 1px 2px rgb(var(--bf-shadow-rgb) / .12);opacity:0;transform:translateX(calc(var(--seg-i) * (100% + 4px)));transition:transform var(--m-dur-3,.32s) var(--m-bounce,ease), opacity var(--m-dur-2,.2s) ease;position:absolute;top:4px;bottom:4px;left:4px}.bf-app .bf-segment:not(.bf-explore-tabs):has(>:is([aria-pressed=true],[aria-current])):before{opacity:1}.bf-app .bf-segment:not(.bf-explore-tabs)>:is([aria-pressed=true],[aria-current]){box-shadow:none;background:0 0}}.bf-segment a{border-radius:var(--bf-radius-10);min-height:40px;color:var(--bf-ink-soft);font-weight:600;font-size:var(--bf-fs-14);justify-content:center;align-items:center;display:flex}.bf-segment a[aria-current]{background:var(--bf-thumb);color:var(--bf-ink);box-shadow:0 1px 2px rgb(var(--bf-shadow-rgb) / .12)}.bf-app .bf-segment :is(a,button){min-height:44px}.bf-app .bf-segment.bf-explore-tabs{top:calc(var(--bf-topbar-h) + env(safe-area-inset-top));z-index:calc(var(--bf-z-sticky) - 1);padding:0 var(--bf-gutter);margin:0 calc(-1 * var(--bf-gutter));background:var(--bf-bg);border-bottom:1px solid var(--bf-line);border-radius:0;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;display:grid;position:sticky}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bf-app .bf-segment.bf-explore-tabs{background:var(--bf-glass);backdrop-filter:var(--bf-blur-bar)}}.bf-app .bf-explore-tabs>a{min-height:var(--bf-tap);box-shadow:none;font:var(--bf-t-label);color:var(--bf-ink-soft);background:0 0;border-radius:0;position:relative}@media (hover:hover) and (pointer:fine){.bf-app .bf-explore-tabs>a:hover{color:var(--bf-ink)}}.bf-app .bf-explore-tabs>a[aria-current]{box-shadow:none;color:var(--bf-ink);background:0 0;font-weight:700}.bf-app .bf-explore-tabs>a[aria-current]:after{content:"";background:var(--bf-ink);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.bf-app .bf-explore-tabs>a:focus-visible{outline-offset:-3px}@media (width>=600px){.bf-app .bf-main .bf-segment.bf-explore-tabs{margin-inline:0;padding-inline:0}}.bf-field{gap:var(--bf-space-1h);font-weight:600;font-size:var(--bf-fs-14);color:var(--bf-ink-soft);display:grid}.bf-input{border-radius:var(--bf-radius-media);background:var(--bf-surface-2);width:100%;min-height:48px;padding:var(--bf-space-3) var(--bf-space-3h);font-size:var(--bf-fs-16);color:var(--bf-ink);border:1.5px solid #0000;font-weight:400;line-height:1.4}.bf-input::placeholder{color:var(--bf-mist)}.bf-input:focus{background:var(--bf-surface);border-color:var(--bf-accent);box-shadow:0 0 0 3px var(--bf-soft-strong);outline:none}.bf-input.is-otp{text-align:center;font-size:var(--bf-fs-28);letter-spacing:.35em;color:var(--bf-ink);font-weight:700}.bf-divider{align-items:center;gap:var(--bf-space-3);color:var(--bf-mist);font-size:var(--bf-fs-13);margin:var(--bf-space-3h) 0;display:flex}.bf-divider:before,.bf-divider:after{content:"";background:var(--bf-line);flex:1;height:1px}.bf-notice{padding:var(--bf-space-3) var(--bf-space-3h);border-radius:var(--bf-radius-media);background:var(--bf-butter-soft);color:var(--bf-butter-ink);font-size:var(--bf-fs-14);margin-top:var(--bf-space-3);line-height:1.4}.bf-notice.is-error{background:var(--bf-error-soft);color:var(--bf-error)}.bf-app .bf-reconnect{align-items:center;gap:var(--bf-space-2);min-height:56px;margin:var(--bf-space-2) 0 var(--bf-space-3);padding:var(--bf-space-1) var(--bf-space-1) var(--bf-space-1) var(--bf-space-3);border:1px solid var(--bf-line);border-radius:var(--bf-radius-sm);background:var(--bf-surface);color:var(--bf-ink);display:flex}.bf-app .bf-reconnect.is-new{animation:bf-fade var(--m-dur-2,.2s) ease-out}.bf-app .bf-reconnect-icon{background:var(--bf-surface-2);width:32px;height:32px;color:var(--bf-ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.bf-app .bf-reconnect.is-checking .bf-reconnect-icon>svg{animation:.9s linear infinite bf-spin}.bf-app .bf-reconnect-text{flex:1;gap:1px;min-width:0;display:grid}.bf-app .bf-reconnect-text>strong{font:var(--bf-t-label);font-size:var(--bf-fs-14)}.bf-app .bf-reconnect-text>small{font:var(--bf-t-meta);color:var(--bf-mist)}.bf-app .bf-reconnect>.bf-btn{flex:none}.bf-app .bf-reconnect>.bf-btn[aria-disabled=true]{opacity:.6;cursor:default}.bf-app .bf-reconnect>.bf-reconnect-close{color:var(--bf-mist);flex:none}.bf-signin{z-index:1;gap:var(--bf-space-3);width:100%;max-width:440px;margin:0 auto;display:grid;position:relative}.bf-signin-card{width:100%;padding:var(--bf-space-5);border-radius:var(--bf-radius-24);border-color:color-mix(in srgb, var(--bf-line) 80%, transparent);background:var(--bf-raised);box-shadow:var(--bf-elev-2)}.bf-signin-head{gap:var(--bf-space-1h);margin-bottom:var(--bf-space-4);text-align:center;display:grid}.bf-signin-head h1{font:var(--bf-t-title);font-size:var(--bf-fs-28);letter-spacing:var(--bf-track-tight)}.bf-signin-head .bf-signin-lead{font:var(--bf-t-callout);color:var(--bf-ink-soft)}.bf-signin-head .bf-signin-sub{font-size:var(--bf-fs-13);color:var(--bf-mist)}.bf-signin-invite{align-items:center;gap:var(--bf-space-3);margin:0 0 var(--bf-space-4);padding:var(--bf-space-3) var(--bf-space-3h);border-radius:var(--bf-radius-sm);background:var(--bf-tryon-soft);color:var(--bf-tryon-ink);font-size:var(--bf-fs-15);font-weight:600;line-height:1.4;display:flex}.bf-signin-invite-icon{background:var(--bf-surface);width:40px;height:40px;color:var(--bf-tryon-ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.bf-signin-social{display:grid}.bf-signin-social.is-waiting{--signin-divider:calc(20px + 2 * 14px);min-height:calc(var(--signin-divider) + 52px)}html[data-bf-signin-providers="2"] .bf-signin-social.is-waiting{min-height:calc(var(--signin-divider) + 2 * 52px + var(--bf-space-3))}html[data-bf-signin-providers="0"] .bf-signin-social.is-waiting{display:none}.bf-app .bf-btn.bf-signin-google{background:var(--bf-knob);box-shadow:inset 0 0 0 1px var(--bf-line-strong);color:var(--bf-dark-on-accent)!important}@media (hover:hover) and (pointer:fine){.bf-app .bf-btn.bf-signin-google:hover{background:var(--bf-surface-2);color:var(--bf-ink)!important}}.bf-signin-foot{justify-content:center;align-items:center;gap:0 var(--bf-space-3h);text-align:center;flex-wrap:wrap;display:flex}.bf-signin-foot a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.bf-app .bf-motion-setting{margin-top:var(--bf-space-3)}.bf-app .bf-signin-foot .bf-motion-setting{margin:0}.bf-app .bf-motion-switch{justify-content:center;align-items:center;gap:var(--bf-space-2h);width:100%;min-height:44px;padding:var(--bf-space-1h);border-radius:var(--bf-radius-12);color:var(--bf-ink-soft);font-size:var(--bf-fs-14);text-align:start;background:0 0;border:0;display:flex}.bf-app .bf-signin-foot .bf-motion-switch{width:auto;padding-inline:var(--bf-space-1);font-size:var(--bf-fs-13)}.bf-app .bf-motion-toggle{border-radius:var(--bf-radius-pill);background:var(--bf-line-strong);flex:none;width:36px;height:22px;padding:3px;display:block}.bf-app .bf-motion-toggle:after{content:"";background:var(--bf-knob);width:16px;height:16px;transition:transform var(--m-dur-3,.32s) var(--m-spring-soft,ease);border-radius:50%;display:block}.bf-app .bf-motion-switch[aria-checked=true] .bf-motion-toggle{background:var(--bf-accent)}.bf-app .bf-motion-switch[aria-checked=true] .bf-motion-toggle:after{background:var(--bf-on-accent);transform:translate(14px)}.bf-app .bf-motion-setting>p{margin:var(--bf-space-1) 0 0;text-align:center}.bf-app .bf-signin-card .bf-input.is-otp{letter-spacing:.08em;font-variant-numeric:tabular-nums}.bf-app.is-bare .community-app-actions:empty{display:none}@media (height<=700px) and (width<=899px){.bf-app .bf-signin-card{padding:var(--bf-space-3) var(--bf-space-3h)}.bf-app .bf-signin-head{margin-bottom:var(--bf-space-2);gap:2px}.bf-app .bf-signin-head .bf-signin-lead{display:none}.bf-app .bf-signin-card .bf-stack{gap:var(--bf-space-2)}.bf-app .bf-signin-card .bf-field{gap:var(--bf-space-1)}.bf-app .bf-signin-card .bf-input,.bf-app .bf-signin-card .bf-btn:not(.is-sm){min-height:44px;padding-block:var(--bf-space-2h)}.bf-app .bf-signin-card .bf-divider{margin-block:var(--bf-space-1h)}.bf-app .bf-signin-social.is-waiting{--signin-divider:calc(20px + 2 * 6px);min-height:calc(var(--signin-divider) + 44px)}html[data-bf-signin-providers="2"] .bf-app .bf-signin-social.is-waiting{min-height:calc(var(--signin-divider) + 2 * 44px + 8px)}}.is-bare .bf-main{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.bf-signin-stage{isolation:isolate;padding-top:var(--bf-space-3);min-height:calc(100dvh - var(--bf-topbar-h) - env(safe-area-inset-top) - 28px - env(safe-area-inset-bottom));align-content:end;display:grid;position:relative}.bf-nailwall{z-index:-1;pointer-events:none;background:var(--bf-bg);position:fixed;inset:0;overflow:hidden}.bf-nailwall-tilt{left:50%;top:calc(64px + env(safe-area-inset-top));align-content:space-evenly;width:760px;height:max(300px,50dvh);margin-left:-380px;display:grid;position:absolute;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.bf-nailwall-track{width:max-content;animation:bf-wall-left var(--wall-seconds,18s) linear infinite;will-change:transform;display:flex}.bf-nailwall-row.is-right .bf-nailwall-track{animation-name:bf-wall-right}.bf-nail{--nail:var(--bf-learn);width:58px;height:79px;margin-right:var(--bf-space-5);background:var(--nail);box-shadow:inset 0 -7px 0 rgb(var(--bf-shadow-rgb) / .07), 0 8px 18px rgb(var(--bf-shadow-rgb) / .12);border-radius:50% 50% 44% 44%/64% 64% 36% 36%;flex:none;position:relative}.bf-nail:after{content:"";border-radius:var(--bf-radius-pill);background:#ffffff8c;width:16%;height:40%;position:absolute;top:12%;left:20%}.bf-nail.is-oval{border-radius:50%/48%}.bf-nail.is-square{border-radius:26% 26% 36% 36%/20% 20% 26% 26%}.bf-nail.is-coffin{clip-path:polygon(14% 0,86% 0,100% 80%,84% 100%,16% 100%,0 80%);border-radius:14% 14% 30% 30%/10% 10% 22% 22%}.bf-nail.is-french{background:linear-gradient(180deg, var(--bf-knob) 0 28%, var(--nail) 28%)}.bf-nail.is-dots{background:radial-gradient(circle at 32% 58%, var(--bf-knob) 0 3px, transparent 3.5px), radial-gradient(circle at 66% 40%, var(--bf-knob) 0 3px, transparent 3.5px), radial-gradient(circle at 54% 76%, var(--bf-knob) 0 2.5px, transparent 3px), var(--nail)}.bf-nail.is-gloss{background:linear-gradient(160deg, #ffffff8c, transparent 48%), var(--nail)}@media (width>=900px){.bf-signin-stage{align-content:center}}.bf-stat{align-items:center;gap:var(--bf-space-1h);min-height:var(--bf-tap);padding:0 var(--bf-space-3) 0 var(--bf-space-2h);border-radius:var(--bf-radius-pill);background-clip:padding-box;background-color:var(--bf-surface-2);font-weight:700;font-size:var(--bf-fs-14);font-variant-numeric:tabular-nums;border:4px solid #0000;border-inline-width:0;display:inline-flex}@media (hover:hover) and (pointer:fine){a.bf-stat:hover{background-color:var(--bf-surface-3)}}.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{border-radius:var(--bf-radius-pill);background:var(--bf-surface-3);height:10px;overflow:hidden}.bf-progress>span{border-radius:inherit;background:var(--bf-accent);height:100%;transition:width .3s 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-soft-strong) 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-surface);border-radius:50%;position:absolute}.bf-ring,.bf-ring>*{position:relative}.bf-node{--node:72px;width:var(--node);height:calc(var(--node) * 1.2);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-surface);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 .bf-node-shape path.bf-node-gloss{stroke-linecap:round;fill:none!important;stroke:#fff9!important;stroke-width:2.2px!important}.bf-node.is-done .bf-node-shape path{fill:var(--bf-accent);stroke:var(--bf-accent)}.bf-node.is-done{filter:drop-shadow(0 4px 8px rgb(var(--bf-shadow-rgb) / .18))}.bf-node.is-done .bf-node-icon{color:var(--bf-on-accent)}.bf-node.is-current .bf-node-shape path{fill:var(--bf-soft);stroke:var(--bf-accent);stroke-width:2.4px}.bf-node.is-current .bf-node-icon{color:var(--bf-accent)}.bf-node svg.bf-node-halo{transform-origin:50%;width:100%;height:100%;animation:1.8s ease-out 3 both bf-pulse;position:absolute;inset:0;overflow:visible}.bf-node .bf-node-halo path{fill:none;stroke:var(--bf-accent);stroke-width:2.5px}.bf-node.is-available .bf-node-shape path{fill:var(--bf-surface);stroke:var(--bf-line-strong);stroke-width:2px}.bf-node.is-available .bf-node-icon{color:var(--bf-mist)}@media (hover:hover) and (pointer:fine){.bf-node.is-available:hover .bf-node-shape path{stroke:var(--bf-accent)}.bf-node.is-available:hover .bf-node-icon{color:var(--bf-accent)}}.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 rgb(var(--bf-shadow-rgb) / .22))}.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:var(--bf-on-accent)}.bf-sheet-backdrop{z-index:var(--bf-z-sheet);background:var(--bf-scrim);animation:bf-fade var(--m-dur-2,.2s) ease-out;position:fixed;inset:0}.bf-sheet{z-index:calc(var(--bf-z-sheet) + 1);max-width:640px;max-height:92dvh;padding:var(--bf-space-2) var(--bf-gutter) max(16px, env(safe-area-inset-bottom));border-radius:var(--bf-radius-sheet) var(--bf-radius-sheet) 0 0;background:var(--bf-raised);color:var(--bf-ink);box-shadow:var(--bf-elev-3), 0 48px 0 var(--bf-raised);animation:m-sheet-in var(--m-dur-4,.4s) var(--m-ease-drawer,cubic-bezier(.32, .72, 0, 1)) both;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.bf-sheet.is-closing{animation:m-sheet-out var(--m-dur-2,.2s) var(--m-ease-drawer,cubic-bezier(.32, .72, 0, 1)) both}.bf-sheet-backdrop.is-closing{animation:m-fade-out var(--m-dur-2,.2s) ease-out both}.bf-sheet-grip{border-radius:var(--bf-radius-pill);background:var(--bf-line-strong);width:36px;height:5px;margin:0 auto var(--bf-space-3h);position:relative}.bf-app :is(.bf-sheet-grip,.tov5-sheet-grip,.tov4-all-grip):before{content:"";position:absolute;inset:-14px -44px -12px}.bf-app :is(.bf-sheet-grip,.tov5-sheet-grip,.tov4-all-grip,.tov2-sheet-head,.tov5-sheet-head,.tov4-all-head,[data-sheet-handle]){touch-action:none}@media (width>=900px){.bf-sheet{height:fit-content;padding-top:var(--bf-space-5);border-radius:var(--bf-radius);max-width:440px;box-shadow:var(--bf-elev-2);animation:m-dialog-in var(--m-dur-3,.32s) var(--m-bounce,ease-out) both;margin:auto;top:0;bottom:0}.bf-sheet.is-closing{animation:m-dialog-out var(--m-dur-1,.12s) var(--m-ease-in,ease-in) both}.bf-sheet>.bf-sheet-grip{display:none}}.bf-toast{z-index:var(--bf-z-toast);width:max-content;left:0;right:0;bottom:calc(var(--shell-tabbar-height,calc(var(--bf-nav-height) + env(safe-area-inset-bottom))) + 12px);align-items:center;gap:var(--bf-space-3);max-width:min(92vw,420px);min-height:48px;padding:var(--bf-space-3) var(--bf-space-4);border-radius:var(--bf-radius-sm);background:var(--bf-ink);color:var(--bf-bg);font-size:var(--bf-fs-14);box-shadow:var(--bf-elev-2);animation:m-toast-in var(--m-dur-3,.32s) var(--m-ease,ease-out) both;margin-inline:auto;font-weight:500;line-height:1.4;display:flex;position:fixed}.bf-toast a,.bf-toast button{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.bf-app .bf-toast{animation:m-toast-in var(--m-dur-3,.32s) var(--m-ease,ease-out) both}.bf-app .bf-toast.is-leaving{animation:m-toast-out var(--m-dur-2,.2s) var(--m-ease-in,ease-in) both}@media (width>=900px){.bf-toast{bottom:28px}}.bf-feedback{border-radius:var(--bf-radius-20);padding:var(--bf-space-3h) var(--bf-space-4);gap:var(--bf-space-1);display:grid}.bf-feedback.is-correct{background:var(--bf-success-soft);color:var(--bf-success)}.bf-feedback.is-wrong{background:var(--bf-error-soft);color:var(--bf-error)}.bf-feedback strong{font-size:var(--bf-fs-16)}.bf-empty{justify-items:center;gap:var(--bf-space-3);max-width:360px;padding:var(--bf-space-12) var(--bf-space-4) var(--bf-space-8);text-align:center;background:0 0;border:0;margin:0 auto;display:grid}.bf-empty h1,.bf-empty h2{font:var(--bf-t-headline);letter-spacing:-.01em}.bf-empty p{max-width:34ch;font-size:var(--bf-fs-15);color:var(--bf-ink-soft);line-height:1.5}.bf-empty-icon{background:var(--bf-surface-2);width:96px;height:96px;color:var(--bf-ink-soft);border-radius:50%;place-items:center;display:grid}.bf-empty .bf-scene-art{width:auto;max-height:160px}.bf-empty-actions{justify-content:center;gap:var(--bf-space-2);margin-top:var(--bf-space-2);flex-wrap:wrap;display:flex}.bf-skeleton{border-radius:var(--bf-radius-media);background:linear-gradient(90deg, var(--bf-surface-2) 25%, var(--bf-surface-3) 50%, var(--bf-surface-2) 75%);background-size:200% 100%;animation:1.4s linear infinite bf-shimmer}.bf-avatar{width:var(--bf-avatar-md);height:var(--bf-avatar-md);background:var(--bf-soft-strong);color:var(--bf-ink);font-weight:700;font-size:var(--bf-fs-16);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.bf-avatar img{object-fit:cover;width:100%;height:100%}.bf-app .bf-avatar.is-sm{width:var(--bf-tap);height:var(--bf-tap);font-size:var(--bf-fs-13);color:var(--bf-ink);background:0 0;position:relative;overflow:visible}.bf-app .bf-avatar.is-sm:before{content:"";background:var(--bf-soft-strong);transition:box-shadow var(--m-dur-2,.2s) ease;border-radius:50%;position:absolute;inset:6px}@media (hover:hover) and (pointer:fine){.bf-app .bf-avatar.is-sm:hover:before{box-shadow:0 0 0 2px var(--bf-line-strong)}}.bf-app .bf-avatar.is-sm[aria-current]:before{box-shadow:0 0 0 2px var(--bf-bg), 0 0 0 3.5px var(--bf-ink)}.bf-app .bf-avatar.is-sm>:is(span,svg){position:relative}.bf-app .bf-avatar.is-sm>.bf-me-photo{width:var(--bf-avatar-sm);height:var(--bf-avatar-sm);object-fit:cover;animation:bf-fade var(--m-dur-2,.2s) ease-out;border-radius:50%;position:relative}.bf-app .bf-avatar.is-sm.is-unknown:before{background:var(--bf-surface-2)}.bf-avatar.is-lg{background:var(--bf-surface-2);width:72px;height:72px}.bf-me-hero{text-align:center;justify-items:center;gap:var(--bf-space-2);padding:var(--bf-space-6) var(--bf-space-4) var(--bf-space-4);display:grid}.bf-me-hero h1{font:var(--bf-t-title)}.bf-me-hero .bf-muted{max-width:34ch}.bf-me-hero .bf-btn{margin-top:var(--bf-space-2);max-width:360px}@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}}.bf-app .bf-scene-art{object-fit:contain;max-width:100%;height:auto;margin-inline:auto;display:block}