:root{--prog-gold:#ffd15b;--prog-gold-line:#e8a821;--prog-gold-trail:#e8a8218c;--prog-dim-fill:color-mix(in srgb, var(--sfc-ink-faint,#f4efff8c) 26%, transparent);--prog-dim-line:var(--sfc-ink-faint,#f4efff8c);--prog-now-line:var(--sfc-ink-soft,#f4efffb8);--prog-trail-dim:color-mix(in srgb, var(--sfc-ink-faint,#f4efff8c) 45%, transparent);--day-mark-size:clamp(15px, 2.1vmin, 20px);--day-mark-gap:clamp(12px, 1.8vmin, 18px);--day-trail-w:2px;--day-row-pad:7px 13px;--day-row-min-h:44px;--day-row-top:calc(14px + env(safe-area-inset-top));--day-row-left:calc(16px + env(safe-area-inset-left));--day-row-z:22;--day-light-dur:.42s;--day-settle-dur:.6s;--day-seam-dur:.38s}@media (max-width:520px){:root{--day-mark-size:14px;--day-mark-gap:10px;--day-row-pad:6px 11px}}@media (prefers-reduced-motion:reduce){:root{--day-light-dur:0s;--day-settle-dur:0s;--day-seam-dur:0s}}
.bf-glass{background:var(--sfc-hud-fill);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));border:1px solid var(--sfc-border);box-shadow:var(--sfc-hud-shadow);position:relative;overflow:hidden}.bf-glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff2e 0%,#ffffff0d 30%,#fff0 55%);position:absolute;inset:0}.bf-glass--dark{background:#14102859;border-color:#fff3}@media (prefers-reduced-transparency:reduce){.bf-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e1836d1}.bf-glass--dark{background:#100c20e6}}.bf-btn{font-family:var(--font-sans);font-weight:var(--w-bold);cursor:pointer;border-radius:var(--r-pill);white-space:nowrap;transition:transform var(--dur-tap) var(--ease), box-shadow var(--dur-tap), background var(--dur-tap), border-color var(--dur-tap);border:0;justify-content:center;align-items:center;gap:9px;line-height:1;text-decoration:none;display:inline-flex}.bf-btn:active{transform:scale(.97)}.bf-btn:focus-visible{outline:3px solid var(--purple-300);outline-offset:2px}.bf-btn[disabled]{opacity:.5;cursor:not-allowed}.bf-btn--sm{padding:10px 18px;font-size:14px}.bf-btn--md{padding:13px 24px;font-size:16px}.bf-btn--lg{padding:16px 30px;font-size:18px}.bf-btn--primary{background:linear-gradient(135deg, var(--teal-500), var(--teal-600));color:#fff;box-shadow:var(--glow-teal)}.bf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px #2f8268f2}.bf-btn--violet{background:linear-gradient(135deg, var(--purple-500), var(--purple-plum));color:#fff;box-shadow:var(--glow-violet)}.bf-btn--violet:hover{transform:translateY(-2px);box-shadow:0 20px 36px -16px #5a2d8cf2}.bf-btn--ghost{background:var(--white);color:var(--purple-700);border:1.5px solid var(--purple-300)}.bf-btn--ghost:hover{background:var(--purple-soft)}.bf-btn--kid{font-family:var(--font-round);font-weight:var(--w-semi);min-height:var(--tap-child,76px);min-width:var(--tap-child,76px);color:#7a3d12;background:linear-gradient(165deg,#fff4e0,#ffe0c2);padding:0 36px;font-size:26px;box-shadow:0 18px 38px -16px #b46e3cb3}.bf-btn--kid:hover{transform:translateY(-3px)}.bf-iconbtn{cursor:pointer;border-radius:var(--r-pill);color:var(--ink-soft);transition:transform var(--dur-tap) var(--ease), background var(--dur-tap), box-shadow var(--dur-tap);border:0;place-items:center;display:inline-grid}.bf-iconbtn:active{transform:scale(.94)}.bf-iconbtn:focus-visible{outline:3px solid var(--purple-300);outline-offset:2px}.bf-iconbtn--soft{background:var(--white);border:1px solid var(--line);box-shadow:var(--soft-sm)}.bf-iconbtn--soft:hover{background:#fff;transform:scale(1.06)}.bf-iconbtn--glass{background:var(--sfc-hud-fill);border:1px solid var(--sfc-border);color:#fff;box-shadow:var(--sfc-hud-shadow);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate))}.bf-iconbtn--glass:hover{background:#1c163475}.bf-iconbtn--violet{background:linear-gradient(150deg, var(--purple-500), var(--purple-plum));color:#fff;box-shadow:var(--glow-violet)}.bf-iconbtn--violet:hover{transform:translateY(-2px)}.bf-badge{font-family:var(--font-sans);font-weight:var(--w-semi);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;line-height:1;display:inline-flex}.bf-badge--neutral{background:var(--card-tint);color:var(--ink-soft)}.bf-badge--success{font-weight:var(--w-bold);color:var(--success-text);background:var(--success-tint)}.bf-badge--violet{color:var(--purple-800);background:var(--purple-soft)}.bf-badge--coral{color:var(--coral-ink);background:var(--voice-retry-tint)}.bf-badge--banana{color:#7a5a00;background:var(--banana-200)}.bf-badge .bf-badge-dot{background:var(--sage);border-radius:50%;width:8px;height:8px}.bf-badge--success .bf-badge-dot{animation:2s ease-in-out infinite bf-badge-pulse}@keyframes bf-badge-pulse{0%,to{box-shadow:0 0 #3fa08480}60%{box-shadow:0 0 0 7px #3fa08400}}@media (prefers-reduced-motion:reduce){.bf-badge--success .bf-badge-dot{animation:none}}.bf-field{font-family:var(--font-sans);flex-direction:column;gap:7px;min-width:0;display:flex}.bf-field__label{font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink);line-height:1.2}.bf-field__input{font-family:var(--font-sans);font-size:var(--frame-text,16px);color:var(--ink);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-md);height:var(--frame-row,48px);box-sizing:border-box;width:100%;box-shadow:var(--inset-hi);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);outline:none;padding:0 14px}textarea.bf-field__input{height:auto;min-height:96px;line-height:var(--lh-body);resize:vertical;padding:12px 14px}.bf-field__input::placeholder{color:var(--stone)}.bf-field__input:hover{border-color:var(--purple-300)}.bf-field__input:focus-visible{border-color:var(--purple-400);box-shadow:0 0 0 3px var(--purple-soft), var(--inset-hi)}.bf-field__input[disabled]{background:var(--surface-inset);color:var(--stone);cursor:not-allowed}.bf-field__hint{font-size:var(--text-xs);color:var(--stone);line-height:var(--lh-snug)}.bf-field--error .bf-field__input{border-color:var(--coral-600)}.bf-field--error .bf-field__input:focus-visible{box-shadow:0 0 0 3px var(--voice-retry-tint), var(--inset-hi)}.bf-field__error{font-size:var(--text-xs);color:var(--coral-ink);line-height:var(--lh-snug)}.bf-status{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--w-semi);white-space:nowrap;border-radius:var(--r-pill);align-items:center;gap:8px;padding:7px 13px 7px 10px;line-height:1;display:inline-flex}.bf-status__dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.bf-status--on_track{color:var(--status-on-track);background:var(--status-on-track-tint)}.bf-status--building{color:var(--status-building);background:var(--status-building-tint)}.bf-status--needs_help{color:var(--status-needs-help);background:var(--status-needs-help-tint)}.bf-card{border-radius:var(--r-xl);box-shadow:var(--soft-lg), var(--inset-hi);background:linear-gradient(165deg,#fffdf8,#fbf5e9);border:1px solid #e0d6c0cc;position:relative;overflow:hidden}.bf-card--flat{box-shadow:var(--soft-sm)}.bf-card--plain{background:var(--card)}.bf-card:after{content:"";pointer-events:none;background:radial-gradient(circle, var(--bf-bloom,transparent), transparent 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.bf-hud{font-family:var(--font-round);font-weight:var(--w-medium);color:#fff;background:var(--sfc-hud-fill);border:1px solid var(--sfc-border);border-radius:var(--r-pill);box-shadow:var(--sfc-hud-shadow);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));white-space:nowrap;cursor:pointer;transition:background var(--dur-tap), transform var(--dur-tap) var(--ease);align-items:center;gap:8px;padding:9px 16px;font-size:14px;display:inline-flex}.bf-hud:hover{background:#1c163475}.bf-hud:active{transform:scale(.97)}.bf-hud--solid{background:#120e2480}.bf-hud .bf-hud-ico{flex:none;place-items:center;width:22px;height:22px;display:grid}.bf-modal-scrim{z-index:90;-webkit-backdrop-filter:blur(6px);background:#1c140f73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bf-modal{background:var(--surface-card);color:var(--ink);font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--frame-card-radius,var(--r-xl));box-shadow:var(--shadow-pop), var(--inset-hi);width:100%;max-width:var(--bf-modal-w,480px);flex-direction:column;max-height:min(86vh,720px);display:flex;overflow:hidden}.bf-modal__head{align-items:flex-start;gap:12px;padding:22px 22px 0 26px;display:flex}.bf-modal__titles{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bf-modal__eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:var(--w-medium);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--stone)}.bf-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--w-semi);letter-spacing:var(--track-display);line-height:var(--lh-tight);color:var(--heading);margin:0}.bf-modal__x{cursor:pointer;background:var(--surface-inset);width:36px;height:36px;color:var(--ink-soft);transition:background var(--motion-fast), transform var(--dur-tap) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.bf-modal__x:hover{background:var(--paper-pill)}.bf-modal__x:active{transform:scale(.94)}.bf-modal__x:focus-visible{outline:3px solid var(--purple-300);outline-offset:2px}.bf-modal__body{font-size:var(--text-base);line-height:var(--lh-body);color:var(--text-body);padding:14px 26px 22px;overflow:auto}.bf-modal__foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px 22px;display:flex}.bf-voice{flex-direction:column;align-items:center;gap:14px;display:flex}@property --vc{syntax:"<color>";inherits:true;initial-value:#2e8b57}.bf-voice-btn{cursor:pointer;background:radial-gradient(120% 100% at 50% 12%, color-mix(in srgb, var(--vc,#2e8b57) 78%, #fff) 0%, var(--vc,#2e8b57) 52%, color-mix(in srgb, var(--vc,#2e8b57) 88%, #000) 100%);color:var(--vc,#2e8b57);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--vc,#2e8b57) 55%, #fff), inset 0 2px 3px #ffffff47, 0 0 0 1px #120c2059, 0 10px 22px -8px #140e0880;transition:--vc .18s var(--smooth), box-shadow .18s var(--smooth), background .18s var(--smooth), transform var(--dur-tap) var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.bf-voice-btn:active{transform:scale(.96)}.bf-voice-btn:focus-visible{outline:3px solid var(--purple-300);outline-offset:4px}.bf-voice-btn svg{color:#fff}.bf-voice-glyphs{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.bf-voice-glyph{opacity:0;transition:opacity .18s var(--smooth);place-items:center;display:grid;position:absolute;inset:0}.bf-voice[data-state=speak] .bf-voice-glyph--mic,.bf-voice[data-state=listening] .bf-voice-glyph--mic,.bf-voice[data-state=retry] .bf-voice-glyph--mic,.bf-voice[data-state=hear] .bf-voice-glyph--speaker,.bf-voice[data-state=thinking] .bf-voice-glyph--think,.bf-voice[data-state=error] .bf-voice-glyph--error{opacity:1}.bf-voice-btn.k-off{background:var(--sfc-hud-fill);box-shadow:var(--sfc-hud-shadow);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate))}.bf-voice[data-state=off] .bf-voice-glyph--mic{opacity:.42;transform:scale(.86)}.bf-voice-btn.k-off svg{color:var(--voice-off-glyph)}.bf-voice-ring--ready,.bf-voice-ring--listen{animation:bf-mic-breath 2.6s var(--smooth) infinite}.bf-voice-ring--listen{animation-duration:2s}@keyframes bf-mic-breath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.bf-voice-dots{justify-content:center;align-items:center;gap:16%;width:46%;display:flex}.bf-voice-dots i{aspect-ratio:1;opacity:.35;width:20%;animation:bf-voice-dot-wave 1.4s var(--smooth) infinite;background:#fff;border-radius:50%}.bf-voice-dots i:nth-child(2){animation-delay:.18s}.bf-voice-dots i:nth-child(3){animation-delay:.36s}@keyframes bf-voice-dot-wave{0%,60%,to{opacity:.35}30%{opacity:1}}.bf-voice[data-state=thinking] .bf-voice-btn:after{content:"";pointer-events:none;animation:bf-voice-think-glow 4.2s var(--smooth) infinite;background:radial-gradient(42% 42% at 50% 42%,#ffffff6b,#fff0 70%);border-radius:50%;position:absolute;inset:0}@keyframes bf-voice-think-glow{0%,to{opacity:.5;transform:translate(-6%,4%)}50%{opacity:.9;transform:translate(6%,-4%)}}.bf-voice[data-state=hear] .bf-voice-btn{opacity:.9}.bf-voice[data-state=hear] .bf-spk-arc{animation:bf-spk-ripple 1.5s var(--smooth) infinite}.bf-voice[data-state=hear] .bf-spk-arc--far{animation-delay:.28s}@keyframes bf-spk-ripple{0%{opacity:.2}35%{opacity:1}70%,to{opacity:.2}}.bf-voice-cap{font-family:var(--font-round);font-weight:var(--w-semi);text-align:center;text-wrap:pretty;line-height:var(--lh-snug)}@media (prefers-reduced-motion:reduce){.bf-voice-ring--ready,.bf-voice-ring--listen{animation:none}.bf-voice-btn,.bf-voice-glyph{transition:none}.bf-voice[data-state=thinking] .bf-voice-btn:after{opacity:.6;animation:none;transform:none}.bf-voice-dots i{opacity:.7;animation:none}.bf-voice[data-state=hear] .bf-spk-arc{opacity:.9;animation:none}}.bf-vc{font-family:var(--font-round);font-weight:var(--w-semi);font-size:14px;line-height:var(--lh-snug);text-wrap:pretty}.bf-vc--chip{border-radius:var(--r-pill);align-items:center;gap:9px;padding:9px 16px;display:inline-flex}.bf-vc--text{align-items:center;gap:9px;display:inline-flex}.bf-vc-dot{border-radius:50%;flex:none;width:9px;height:9px}.bf-vc--live .bf-vc-dot{animation:1.4s ease-in-out infinite bf-vc-pulse}@keyframes bf-vc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.bf-vc--live .bf-vc-dot{animation:none}}.bf-tile{cursor:pointer;font-family:var(--font-decoding);font-weight:var(--w-bold);border-radius:var(--r-lg);width:92px;height:104px;font-size:var(--text-learner);background:var(--surface-tile);border:2px solid var(--purple-100);box-shadow:var(--tile-sh);color:var(--ink);transition:transform var(--dur-move) var(--ease), background .35s, color .35s, border-color .35s;place-items:center;display:grid;position:relative}.bf-tile:focus-visible{outline:3px solid var(--purple-300);outline-offset:3px}.bf-tile .bf-tile-snd{font-family:var(--font-mono);color:var(--stone);font-size:12px;font-weight:400;position:absolute;bottom:9px}.bf-tile--rest:hover{transform:translateY(-6px)}.bf-tile--lit{background:var(--purple-700);color:#fff;border-color:var(--purple-900);transform:translateY(-10px)scale(1.05)}.bf-tile--lit .bf-tile-snd{color:var(--purple-300)}.bf-tile--done{background:var(--sage);color:#fff;border-color:var(--teal-600)}.bf-tile--done .bf-tile-snd{color:#d6f0e8}
:root,.bf-clearing{--clr-card:clamp(220px, 34vmin, 420px);--clr-glyph:clamp(96px, 21vmin, 264px);--clr-mic:clamp(96px, 13vmin, 160px);--clr-caption:clamp(16px, 2.6vmin, 24px)}.bf-clearing{--clr-stage-top:calc(10dvh + env(safe-area-inset-top,0px));--clr-band-bottom:calc(11dvh + env(safe-area-inset-bottom,0px));--clr-band-h:calc(2.7 * var(--clr-caption) + 20px);--clr-stage-floor:calc(var(--clr-band-bottom) + var(--clr-band-h) + 10px);-webkit-user-select:none;user-select:none;width:100%;min-height:100dvh;font-family:var(--font-round,"Fredoka", "Nunito", system-ui, sans-serif);position:relative;overflow:hidden}.bf-clearing-scene,.bf-clearing-scene .scene{position:absolute;inset:0}.bf-clearing[data-calm=true] .bf-clearing-scene *{will-change:auto!important;animation-play-state:paused!important}.bf-clearing[data-calm=true] .bf-clearing-scene{pointer-events:none;isolation:isolate;contain:layout paint style;transform:translateZ(0)}.bf-clearing[data-calm=true] .bf-clearing-scene .bf-scene-alive,.bf-clearing[data-calm=true] .bf-clearing-scene .bf-scene-alive *{will-change:transform, opacity!important;animation-play-state:running!important}.bf-clearing .bf-clearing-scene .creature.hint:after{content:none}.bf-clearing .bf-clearing-scene .creature.hint svg{filter:none}.bf-clearing .bf-clearing-scene .creature.buddy{display:none}.bf-clearing-pool{background:radial-gradient(closest-side, var(--bf-clearing-pool,#fff4d680), var(--bf-clearing-pool-mid,#fff4d638) 45%, transparent 72%);pointer-events:none;z-index:8;width:min(150vw,900px);height:60dvh;animation:bf-clearing-pool-in var(--dur-stage) var(--smooth) both;position:absolute;top:58%;left:50%;transform:translate(-50%,-30%)}@keyframes bf-clearing-pool-in{0%{opacity:0}to{opacity:1}}.bf-clearing[data-clearing-bloom=true] .bf-clearing-pool{transition:transform .9s var(--smooth);transform:translate(-50%,-30%)scale(1.12)}@media (prefers-reduced-motion:reduce){.bf-clearing[data-clearing-bloom=true] .bf-clearing-pool{transition:none;transform:translate(-50%,-30%)scale(1.06)}}.bf-clearing--word_woods{--bf-clearing-pool:#ffe2a86b;--bf-clearing-pool-mid:#ffe2a82e;--bf-mic-scrim:#0805146b}.bf-clearing--sentence_sky{--bf-clearing-pool:#fff0d675;--bf-clearing-pool-mid:#fff0d633;--bf-mic-scrim:#140e222e}.bf-clearing--story_reef{--bf-clearing-pool:#cef4f466;--bf-clearing-pool-mid:#cef4f42b;--bf-mic-scrim:#040c1a6b}.bf-clearing-answer{z-index:8;width:44px;height:5px;animation:bf-clearing-answer .6s var(--smooth) .5s both;pointer-events:none;background:#fffffff2;border-radius:3px;position:absolute;top:62%;left:22%;box-shadow:0 0 18px 6px #fff0becc}@keyframes bf-clearing-answer{0%{opacity:0}40%{opacity:1}to{opacity:0}}.bf-clearing-stage{left:50%;top:var(--clr-stage-top);z-index:10;max-height:calc(100% - var(--clr-stage-top) - var(--clr-stage-floor));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:clamp(16px,3dvh,30px);width:min(92%,560px);display:flex;position:absolute;transform:translate(-50%)}.bf-clearing-stage>*{flex-shrink:0}.bf-clearing-pip{left:clamp(8px,6vw,90px);bottom:calc(18dvh + env(safe-area-inset-bottom,0px));z-index:9;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.bf-clearing-narr{left:50%;bottom:var(--clr-band-bottom);z-index:11;pointer-events:none;text-align:center;max-width:84%;font-weight:600;font-size:var(--clr-caption);color:var(--sfc-ink);background:var(--sfc-band-fill);-webkit-backdrop-filter:blur(var(--sfc-band-blur)) saturate(var(--sfc-band-saturate));border:1px solid var(--sfc-border);padding:var(--sfc-band-pad);border-radius:var(--sfc-band-radius);box-shadow:var(--sfc-band-shadow);min-height:var(--clr-band-h);place-items:center;display:grid;position:absolute;transform:translate(-50%)}.bf-clearing-parent{z-index:12;position:absolute;bottom:0;left:0;right:0}.bf-clearing-parent-line{cursor:pointer;width:100%;min-height:44px;-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));color:#f3ecde;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));font-family:var(--font-sans,system-ui, sans-serif);text-align:left;touch-action:none;background:#1c140fb8;border:0;align-items:center;gap:10px;font-size:12.5px;display:flex}.bf-clearing-parent-line--static{cursor:default;touch-action:auto}.bf-clearing-parent-lbl{letter-spacing:.1em;text-transform:uppercase;color:#b9ad97;flex:none;font-size:9px}.bf-clearing-parent-instr{color:#f3ecde;flex:1}.bf-clearing-sheet{-webkit-backdrop-filter:blur(var(--sfc-band-blur)) saturate(var(--sfc-band-saturate));color:#f3ecde;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));font-family:var(--font-sans,system-ui, sans-serif);background:#1c140fe6;flex-direction:column;gap:10px;font-size:13px;display:flex}.bf-clearing-sheet-head{letter-spacing:.08em;text-transform:uppercase;color:#b9ad97;justify-content:space-between;align-items:center;font-size:11px;display:flex}.bf-clearing-sheet-note{margin:0;line-height:1.45}.bf-clearing-sheet-row{flex-wrap:wrap;gap:8px;display:flex}.bf-clearing-sheet-coach{color:#cfc2a8;margin:0;font-size:12px}.bf-clearing-sheet-error{color:#f0b9ae;margin:0;font-size:12.5px}.bf-clearing-pbtn{color:#f3ecde;font:inherit;cursor:pointer;background:0 0;border:1px solid #f3ecde59;border-radius:10px;min-height:44px;padding:9px 14px;font-weight:600}.bf-clearing-pbtn:active{opacity:.85}.bf-clearing-gate{left:50%;top:calc(44dvh + env(safe-area-inset-top,0px));z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;transform:translate(-50%,-50%)}.bf-clearing-gate-btn{cursor:pointer;color:#fff;width:132px;height:132px;transition:transform var(--dur-tap) var(--ease);background:#3fa084;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 40px #140e084d,0 0 0 10px #3fa08438}.bf-clearing-gate-btn:active{transform:scale(.95)}.bf-clearing-gate-cap{color:#fff;text-shadow:0 2px 8px #140e0866;font-size:19px;font-weight:600}.bf-clearing-loading-pulse{background:#ffffffd9;border-radius:999px;width:18px;height:18px;animation:1.4s ease-in-out infinite bf-clearing-loading-pulse;display:block;box-shadow:0 2px 10px #140e0859}@keyframes bf-clearing-loading-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.bf-clearing-loading-pulse{opacity:.85;animation:none}}.bf-turn-pebbles{--turn-avail:calc(min(92vw, 560px) - 32px);--turn-pitch:min(40px, calc(var(--turn-avail) / var(--turn-count,1)));gap:calc(var(--turn-pitch,40px) * .35);border-radius:var(--sfc-hud-radius);background:var(--sfc-hud-fill);max-width:100%;-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));border:1px solid var(--sfc-border);box-shadow:var(--sfc-hud-shadow);justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.bf-turn-pebble{opacity:.75;transition:opacity var(--motion-base) var(--smooth), transform var(--motion-base) var(--ease)}.bf-turn-pebble>svg{max-width:calc(var(--turn-pitch,40px) * .65);height:auto}.bf-turn-pebble.is-now{opacity:1;transform:scale(1.18)}.bf-turn-pebble.is-lit{opacity:1}.bf-turn-card{min-width:var(--clr-card);min-height:var(--clr-card);background:var(--sfc-card-fill);-webkit-backdrop-filter:blur(var(--sfc-card-blur)) saturate(var(--sfc-card-saturate));backdrop-filter:blur(var(--sfc-card-blur)) saturate(var(--sfc-card-saturate));border:1px solid var(--sfc-border);border-radius:var(--sfc-card-radius);box-shadow:var(--sfc-card-shadow);animation:bf-turn-settle var(--motion-settle) var(--ease) both;transition:box-shadow var(--motion-base) var(--smooth);place-items:center;padding:clamp(8px,1.4vmin,14px);display:grid;position:relative}.bf-turn-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(120deg, var(--sfc-sheen) 0%, #ffffff0f 30%, transparent 56%);position:absolute;inset:0}.bf-turn-card-core{z-index:1;border-radius:calc(var(--sfc-card-radius) - 8px);background:var(--sfc-core-bg);background:var(--sfc-core-bg-grad);place-items:center;width:100%;height:100%;min-height:0;padding:clamp(10px,2vmin,22px) clamp(18px,4vmin,44px);display:grid;position:relative;box-shadow:inset 0 1px #ffffffd9}.bf-turn-card>*{z-index:1;position:relative}.bf-turn-glyph{font-size:var(--glyph-fs,var(--clr-glyph));color:#3a2a14;letter-spacing:-.005em;font-weight:700;line-height:1}.bf-turn-glyph-blend{transition:gap var(--motion-base,.22s) var(--smooth,ease);align-items:baseline;gap:.14em;display:inline-flex;position:relative;overflow:hidden}.bf-turn-glyph-blend.is-blending{gap:.005em}.bf-turn-glyph-unit{transition:color var(--motion-base,.22s) var(--smooth,ease), text-shadow var(--motion-base,.22s) var(--smooth,ease), transform var(--motion-base,.22s) var(--smooth,ease);border-radius:.12em;display:inline-block;position:relative}.bf-turn-glyph-unit.is-lit{color:#b9791a;text-shadow:0 0 .28em #ffc43cb8;transform:translateY(-4%)scale(1.06)}.bf-turn-glyph-blend.is-blending .bf-turn-glyph-unit{color:#b9791a}.bf-turn-blend-sweep{pointer-events:none;width:42%;animation:bf-turn-blend-sweep .7s var(--smooth,ease) forwards;background:linear-gradient(90deg,#0000,#ffe096d9,#0000);position:absolute;top:0;bottom:0}@keyframes bf-turn-blend-sweep{0%{left:-42%}to{left:100%}}@media (prefers-reduced-motion:reduce){.bf-turn-glyph-blend,.bf-turn-glyph-unit{transition:none}.bf-turn-glyph-unit.is-lit{transform:none}.bf-turn-blend-sweep{animation:none;display:none}}.bf-turn-card--lanternwood{box-shadow:0 16px 44px #140e0842,0 0 0 5px #8c62388c,0 0 0 8px #ffdd9659,0 0 34px 8px #ffce7847}.bf-turn-mat--lanternwood{border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 50% 8%,#ffe8b266,#ffe8b200 46%),radial-gradient(130% 100% at 50% 108%,#9e703e29,#9e703e00 52%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #c6965c80}.bf-turn-mat--lanternwood i{opacity:0;background:#ffe9ae;border-radius:50%;width:6px;height:6px;animation:6.5s ease-in-out infinite bf-turn-firefly;position:absolute;box-shadow:0 0 8px 2px #ffe3a0d9}.bf-turn-mat--lanternwood i:first-child{animation-delay:0s;bottom:16%;left:12%}.bf-turn-mat--lanternwood i:nth-child(2){animation-duration:7.4s;animation-delay:-2.3s;bottom:22%;right:14%}.bf-turn-mat--lanternwood i:nth-child(3){animation-duration:8.1s;animation-delay:-4.6s;bottom:10%;left:46%}@keyframes bf-turn-firefly{0%{opacity:0;transform:translate(0)scale(.7)}20%{opacity:.9}55%{opacity:1;transform:translate(10px,-26px)scale(1)}80%{opacity:.5}to{opacity:0;transform:translate(-6px,-46px)scale(.7)}}.bf-turn-word{align-items:baseline;gap:clamp(10px,2.6vmin,24px);display:inline-flex}.bf-turn-word-glyph{color:#3a2a14;transition:color var(--motion-base,.22s) var(--smooth,ease), text-shadow var(--motion-base,.22s) var(--smooth,ease), transform var(--motion-base,.22s) var(--smooth,ease);border-radius:16px;padding:0 4px;font-size:clamp(52px,16vmin,148px);font-weight:700;line-height:1}.bf-turn-word-glyph.is-lit{color:#b9791a;text-shadow:0 0 20px #ffc43cb3;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.bf-turn-word-glyph{transition:none}.bf-turn-word-glyph.is-lit{transform:none}}.bf-soundflash-stage{flex-direction:column;align-items:center;gap:clamp(18px,4vh,34px);display:flex}@keyframes bf-turn-settle{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.bf-turn-card.is-bloom{box-shadow:0 16px 44px #140e0833,0 0 0 6px #ffd15b8c,0 0 44px 10px #ffc43c8c}.bf-turn-sparks i{opacity:0;width:9px;height:9px;animation:bf-turn-spark 1.1s var(--pop) both;background:#ffd15b;border-radius:50%;position:absolute;top:50%;left:50%}.bf-turn-sparks i:first-child{--dx:-74px;--dy:-58px;animation-delay:0s}.bf-turn-sparks i:nth-child(2){--dx:70px;--dy:-66px;animation-delay:60ms}.bf-turn-sparks i:nth-child(3){--dx:-88px;--dy:22px;animation-delay:.12s}.bf-turn-sparks i:nth-child(4){--dx:86px;--dy:30px;animation-delay:90ms}.bf-turn-sparks i:nth-child(5){--dx:0px;--dy:-84px;animation-delay:.15s}@keyframes bf-turn-spark{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1)}}.bf-turn-card.is-model{animation:bf-turn-model 1.2s var(--smooth) both}@keyframes bf-turn-model{0%,to{transform:scale(1)}40%{transform:scale(1.05);box-shadow:0 18px 48px #140e083d,0 0 0 8px #e6f0f6b3}}.bf-turn-card.is-settle{animation:bf-turn-shimmer .3s var(--smooth) both;box-shadow:0 16px 44px #140e0838,0 0 0 5px #fff8e7bf}@keyframes bf-turn-shimmer{0%{transform:scale(.99)}to{transform:scale(1)}}.bf-sl-banner{min-width:min(88vw,620px);max-width:88vw}.bf-sl-banner .bf-turn-card-core{padding:26px 34px}.bf-sl-sentence{color:#3a2a14;text-align:center;text-wrap:balance;margin:0;font-size:clamp(30px,7vmin,60px);font-weight:600;line-height:1.5}.bf-sl-word{transition:color var(--motion-base,.24s) var(--smooth), text-shadow var(--motion-base,.24s) var(--smooth)}.bf-sl-word.is-lit{color:#b9791a;text-shadow:0 0 18px #ffc43c99}.bf-story-card.sfc-card-shell{padding:clamp(8px,1.4vmin,14px);display:block}.bf-story-card-core{z-index:1;text-align:center;border-radius:calc(var(--sfc-card-radius) - 8px);background:var(--sfc-core-bg);background:var(--sfc-core-bg-grad);width:100%;color:var(--sfc-core-ink);padding:26px 30px 24px;position:relative;box-shadow:inset 0 1px #ffffffd9}.bf-story-viewport{width:100%;max-height:46dvh;position:relative;overflow:hidden}.bf-story-lines{will-change:transform;gap:12px;display:grid}.bf-story-line{letter-spacing:.01em;transition:color .24s var(--smooth,ease), font-size .24s var(--smooth,ease), opacity .24s var(--smooth,ease);margin:0;font-size:24px;font-weight:600;line-height:1.5;position:relative}.bf-story-line.is-now{color:#1f2d33;font-size:30px;font-weight:800}.bf-story-line.is-read{color:#b9791a}.bf-story-line.is-ahead{color:#cbc3b3;opacity:.72}.bf-story-line-text{display:inline-block;position:relative}.bf-story-dot{transform-origin:50%;width:12px;height:12px;animation:bf-story-dot 1.6s var(--smooth,ease-in-out) infinite;background:#ffd15b;border:2px solid #e8a821;border-radius:50%;margin-top:-6px;position:absolute;top:50%;left:-22px;box-shadow:0 0 10px 2px #ffd15b99}@keyframes bf-story-dot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.bf-story-dot.is-static{opacity:.95;animation:none}.bf-story-underline{transform-origin:0;height:3px;animation:bf-story-underline .5s var(--smooth,ease) forwards;background:#ffd15b;border-radius:2px;position:absolute;bottom:-6px;left:0;right:0}@keyframes bf-story-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bf-story-underline.is-static{animation:none;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.bf-story-line{transition:none}.bf-story-dot{opacity:.95;animation:none}.bf-story-underline{animation:none;transform:scaleX(1)}}.bf-el-nest{flex-direction:column;align-items:center;gap:20px;width:min(92vw,560px);display:flex;position:relative}.bf-el-hear{border:1px solid var(--sfc-border);min-height:64px;color:var(--sfc-ink);background:var(--sfc-hud-fill);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));box-shadow:var(--sfc-hud-shadow);cursor:pointer;transition:transform var(--dur-tap,.25s) var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;font-family:inherit;font-size:20px;font-weight:800;display:inline-flex;position:relative}.bf-el-hear:active{transform:scale(.94)}.bf-el-hear:focus-visible{outline:3px solid var(--voice-hear,#1c6f99);outline-offset:3px}.bf-el-hear-glyph{color:var(--sfc-ink);flex:none}.bf-el-hear-label{line-height:1}.bf-el-hear-pulse{pointer-events:none;animation:bf-el-hear-pulse .7s var(--smooth,ease-out) forwards;border:3px solid #ffd15be6;border-radius:999px;position:absolute;inset:-8px}@keyframes bf-el-hear-pulse{0%{opacity:0;transform:scale(.85)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.bf-el-hear-pulse{animation:none;display:none}.bf-el-hear.is-pulsing{box-shadow:var(--sfc-hud-shadow), 0 0 0 2px #ffd15b66;border-color:#ffd15be6}}.bf-el-input{background:var(--sfc-core-bg);background:var(--sfc-core-bg-grad);border-radius:var(--r-2xl,32px);flex-direction:column;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffffd9,0 14px 40px #140e0838}.bf-el-input.is-think{animation:bf-turn-model .4s var(--smooth) both}.bf-el-toggle{background:#f4e8d4;border-radius:16px;gap:4px;padding:4px;display:inline-flex}.bf-el-toggle button{color:#7a6a4c;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 16px;font-weight:600}.bf-el-toggle button.is-on{color:#3a2a14;background:#fff;box-shadow:0 2px 8px #140e0824}.bf-el-typing{align-items:center;gap:10px;display:flex}.bf-el-typed{text-align:center;color:#3a2a14;background:#fff;border:2px solid #5a462847;border-radius:18px;width:min(62vw,260px);min-height:56px;padding:10px 16px;font-size:clamp(28px,6vw,40px);font-weight:700}.bf-el-typed:focus{border-color:var(--voice-hear,#3f7fd6);outline:none}.bf-el-check{background:var(--voice-speak,#2f9e5a);color:#fff;min-width:76px;min-height:56px;font:inherit;cursor:pointer;border:none;border-radius:18px;padding:10px 20px;font-weight:700}.bf-el-check:disabled{opacity:.5}.bf-el-assembled{cursor:pointer;background:0 0;border:none;gap:8px;padding:12px;display:inline-flex}.bf-el-tile{color:#cbb794;opacity:0;min-width:54px;min-height:64px;transition:opacity .3s var(--pop,ease), transform .3s var(--pop,ease), background .3s var(--ease), color .3s var(--ease);background:#f1e2c6;border-radius:14px;place-items:center;font-size:40px;font-weight:700;display:grid;transform:translateY(-12px)scale(.8)}.bf-el-tile.is-set{opacity:1;color:#3a2a14;background:#fff;transform:none;box-shadow:0 6px 18px #140e082e}@media (prefers-reduced-motion:reduce){.bf-el-tile{transition:opacity .25s var(--ease), background .25s var(--ease), color .25s var(--ease);transform:none}}.bf-ufli-sheet{flex-direction:column;gap:10px;max-height:46dvh;display:flex;overflow-y:auto}.bf-ufli-script{color:#f3ecde;margin:0;font-size:15px;line-height:1.5}.bf-ufli-hearbtn{width:var(--clr-mic,108px);height:var(--clr-mic,108px);color:#fff;background:var(--voice-hear,#1c6f99);box-shadow:0 12px 30px #140e0847, 0 0 0 8px color-mix(in srgb, var(--voice-hear,#1c6f99) 20%, transparent);cursor:pointer;transition:transform var(--dur-tap,.25s) var(--ease);border:none;border-radius:50%;place-items:center;display:grid;position:relative}.bf-ufli-hearbtn>svg{width:42%;height:42%}.bf-ufli-hearbtn:active{transform:scale(.94)}.bf-ufli-hearbtn.is-inviting{animation:bf-ufli-hear-pulse 2.2s var(--smooth,ease-in-out) infinite}@keyframes bf-ufli-hear-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bf-ufli-hearbtn-wisp{pointer-events:none;transform-origin:4.5px 4.5px;background:#ffe9ae;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;animation:3.4s linear infinite bf-ufli-hear-wisp;position:absolute;top:50%;left:50%;box-shadow:0 0 10px 3px #ffe3a0d9}@keyframes bf-ufli-hear-wisp{0%{transform:rotate(0deg) translateX(calc(var(--clr-mic,108px) * .62)) rotate(0deg)}to{transform:rotate(360deg) translateX(calc(var(--clr-mic,108px) * .62)) rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.bf-ufli-hearbtn.is-inviting{animation:none}.bf-ufli-hearbtn-wisp{opacity:.85;transform:translateX(calc(var(--clr-mic,108px) * .62));animation:none}}.bf-ufli-youdo{flex-direction:column;align-items:center;gap:14px;display:flex}.bf-ufli-reveal{gap:8px;padding:10px;display:inline-flex}.bf-ufli-demo{gap:8px;padding:12px;display:inline-flex}.bf-wp-word{font-size:clamp(48px,13vmin,120px)}.bf-wp-sentence{color:#3a2a14;text-wrap:balance;max-width:min(84vw,640px);font-size:clamp(26px,6vmin,52px);font-weight:600;line-height:1.45;display:block}.bf-pa-referent{background:var(--sfc-core-bg);background:var(--sfc-core-bg-grad);width:clamp(140px,28vmin,260px);height:clamp(140px,28vmin,260px);animation:bf-turn-settle var(--motion-settle) var(--ease) both;transition:box-shadow var(--motion-base) var(--smooth);border-radius:40%;place-items:center;font-size:clamp(64px,16vmin,160px);line-height:1;display:grid;box-shadow:inset 0 1px #ffffffd9,0 14px 40px #140e0838}.bf-pa-referent.is-bloom{box-shadow:0 14px 40px #140e0833,0 0 0 6px #ffd15b80,0 0 40px 8px #ffc43c80}.bf-turn-motes{pointer-events:none;z-index:10;width:0;height:0;position:absolute;top:34%;left:50%}.bf-turn-motes i{width:7px;height:7px;animation:bf-turn-mote 2.4s var(--smooth) infinite both;background:#ffe9ae;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ffe9aecc}.bf-turn-motes i:nth-child(2){animation-delay:.5s}.bf-turn-motes i:nth-child(3){animation-delay:1s}@keyframes bf-turn-mote{0%{opacity:0;transform:translateY(190px)scale(.6)}25%{opacity:1}55%{transform:translate(-86px,-8px)scale(1)}80%{transform:translateY(-78px)scale(.9)}to{opacity:0;transform:translate(84px,-10px)scale(.7)}}.bf-turn-micwrap{width:var(--clr-mic);height:var(--clr-mic);place-items:center;display:inline-grid;position:relative}.bf-turn-micwrap>*{z-index:1;position:relative}.bf-turn-micwrap .bf-voice{place-items:center;width:100%;height:100%;display:grid}.bf-turn-micwrap .bf-voice-btn{width:100%!important;height:100%!important}.bf-turn-micwrap .bf-voice-btn svg{width:42%;height:42%}.bf-turn-fill{pointer-events:none;z-index:1;width:calc(100% + 32px);height:calc(100% + 32px);position:absolute;inset:-16px}.bf-turn-fill-rails{position:absolute;inset:0}.bf-turn-fill-outline{stroke:#100b1e8c;stroke-width:8px}.bf-turn-fill-track{stroke:#f5c86a;stroke-opacity:.22;stroke-width:6px}.bf-turn-fill-cap{fill:#f5c86a}.bf-turn-fill-win{width:50%;height:100%;position:absolute;top:0;overflow:hidden}.bf-turn-fill-win--lead{left:50%}.bf-turn-fill-win--trail{left:0}.bf-turn-fill-half{opacity:0;will-change:transform, opacity;width:200%;height:100%;animation-duration:4s;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0}.bf-turn-fill-win--lead .bf-turn-fill-half{animation-name:bf-turn-fill-lead;left:-100%;transform:rotate(-270deg)}.bf-turn-fill-win--trail .bf-turn-fill-half{animation-name:bf-turn-fill-trail;left:0;transform:rotate(-90deg)}.bf-turn-fill-arc{stroke:#f5c86a;stroke-width:6px;stroke-dasharray:169.646 339.292}@keyframes bf-turn-fill-lead{0%{opacity:0;transform:rotate(-270deg)}1.2%{opacity:0}1.25%{opacity:1}50%{transform:rotate(-90deg)}to{opacity:1;transform:rotate(-90deg)}}@keyframes bf-turn-fill-trail{0%{opacity:0;transform:rotate(-90deg)}49.95%{opacity:0}50%{opacity:1;transform:rotate(-90deg)}to{opacity:1;transform:rotate(90deg)}}.bf-turn-micwrap.is-arming .bf-voice-btn{animation:.9s ease-in-out infinite bf-turn-arming}@keyframes bf-turn-arming{0%,to{transform:scale(1)}50%{transform:scale(.955)}}@media (prefers-reduced-motion:reduce){.bf-turn-micwrap.is-arming .bf-voice-btn{animation:none}}@media (orientation:landscape) and (max-height:620px){.bf-clearing{--clr-card:clamp(150px, 34vmin, 300px);--clr-mic:clamp(84px, 13vmin, 128px);--clr-glyph:clamp(72px, 21vmin, 190px);--clr-stage-top:calc(6dvh + env(safe-area-inset-top,0px));--clr-band-bottom:calc(8dvh + env(safe-area-inset-bottom,0px))}.bf-clearing-stage{gap:12px}.bf-clearing-pip{bottom:calc(10dvh + env(safe-area-inset-bottom,0px))}}.bf-finisher-word{font-size:clamp(48px,13vmin,120px)}.bf-turn-tapon .bf-voice-btn{--vc:var(--voice-speak,#2e9e6b)}@media (prefers-reduced-motion:reduce){.bf-clearing-pool,.bf-clearing-answer,.bf-turn-card,.bf-turn-card.is-model,.bf-turn-card.is-settle,.bf-turn-sparks i,.bf-turn-motes i,.bf-turn-mat--lanternwood i,.bf-turn-fill-half,.bf-turn-pebble{transition:none!important;animation:none!important}.bf-clearing-answer{opacity:.9}.bf-turn-sparks i{opacity:0}.bf-turn-mat--lanternwood i{opacity:.7}.bf-turn-motes i{opacity:.9;transform:translateY(-70px)}.bf-turn-fill-half{opacity:1}.bf-turn-fill-win--lead .bf-turn-fill-half{transform:rotate(-90deg)}.bf-turn-fill-win--trail .bf-turn-fill-half{transform:rotate(90deg)}}.bf-clearing-narr,.bf-clearing-parent-line,.bf-clearing-sheet,.bf-turn-pebbles,.bf-turn-card{-webkit-backdrop-filter:none!important}[data-perf-pause=true] .bf-clearing-scene,[data-perf-pause=true] .bf-clearing-scene *{animation-play-state:paused!important}
.bf-day{font-family:var(--font-round,system-ui, sans-serif);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--motion-base,.25s) var(--smooth,ease);align-items:center;display:inline-flex}.bf-day[data-suppressed=true]{opacity:0}.bf-day--hud{top:var(--day-row-top);left:var(--day-row-left);z-index:var(--day-row-z);min-height:var(--day-row-min-h);padding:var(--day-row-pad);border-radius:var(--sfc-hud-radius,999px);background:var(--sfc-hud-fill);border:1px solid var(--sfc-border);box-shadow:var(--sfc-hud-shadow);-webkit-backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));backdrop-filter:blur(var(--sfc-hud-blur)) saturate(var(--sfc-hud-saturate));position:absolute}.bf-day--portal{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;--day-mark-size:clamp(17px, 2.4vmin, 22px);background:0 0;border:0;padding:0;position:relative}.bf-day-track{align-items:center;gap:var(--day-mark-gap);display:inline-flex}.bf-day-step{width:var(--day-mark-size);height:var(--day-mark-size);flex:none;place-items:center;display:grid;position:relative}.bf-day-step+.bf-day-step:before{content:"";width:var(--day-mark-gap);height:var(--day-trail-w);border-radius:var(--day-trail-w);background:var(--prog-trail-dim);transition:background var(--motion-base,.25s) var(--smooth,ease);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.bf-day-step[data-seg-lit=true]:before{background:var(--prog-gold-trail)}.bf-day-mark{--mark-fill:var(--prog-dim-fill);--mark-line:var(--prog-dim-line);--mark-line-w:1.4;opacity:.85;width:100%;height:100%;transition:opacity var(--motion-base,.25s) var(--smooth,ease), transform var(--motion-base,.25s) var(--ease,ease);display:block}.bf-day-mark svg{width:100%;height:100%;display:block}.bf-day-mark svg [data-mark-body]{fill:var(--mark-fill);stroke:var(--mark-line);stroke-width:var(--mark-line-w);stroke-linejoin:round;transition:fill var(--motion-base,.25s) var(--smooth,ease), stroke var(--motion-base,.25s) var(--smooth,ease)}.bf-day-mark svg [data-mark-detail]{fill:none;stroke:var(--mark-line);stroke-width:1px;stroke-linecap:round;opacity:.7}.bf-day-step.is-done .bf-day-mark{--mark-fill:var(--prog-gold);--mark-line:var(--prog-gold-line);opacity:1}.bf-day-step.is-now .bf-day-mark{--mark-line:var(--prog-now-line);--mark-line-w:1.9;opacity:1}.bf-day-step.is-ahead .bf-day-mark{opacity:.7}.bf-day-step.just-lit .bf-day-mark{animation:bf-day-light var(--day-light-dur) var(--ease,ease) 1}@keyframes bf-day-light{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.bf-day.is-held .bf-day-step+.bf-day-step:before{background:var(--prog-gold-trail)}.bf-day.is-settling .bf-day-step+.bf-day-step:before{animation:bf-day-settle var(--day-settle-dur) var(--smooth,ease) both}.bf-day.is-settling .bf-day-step:nth-child(2):before{animation-delay:0s}.bf-day.is-settling .bf-day-step:nth-child(3):before{animation-delay:90ms}.bf-day.is-settling .bf-day-step:nth-child(4):before{animation-delay:.18s}@keyframes bf-day-settle{0%{background:var(--prog-trail-dim)}to{background:var(--prog-gold-trail)}}.bf-turn-pebbles.is-gathering{animation:bf-day-gather var(--day-seam-dur) var(--smooth,ease) both}@keyframes bf-day-gather{0%{opacity:1;transform:none}to{transform:translate(var(--seam-dx,0px), var(--seam-dy,0px)) scale(.55);opacity:0}}@media (prefers-reduced-motion:reduce){.bf-day-step.just-lit .bf-day-mark,.bf-day.is-settling .bf-day-step+.bf-day-step:before,.bf-turn-pebbles.is-gathering{animation:none}.bf-turn-pebbles.is-gathering{opacity:0}.bf-day.is-settling .bf-day-step+.bf-day-step:before{background:var(--prog-gold-trail)}}