.live-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.live-home,.live-stage{background:var(--token-color-night-turf);min-height:100dvh;color:var(--token-color-foreground);padding-inline:var(--token-space-x4);padding-bottom:var(--token-space-x10)}.live-bar{max-width:720px;padding-block:var(--token-space-x3);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}:root{--live-topbar-height:calc(var(--token-metric-target) + 2 * var(--token-space-x3))}.live-topbar{top:0;z-index:1;max-width:740px;padding-inline:var(--token-space-x4);position:absolute;inset-inline:0}.live-topbar+.answer-ground{padding-top:calc(var(--live-topbar-height) + var(--token-space-x2))}.live-stage{padding-top:var(--live-topbar-height)}.live-home-link{min-height:var(--token-metric-target);border-radius:var(--token-radius-tile);align-items:center;display:flex}.live-home-link:focus-visible,.live-icon-button:focus-visible{outline:var(--token-metric-sticker-rim) solid var(--token-color-foreground);outline-offset:var(--token-space-x0_5)}.live-icon-button{width:var(--token-metric-target);height:var(--token-metric-target);border-radius:var(--token-radius-pill);color:var(--token-color-foreground);transition:transform var(--token-duration-press) var(--token-easing-press);place-items:center;display:grid}.live-icon-button:active{transform:scale(var(--token-press-scale-regular))}.live-hero,.live-hits,.live-recent,.live-footer{max-width:720px;margin-inline:auto}.live-column{max-width:calc(740px - 2 * var(--token-space-x4));margin-inline:auto}.live-hero{gap:var(--token-space-x4);padding-top:var(--token-space-x10);flex-direction:column;display:flex}.live-chip{border-radius:var(--token-radius-pill);background:var(--token-color-raised);padding:var(--token-space-x1) var(--token-space-x3);font-size:var(--token-type-size-micro);font-weight:var(--token-font-weight-semibold);align-self:flex-start}.live-h1{font-size:var(--token-type-size-display-sm);font-weight:var(--token-font-weight-bold);line-height:1.2}@media (min-width:600px){.live-h1{font-size:var(--token-type-size-display-md)}}.live-lede{color:var(--token-color-muted-foreground);font-size:var(--token-type-size-lede);line-height:var(--token-line-height-lede)}.live-ask{gap:var(--token-space-x2);flex-direction:column;display:flex}.live-ask-field{align-items:flex-end;gap:var(--token-space-x2);border:var(--token-metric-sticker-rim) solid var(--token-color-sticker-rim);border-radius:var(--token-radius-card);background:var(--card-surface,var(--token-color-card));padding:var(--token-space-x3);display:flex}.live-ask-field:focus-within{outline:var(--token-metric-sticker-rim) solid var(--token-color-ring);outline-offset:var(--token-space-x0_5)}.live-ask textarea{resize:none;min-width:0;min-height:1lh;color:var(--token-color-foreground);font:inherit;font-size:var(--token-type-size-lede);line-height:var(--token-line-height-lede);field-sizing:content;margin-block:calc((var(--token-metric-target) - 1lh) / 2);background:0 0;border:0;outline:none;flex:1;padding:0}.live-ask textarea::placeholder{color:var(--token-color-faint)}.live-ask.is-bar .live-ask-field{gap:var(--token-space-x1);padding:var(--token-space-x1) var(--token-space-x1) var(--token-space-x1) var(--token-space-x4)}.live-ask.is-bar textarea,.live-ask.is-compact textarea{font-size:var(--token-type-size-body);line-height:var(--token-line-height-body)}.live-ask.is-compact textarea{field-sizing:fixed}.live-working .stage-question-row{--live-pill-slot:var(--token-space-x12);display:grid}.live-working .stage-question-row[data-long-run]{--live-pill-slot:var(--token-space-x16)}.live-working .stage-question-row>*{grid-area:1/1}.live-working .stage-question-row .runtime-pill{z-index:1;min-width:var(--live-pill-slot);margin:calc(var(--token-metric-sticker-rim) + var(--token-space-x1) + (var(--token-metric-target) - var(--token-space-chip)) / 2) 0 0 calc(var(--token-metric-sticker-rim) + var(--token-space-x4));pointer-events:none;justify-content:center;place-self:start}.live-working .stage-question-row textarea{text-indent:calc(var(--live-pill-slot) + var(--token-space-x2))}.live-send{width:var(--token-metric-target);height:var(--token-metric-target);border-radius:var(--token-radius-pill);background:var(--token-color-primary);color:var(--token-color-primary-foreground);transition:transform var(--token-duration-press) var(--token-easing-press);flex-shrink:0;place-items:center;display:grid}.live-send:active:not(:disabled){transform:scale(var(--token-press-scale-regular))}.live-send:disabled{background:var(--card-raised,var(--token-color-raised));color:var(--token-color-faint)}.live-send:focus-visible{outline:var(--token-metric-sticker-rim) solid var(--token-color-foreground);outline-offset:var(--token-space-x0_5)}.live-hints,.live-micro{color:var(--token-color-muted-foreground);font-size:var(--token-type-size-micro);line-height:1.4}.live-hits{padding-top:var(--token-space-x10)}.live-hits ul{gap:var(--token-space-x3);scroll-snap-type:x mandatory;margin-top:var(--token-space-x3);padding-bottom:var(--token-space-x2);grid-auto-columns:78%;grid-auto-flow:column;display:grid;overflow-x:auto}.live-hits li{scroll-snap-align:start}@media (min-width:640px){.live-hits ul{grid-template-columns:1fr 1fr;grid-auto-flow:row;overflow:visible}}.live-footer{padding-top:var(--token-space-x10);color:var(--token-color-muted-foreground);font-size:var(--token-type-size-micro)}.live-footer a{text-decoration:underline}.live-column{gap:var(--token-space-x4);padding-top:var(--token-space-x2);flex-direction:column;display:flex}.live-steps{gap:var(--token-space-x3);flex-direction:column;display:flex}.live-step{align-items:center;gap:var(--token-space-x3);font-size:var(--token-type-size-body);display:flex}.live-step.is-pending{color:var(--token-color-faint)}.live-badge{width:var(--token-space-x8);height:var(--token-space-x8);border:2px solid var(--token-color-border-strong);border-radius:var(--token-radius-pill);font-size:var(--token-type-size-micro);font-weight:var(--token-font-weight-bold);flex-shrink:0;place-items:center;display:grid;position:relative}.live-badge.is-active{border-color:var(--token-color-pop-sky);background:var(--token-color-pop-sky);color:var(--token-color-pop-sky-ink)}.live-badge.is-active:before{content:"";border:2px solid var(--token-color-pop-sky);border-radius:inherit;border-right-color:#0000;animation:1s linear infinite live-spin;position:absolute;inset:-5px}.live-badge.is-done{border-color:var(--token-color-turf-bright);background:var(--token-color-turf-bright);color:var(--token-color-turf-ink)}.live-badge.is-failed{border-color:var(--token-color-blitz);color:var(--token-color-blitz)}@keyframes live-spin{to{rotate:1turn}}.live-status{color:var(--token-color-muted-foreground);font-size:var(--token-type-size-detail)}.live-named ul{gap:var(--token-space-x2);margin-top:var(--token-space-x2);flex-wrap:wrap;display:flex}.live-named li,.live-chips li{border-radius:var(--token-radius-pill);background:var(--card-raised,var(--token-color-raised));padding:var(--token-space-x1) var(--token-space-x3);font-size:var(--token-type-size-detail)}.live-work-row{place-self:flex-start start;align-items:center;gap:var(--token-space-x2);min-height:var(--token-metric-target);border-radius:var(--token-radius-pill);background:var(--card-raised,var(--token-color-raised));color:var(--token-color-foreground);padding-inline:var(--token-space-x4) var(--token-space-x3);font:inherit;font-weight:var(--token-font-weight-semibold);white-space:nowrap;transition:transform var(--token-duration-press) var(--token-easing-press);display:flex}.live-work-row svg{flex:none}.live-work-row[data-pressed]{transform:scale(var(--token-press-scale-regular))}.live-work-row[data-focus-visible]{outline:var(--token-metric-sticker-rim) solid var(--token-color-foreground);outline-offset:var(--token-space-x0_5)}.live-work-sub{color:var(--token-color-muted-foreground);font-size:var(--token-type-size-detail);font-weight:var(--token-font-weight-regular,400)}@media (max-width:359px){.live-work-sub{display:none}}.live-body{color:var(--token-color-muted-foreground);font-size:var(--token-type-size-body);line-height:var(--token-line-height-body);overflow-wrap:anywhere}.live-failure .card-content,.live-early .card-content{gap:var(--token-space-x3);padding-block:var(--token-inset-card-compact);flex-direction:column;display:flex}.live-actions{gap:var(--token-space-x2);flex-wrap:wrap;display:flex}.live-actions .live-try{border-radius:var(--token-radius-card);padding-block:var(--token-space-x2);text-align:start;justify-content:flex-start}.live-draft{gap:var(--token-space-x1);flex-direction:column;display:flex}.live-code{border-radius:var(--token-radius-card);background:var(--ground,var(--token-color-night-turf));padding:var(--token-space-x3);font-size:var(--token-type-size-micro);white-space:pre;line-height:1.6;overflow-x:auto}.live-ground-title{font-size:var(--token-type-size-title);font-weight:var(--token-font-weight-bold);line-height:var(--token-line-height-title);margin:0}.answer-page{isolation:isolate;background:var(--ground,var(--token-color-night-turf));min-height:100svh;position:relative}.answer-page>.answer-ground{isolation:auto;background:0 0;min-height:0;position:static}.live-after{padding-bottom:var(--token-space-x4)}.live-explore ul{gap:var(--token-space-x2);margin-top:var(--token-space-x2);flex-direction:column;display:flex}.live-explore a{border-radius:var(--token-radius-card);background:var(--card-raised,var(--token-color-raised));padding:var(--token-space-x3) var(--token-space-x3) var(--token-space-x3) var(--token-space-x4);transition:transform var(--token-duration-press) var(--token-easing-press);display:flow-root}.live-explore-send{float:right;width:var(--token-space-x8);height:var(--token-space-x8);margin-block:calc((1lh - var(--token-space-x8)) / 2);border-radius:var(--token-radius-pill);background:var(--token-color-primary);color:var(--token-color-primary-foreground);place-items:center;margin-inline-start:var(--token-space-x3);display:grid}.live-explore a:active{transform:scale(var(--token-press-scale-regular))}.live-scrim{z-index:20;background:var(--token-color-scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.live-sheet{border-radius:var(--token-radius-card) var(--token-radius-card) 0 0;background:var(--card-surface,var(--token-color-popover));width:100%;max-height:88dvh;color:var(--token-color-foreground);overflow-y:auto}@media (min-width:768px){.live-scrim{align-items:center}.live-sheet{border-radius:var(--token-radius-card);max-width:512px}}.live-scrim[data-entering]{animation:live-fade var(--token-duration-normal) var(--token-easing-out)}.live-scrim[data-exiting]{animation:live-fade var(--token-duration-exit) var(--token-easing-out) reverse}.live-sheet-body{gap:var(--token-space-x4);padding:var(--token-space-x5);outline:none;flex-direction:column;display:flex}.live-sheet-h{font-size:var(--token-type-size-body);font-weight:var(--token-font-weight-bold);margin-bottom:var(--token-space-x2)}.live-chips{gap:var(--token-space-x2);flex-wrap:wrap;display:flex}.live-method{gap:var(--token-space-x2);font-size:var(--token-type-size-detail);flex-direction:column;display:flex}.live-method dt{font-weight:var(--token-font-weight-semibold)}.live-method dd{color:var(--token-color-muted-foreground)}:root{--live-dock-height:calc(var(--token-space-x14) + 2 * var(--token-space-x3) + env(safe-area-inset-bottom))}.live-dock{z-index:10;padding:var(--token-space-x3) var(--token-space-x3) calc(var(--token-space-x3) + env(safe-area-inset-bottom));opacity:0;transform:translateY(var(--token-space-x4));transition:opacity var(--token-duration-exit) var(--token-easing-out), transform var(--token-duration-exit) var(--token-easing-out);position:sticky;bottom:0}.live-dock[data-shown]{opacity:1;transition-duration:var(--token-duration-normal);transform:none}.answer-page:has(>.live-dock){overflow-y:clip}:root:has(.live-dock){scroll-padding-bottom:calc(var(--live-dock-height) + var(--token-space-x2))}.live-dock .live-ask{max-width:720px;margin-inline:auto}.live-dock .live-ask.is-compact .live-ask-field{border-radius:var(--token-radius-pill);background:var(--card-raised,var(--token-color-raised));box-shadow:var(--token-shadow-floating);padding:var(--token-space-x1_5) var(--token-space-x1_5) var(--token-space-x1_5) var(--token-space-x4);border:0}.live-dock .live-ask.is-compact .live-send:disabled{background:var(--card-surface,var(--token-color-card))}@keyframes live-fade{0%{opacity:0}}::view-transition-old(.statline-working-exit){animation:live-fade var(--token-duration-exit) var(--token-easing-out) reverse both}html[data-arrive] .answer-ground .answer-card{opacity:0}@media (prefers-reduced-motion:reduce){.live-badge.is-active:before{animation:none}.live-dock,.live-dock[data-shown]{transform:none}.live-send:active:not(:disabled),.live-icon-button:active,.live-explore a:active,.live-work-row[data-pressed]{opacity:.8;transform:none}}.live-recent{align-items:flex-start;gap:var(--token-space-x3);padding-top:var(--token-space-x10);flex-direction:column;display:flex}.live-recent ul{border:var(--token-metric-sticker-rim) solid var(--token-color-sticker-rim);border-radius:var(--token-radius-card);background:var(--token-color-card);box-shadow:var(--token-shadow-sticker);align-self:stretch;overflow:clip}.live-recent li+li{border-top:var(--token-metric-stroke) solid var(--token-color-stroke)}.live-recent li a{justify-content:space-between;align-items:center;gap:var(--token-space-x3);min-height:var(--token-space-x16);padding:var(--token-space-x2) var(--token-space-x4);color:var(--token-color-faint);display:flex}.live-recent li a>span{gap:var(--token-space-x0_5);min-width:0;display:grid}.live-recent li a:active{background:var(--token-color-raised)}.live-recent li a:focus-visible{outline:var(--token-metric-sticker-rim) solid var(--token-color-foreground);outline-offset:calc(-1 * var(--token-metric-sticker-rim))}.live-recent-question{-webkit-line-clamp:2;color:var(--token-color-foreground);font-weight:var(--token-font-weight-semibold);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
