.hh{--hh-accent:var(--vn-accent);--hh-accent-strong:var(--vn-accent-strong);--hh-accent-soft:var(--vn-accent-soft);--hh-ink:var(--vn-ink);--hh-muted:var(--vn-muted);--hh-border:var(--vn-border);--hh-card-radius:16px;--hh-control-radius:12px;--hh-header-height:3.5rem;background:radial-gradient(70% 54% at 88% 3%, color-mix(in oklch, var(--hh-accent) 9%, transparent), transparent 72%), linear-gradient(180deg, #fff 0%, #f3f7fd 100%);color:var(--hh-ink);position:relative;overflow-x:clip}.hh-display{font-family:var(--font-serif-display), Georgia, serif;letter-spacing:-.025em;font-weight:600}.hh :where(button,a,textarea,input,summary,[tabindex]):focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}.hh-in{width:min(100%,80rem);min-height:calc(100svh - var(--hh-header-height));grid-template-areas:"left""showcase";gap:.8rem;margin-inline:auto;padding:1rem .8rem 1.2rem;display:grid}.hh-left{grid-area:left;min-width:0}.hh-showcase{flex-direction:column;grid-area:showcase;align-self:center;gap:.55rem;min-width:0;display:flex}.hh-kicker{width:fit-content;color:var(--hh-accent-strong);align-items:center;gap:.48rem;font-size:.75rem;font-weight:750;display:inline-flex}.hh-kicker:before{background:linear-gradient(90deg, var(--hh-accent), transparent);content:"";border-radius:999px;width:2rem;height:2px}.hh-h1{color:var(--hh-ink);text-wrap:balance;margin:.65rem 0 0;font-size:clamp(1.85rem,4.2vw,3.15rem);line-height:1.07}.hh-sub{max-width:35rem;color:var(--hh-muted);margin:.65rem 0 0;font-size:.92rem;line-height:1.48}.hh-composer{margin-top:.72rem;scroll-margin-top:5rem}.hh-tiles{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:1.6rem;min-width:0;padding-block:.15rem .35rem;display:grid;overflow-x:auto}.hh-tiles::-webkit-scrollbar{display:none}.intake-textarea{scrollbar-width:none}.intake-textarea::-webkit-scrollbar{display:none}.hh-page{scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.7rem .8rem;min-width:0;display:grid}.hh-tile{gap:.32rem;min-width:0;display:grid}.hh-pager{justify-content:center;align-items:center;gap:.8rem;display:flex}.hh-pager button{border:1px solid var(--hh-border);width:2.1rem;height:2.1rem;color:var(--hh-muted);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.hh-pager button:hover:not(:disabled){border-color:color-mix(in oklch, var(--hh-accent) 50%, var(--hh-border));background:var(--hh-accent-soft);color:var(--hh-accent-strong)}.hh-pager button:disabled{cursor:default;opacity:.35}.hh-pager-dots{gap:.4rem;display:flex}.hh-pager-dots i{background:color-mix(in oklch, var(--hh-muted) 32%, transparent);border-radius:999px;width:.45rem;height:.45rem;transition:background .16s}.hh-pager-dots i[data-active]{background:var(--hh-accent)}.hh-tile-card{aspect-ratio:16/9;border:1px solid color-mix(in oklch, var(--hh-border) 76%, #b9c9e7);cursor:pointer;background:#eef1f7;border-radius:12px;width:100%;padding:0;transition:box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 26px #1824371f;box-shadow:0 10px 26px lab(13.9286% -.222996 -14.2876/.12)}.hh-tile-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hh-tile-slide{clip-path:inset(0 100% 0 0);transition:clip-path .3s;display:block;position:absolute;inset:0}.hh-tile-slide[data-bare]{clip-path:none}.hh-tile-slide .vn-slide{width:100%;height:100%;display:block}.hh-tile-scrim{opacity:0;background:linear-gradient(#0000 58%,#0f172a6b);transition:opacity .22s;position:absolute;inset:0}.hh-tile-eye{z-index:3;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem;transform:translateY(4px)}.hh-tile-caption{width:fit-content;max-width:100%;color:var(--hh-muted);text-overflow:ellipsis;white-space:nowrap;padding-bottom:2px;font-size:.72rem;font-weight:650;transition:color .2s;position:relative;overflow:hidden}.hh-tile-caption:after{background:var(--hh-accent);content:"";transform-origin:0;border-radius:999px;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hh-tile:hover .hh-tile-card,.hh-tile:focus-within .hh-tile-card,.hh-tile[data-open] .hh-tile-card{box-shadow:0 14px 34px #1824372e;box-shadow:0 14px 34px lab(13.9286% -.222996 -14.2876/.18)}.hh-tile:hover .hh-tile-slide,.hh-tile:focus-within .hh-tile-slide,.hh-tile[data-open] .hh-tile-slide{clip-path:inset(0)}.hh-tile:hover .hh-tile-scrim,.hh-tile:focus-within .hh-tile-scrim,.hh-tile[data-open] .hh-tile-scrim,.hh-tile:hover .hh-tile-eye,.hh-tile:focus-within .hh-tile-eye,.hh-tile[data-open] .hh-tile-eye{opacity:1;transform:none}.hh-tile:hover .hh-tile-caption,.hh-tile:focus-within .hh-tile-caption,.hh-tile[data-open] .hh-tile-caption{color:var(--hh-ink)}.hh-tile:hover .hh-tile-caption:after,.hh-tile:focus-within .hh-tile-caption:after,.hh-tile[data-open] .hh-tile-caption:after{transform:scaleX(1)}.hh-spotlight{z-index:40;background:#070b1473;background:lab(2.98718% -.0104383 -4.71938/.45);animation:.22s both hh-spot-in;position:fixed;inset:0}@keyframes hh-spot-in{0%{opacity:0}to{opacity:1}}.hh-composer[data-spot]{z-index:45;position:relative}.hh-composer[data-spot] .intake{box-shadow:0 0 0 3px color-mix(in oklch, var(--hh-accent) 55%, transparent), 0 18px 48px #00000038}@supports (color:lab(0% 0 0)){.hh-composer[data-spot] .intake{box-shadow:0 0 0 3px color-mix(in oklch, var(--hh-accent) 55%, transparent), 0 18px 48px lab(0% 0 0/.22)}}@media (min-width:768px){.hh{--hh-header-height:4rem}.hh-in{gap:1rem;padding:1.25rem 1.5rem 1.5rem}.hh-tiles{width:min(44rem,100%);margin-inline:auto}}@media (min-width:1024px){.hh-in{grid-template:"left showcase"minmax(0,1fr)/minmax(0,1.08fr) minmax(25rem,.92fr);align-items:center;gap:.85rem 2.15rem;padding-inline:2rem}.hh-tiles{width:100%}}@media (max-width:767px){.hh-in{gap:.55rem;padding-block:.65rem .75rem}.hh-kicker,.hh-sub{display:none}.hh-h1{margin-top:0}.hh-composer .intake{gap:.65rem;padding:.72rem}.hh-composer textarea#topic{height:4.5rem;max-height:4.5rem;padding:.72rem;font-size:.9rem}.hh-composer .intake-fieldbar{padding:.35rem .55rem}.hh-composer .intake-count{text-overflow:ellipsis;white-space:nowrap;max-width:9.5rem;overflow:hidden}.hh-tiles{scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-auto-columns:min(16rem,74vw);gap:.6rem;padding:.1rem .1rem .4rem}.hh-page{display:contents}.hh-tile{scroll-snap-align:start}.hh-pager{display:none}}@media (min-width:768px) and (max-height:759px){.hh-in{row-gap:.55rem;padding-block:.7rem .8rem}.hh-kicker{display:none}.hh-h1{margin-top:0;font-size:clamp(1.9rem,3.5vw,2.45rem)}.hh-sub{margin-top:.38rem;font-size:.8rem;line-height:1.38}.hh-composer{margin-top:.48rem}.hh-composer .intake{gap:.5rem;padding:.72rem}.hh-composer textarea#topic{height:5rem;max-height:5rem;padding-block:.7rem}.hh-composer .intake-fieldbar{padding-block:.35rem}.hh-composer .intake-volume,.hh-composer .intake-volume-trigger,.hh-composer .character-selector--inline,.hh-composer .character-selector--inline .character-selector__segments button{height:2rem;min-height:2rem}.hh-composer .intake-cta{height:2.65rem}.hh-showcase{gap:.32rem}.hh-tiles{width:min(30rem,100%);margin-inline:auto}.hh-page{gap:.45rem .55rem}}@media (max-width:767px) and (max-height:640px){.hh-in{gap:.34rem;max-width:100%;padding:.35rem .45rem .45rem;overflow-x:hidden}.hh-kicker,.hh-sub,.hh-composer .intake-count{display:none}.hh-h1{margin:0;font-size:clamp(1.32rem,6vw,1.65rem);line-height:1.02}.hh-composer{margin-top:.3rem}.hh-composer .intake{gap:.28rem;padding:.42rem}.hh-composer textarea#topic{height:4.75rem;max-height:4.75rem;padding:.5rem .65rem;font-size:.78rem;line-height:1.35}.hh-composer .intake-fieldbar{min-height:1.85rem;padding:.18rem .42rem}.hh-composer .intake-chip{min-height:1.75rem;padding:.2rem .55rem;font-size:.65rem}.hh-composer .intake-options{gap:.25rem}.hh-composer .intake-promise{font-size:.6rem;line-height:1.25}.hh-composer .intake-volume{min-height:1.9rem}.hh-composer .intake-volume-trigger,.hh-composer .character-selector--inline .character-selector__segments button{height:1.9rem;min-height:1.9rem;padding-inline:.65rem;font-size:.7rem}.hh-composer .intake-volume-trigger{min-width:6.4rem}.hh-composer .character-selector--inline{min-height:1.9rem}.hh-composer .intake-seg-label,.hh-composer .character-selector--inline .character-selector__intro strong{font-size:.67rem}.hh-composer .intake-cta{height:2.75rem;min-height:2.75rem;font-size:.78rem}.hh-composer .intake-feedback-slot{height:auto;min-height:.7rem;font-size:.58rem;line-height:.7rem;overflow:visible}.hh-showcase{gap:.2rem}.hh-tiles{grid-auto-columns:min(11.25rem,74vw);gap:.4rem}.hh-tile-card{border-radius:9px;box-shadow:0 6px 18px #1824371f;box-shadow:0 6px 18px lab(13.9286% -.222996 -14.2876/.12)}.hh-tile-eye{width:1.6rem;height:1.6rem;bottom:.3rem;right:.3rem}.hh-tile-caption{font-size:.6rem}}.hh[data-keyboard=true] .hh-in{min-height:0;max-height:var(--hh-visual-viewport-height,100dvh);overscroll-behavior:contain;grid-template:"left"/minmax(0,1fr);align-content:start;overflow:hidden auto}.hh[data-keyboard=true] .hh-kicker,.hh[data-keyboard=true] .hh-sub,.hh[data-keyboard=true] .hh-showcase{display:none}.hh[data-keyboard=true] .hh-h1{margin-top:0;font-size:clamp(1.3rem,5vw,1.75rem);line-height:1.02}.hh[data-keyboard=true] .hh-composer{margin-top:.3rem}.hh[data-keyboard=true] .hh-composer .intake-submit{z-index:5;background:linear-gradient(#0000,#fff .2rem);padding-top:.2rem;position:sticky;bottom:0}.hh-lightbox{z-index:60;background:#04070f9e;background:lab(1.93535% .0462234 -3.63726/.62);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.hh-lightbox-panel{border-radius:var(--hh-card-radius);background:#f5f7fb;flex-direction:column;width:min(58rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059;box-shadow:0 30px 80px lab(0% 0 0/.35)}.hh-lightbox-head{border-bottom:1px solid var(--hh-border);background:#fff;align-items:center;gap:.9rem;padding:.8rem 1.1rem;display:flex}.hh-lightbox-title{flex:1;min-width:0}.hh-lightbox-title b,.hh-lightbox-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hh-lightbox-title b{font-size:.94rem;font-weight:650}.hh-lightbox-title small{color:var(--hh-muted);font-size:.77rem}.hh-lightbox-cta,.hh-lightbox-close{border-radius:var(--hh-control-radius);white-space:nowrap;justify-content:center;align-items:center;height:2.5rem;display:inline-flex}.hh-lightbox-cta{background:var(--hh-accent);color:#fff;border:0;gap:.4rem;padding-inline:1.1rem;font-size:.86rem;font-weight:650}.hh-lightbox-close{border:1px solid var(--hh-border);width:2.5rem;color:var(--hh-muted);background:#fff;border-radius:999px;flex:none}.hh-lightbox-body{overscroll-behavior:contain;flex-direction:column;gap:.9rem;padding:1.1rem;display:flex;overflow-y:auto}.hh-lightbox-slide{border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000001a,0 0 0 1px #0000000f;box-shadow:0 6px 20px lab(0% 0 0/.1),0 0 0 1px lab(0% 0 0/.06)}.hh-lightbox-num{z-index:3;color:#fff;background:#0000008c;background:lab(0% 0 0/.55);border-radius:7px;padding:.08rem .5rem;font-size:.72rem;font-weight:650;position:absolute;top:.5rem;left:.5rem}.hh-lightbox-foot{border-top:1px solid var(--hh-border);color:var(--hh-muted);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1.1rem;font-size:.8rem;line-height:1.4;display:flex}@media (max-width:759px){.hh-lightbox{padding:0}.hh-lightbox-panel{border-radius:0;width:100%;max-height:100dvh}}@media (max-width:559px){.hh-lightbox-head{flex-wrap:wrap;gap:.6rem}.hh-lightbox-title{flex-basis:calc(100% - 3.3rem);order:1}.hh-lightbox-close{order:2}.hh-lightbox-cta{flex-basis:100%;order:3}.hh-lightbox-foot span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (pointer:coarse){.hh-lightbox-close{min-width:2.75rem;min-height:2.75rem}}@media (hover:none){.hh-esc{display:none}}@media (prefers-reduced-motion:reduce){.hh *,.hh :before,.hh :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
.hiw-cell{min-width:0}.hiw-screen{isolation:isolate;background:#f5f7fb;position:relative;overflow:hidden}.hiw-screen:before{z-index:-1;content:"";filter:blur(1px);opacity:.72;border-radius:999px;width:10rem;height:10rem;position:absolute}.hiw-cell:first-child .hiw-screen{background:linear-gradient(145deg,#f8fbff 0%,#e8f0ff 100%)}.hiw-cell:first-child .hiw-screen:before{background:#b9d0ff;top:-5rem;right:-3rem}.hiw-cell:nth-child(2) .hiw-screen{background:linear-gradient(145deg,#fbfbff 0%,#eeeaff 100%)}.hiw-cell:nth-child(2) .hiw-screen:before{background:#d4c9ff;bottom:-6rem;left:-2rem}.hiw-cell:nth-child(3) .hiw-screen{background:linear-gradient(145deg,#f7fbfc 0%,#e5f3f1 100%)}.hiw-cell:nth-child(3) .hiw-screen:before{background:#bfe3dc;top:-5rem;left:45%}.hiw-compose-card,.hiw-plan-row{transition:transform .18s,box-shadow .18s}.hiw-cell:hover .hiw-compose-card{transform:translateY(-2px);box-shadow:0 10px 26px #2f6df61f}.hiw-cell:hover .hiw-plan-row:nth-child(2){transform:translate(2px)}.hiw-rail{display:none}@media (min-width:768px){.hiw-rail{align-items:center;height:30px;margin-bottom:.9rem;display:flex;position:relative}.hiw-rail:before{content:"";background:var(--vn-border,#e7e9ee);height:1px;position:absolute;top:50%;left:-1.25rem;right:-1.25rem}.hiw-cell:first-child .hiw-rail:before{left:15px}.hiw-cell:last-child .hiw-rail:before{right:calc(100% - 15px)}}.hiw-dot{z-index:1;border:1px solid color-mix(in oklch, var(--vn-accent,#2f6df6) 40%, var(--vn-border,#e7e9ee));width:30px;height:30px;color:var(--vn-accent,#2f6df6);background:#fff;border-radius:9999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;position:relative}.hiw-type{white-space:nowrap;border-right:2px solid var(--vn-accent,#2f6df6);width:fit-content;max-width:100%;padding-right:2px;animation:7s steps(34,end) infinite hiw-type,.9s step-end infinite hiw-caret;display:block;overflow:hidden}@keyframes hiw-type{0%{max-width:0}8%{max-width:0}56%{max-width:100%}to{max-width:100%}}@keyframes hiw-caret{50%{border-right-color:#0000}}@media (prefers-reduced-motion:reduce){.hiw-type{border-right-color:#0000;max-width:100%;animation:none}.hiw-compose-card,.hiw-plan-row{transition:none}}