.tl-battery{display:block;width:100%;aspect-ratio:2.35 / 1}.tl-battery--vertical{aspect-ratio:1 / 2.1}.tl-battery-hero{display:grid;gap:28px;justify-items:center}.tl-battery-hero>.tl-battery{max-width:560px;filter:drop-shadow(0 30px 40px rgba(0,187,124,.12))}.tl-typestrip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;padding:0;list-style:none}.tl-typestrip li{padding:9px 16px;border-radius:999px;background:var(--tl-white);box-shadow:var(--tl-lift);font-size:16px;font-weight:600;animation:tl-lift-in .8s var(--tl-ease) both;animation-delay:calc(.3s + var(--i) * 80ms)}.tl-typestrip li:nth-child(3n+1){background:var(--tl-tint)}.tl-guess{width:100%;max-width:520px;display:grid;gap:16px;padding:24px;border-radius:32px;background:var(--tl-white);box-shadow:var(--tl-lift)}.tl-guess__reveal .tl-battery{max-width:300px}.tl-battery-stage__visual{display:grid;justify-items:center;gap:6px;padding:4px 0 10px}.tl-battery-stage__visual .tl-battery{max-width:220px}.tl-battery-stage__note{display:none}@media (min-width: 1024px){.tl-battery-stage__visual .tl-battery{max-width:440px}.tl-battery-stage__note{display:block}}.tl-battery-result{padding:128px 0 40px;background:radial-gradient(1200px 520px at 80% 0%,var(--tl-tint) 0%,transparent 60%),var(--tl-linen)}@media (min-width: 1024px){.tl-battery-result{padding:160px 0 64px}}.tl-battery-result__grid{display:grid;gap:36px;align-items:center}@media (min-width: 1024px){.tl-battery-result__grid{grid-template-columns:1fr 1fr;gap:64px}}.tl-battery-result__head{display:grid;gap:14px}.tl-battery-result__name{font-size:clamp(38px,13vw,72px)}.tl-battery-result__tagline{font-family:var(--font-feature-deck);font-size:clamp(26px,5vw,34px);line-height:1.2;color:var(--tl-ink);animation:tl-in .7s var(--tl-ease) .7s both}.tl-battery-result__visual{display:grid;gap:18px}.tl-battery-result__hours{display:flex;align-items:flex-end;gap:14px;animation:tl-in .7s var(--tl-ease) .9s both}.tl-battery-result__num{font-family:var(--font-feature-deck);font-size:clamp(76px,18vw,132px);line-height:.82;letter-spacing:-.04em}.tl-battery-result__unit{font-size:18px;font-weight:600;line-height:1.25;max-width:10em;padding-bottom:6px}.tl-evening-bar{position:relative;display:grid;gap:10px;padding-bottom:26px;margin-top:6px}.tl-evening-bar__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.tl-evening-bar[data-count="1"] .tl-evening-bar__row{grid-template-columns:1fr}.tl-evening-bar__who{min-width:64px;font-size:14px;font-weight:600}.tl-evening-bar__track{position:relative;height:40px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--tl-linen) 0 calc(100% / 9 - 2px),var(--tl-fold) calc(100% / 9 - 2px) calc(100% / 9))}.tl-evening-bar__fill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--tl-accent);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:tl-grow 1.1s var(--tl-ease) 1.2s both;transform-origin:left}.tl-evening-bar__fill[data-i="1"]{background:var(--tl-ink);color:var(--tl-white)}.tl-evening-bar__time{font-size:14px;font-weight:600;white-space:nowrap;padding:0 10px}.tl-evening-bar{--label: 0px}.tl-evening-bar[data-count="2"]{--label: 76px}.tl-evening-bar__overlap{position:absolute;top:-6px;bottom:20px;left:calc(var(--label) + (100% - var(--label)) * var(--from));width:calc((100% - var(--label)) * (var(--to) - var(--from)));border-radius:16px;border:2px dashed var(--tl-ink);pointer-events:none;z-index:1}.tl-evening-bar__axis{position:absolute;left:0;right:0;bottom:0;height:18px;font-size:14px;color:var(--tl-walnut)}.tl-evening-bar[data-count="2"] .tl-evening-bar__axis{left:76px}.tl-evening-bar__axis span{position:absolute;transform:translate(-50%);white-space:nowrap}.tl-pair{display:grid;gap:28px}.tl-pair__batteries{display:flex;justify-content:center;gap:clamp(24px,8vw,96px)}.tl-pair__one{display:grid;justify-items:center;gap:6px;width:min(180px,40vw);text-align:center}.tl-pair__one .tl-battery{width:62%}.tl-pair__who{margin-top:8px;font-size:14px;font-weight:600;color:var(--tl-walnut)}.tl-pair__type{font-family:var(--font-feature-deck);font-size:26px;line-height:1.1}.tl-battery-result__portrait{margin-top:0}.tl-twofacts{display:grid;gap:24px;margin:32px 0 0}@media (min-width: 640px){.tl-twofacts{grid-template-columns:1fr 1fr;gap:40px}}.tl-twofacts dt{font-size:14px;font-weight:600;color:var(--tl-walnut)}.tl-twofacts dd{display:grid;gap:6px;margin:6px 0 0}.tl-twofacts strong{font-family:var(--font-feature-deck);font-weight:500;font-size:26px;line-height:1.1}.tl-twofacts span{font-size:16px;line-height:1.5;color:var(--tl-walnut)}.tl-battery-window{display:grid;gap:8px;margin-top:36px}.tl-evening__action{display:grid;justify-items:start;margin-top:24px}.tl-evening__action .tl-next{width:100%}.tl-friendname{max-width:360px;margin-top:16px}