.btn{border-radius:var(--r-capsule);min-height:50px;font:500 var(--text-body)/var(--leading-body) var(--sans);letter-spacing:var(--tracking-body);text-align:center;cursor:pointer;touch-action:manipulation;transition:opacity var(--duration-fade) ease;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex;position:relative}.btn:active{opacity:.75}.btn:disabled{opacity:.45;cursor:default}.btn-prominent{--button-fill:var(--accent-fill);background:var(--button-fill);color:var(--on-accent)}.btn-tinted{--button-fill:var(--button-tinted-fill);background:var(--button-fill);color:var(--accent)}.btn-plain{min-height:44px;color:var(--accent);background:0 0;padding:8px 4px;font-weight:400}.btn-destructive{--button-fill:transparent;color:var(--red);background:0 0}.btn-small{background:0 0;min-height:44px;padding:11px 16px}.btn-small:before{content:"";border-radius:inherit;background:var(--button-fill,transparent);position:absolute;inset:5px 0}.btn-content{justify-content:center;align-items:center;gap:inherit;display:inline-flex;position:relative}.btn-block{width:100%;display:flex}.glass-button{border-radius:var(--r-capsule);width:44px;height:44px;color:var(--label);cursor:pointer;touch-action:manipulation;border:0;flex:none;place-items:center;padding:0;display:grid}.glass-button.glass-clear,.glass-button.glass-tinted{color:var(--on-accent)}.glass-button:disabled{cursor:default;color:var(--label-3)}.icon-button{min-width:var(--hit);min-height:var(--hit);border-radius:var(--r-capsule);color:var(--label);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.glass-button-group{border-radius:var(--r-capsule);align-items:center;gap:12px;min-height:44px;padding:0 6px;display:flex}.glass-button-group>button{border-radius:var(--r-capsule);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ob-head{inset:calc(var(--sat) + var(--bar-top)) 0 auto;z-index:20;grid-template-columns:minmax(var(--hit), 1fr) minmax(0, var(--ob-pill-max)) minmax(var(--hit), 1fr);align-items:center;column-gap:var(--space-sm);height:var(--hit);padding:0 calc(var(--sar) + var(--margin)) 0 calc(var(--sal) + var(--margin));pointer-events:none;display:grid;position:fixed}.ob-head-skip{grid-template-columns:minmax(var(--ob-skip-col), 1fr) minmax(0, var(--ob-pill-max)) minmax(var(--ob-skip-col), 1fr)}.ob-head-start{justify-self:start;display:flex}.ob-head-end{justify-self:end;display:flex}.ob-head-start>*,.ob-head-end>*,.ob-head .ob-pill{pointer-events:auto}.ob-head .glass-button{width:var(--hit);height:var(--hit)}.ob-skip{min-height:var(--hit);padding:0 var(--space-lg);border-radius:var(--r-capsule);color:var(--label);font:500 var(--text-callout)/1 var(--sans);letter-spacing:var(--tracking-callout);cursor:pointer;touch-action:manipulation;border:0}.ob-head-photo .glass{--glass-tint:var(--clear-tint);--glass-filter:var(--clear-filter);color:var(--on-accent)}.ob-pill{justify-content:center;gap:var(--space-xs);width:100%;height:var(--hit);border-radius:var(--r-capsule);color:var(--label-2);flex-direction:column;padding:0 14px;display:flex}.ob-pill-segs{gap:var(--ob-seg-gap);display:flex}.ob-seg{height:var(--ob-seg-height);border-radius:var(--r-capsule);background:var(--fill-1);flex:1;position:relative;overflow:hidden}.ob-seg-fill{border-radius:var(--r-capsule);background:var(--accent-fill);transform:scaleX(var(--fill,0));transform-origin:0;transition:transform var(--duration-fill) var(--ease-smooth);position:absolute;inset:0}.ob-pill-label{height:calc(1em * var(--leading-caption-1));font:600 var(--text-caption-1)/var(--leading-caption-1) var(--sans);white-space:pre;flex-wrap:wrap;justify-content:center;display:flex;overflow:hidden}.ob-pill-name{text-overflow:ellipsis;max-width:100%;overflow:hidden}.ob-head-photo .ob-pill{color:var(--on-accent)}.ob-head-photo .ob-seg{background:var(--viewer-control)}.ob-head-photo .ob-seg-fill{background:var(--on-accent)}.ob-dock{z-index:15;padding:calc(var(--sat) + var(--bar-row) - 5px) calc(var(--sar) + 12px) 20px calc(var(--sal) + 12px);pointer-events:none;position:fixed;inset:5px 0 auto}.ob-dock[hidden]{display:none}.ob-dock>*{pointer-events:auto}.ob-dock:before{content:"";z-index:-1;background:var(--sheet-tint);-webkit-backdrop-filter:var(--sheet-filter);backdrop-filter:var(--sheet-filter);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}html.solid-bars .ob-dock:before{background:var(--bg-grouped);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-contrast:more){.ob-dock:before{background:var(--bg-grouped);-webkit-backdrop-filter:none;backdrop-filter:none}}.ob-stage{position:relative;overflow-x:clip}.ob-card{background:var(--bg-grouped);min-height:100dvh;position:relative}.ob-card-leaving{pointer-events:none;position:absolute;left:0;right:0;overflow:hidden}.ob-card-edge{box-shadow:var(--shadow-card-edge)}html.ob-settling{overflow:hidden}.ob-step{--ob-top:calc(var(--sat) + var(--bar-row) + var(--space-lg));min-height:100dvh;padding-top:max(var(--ob-top), calc(var(--ob-dock-h,0px) + var(--space-sm)));flex-direction:column;display:flex}.ob-body{padding:0 calc(var(--sar) + var(--ob-pad)) 0 calc(var(--sal) + var(--ob-pad));flex:1 0 auto}.ob-title{font:var(--weight-large-title) var(--text-large-title)/var(--leading-large-title) var(--display);letter-spacing:var(--tracking-large-title);text-wrap:balance;overflow-wrap:break-word;margin:0}.ob-title:focus{outline:none}.ob-sub{color:var(--label-2);font-size:var(--text-body);text-wrap:pretty;margin:10px 0 0;line-height:1.4}.ob-foot{z-index:2;gap:var(--space-xs);margin-top:var(--space-xl);padding:14px calc(var(--sar) + var(--margin)) calc(var(--sab) + 12px) calc(var(--sal) + var(--margin));flex-direction:column;display:flex;position:sticky;bottom:0}.ob-foot:before{content:"";inset:calc(0px - var(--ob-foot-fade)) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--bg-grouped) 92%, transparent) 55%, color-mix(in srgb, var(--bg-grouped) 0%, transparent));-webkit-backdrop-filter:var(--ob-foot-filter);backdrop-filter:var(--ob-foot-filter);position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}html.solid-bars .ob-foot:before{background:var(--bg-grouped);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-hs-hairline);inset:0;-webkit-mask-image:none;mask-image:none}@media (prefers-contrast:more){.ob-foot:before{background:var(--bg-grouped);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-hs-hairline);inset:0;-webkit-mask-image:none;mask-image:none}}.ob-foot .btn-prominent{min-height:var(--ob-button-height);font:var(--weight-headline) var(--text-headline)/var(--leading-headline) var(--sans);letter-spacing:var(--tracking-headline)}.ob-foot .btn-prominent:disabled{opacity:1;background:var(--ob-foot-disabled-fill);color:var(--ob-foot-disabled-label)}.ob-foot .btn-plain{font-weight:500}.ob-hint{color:var(--label-2);font-size:var(--text-footnote);line-height:var(--leading-footnote);text-align:center;margin:0}.ob-foot-error{color:var(--red)}.ob-note{color:var(--label-2);font-size:var(--text-small);margin:12px 0 0;line-height:1.42}.ob-body :is(.ob-card-box,.ob-coach,.hs-coach,.tbl-people,.ob-taste-field,.ob-perweek,.ob-grid-none,.ob-mail,.bring-ways,.bring-lots,.bring-rows,.sc-cards,.ob-any-card,.ob-any-box),.ob-wel-body .ob-wel-note{margin-inline:var(--ob-bleed)}.ob-body :is(.ob-taste-field,.ob-any-box){width:calc(100% - 2 * var(--ob-bleed))}.ob-card-box{padding:var(--space-lg);border-radius:var(--r-section);background:var(--bg-cell);margin-top:22px}.ob-spin{border:2px solid var(--fill-1);border-top-color:var(--accent);border-radius:var(--r-capsule);flex:none;width:16px;height:16px;animation:.8s linear infinite ob-spin}@keyframes ob-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ob-seg-fill{transition:none}.ob-spin{animation:none}}body:has(.ob-shell)>.shared-toast-region{bottom:calc(var(--sab) + var(--ob-button-height) + 64px)}.ob-centre{text-align:center}.ob-centre .ob-title{margin-top:var(--space-xl)}.ob-centre .ob-brand{margin-top:var(--space-2xl);align-items:center}.ob-wait-mark{margin-top:var(--space-2xl);justify-content:center;display:flex}.ob-wait-out{margin:var(--space-md) auto 0;font-weight:500;display:flex}
