.hp{--hp-turn:8s;position:relative}@media (min-width:1024px){.hp{padding-top:3.25rem}}.hp-chrome{background:#060f24;align-items:flex-end;gap:.9rem;padding:.5rem .6rem 0;display:flex}.hp-chrome .hp-dots{align-self:center;padding:0 .2rem .2rem}.hp-tabs{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;min-width:0;display:grid}.hp-tab{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:11px 11px 0 0;flex-direction:column;gap:.12rem;min-width:0;min-height:2.9rem;padding:.45rem .8rem .55rem;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.hp-tab:hover{background:#ffffff0f}.hp-tab[aria-selected=true]{background:#12244a;border-color:#ffffff1f}.hp-tab:focus-visible{outline-offset:-3px;outline:3px solid #34d399}.hp-tab-ind{font:600 .64rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#34d399}.hp-tab-name{font:600 1.02rem/1.25 var(--font-head);color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-tab[aria-selected=true] .hp-tab-name{color:#fff}.hp-tab-rest{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hp-tab-clock{transform-origin:0;height:3px;animation:hp-clock var(--hp-turn) linear forwards;background:#34d399;position:absolute;inset:0 0 auto;transform:scaleX(0)}.hp:has(:focus-visible) .hp-tab-clock{animation-play-state:paused}@keyframes hp-clock{to{transform:scaleX(1)}}.hp-stage{position:relative}.hp-window{background:#0a1630;border:1px solid #ffffff29;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #000000d9,0 0 0 1px #0003,0 0 80px -20px #34d39938}.hp-bar{background:#12244a;border-bottom:1px solid #ffffff14;align-items:center;gap:.8rem;height:2.4rem;padding:0 .9rem;display:flex}.hp-dots{flex:none;gap:.38rem;display:inline-flex}.hp-dots i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.hp-dots i:nth-child(2){background:#febc2e}.hp-dots i:nth-child(3){background:#28c840}.hp-url{min-width:0;max-width:22rem;font:500 .76rem/1.2 var(--font-mono);color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border-radius:8px;flex:1;align-items:center;gap:.4rem;margin-inline:auto;padding:.3rem .75rem;display:inline-flex;overflow:hidden}.hp-url svg{color:#34d399;flex:none}.hp-live{font:700 .7rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#34d399;flex:none;align-items:center;gap:.4rem;display:inline-flex}.hp-live i{background:#34d399;border-radius:50%;width:8px;height:8px;position:relative}.hp-live i:after{content:"";border:2px solid #34d399;border-radius:50%;animation:1.8s ease-out infinite ws-ping;position:absolute;inset:-4px}@keyframes ws-ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.hp-screen{aspect-ratio:16/10.4;background:#fff;position:relative;overflow:hidden}.hp-shot,.hp-pshot{opacity:0;transition:opacity .7s;position:absolute;inset:0}.hp-shot.is-on,.hp-pshot.is-on{opacity:1}.hp-shot img,.hp-pshot img{will-change:transform;width:100%;height:auto;display:block}.hp-shot.is-on img{animation:hp-scroll var(--hp-turn) var(--ease-sweep) forwards}.hp-pshot.is-on img{animation:hp-pscroll var(--hp-turn) var(--ease-sweep) forwards}.hp.is-manual .hp-shot.is-on img{animation:hp-scroll 9s var(--ease-sweep) infinite alternate}.hp.is-manual .hp-pshot.is-on img{animation:hp-pscroll 9s var(--ease-sweep) infinite alternate}@keyframes hp-scroll{0%,14%{transform:translateY(0)}78%,to{transform:translateY(-34%)}}@keyframes hp-pscroll{0%,18%{transform:translateY(0)}82%,to{transform:translateY(-38%)}}.hp-phone{aspect-ratio:9/18.5;background:#050d1f;border:1px solid #ffffff47;border-radius:24px;width:24%;padding:5px;position:absolute;bottom:-1.5rem;right:-.9rem;box-shadow:0 40px 60px -24px #000000e6,0 0 0 4px #ffffff0a}.hp-phone-screen{background:#fff;border-radius:19px;height:100%;position:relative;overflow:hidden}.hp-chips{flex-direction:column;align-items:flex-start;gap:.45rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:1.4rem;left:-.9rem}.hp-chips li{font:650 .84rem/1.1 var(--font-head);color:#0d1b36;animation:hp-chip .6s var(--ease-out) both;background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem .45rem .6rem;display:inline-flex;box-shadow:0 16px 30px -14px #000000bf}.hp-chips li:nth-child(2){animation-delay:.12s}.hp-chips li:nth-child(3){animation-delay:.24s}.hp-chips svg{color:#087a55}@keyframes hp-chip{0%{opacity:0;transform:translate(-12px)}}.hp-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.25rem;margin-top:2.1rem;padding-right:26%;display:flex}.hp-title{color:#ffffffdb;flex:15rem;font-size:1rem;line-height:1.5}.hp-open{min-height:2.9rem;font:650 .95rem/1 var(--font-head);color:#fff;border:1.5px solid #34d399;border-radius:12px;align-items:center;gap:.5rem;padding:0 1.15rem;transition:background .25s,color .25s;display:inline-flex}.hp-open svg{color:#34d399;transition:transform .3s var(--ease-out), color .25s ease}.hp-open:hover{color:#052a1d;background:#34d399}.hp-open:hover svg{color:#052a1d;transform:translate(2px,-2px)}.hp-open:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:639px){.hp-chrome{padding:.4rem .4rem 0}.hp-chrome .hp-dots{display:none}.hp-tab{padding:.45rem .5rem .55rem}.hp-tab-name{font-size:.86rem}.hp-tab-ind{font-size:.58rem}.hp-live{display:none}.hp-phone{border-radius:16px;width:27%;padding:3px;right:-.25rem}.hp-phone-screen{border-radius:13px}.hp-chips{flex-flow:wrap;margin-top:.85rem;padding-right:29%;position:static}.hp-chips li{padding:.35rem .65rem .35rem .5rem;font-size:.8rem}.hp-chips li:nth-child(3){display:none}.hp-foot{margin-top:1.4rem;padding-right:0}.hp-open{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hp-tab-clock{animation:none;display:none}.hp-shot img,.hp-pshot img,.hp.is-manual .hp-shot.is-on img,.hp.is-manual .hp-pshot.is-on img{animation:none!important}.hp-shot,.hp-pshot{transition:none}.hp-chips li,.hp-live i:after{animation:none}}
.had-kinds{gap:.6rem;margin:1.3rem 0 0;padding:0;list-style:none;display:grid}.had-kind{box-shadow:0 0 0 1px rgb(var(--fg) / .05);transition:background .4s ease, box-shadow .4s ease, transform .4s var(--ease-out);background:#ffffff8c;border:1px solid #ffffffe6;border-radius:18px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.had-kind[data-on]{box-shadow:0 0 0 1.5px rgb(var(--g1) / .45), 0 18px 34px -24px rgb(var(--g1) / .8);background:#fff;transform:translate(4px)}.had-kind-ico{color:#fff;border-radius:13px;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.had-kind-ico.is-ai{background:linear-gradient(135deg, rgb(var(--g3)), #0284c7)}.had-kind-ico.is-auto{background:linear-gradient(135deg, rgb(var(--g1)), rgb(var(--g2)))}.had-kind b{font:650 1.02rem/1.25 var(--font-head);letter-spacing:-.015em;color:rgb(var(--fg));display:block}.had-kind small{color:rgb(var(--mute));margin-top:.15rem;font-size:.88rem;line-height:1.4;display:block}.had-go{flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:1.25rem;display:flex}.had{gap:.9rem;display:grid}.had-top{align-items:center;gap:.75rem;padding:.15rem .25rem 0;display:flex}.had-top-ico{background:linear-gradient(135deg, rgb(var(--g1)), rgb(var(--g3)));color:#fff;border-radius:13px;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.had-top b{font:650 clamp(1.1rem, 1.5vw, 1.3rem)/1.2 var(--font-head);letter-spacing:-.02em;color:rgb(var(--fg));display:block}.had-top small{color:rgb(var(--mute));font-size:.85rem;display:block}.had-count{flex:none;justify-items:end;margin-left:auto;display:grid}.had-count b{font:700 1.6rem/1 var(--font-head);color:rgb(var(--acid));font-variant-numeric:tabular-nums}.had-count small{font:600 .75rem/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--mute))}.had-ruler{padding:1.95rem .5rem .2rem;position:relative}.had-track{background:linear-gradient(90deg, #fde68a8c, rgb(var(--g4) / .4) 45%, rgb(var(--g3) / .35) 70%, #1e3a8a2e);border-radius:99px;height:8px;position:relative}.had-fill{width:var(--p);border-radius:inherit;background:linear-gradient(90deg, rgb(var(--g1)), rgb(var(--g3)));transition:width 1s var(--ease-out);position:absolute;inset:0 auto 0 0}.had-tick{top:50%;left:var(--x);width:10px;height:10px;box-shadow:0 0 0 2px rgb(var(--fg) / .15);background:#fff;border-radius:50%;margin:-5px 0 0 -5px;transition:box-shadow .4s,background .4s;position:absolute}.had-tick[data-on]{box-shadow:0 0 0 2.5px rgb(var(--g1));background:#fff}.had-clock{top:0;left:calc(.5rem + var(--p) * (100% - 1rem) / 100%);background:rgb(var(--fg));font:650 .75rem/1 var(--font-mono);white-space:nowrap;color:#fff;box-shadow:0 8px 16px -8px rgb(var(--fg) / .7);transition:left 1s var(--ease-out);border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .6rem;display:inline-flex;position:absolute;translate:-50%}.had-clock svg{color:#fde047}.had-clock.is-night svg{color:#bfdbfe}.had-hours{font:600 .75rem/1 var(--font-mono);color:rgb(var(--mute));justify-content:space-between;margin-top:.45rem;display:flex}.had-feed{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.had-ev{box-shadow:0 0 0 1px rgb(var(--fg) / .06), 0 12px 24px -20px rgb(var(--fg) / .5);background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.75rem .9rem;display:grid}.had-ev:first-child{box-shadow:0 0 0 1.5px rgb(var(--g1) / .4), 0 18px 34px -22px rgb(var(--g1) / .7)}.had-app{color:#fff;border-radius:12px;place-items:center;width:2.5rem;height:2.5rem;display:grid}.had-app[data-tone=teal]{background:linear-gradient(135deg, rgb(var(--g1)), rgb(var(--g2)))}.had-app[data-tone=blue]{background:#1877f2}.had-app[data-tone=sky]{background:linear-gradient(135deg, rgb(var(--g3)), #0284c7)}.had-app[data-tone=amber]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.had-app[data-tone=red]{background:linear-gradient(135deg,#f87171,#dc2626)}.had-app[data-tone=emerald]{background:linear-gradient(135deg,#34d399,#059669)}.had-app[data-tone=night]{background:linear-gradient(135deg,#38bdf8,#1e40af)}.had-txt{gap:.15rem;min-width:0;display:grid}.had-meta{font:600 .75rem/1.2 var(--font-mono);color:rgb(var(--mute));flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.had-meta em{background:rgb(var(--fg) / .05);border-radius:99px;padding:.12rem .45rem;font-style:normal}.had-meta em.is-ai{background:rgb(var(--g3) / .14);color:#0369a1}.had-meta em.is-auto{background:rgb(var(--g1) / .13);color:rgb(var(--acid))}.had-what{font:620 .98rem/1.3 var(--font-head);letter-spacing:-.01em;color:rgb(var(--fg))}.had-did{color:rgb(var(--acid));align-items:flex-start;gap:.35rem;font-size:.9rem;line-height:1.35;display:flex}.had-did svg{flex:none;margin-top:.15rem}.had-done{background:rgb(var(--g1) / .14);width:1.6rem;height:1.6rem;color:rgb(var(--acid));border-radius:50%;flex:none;place-items:center;display:grid}.had[data-play] .had-ev:first-child{animation:had-in .6s var(--ease-out) backwards}.had[data-play] .had-ev:first-child .had-did{animation:had-say .45s var(--ease-out) .55s backwards}.had[data-play] .had-ev:first-child .had-done{animation:.45s cubic-bezier(.34,1.56,.64,1) .9s backwards had-pop}@keyframes had-in{0%{opacity:0;transform:translateY(-14px)scale(.98)}}@keyframes had-say{0%{opacity:0;transform:translate(-6px)}}@keyframes had-pop{0%{opacity:0;transform:scale(.4)}}@media (max-width:639px){.had-ev{gap:.65rem;padding:.7rem}.had-app{width:2.2rem;height:2.2rem}.had-hours span:nth-child(2n){visibility:hidden}}@media (prefers-reduced-motion:reduce){.had *,.had-kind{transition:none!important;animation:none!important}}.had-app[data-tone=blue]{box-shadow:inset 0 0 0 1px rgb(var(--fg) / .08);background:#fff}.had-lead{max-width:34rem;color:rgb(var(--mute));margin-top:.7rem;font-size:1rem;line-height:1.55}.had-kind{align-items:flex-start}.had-tags{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.had-tags em{background:rgb(var(--fg) / .05);font:600 .78rem/1.1 var(--font-head);color:rgb(var(--soft));transition:background .35s ease, color .35s ease, box-shadow .35s ease, transform .35s var(--ease-out);border-radius:99px;padding:.28rem .6rem;font-style:normal}.had-tags em[data-on]{background:rgb(var(--acid));color:#fff;box-shadow:0 8px 16px -8px rgb(var(--g1));transform:translateY(-1px)}