html:has(main.brief){overflow:hidden auto}html:has(main.brief) body{background:#fff;overflow:visible}.brief{--ink:#1d1d1f;--quiet:#6e6e73;--fill:#f5f5f7;--line:#3c3c4329;--blue:#0071e3;--red:#ff3b30;--ease:cubic-bezier(.22, 1, .36, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);min-height:100svh;color:var(--ink);font-family:var(--text);font-weight:var(--regular);-webkit-font-smoothing:antialiased;background:#fff;margin-top:-1px}.bf-top{padding:max(clamp(18px, 2.2vw, 28px), env(safe-area-inset-top)) max(16px, 4vw, env(safe-area-inset-right)) clamp(18px, 2.2vw, 28px) max(16px, 4vw, env(safe-area-inset-left))}.bf-home{color:#000;font-family:var(--display);font-size:28px;line-height:1;text-decoration:none}.bf-layout{max-width:1240px;padding:clamp(32px, 6vw, 96px) max(16px, 4vw, env(safe-area-inset-right)) 14svh max(16px, 4vw, env(safe-area-inset-left));grid-template-columns:minmax(0,500px) minmax(300px,1fr);gap:clamp(40px,8vw,140px);margin:0 auto;display:grid}.bf-desk{align-items:start;display:grid}.bf-desk>*{grid-area:1/1}.bf-box{pointer-events:none;align-self:start;place-items:center;height:100svh;margin-top:calc(-1*clamp(32px,6vw,96px));display:grid;position:sticky;top:0}.bf-slot{aspect-ratio:5/6;width:min(100%,540px)}.bf-sky{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bf-paper{flex-direction:column;gap:28px;display:flex;position:relative}.bf-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.bf-layout:not([data-seen]) .bf-paper{opacity:0}.bf-layout[data-seen] .bf-paper .bf-word>span{animation:bf-line 1s var(--ease) backwards;animation-delay:calc(var(--w) * 80ms)}.bf-layout[data-seen] .bf-lede,.bf-layout[data-seen] .bf-legend,.bf-layout[data-seen] .bf-paper>:not(.bf-intro,.bf-picks,.bf-trap){animation:bf-in 1s var(--ease) backwards;animation-delay:calc(.24s + var(--i,0) * 90ms)}.bf-layout[data-seen] .bf-pill{animation:bf-pop .72s var(--pop) backwards;animation-delay:calc(.33s + var(--i,0) * 90ms + var(--j,0) * 45ms)}@keyframes bf-line{0%{translate:0 110%}}@keyframes bf-in{0%{opacity:0;filter:blur(10px);translate:0 20px}}@keyframes bf-pop{0%{opacity:0;scale:.6}}.bf-paper{transition:opacity .5s var(--ease), scale .7s var(--pop)}.bf-paper:not([data-phase=edit]){opacity:0;transition:opacity .2s 60ms,scale .26s cubic-bezier(.5,0,.75,0);scale:.86}.bf-intro{margin-bottom:12px}.bf-title{font-size:clamp(44px,5.2vw,72px);font-weight:var(--semibold);letter-spacing:-.044em;margin:0;line-height:1.04}.bf-word{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.bf-word>span{display:inline-block}.bf-lede{color:var(--quiet);letter-spacing:-.023em;margin:16px 0 0;font-size:clamp(17px,1.45vw,20px);line-height:1.4}.bf-group{background:var(--fill);border-radius:18px;overflow:hidden}.bf-field{display:block;position:relative}.bf-field+.bf-field:before{content:"";z-index:1;border-top:.5px solid var(--line);position:absolute;top:0;left:16px;right:0}.bf-input{box-sizing:border-box;width:100%;height:56px;color:var(--ink);font:inherit;letter-spacing:-.022em;resize:none;background:0 0;border:0;border-radius:0;outline:none;padding:23px 16px 7px;font-size:17px;transition:background-color .22s;display:block}.bf-field:has(.bf-hint) .bf-input{padding-right:96px}.bf-tall .bf-input{height:auto;min-height:136px;padding-top:30px;line-height:1.45}.bf-label{color:var(--quiet);letter-spacing:-.022em;pointer-events:none;transform-origin:0 0;transition:transform .26s var(--ease), color .2s ease;font-size:17px;line-height:1.2;position:absolute;top:18px;left:16px}.bf-hint{color:var(--quiet);letter-spacing:-.009em;pointer-events:none;font-size:15px;transition:opacity .2s;position:absolute;top:50%;right:16px;translate:0 -50%}.bf-input:focus+.bf-label,.bf-input:not(:placeholder-shown)+.bf-label{transform:translateY(-10px)scale(.72)}.bf-input:not(:placeholder-shown)~.bf-hint{opacity:0}.bf-input:focus{background:#fff}.bf-input:focus+.bf-label{color:var(--blue)}.bf-paper[data-tried] .bf-input:invalid{background:#ff3b300f}.bf-input:user-invalid{background:#ff3b300f}.bf-paper[data-tried] .bf-input:invalid+.bf-label{color:var(--red)}.bf-input:user-invalid+.bf-label{color:var(--red)}.bf-picks{border:0;min-width:0;margin:0;padding:0}.bf-legend{color:var(--quiet);font-size:14px;font-weight:var(--medium);letter-spacing:-.001em;margin-bottom:12px;padding:0}.bf-pills{flex-wrap:wrap;gap:8px;display:flex}.bf-pill{display:inline-flex;position:relative}.bf-pill input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bf-pill span{background:var(--fill);height:38px;font-size:15px;font-weight:var(--medium);letter-spacing:-.002em;white-space:nowrap;transition:background-color .22s ease, color .22s ease, scale .38s var(--pop);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.bf-pill:hover span{background:#ebebef}.bf-pill:active span{scale:.95}.bf-pill input:checked+span{background:var(--ink);color:#fff;animation:bf-tick .42s var(--pop)}.bf-pill input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}@keyframes bf-tick{40%{scale:1.06}}.bf-send{background:var(--ink);color:#fff;height:54px;font:inherit;font-size:17px;font-weight:var(--semibold);letter-spacing:-.013em;cursor:pointer;transition:background-color .2s ease, scale .42s var(--pop);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.bf-send svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:translate .42s var(--pop)}.bf-send:hover{background:#000}.bf-send:hover svg{translate:2px -2px}.bf-send:active{scale:.98}.bf-send:focus-visible,.bf-again:focus-visible{outline-offset:3px;outline:3px solid #0071e380}.bf-sent{pointer-events:none;flex-direction:column;align-self:start;align-items:flex-start;display:flex;position:sticky;top:max(24px,50svh - 150px)}.bf-sent[data-in]{pointer-events:auto}.bf-sent>*{opacity:0;filter:blur(10px);transition:opacity .2s,translate .2s,filter .2s;translate:0 .5em}.bf-sent[data-in]>*{opacity:1;filter:blur();transition:opacity .6s ease calc(var(--i) * .11s), translate .9s var(--ease) calc(var(--i) * .11s), filter .7s var(--ease) calc(var(--i) * .11s);translate:0}.bf-done{width:52px;height:52px;margin-bottom:28px;display:block}.bf-done svg{width:100%;height:100%;display:block;overflow:visible}.bf-done circle{fill:var(--blue)}.bf-done path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32px}.bf-sent[data-in] .bf-done{animation:bf-ring .68s var(--pop) backwards}.bf-sent[data-in] .bf-done path{animation:bf-check .46s var(--ease) .3s forwards}.bf-sent[data-in] .bf-word>span{animation:bf-line .9s var(--ease) backwards;animation-delay:calc(.18s + var(--w) * 70ms)}@keyframes bf-ring{0%{opacity:0;scale:.5}}@keyframes bf-check{to{stroke-dashoffset:0}}.bf-sent-say{font-size:clamp(36px,4.2vw,56px);font-weight:var(--semibold);letter-spacing:-.03em;margin:0;line-height:1.05}.bf-sent-note{color:var(--quiet);letter-spacing:-.026em;margin:14px 0 0;font-size:clamp(17px,1.45vw,20px)}.bf-sent-note a{color:var(--blue);text-decoration:none}.bf-sent-note a:hover{text-decoration:underline}.bf-failed .bf-done circle{fill:#ff9500}.bf-again{background:var(--fill);height:46px;color:var(--ink);font:inherit;font-size:16px;font-weight:var(--semibold);letter-spacing:-.008em;cursor:pointer;border:0;border-radius:999px;margin-top:32px;padding:0 22px}.bf-sent[data-in] .bf-again{transition:background-color .2s ease, scale .42s var(--pop), opacity .6s ease calc(var(--i) * .11s), translate .9s var(--ease) calc(var(--i) * .11s), filter .7s var(--ease) calc(var(--i) * .11s)}.bf-sent[data-in] .bf-again:hover{background:#ebebef}.bf-sent[data-in] .bf-again:active{scale:.97}@media (max-width:859px){.bf-layout{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:0}.bf-paper{gap:24px}.bf-box{z-index:1;box-sizing:border-box;height:clamp(170px,25svh,220px);padding:0 0 env(safe-area-inset-bottom);place-items:end;margin:0;position:sticky;top:auto;bottom:0}.bf-slot{aspect-ratio:auto;width:clamp(150px,40vw,190px);height:100%}.bf-sent{top:max(24px,36svh - 150px)}}@media (prefers-reduced-motion:reduce){.bf-layout[data-seen] .bf-word>span,.bf-sent[data-in] .bf-done,.bf-sent[data-in] .bf-done path,.bf-layout[data-seen] .bf-lede,.bf-layout[data-seen] .bf-legend,.bf-layout[data-seen] .bf-paper>*,.bf-layout[data-seen] .bf-pill,.bf-pill input:checked+span{animation:none}.bf-sent[data-in] .bf-done path{stroke-dashoffset:0}.bf-paper,.bf-sent>*{filter:none!important;transition-duration:1ms!important;transition-delay:0s!important}}