@layer components{.bk{--bk-line:color-mix(in srgb, var(--bk-text) 12%, var(--bk-background));--bk-muted:color-mix(in srgb, var(--bk-text) 70%, var(--bk-background));--bk-tint:color-mix(in srgb, var(--bk-primary) 10%, var(--bk-background));--bk-focus:color-mix(in srgb, var(--bk-primary) 70%, var(--bk-text));background:var(--bk-background);color:var(--bk-text);font-family:var(--bk-font-body);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;min-height:100%;display:flex}.bk-main{flex-direction:column;flex:1;width:100%;display:flex}.bk-container{width:100%;max-width:560px;margin:0 auto;padding:0 16px}.bk-h{font-family:var(--bk-font-heading);letter-spacing:-.02em;line-height:1.1}.bk-muted{color:var(--bk-muted)}.bk :focus-visible{outline:2px solid var(--bk-focus);outline-offset:2px}.bk-btn{border-radius:var(--bk-radius);min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s ease-out,opacity .15s ease-out,background-color .15s ease-out;display:inline-flex}.bk-btn:active{transform:scale(.98)}.bk-btn[disabled],.bk-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.bk-btn-primary{background:var(--bk-primary);color:var(--bk-on-primary)}@media (hover:hover){.bk-btn-primary:hover:not([disabled]){background:color-mix(in srgb, var(--bk-primary) 88%, var(--bk-text))}.bk-btn-secondary:hover:not([disabled]){border-color:var(--bk-muted)}}.bk-btn-secondary{background:var(--bk-surface);color:var(--bk-text);border-color:var(--bk-line)}.bk-btn-text{color:var(--bk-text);text-underline-offset:3px;background:0 0;min-height:44px;padding:0 8px;font-weight:500;text-decoration:underline}.bk-option{text-align:left;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);width:100%;min-height:64px;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex}@media (hover:hover){.bk-option:hover{border-color:var(--bk-muted)}}.bk-option-selected,.bk-option-selected:hover{--bk-muted:color-mix(in srgb, var(--bk-text) 82%, var(--bk-background));border-color:var(--bk-primary);box-shadow:inset 0 0 0 1px var(--bk-primary);background:var(--bk-tint)}.bk-row{background:0 0;border-width:0 0 1px;border-radius:0;padding:16px 4px}.bk-rows>:first-child .bk-row{border-top-width:1px}@media (hover:hover){.bk-row:hover{background:color-mix(in srgb, var(--bk-text) 4%, transparent)}}.bk-tile{border-radius:var(--bk-radius-box,var(--bk-radius));flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;min-height:112px}.bk-tile-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--bk-radius-box,var(--bk-radius)) var(--bk-radius-box,var(--bk-radius)) 0 0;width:calc(100% + 32px);max-width:none;margin:-14px -16px 10px}.bk-menu-heading{text-align:center;align-items:center;gap:12px;margin:8px 0 10px;font-size:1.25rem;font-style:italic;display:flex}.bk-menu-heading:before,.bk-menu-heading:after{content:"";border-top:1px solid var(--bk-line);flex:1}.bk-menu-item{text-align:left;border-radius:var(--bk-radius-box,var(--bk-radius));width:100%;min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;display:block}@media (hover:hover){.bk-menu-item:hover{background:color-mix(in srgb, var(--bk-text) 4%, transparent)}}.bk-menu-line{align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.bk-menu-dots{border-bottom:2px dotted color-mix(in srgb, var(--bk-text) 35%, transparent);flex:1;min-width:16px;transform:translateY(-4px)}.bk-feature{border-radius:var(--bk-radius-box,var(--bk-radius));background:var(--bk-tint);border:1px solid var(--bk-primary);flex-direction:column;gap:4px;padding:18px;display:flex}.bk-person{text-align:left;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius-box,var(--bk-radius));width:100%;color:inherit;font:inherit;cursor:pointer;padding:0;display:block;overflow:hidden}.bk-person-photo{aspect-ratio:1;object-fit:cover;width:100%;display:block}.bk-person-initials{background:var(--bk-tint);color:var(--bk-primary);font-family:var(--bk-font-heading);justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.bk-tile-blank{background:linear-gradient(135deg, var(--bk-tint), color-mix(in srgb, var(--bk-primary) 25%, var(--bk-surface)));display:block}.bk-story-section{border-top:1px solid var(--bk-line);padding:20px 0}.bk-story-title{letter-spacing:.12em;text-transform:uppercase;color:var(--bk-muted);margin-bottom:10px;font-size:11px;font-weight:600}.bk-sticky-cta{padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--bk-background) 92%, transparent);border-top:1px solid var(--bk-line);margin:16px -16px 0;position:sticky;bottom:0}.bk-week{gap:6px;display:grid}[data-design=direct] .bk-step-title{letter-spacing:-.02em;font-weight:700}[data-design=direct] .bk-feature,[data-design=direct] .bk-summary,[data-design=direct] .bk-confirm-card{--bk-muted:color-mix(in srgb, var(--bk-background) 72%, var(--bk-text));--bk-line:color-mix(in srgb, var(--bk-background) 22%, var(--bk-text));background:var(--bk-text);color:var(--bk-background);border-color:var(--bk-text)}[data-design=direct] .bk-btn-primary{background:var(--bk-accent);color:var(--bk-on-accent)}[data-design=team] .bk-step-title,[data-design=team] main h1.bk-h{text-transform:uppercase;letter-spacing:.01em}[data-design=menu] .bk-step-title,[data-design=menu] .bk-confirm-head{text-align:center}[data-design=menu] .bk-step-title{font-style:italic}[data-design=menu] .bk-summary,[data-design=menu] .bk-confirm-card{background:0 0;border-width:1px 0;border-radius:0}[data-design=menu] .bk-summary>div{border-bottom:1px dotted var(--bk-line);padding-block:4px}[data-design=menu] .bk-btn-primary{letter-spacing:.14em;text-transform:uppercase;border-radius:0;font-size:.8125rem}[data-design=showcase] .bk-summary,[data-design=showcase] .bk-confirm-card,[data-design=showcase] .bk-tile{box-shadow:0 1px 2px color-mix(in srgb, var(--bk-text) 10%, transparent), 0 4px 14px color-mix(in srgb, var(--bk-primary) 10%, transparent);border-color:#0000}[data-design=story] .bk-step-title{font-size:2rem;line-height:1.15}[data-design=story] .bk-summary,[data-design=story] .bk-confirm-card{background:var(--bk-surface);border-color:#0000}[data-design=practice] .bk-notice{background:var(--bk-tint);border-color:#0000}[data-design=chat] .bk-summary,[data-design=chat] .bk-confirm-card,[data-design=chat] .bk-confirm-head{background:var(--bk-surface);border:0;border-radius:18px 18px 18px 4px;padding:14px 16px}.bk-chat{border:1px solid var(--bk-line);border-radius:var(--bk-radius-box,var(--bk-radius));background:var(--bk-background);flex-direction:column;display:flex;overflow:hidden}.bk-chat-head{border-bottom:1px solid var(--bk-line);align-items:center;gap:10px;padding:12px 16px;display:flex}.bk-chat-avatar{background:var(--bk-primary);width:36px;height:36px;color:var(--bk-on-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.bk-chat-log{flex-direction:column;gap:8px;padding:16px;display:flex}.bk-bubble{overflow-wrap:anywhere;border-radius:18px;max-width:85%;padding:10px 14px;line-height:1.4}.bk-bubble-them{background:var(--bk-surface);border-bottom-left-radius:4px;align-self:flex-start}.bk-bubble-me{background:var(--bk-primary);color:var(--bk-on-primary);border-bottom-right-radius:4px;align-self:flex-end}.bk-chat-input{border-top:1px solid var(--bk-line);gap:8px;padding:10px 12px;display:flex}.bk-choice{align-items:flex-start}.bk-choice-dot{border:2px solid var(--bk-muted);border-radius:50%;flex:none;width:18px;height:18px;margin-top:2px}.bk-chip{border-radius:var(--bk-radius);border:1px solid var(--bk-line);background:var(--bk-surface);min-height:48px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:0 8px;font-size:15px}@media (hover:hover){.bk-chip:hover{border-color:var(--bk-muted)}}.bk-chip-selected,.bk-chip-selected:hover{border-color:var(--bk-primary);box-shadow:inset 0 0 0 1px var(--bk-primary);background:var(--bk-tint);color:var(--bk-primary);font-weight:600}.bk-day{border-radius:var(--bk-radius);min-height:44px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:15px;display:flex;position:relative}@media (hover:hover){.bk-day:hover:not([disabled]):not(.bk-day-selected){border-color:var(--bk-line)}}.bk-day[disabled]{color:var(--bk-muted);opacity:.45;cursor:not-allowed}.bk-day-available:after{content:"";background:var(--bk-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.bk-day-selected{background:var(--bk-text);color:var(--bk-background)}.bk-day-selected:after{background:var(--bk-background)}.bk-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.bk-label{font-size:13px;font-weight:600}.bk-input{border-radius:var(--bk-radius);border:1px solid var(--bk-line);background:var(--bk-surface);min-height:48px;color:inherit;font:inherit;padding:0 14px;font-size:16px}textarea.bk-input{border-radius:var(--bk-radius-box,var(--bk-radius));padding-top:12px;padding-bottom:12px}.bk-input[aria-invalid=true]{border-color:var(--bk-text)}.bk-input:disabled{color:var(--bk-muted)}.bk-help{color:var(--bk-muted);font-size:13px}.bk-error{color:var(--bk-text);font-size:13px;font-weight:500}.bk input[type=checkbox]{accent-color:var(--bk-primary)}.bk-notice{border-radius:var(--bk-radius-box,var(--bk-radius));border:1px solid var(--bk-line);background:var(--bk-surface);padding:14px 16px;font-size:14px;line-height:1.5}.bk-bar{z-index:1;background:var(--bk-background);border-top:1px solid var(--bk-line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));margin:auto -16px 0;position:sticky;bottom:0}.bk-skeleton{background:var(--bk-line);border-radius:var(--bk-radius-box,var(--bk-radius));animation:1.2s ease-in-out infinite bk-pulse}@keyframes bk-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.bk-skeleton{animation:none}.bk-btn,.bk-option,.bk-chip{transition:none}}}
