@media (min-width: 720px){:root{--gutter: calc(var(--sp) * 6)}}@media (min-width: 720px){.bs-auth-header{gap:calc(var(--sp) * 4)}.bs-auth-header>.brand{font-size:var(--text-lg)}.bs-auth-header>.brand img{width:32px;height:32px}}@media (min-width: 1025px){.bs-auth-header{display:none}}.bs-auth-header>nav>form:last-child>.btn[data-variant=ghost]{margin-inline-end:calc(var(--ghost-pull) * -1)}.auth{width:100%;max-width:380px;margin-inline:auto;padding:calc(var(--sp) * 8) var(--gutter) calc(var(--sp) * 6);display:grid;gap:calc(var(--sp) * 6);align-content:start}@media (max-width: 719px){.auth{max-width:none}}.auth>header>h1{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.auth>header>p{margin-top:calc(var(--sp) * 2);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm)}.auth form{display:grid;gap:calc(var(--sp) * 5)}.auth form>.btn[type=submit]{margin-top:var(--sp)}.auth form>.btn[type=submit]~.btn{margin-top:0}.auth .ways{display:grid;gap:calc(var(--sp) * 2)}.auth .alt{text-align:center;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--muted-foreground)}.auth .alt a{color:var(--primary-text);font-weight:var(--weight-medium)}.auth .legal{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground);text-align:center;text-wrap:balance}.auth .alert:empty{display:none}.auth>.empty{padding:calc(var(--sp) * 8) calc(var(--sp) * 5)}.auth>.empty .row{justify-content:center}.auth>.empty form{width:100%;text-align:start;margin-top:calc(var(--sp) * 2)}.auth>.empty .row>form{display:contents}.auth>.empty .row>form>.btn{margin-top:0}.auth>.empty>form:not(:has(input:not([type=hidden]))){display:contents}.auth>.empty>form:not(:has(input:not([type=hidden])))>.btn{margin-top:calc(var(--sp) * 2)}.auth>.card>section{display:grid;gap:calc(var(--sp) * 5)}@media (max-width: 719px),(min-width: 1025px){.auth>.card{padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;font-size:inherit;line-height:inherit}.auth>.card>section{padding:0;gap:calc(var(--sp) * 6)}}@media (min-width: 720px) and (max-width: 1024px){.auth{max-width:calc(440px + 2 * var(--gutter));padding-top:calc(var(--sp) * 14);padding-bottom:calc(var(--sp) * 10)}}.auth-foot{display:grid;gap:calc(var(--sp) * 2);justify-items:center;padding:calc(var(--sp) * 5) var(--gutter) calc(var(--sp) * 6);border-top:1px solid var(--border);text-align:center}.auth-foot>p,.auth-art>footer>p{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}.auth-art{display:none}@media (min-width: 1025px){.auth-split{display:grid;grid-template-columns:560px 1fr;min-height:100dvh}.auth-split>.auth{align-self:center;max-width:400px;padding:calc(var(--sp) * 12) 0}.auth-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--sp) * 10);padding:calc(var(--sp) * 10) calc(var(--sp) * 12);background:var(--band-hero);color:var(--band-foreground)}.auth-foot{display:none}}.auth-art>.brand{color:var(--band-foreground)}.auth-art h2{font-size:var(--text-4xl);line-height:var(--leading-4xl);max-width:16ch;text-wrap:balance}.auth-art h2+p{margin-top:calc(var(--sp) * 4);max-width:38ch;color:var(--on-hero-muted)}.auth-art dl{display:flex;gap:calc(var(--sp) * 8);margin:calc(var(--sp) * 8) 0 0}.auth-art dl>div{display:grid;gap:var(--sp)}.auth-art dt{order:2;font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--on-hero-muted)}.auth-art dd{margin:0;font:var(--weight-semibold) var(--text-2xl) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.auth-art>svg{position:absolute;inset:auto 0 0;width:100%;height:120px;opacity:.5;pointer-events:none}.auth-art>footer{position:relative;display:grid;gap:calc(var(--sp) * 2)}.auth-art .langs{justify-content:flex-start;color:var(--on-hero-muted)}.auth-art .langs>a:hover,.auth-art .langs>a[aria-current]{color:var(--band-foreground)}.auth-art>footer>p{color:var(--on-hero-muted)}.auth .alert>section>.btn{margin-top:calc(var(--sp) * 3)}.welcome{width:100%;max-width:calc(560px + 2 * var(--gutter));margin-inline:auto;padding:calc(var(--sp) * 6) var(--gutter) calc(var(--sp) * 8);display:grid;gap:calc(var(--sp) * 6);align-content:start}@media (min-width: 720px){.welcome{padding-top:calc(var(--sp) * 10)}}.welcome .progress-line{display:flex;justify-content:space-between;gap:calc(var(--sp) * 3);margin-bottom:calc(var(--sp) * 2);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}.welcome .progress-line>b{color:var(--foreground);font-weight:var(--weight-medium)}.welcome .progress-line{align-items:center}.welcome .progress-line>.back{margin-inline-start:calc(var(--sp) * -2.5);margin-block:calc(var(--sp) * -1.5)}.welcome .progress-line>span>b{color:var(--foreground);font-weight:var(--weight-medium)}.welcome .lede>h1{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.welcome .lede>p{margin-top:calc(var(--sp) * 2);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm);max-width:60ch}.welcome .actions{display:grid;gap:calc(var(--sp) * 2);justify-items:center}.welcome .actions>.btn{width:100%}.welcome .actions>p{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--muted-foreground);text-align:center}.welcome .actions>p>a{color:var(--primary-text);font-weight:var(--weight-medium)}.welcome .card>section{display:grid;gap:calc(var(--sp) * 4)}.welcome .card>section>.hint,.welcome .note{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}.welcome .chips{display:flex;flex-wrap:wrap;gap:calc(var(--sp) * 2)}.welcome>div:not(.first-run-progress){display:grid;gap:calc(var(--sp) * 6);align-content:start}.welcome .choices[data-choices=lang]{--cols: 2}.welcome .where{display:contents}.welcome .where>.btn{width:100%}.welcome .card>section>.alert{margin-top:calc(var(--sp) * 3)}@media (min-width: 720px){.welcome .choices[data-choices=lang]{--cols: 4}.welcome .choices[data-choices=units],.welcome .choices[data-choices=location]{--cols: 2}.welcome .where{display:flex;flex-wrap:nowrap;gap:calc(var(--sp) * 2)}.welcome .where>.btn{width:auto}.welcome .where>form{flex:1 1 auto}}.welcome .actions>p>button{padding:0;border:0;background:none;font:inherit;color:var(--primary-text);font-weight:var(--weight-medium);cursor:pointer}#bs-welcome-spots .card>section>.btn[data-variant=ghost]{justify-self:start}:is(#bs-welcome-spots,#bs-welcome-done) .spot-row>.grade>.level{display:none}@media (max-width: 719px){#bs-welcome-spots>.card:has(>section[data-flush]){--card-gutter: calc(var(--sp) * 4);gap:calc(var(--sp) * 4);padding-block:calc(var(--sp) * 4)}#bs-welcome-spots>.card:has(>section[data-flush])>header{--card-title-lh: var(--leading-sm)}#bs-welcome-spots>.card:has(>section[data-flush])>header>h2{font-size:var(--text-sm)}#bs-welcome-spots>.card:has(>section[data-flush])>header[data-divider]{padding-bottom:calc(var(--sp) * 4)}#bs-welcome-spots>.card:has(>section[data-flush])>header[data-divider]+section[data-flush]{margin-top:calc(var(--sp) * -4)}#bs-welcome-spots>.card .spot-row>.grade:has(>.stars)>.break{display:none}}.welcome .bs-draw{display:block;overflow:visible;max-width:100%}.welcome .bs-draw__deck{stroke:color-mix(in oklab,var(--foreground) 22%,transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.welcome .bs-draw__stringer{stroke:#00000038;stroke-width:1px;vector-effect:non-scaling-stroke}.welcome .bs-draw__plug{fill:#00000061}.welcome .bs-draw__wash{fill:color-mix(in oklab,var(--background) 55%,transparent)}.welcome .bs-draw__dim{stroke:var(--muted-foreground);stroke-width:1px;vector-effect:non-scaling-stroke;fill:none}.welcome .bs-draw__text{font-family:var(--font-mono);font-weight:600;fill:var(--foreground)}.welcome .bs-draw__text--muted{fill:var(--muted-foreground);font-weight:400}#bs-welcome-board .card>form{padding-inline:var(--card-gutter)}.welcome .field>.head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--sp) * 3);flex-wrap:wrap}.welcome .field>.head>.label>.muted{font-weight:var(--weight-normal)}.welcome .field>.hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}.welcome .preview{display:grid;gap:calc(var(--sp) * 2)}.welcome .preview>.draw{display:flex;justify-content:center;padding-top:calc(var(--sp) * 2)}.welcome .preview>.draw>.bs-draw{width:100%;max-width:480px;height:auto}.welcome .readout{display:flex;gap:calc(var(--sp) * 2);align-items:baseline;flex-wrap:wrap;font-size:var(--text-sm);line-height:var(--leading-sm)}.welcome .choices[data-choices=type]{--cols: 3}.welcome .choice>.viz{height:64px;display:flex;align-items:flex-end}.welcome .paints{display:flex;flex-wrap:wrap;gap:calc(var(--sp) * 2)}.welcome .paint{position:relative;display:inline-flex;width:32px;height:32px;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f,var(--shadow-xs)}.welcome .paint>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.welcome .paint:has(>input:checked),.welcome .paint:has(>input:focus-visible){box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.welcome .paint[data-any]{background:conic-gradient(#e8615a,#f2c53d,#9fd7c8,#2f8f9d,#a08cd0,#e8615a)}.welcome .paint[data-any]:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card);pointer-events:none}.welcome .measures{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sp) * 2) calc(var(--sp) * 3);align-items:center}.welcome .measures>.label{line-height:var(--leading-sm)}.welcome .measures>.row{display:flex;align-items:center;gap:calc(var(--sp) * 2);flex-wrap:nowrap}.welcome .measures .input{width:4.5rem;text-align:center;padding-inline:4px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.welcome .measures .input[data-wide]{width:5.5rem}.welcome .measures .select{width:4rem;padding-inline:8px 26px;font-family:var(--font-mono)}.welcome .measures .unit,.welcome .measures .sep{font-size:var(--text-sm);color:var(--muted-foreground)}.welcome .measures .sep{display:none;font-family:var(--font-mono);padding-inline:2px}#bs-welcome-board .card>.more{display:flex;gap:calc(var(--sp) * 4);align-items:center}#bs-welcome-board .more>.pair{color:var(--muted-foreground);display:flex;gap:calc(var(--sp) * 2);flex:0 0 auto;align-items:flex-end}#bs-welcome-board .more b{font-size:var(--text-sm)}#bs-welcome-board .more .hint{margin-top:2px;font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}#bs-welcome-board .more .hint>a{color:var(--primary-text);font-weight:var(--weight-medium)}#bs-welcome-board .card>.added{gap:calc(var(--sp) * 3)}#bs-welcome-board .added>.bs-draw{width:100%;max-width:280px;height:auto;justify-self:center}#bs-welcome-board .added>.row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--sp) * 3);flex-wrap:nowrap}#bs-welcome-board .added>.row .hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground)}@media (min-width: 720px){.welcome .choices[data-choices=type]{--cols: 6}.welcome .measures{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--sp) * 2)}.welcome .measures>.label{display:none}.welcome .measures .sep{display:inline}}.welcome-d>aside{display:none}.welcome .actions>.back{display:none}@media (min-width: 1025px){.welcome-d{display:grid;grid-template-columns:280px minmax(0,720px);justify-content:center;gap:calc(var(--sp) * 12);padding:calc(var(--sp) * 12) var(--gutter) calc(var(--sp) * 14);align-items:start}.welcome-d>.welcome{max-width:none;padding:0;margin:0}.welcome-d>aside{display:grid;gap:calc(var(--sp) * 4);position:sticky;top:0}.welcome-d>aside>h2{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);padding-inline:calc(var(--sp) * 3)}.welcome-d>aside>p{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted-foreground);padding-inline:calc(var(--sp) * 3)}.welcome-d .first-run-progress{display:none}.welcome-d .actions{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--sp) * 4)}.welcome-d .actions>.btn{width:auto;order:3}.welcome-d .actions>p,.welcome-d .actions>.btn[data-variant=ghost]{order:2}.welcome-d .actions>.btn.back{display:inline-flex;order:1;margin-inline-end:auto}:root:has(.welcome-d) .bs-auth-header{display:flex}:root:has(.welcome-d) .auth-foot{display:grid}}