.tv-planner-page{--tv-demo:var(--tv-accent);--tv-on-demo:var(--tv-on-accent);--tv-demo-tint:var(--tv-accent-soft);background:var(--tv-surface)}.tv-planner-search{width:100%;max-width:600px}.tv-planner-popular{align-items:center;gap:8px 14px;margin-top:var(--tv-space-5)}.tv-planner-popular,.tv-planner-popular__list{display:flex;flex-wrap:wrap;justify-content:center}.tv-planner-popular__list{gap:8px;margin:0;padding:0;list-style:none}.tv-planner-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--tv-hairline);border-radius:var(--tv-radius-pill);background:var(--tv-surface-raised);color:var(--tv-ink);font:500 14px/20px var(--tv-sans);text-decoration:none;-webkit-tap-highlight-color:transparent}@media (hover:hover){.tv-planner-chip:hover{border-color:var(--tv-line-strong);background:var(--tv-surface-sunken)}}.tv-planner-caption{margin-top:var(--tv-space-3)}.tv-pstage{--tv-stage-h:auto;grid-template-columns:minmax(0,380px) minmax(0,560px)}.tv-pplan .tv-days{margin-bottom:0}.tv-preplies{display:flex;flex:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tv-preply{padding:4px 12px;border:1px solid color-mix(in srgb,var(--tv-accent) 55%,transparent);border-radius:var(--tv-radius-pill);background:var(--tv-surface-raised);color:var(--tv-accent-text);font:500 13px/18px var(--tv-sans);white-space:nowrap}.tv-pstage .tv-day__badge{padding:0;background:none;color:var(--tv-ink-muted)}.tv-psnip{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:12px}.tv-psnip__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.tv-psnip__chips{display:flex;flex-wrap:wrap;gap:6px}.tv-psnip__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid var(--tv-hairline);border-radius:var(--tv-radius-pill);background:var(--tv-surface-raised);color:var(--tv-ink-muted);font:500 12px/18px var(--tv-sans)}.tv-psnip__chip[data-on]{border-color:transparent;background:var(--tv-accent-soft);color:var(--tv-accent-text)}.tv-psnip__chip svg{width:12px;height:12px;flex:none}.tv-psnip__day,.tv-psnip__row{border-radius:var(--tv-radius-md);background:var(--tv-surface-sunken)}.tv-psnip__day{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;padding:10px}.tv-psnip__photo{border-radius:var(--tv-radius-sm)}.tv-psnip__text{display:flex;flex-direction:column;gap:2px;min-width:0}.tv-psnip__title{font:600 14px/20px var(--tv-sans);color:var(--tv-ink)}.tv-psnip__title--serif{font:400 18px/22px var(--tv-serif);letter-spacing:-.01em}.tv-psnip__meta{font-size:12px;line-height:17px;color:var(--tv-ink-muted)}.tv-psnip__rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tv-psnip__row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px}.tv-psnip__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tv-accent-soft);color:var(--tv-accent-text)}.tv-psnip__icon svg{width:16px;height:16px}.tv-psnip__action{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--tv-accent);border-radius:var(--tv-radius-pill);color:var(--tv-accent-text);font:500 12px/16px var(--tv-sans);white-space:nowrap}.tv-psnip--chat{gap:10px}.tv-psnip--chat .tv-bubble{display:block;max-width:88%}.tv-psnip__compose{margin:2px 0 0}.tv-feature--link{position:relative}.tv-feature__link{border-radius:var(--tv-radius-xs);color:inherit;text-decoration:none}.tv-feature__link:after{content:"";position:absolute;inset:0;z-index:3;border-radius:var(--tv-radius-lg)}.tv-feature--link .tv-feature__link:focus-visible{box-shadow:none}.tv-feature--link:has(.tv-feature__link:focus-visible){box-shadow:var(--tv-shadow-card),var(--tv-focus-ring)}@media (hover:hover){.tv-feature--link:hover .tv-feature__link{color:var(--tv-accent-text)}}@media (min-width:900px){.tv-features--pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.tv-howto{--tv-howto-gap:var(--tv-space-8);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tv-howto-gap);margin:var(--tv-space-12) 0 0;padding:0;list-style:none}.tv-howto__step{position:relative;display:flex;flex-direction:column;min-width:0}.tv-howto__stop{display:flex;align-items:center;gap:10px;height:16px;margin-bottom:var(--tv-space-5)}.tv-howto__dot{width:var(--tv-route-dot);height:var(--tv-route-dot);flex:none;border-radius:50%;background:var(--tv-accent)}.tv-howto__step:not(:last-child) .tv-howto__stop{margin-inline-end:calc(-1 * var(--tv-howto-gap) + 10px)}.tv-howto__step:not(:last-child) .tv-howto__stop:after{content:"";flex:1 1 auto;height:1px;margin-inline-start:4px;background:repeating-linear-gradient(to right,var(--tv-route-paper) 0 var(--tv-route-dash),transparent var(--tv-route-dash) calc(2 * var(--tv-route-dash)));transform-origin:0 50%}[dir=rtl] .tv-howto__step:not(:last-child) .tv-howto__stop:after{transform-origin:100% 50%}.tv-howto__text{max-width:36ch;margin:6px 0 0;color:var(--tv-ink-muted);text-wrap:pretty}.tv-planner-closing__action{margin-top:var(--tv-space-4)}.tv-planner-business{display:block;width:-moz-fit-content;width:fit-content;margin:var(--tv-space-6) auto;padding:10px 12px}@media (max-width:1099px){.tv-pstage{grid-template-columns:minmax(0,340px) minmax(0,1fr)}}@media (max-width:899px){.tv-pstage{grid-template-columns:minmax(0,1fr);grid-template-rows:none}}@media (max-width:767px){.tv-howto{--tv-howto-gap:var(--tv-space-8);grid-template-columns:minmax(0,1fr)}.tv-howto__step{padding-inline-start:24px}.tv-howto__stop{height:16px;margin-bottom:var(--tv-space-2)}.tv-howto__dot{position:absolute;top:5px;inset-inline-start:0}.tv-howto__step:not(:last-child) .tv-howto__stop{margin-inline-end:0}.tv-howto__step:not(:last-child) .tv-howto__stop:after{display:none}.tv-howto__step:not(:last-child):before{content:"";position:absolute;top:17px;bottom:calc(-1 * var(--tv-howto-gap) + 3px);inset-inline-start:2.5px;width:1px;background:repeating-linear-gradient(to bottom,var(--tv-route-paper) 0 var(--tv-route-dash),transparent var(--tv-route-dash) calc(2 * var(--tv-route-dash)));transform-origin:50% 0}}@media (max-width:479px){.tv-psnip__day{grid-template-columns:104px minmax(0,1fr);gap:12px}.tv-psnip__row{grid-template-columns:32px minmax(0,1fr)}.tv-psnip__action{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:no-preference){.tv-planner-chip{transition:background-color var(--tv-ui) var(--tv-ease),border-color var(--tv-ui) var(--tv-ease),translate var(--tv-ui) var(--tv-ease),scale var(--tv-ui) var(--tv-ease)}.tv-planner-chip:is(:hover,:focus-visible){translate:0 -2px}.tv-planner-chip:active{scale:.97}.tv-feature--link{transition:translate var(--tv-ui) var(--tv-ease),box-shadow var(--tv-ui) var(--tv-ease)}.tv-feature--link:is(:hover,:focus-within){translate:0 -2px}.tv-feature__link{transition:color var(--tv-ui) var(--tv-ease)}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=armed] :is(.tv-bubble,.tv-preplies,.tv-day){opacity:0;transform:translateY(8px)}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=armed] .tv-day:after{transform:scaleY(0)}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=in] :is(.tv-bubble,.tv-preplies){animation:tv-line-in var(--tv-tab) var(--tv-ease) calc(.15s + var(--i, 0) * .45s) both}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=in] .tv-write__w{animation-delay:calc(1.1s + var(--w, 0) * 30ms)}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=in] .tv-day{animation:tv-line-in var(--tv-in) var(--tv-ease) calc(1.3s + var(--i, 0) * var(--tv-stagger-rows)) both}:root:not([data-tv-paused]) .tv-pstage[data-tv-inview=in] .tv-day:after{transform-origin:50% 0;transition:transform var(--tv-in) var(--tv-ease-inout) calc(1.5s + var(--i, 0) * var(--tv-stagger-rows))}:root:not([data-tv-paused]) .tv-howto[data-tv-inview=armed] .tv-howto__step{opacity:0;transform:translateY(var(--tv-settle))}:root:not([data-tv-paused]) .tv-howto[data-tv-inview=in] .tv-howto__step{animation:tv-rise var(--tv-in) var(--tv-ease) calc(var(--i, 0) * .24s) both}:root:not([data-tv-paused]) .tv-howto[data-tv-inview=armed] .tv-howto__stop:after{transform:scaleX(0)}:root:not([data-tv-paused]) .tv-howto[data-tv-inview=armed] .tv-howto__step:before{transform:scaleY(0)}:root:not([data-tv-paused]) .tv-howto[data-tv-inview=in] .tv-howto__step:before,:root:not([data-tv-paused]) .tv-howto[data-tv-inview=in] .tv-howto__stop:after{transition:transform var(--tv-in) var(--tv-ease-inout) calc(.2s + var(--i, 0) * .24s)}}