.tb{--tb-fg:var(--bg);--tb-muted:color-mix(in srgb, var(--bg) 50%, transparent);--tb-body:color-mix(in srgb, var(--bg) 65%, transparent);--tb-rule:color-mix(in srgb, var(--bg) 8%, transparent);--tb-chip-border:color-mix(in srgb, var(--bg) 40%, transparent);--tb-ease:cubic-bezier(.23, 1, .32, 1);background:var(--text-primary);color:var(--tb-fg);padding:clamp(80px, 10vw, 140px) var(--page-px);font-family:var(--sans);padding-block:round(clamp(80px,10vw,140px),1px)}.tb .tb-label{color:var(--tb-muted);margin:0 0 24px;line-height:16px}.tb-heading{letter-spacing:-.02em;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.1;color:var(--tb-fg);margin:0 0 64px;line-height:round(1.1*clamp(32px,4vw,48px),1px)}.tb-columns{grid-template-columns:1fr;display:grid}.tb-col{border-top:1px solid var(--tb-rule);min-width:0;padding-top:40px}@media (min-width:768px){.tb-columns{grid-template-rows:repeat(7,auto);grid-template-columns:1fr 1fr}.tb-col{grid-row:span 7;grid-template-rows:subgrid;align-content:start;display:grid}.tb-col>*{align-self:start}.tb-col:first-child{padding-right:clamp(32px,4vw,64px)}.tb-col+.tb-col{border-left:1px solid var(--tb-rule);padding-left:clamp(32px,4vw,64px)}}.tb-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--tb-muted);margin:0 0 16px;font-size:11px;font-weight:400;line-height:16px}.tb-col-heading{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.2;color:var(--tb-fg);margin:0 0 12px;line-height:round(1.2*clamp(22px,2.2vw,28px),1px)}.tb-body{color:var(--tb-body);max-width:480px;margin:0;font-size:15px;line-height:1.6}.tb-visual{min-height:72px;margin:32px 0}.tb-pulse{width:100%;height:40px;display:block;overflow:hidden}.tb-pulse-path{fill:none;stroke:var(--tb-fg);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.tb-signs{flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tb-sign{text-transform:uppercase;letter-spacing:.12em;color:var(--tb-fg);font-size:10px;line-height:1.4}.tb-brief{box-sizing:border-box;border:1px solid var(--tb-chip-border);flex-direction:column;justify-content:space-between;height:72px;padding:16px;display:flex}.tb-brief-line{background:var(--tb-muted);transform-origin:0;height:2px;display:block}.tb-brief-line:first-child{width:70%}.tb-brief-line:nth-child(2){width:92%}.tb-brief-line:nth-child(3){width:55%}.tb-question{color:var(--tb-fg);margin:0 0 16px;font-size:15px;font-weight:500;line-height:24px}.tb-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tb-chip{box-sizing:border-box;border:1px solid var(--tb-chip-border);min-height:44px;color:var(--tb-fg);transition:background-color .15s var(--tb-ease), color .15s var(--tb-ease), border-color .15s var(--tb-ease);background:0 0;align-items:center;padding:10px 18px;font-size:13px;font-weight:400;line-height:1.3;text-decoration:none;display:inline-flex}@media (hover:hover){.tb-chip:hover{background:var(--tb-fg);color:var(--text-primary);border-color:var(--tb-fg)}}.tb-chip:focus-visible,.tb-chip:active{background:var(--tb-fg);color:var(--text-primary);border-color:var(--tb-fg)}.tb-chip:focus-visible{outline:2px solid var(--tb-fg);outline-offset:2px}.tb-action{margin-top:32px}.tb-button{line-height:20px}.tb-arrow{transition:transform .25s var(--tb-ease);margin-left:4px;display:inline-block}@media (hover:hover){.tb-button:hover .tb-arrow{transform:translate(4px)}}.tb-button:focus-visible .tb-arrow{transform:translate(4px)}.tb-button:focus-visible{outline:2px solid var(--tb-fg);outline-offset:2px}.tb-tabs{display:none}@media (max-width:767px){.tb-heading{margin-bottom:40px}.tb-tabs{border-bottom:1px solid var(--tb-rule);grid-template-columns:1fr 1fr;margin-bottom:32px;display:grid;position:relative}.tb-tab{min-height:48px;color:var(--tb-muted);font-family:var(--sans);text-align:left;cursor:pointer;transition:color .2s var(--tb-ease);background:0 0;border:0;padding:12px 8px 12px 0;font-size:14px;font-weight:500;line-height:1.3}.tb-tab:focus-visible{outline:2px solid var(--tb-fg);outline-offset:-2px}.tb-switch[data-selected=pulse] #tb-tab-pulse,.tb-switch[data-selected=planner] #tb-tab-planner{color:var(--tb-fg)}.tb-tabs-underline{background:var(--tb-fg);width:50%;height:2px;transition:transform .2s var(--tb-ease);position:absolute;bottom:-1px;left:0}.tb-switch[data-selected=planner] .tb-tabs-underline{transform:translate(100%)}.tb-columns{grid-template-columns:1fr}.tb-col{transition:opacity .15s var(--tb-ease), visibility 0s linear 0s;border-top:0;grid-area:1/1;padding-top:0}.tb-col:not(.is-selected){opacity:0;visibility:hidden;transition:opacity .15s var(--tb-ease), visibility 0s linear .15s}}@media (max-width:767px) and (scripting:none){.tb-tabs{display:none}.tb-col,.tb-col:not(.is-selected){opacity:1;visibility:visible;grid-area:auto}.tb-col+.tb-col{border-top:1px solid var(--tb-rule);margin-top:48px;padding-top:40px}}.tb[data-arrival] .tb-pulse-path{stroke-dasharray:var(--tb-pulse-len) 4000px}.tb[data-arrival=waiting] .tb-pulse-path{stroke-dashoffset:var(--tb-pulse-len)}.tb[data-arrival=waiting] .tb-sign{opacity:.5}.tb[data-arrival=waiting] .tb-brief-line{transform:scaleX(0)}.tb[data-arrival=playing] .tb-pulse-path{transition:stroke-dashoffset 1.4s var(--tb-ease)}.tb[data-arrival=playing] .tb-sign{transition:opacity .3s var(--tb-ease)}.tb[data-arrival=playing] .tb-sign:first-child{transition-delay:.5s}.tb[data-arrival=playing] .tb-sign:nth-child(2){transition-delay:.68s}.tb[data-arrival=playing] .tb-sign:nth-child(3){transition-delay:.86s}.tb[data-arrival=playing] .tb-sign:nth-child(4){transition-delay:1.04s}.tb[data-arrival=playing] .tb-sign:nth-child(5){transition-delay:1.22s}.tb[data-arrival=playing] .tb-brief-line{transition:transform .5s var(--tb-ease)}.tb[data-arrival=playing] .tb-brief-line:nth-child(2){transition-delay:.25s}.tb[data-arrival=playing] .tb-brief-line:nth-child(3){transition-delay:.5s}@media (prefers-reduced-motion:reduce){.tb[data-arrival] .tb-pulse-path{stroke-dashoffset:0}.tb[data-arrival] .tb-sign{opacity:1}.tb[data-arrival] .tb-brief-line{transform:none}.tb-tabs-underline,.tb-col,.tb-col:not(.is-selected),.tb-arrow{transition:none}}
