.hop-root .gen,.hop-root .ph-state,.hop-root[data-generator-state] form.tool{display:none}.hop-root[data-generator-state] .gen{display:block}.hop-root[data-generator-state] .ph-state{display:flex}.hop-root[data-generator-state] .mocklabel,.hop-root[data-generator-state] .bph,.hop-root[data-generator-state] .sticker,.hop-root[data-generator-state] .phone .hud,.hop-root[data-generator-state] .phone .sound{display:none}.hop-root .gen{background:var(--card);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:28px;padding:24px}.hop-root .gen-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hop-root .gbadge{font:800 13px/1 var(--body);border:2px solid var(--ink);background:var(--yellow);border-radius:999px;padding:8px 12px}.hop-root .gbadge.ok{background:var(--lime)}.hop-root .gpaid{color:var(--muted);font-size:13.5px;font-weight:700}.hop-root .gtitle{font:900 28px/1.1 var(--display);margin:0 0 6px}.hop-root .gsub{color:var(--muted);margin:0 0 16px;font-size:15.5px}.hop-root .gpct{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.hop-root .gpct b{font:900 44px/1 var(--display)}.hop-root .gpct span{color:var(--muted);font-size:14px;font-weight:700}.hop-root .gbar{border:2px solid var(--ink);background:#fffbf4;border-radius:999px;height:16px;margin-bottom:18px;overflow:hidden}.hop-root .gbar i{background:repeating-linear-gradient(-45deg, var(--primary) 0 12px, #ff5c8e 12px 24px);border-right:2px solid var(--ink);background-size:34px 100%;width:62%;height:100%;animation:1s linear infinite hop-state-stripe;display:block}@keyframes hop-state-stripe{to{background-position:34px 0}}.hop-root .gsteps{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.hop-root .gsteps li{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.hop-root .gsteps li i{border:2px solid var(--ink);width:24px;height:24px;font:900 12px/1 var(--body);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.hop-root .gsteps .d i{background:var(--lime)}.hop-root .gsteps .n i{background:var(--yellow);animation:1s infinite hop-state-pulse}.hop-root .gsteps .w{color:var(--muted)}.hop-root .gsteps .w i{background:#fff;border-color:#b9afa0}@keyframes hop-state-pulse{50%{transform:scale(1.15)}}.hop-root .gnote{color:var(--muted);background:#fffbf4;border:2px dashed #b9afa0;border-radius:16px;margin-bottom:16px;padding:12px 14px;font-size:14px}.hop-root .gnote b{color:var(--ink)}.hop-root .gbtns{flex-wrap:wrap;gap:12px;display:flex}.hop-root .gbtns .btn{flex:auto;padding:16px 20px;font-size:16px}.hop-root .gmeta{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.hop-root .gmeta span{font:800 12.5px/1 var(--body);border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:7px 10px}.hop-root .gsmall{color:var(--muted);margin-top:14px;font-size:13.5px}.hop-root .gsmall a{font-weight:700}.hop-root[data-generator-state=generating] .gen[data-for=done],.hop-root[data-generator-state=done] .gen[data-for=generating]{display:none}.hop-root[data-generator-state=done] .gen[data-for=done]{display:block}.hop-root .ph-state{z-index:5;text-align:center;color:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:absolute;inset:0}.hop-root .ph-gen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17142b8c}.hop-root .ph-gen .ring{background:conic-gradient(var(--primary) 0 62%, #ffffff40 62% 100%);border:3px solid var(--ink);border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.hop-root .ph-gen .ring b{background:var(--ink);width:62px;height:62px;font:900 18px/1 var(--display);border-radius:50%;place-items:center;display:grid}.hop-root .ph-gen p{font:900 20px/1.1 var(--display);-webkit-text-stroke:1px var(--ink);margin:0}.hop-root .ph-gen small{opacity:.9;font-size:12.5px;font-weight:600}.hop-root .ph-top{justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.hop-root .ph-done{background:0 0;justify-content:flex-end;padding-bottom:16px}.hop-root .ph-done .ctl{background:#17142bd1;border-radius:14px;align-items:center;gap:8px;padding:9px 11px;font-size:12.5px;font-weight:700;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.hop-root .ph-done .ctl .bar{background:#ffffff4d;border-radius:4px;flex:1;height:4px;overflow:hidden}.hop-root .ph-done .ctl .bar:after{content:"";transform-origin:0;background:#fff;width:100%;height:100%;animation:4s linear infinite prog;display:block}.hop-root .pill.mine{background:var(--primary)}.hop-root[data-generator-state=generating] .ph-state[data-for=done],.hop-root[data-generator-state=done] .ph-state[data-for=generating]{display:none}.hop-root[data-generator-state=done] .ph-state[data-for=done]{display:flex}.hop-root[data-generator-state=generating] .scene{filter:saturate(.6)}@media (width<=860px){.hop-root[data-generator-state] .hero-grid>div:first-child{display:contents}.hop-root[data-generator-state] .hero h1{order:1}.hop-root[data-generator-state] .sub{order:2;display:none}.hop-root[data-generator-state] .phone-col{order:3}.hop-root[data-generator-state] .gen{order:4}.hop-root[data-generator-state] .trust{order:5}.hop-root[data-generator-state] .phone{border-width:8px;border-radius:32px;width:min(230px,60vw)}.hop-root[data-generator-state] .scene,.hop-root .ph-state{border-radius:24px}.hop-root .gen{border-radius:22px;padding:18px}.hop-root .gtitle{font-size:23px}.hop-root .gpct b{font-size:36px}.hop-root .gbtns{flex-direction:column}}.hop-root .hr{align-items:center;gap:10px;display:flex}.hop-root .hcred{font:800 14px/1 var(--body);background:var(--lime);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:9px 12px;text-decoration:none;display:inline-flex}.hop-root .acct{border:2px solid var(--ink);font:800 14px/1 var(--body);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.hop-root .acct[aria-expanded=true]{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.hop-root .av{background:linear-gradient(135deg, var(--peach), var(--primary));color:#fff;border:2px solid var(--ink);width:32px;height:32px;font:900 14px/1 var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.hop-root .acct .chev{transition:transform .15s}.hop-root .acct[aria-expanded=true] .chev{transform:rotate(180deg)}.hop-root .amenu{background:var(--bg);border:2px solid var(--ink);width:340px;box-shadow:6px 6px 0 var(--ink);z-index:41;border-radius:24px;padding:12px;display:none;position:fixed;top:72px;right:20px}.hop-root .amenu.open{display:block}.hop-root .abd{display:none}.hop-root .amh{align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.hop-root .amh .av{width:46px;height:46px;font-size:19px}.hop-root .amh b{font-size:16px;line-height:1.25;display:block}.hop-root .amh small{color:var(--muted);font-size:13px}.hop-root .amh .g{font:800 11px/1 var(--body);border:1.5px solid var(--ink);background:#fff;border-radius:999px;margin-left:auto;padding:5px 8px}.hop-root .amc{background:var(--ink);color:#fff;border-radius:18px;margin-bottom:10px;padding:14px}.hop-root .amc .r{justify-content:space-between;align-items:center;display:flex}.hop-root .amc b{font:900 30px/1 var(--display);color:var(--lime)}.hop-root .amc span{color:#c9c4dd;font-size:13px;font-weight:700}.hop-root .amc a{font:800 13px/1 var(--body);background:var(--primary);color:#fff;border:2px solid #fff;border-radius:999px;padding:10px 14px;text-decoration:none}.hop-root .dots{gap:5px;margin-top:10px;display:flex}.hop-root .dots i{background:#ffffff2e;border-radius:7px;flex:1;height:7px}.hop-root .dots i.on{background:var(--lime)}.hop-root .amv{border:2px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:8px;text-decoration:none;display:flex}.hop-root .amv .th{border:2px solid var(--ink);background:linear-gradient(#bfe6ff 0 52%,#ffc98f 52%);border-radius:9px;flex:none;width:38px;height:58px}.hop-root .amv b{font-size:14px;display:block}.hop-root .amv small{color:var(--muted);font-size:12.5px}.hop-root .amv .dl{font:800 12px/1 var(--body);background:var(--lime);border:2px solid var(--ink);border-radius:999px;margin-left:auto;padding:8px 10px}.hop-root .aml{border:2px solid var(--ink);background:#fff;border-radius:16px;margin-bottom:10px;padding:4px}.hop-root .amenu a.it{border-radius:12px;align-items:center;gap:12px;padding:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.hop-root .amenu a.it:hover,.hop-root .amenu a.it:focus{background:#fff1f5;outline:none}.hop-root .amenu .ic{border:2px solid var(--ink);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.hop-root .amenu .it em{font-style:normal;font:800 11.5px/1 var(--body);background:var(--yellow);border:1.5px solid var(--ink);border-radius:999px;margin-left:auto;padding:4px 7px}.hop-root .amenu .it .go{color:var(--muted);margin-left:auto}.hop-root .ama{background:repeating-linear-gradient(-45deg, var(--yellow) 0 10px, #ffe27a 10px 20px);border:2px solid var(--ink);border-radius:16px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;font-weight:800;text-decoration:none;display:flex}.hop-root .ama .ic{background:var(--ink);color:#fff}.hop-root .ama small{font:700 11.5px/1.2 var(--body);color:var(--ink);opacity:.75;display:block}.hop-root .ama .go{margin-left:auto}.hop-root .amenu a.out{text-align:center;color:#c8102e;border-radius:12px;padding:10px;font-weight:800;text-decoration:none;display:block}.hop-root .amenu a.out:hover{background:#ffe9ec}@media (width<=860px){.hop-root .acct .nm,.hop-root .acct .chev{display:none}.hop-root .acct{padding:3px}.hop-root .hcred{padding:8px 10px;font-size:13px}.hop-root .amenu{width:auto;box-shadow:none;border-bottom:0;border-radius:26px 26px 0 0;padding:10px 14px 24px;bottom:0;left:0;top:auto!important;right:0!important}.hop-root .amenu:before{content:"";background:#d8cdbb;border-radius:5px;width:44px;height:5px;margin:2px auto 10px;display:block}.hop-root .abd.open{z-index:40;background:#17142b73;display:block;position:fixed;inset:0}.hop-root .amenu a.it{padding:13px 10px;font-size:16px}}.hop-root .hr{flex-shrink:0;position:relative}.hop-root dialog.amenu{max-width:none;color:var(--ink);font-family:var(--body);max-height:calc(100dvh - 90px);margin:0;top:72px;left:auto;right:max(20px,50vw - 580px);overflow:auto}.hop-root dialog.amenu[open]{display:block}.hop-root dialog.amenu::backdrop{background:0 0}.hop-root .amc button{font:800 13px/1 var(--body);background:var(--primary);color:#fff;border:2px solid #fff;border-radius:999px;padding:10px 12px}.hop-root .amc button:disabled{opacity:.6;cursor:not-allowed}.hop-root .hop-menu-out{width:100%;font:800 15px var(--body);color:#c8102e;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px}.hop-root .hop-menu-out:hover{background:#ffe9ec}.hop-root .amh>div{flex:1;min-width:0}.hop-root .amh small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hop-root .acct .nm{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.hop-root .hop-credit-meter{background:#49455c;border-radius:7px;height:7px;margin-top:12px;overflow:hidden}.hop-root .hop-credit-meter i{background:var(--lime);border-radius:inherit;height:100%;display:block}.hop-root .hop-menu-error{color:#a30925;padding:8px;font-size:13px}.hop-root .hop-menu-error button{cursor:pointer;background:0 0;border:0;text-decoration:underline}.hop-root .hop-yellow{background:var(--yellow)}.hop-root .hop-sky{background:var(--sky)}.hop-root .hop-peach{background:var(--peach)}.hop-root .hop-availability{color:var(--muted);background:#fff7ec;border:1px solid #e9dfcf;border-radius:12px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.5}.hop-root .hop-local-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.hop-root .hop-generation-card{display:block}.hop-root .gen-top{flex-wrap:wrap}.hop-root .hop-again{margin-top:12px}.hop-root .hop-upload-error{color:#a30925;margin:12px 0;font-size:14px}.hop-root #hop-phone-slot{aspect-ratio:9/16;width:100%;height:100%;position:relative;overflow:hidden}.hop-root .hop-hero-video{object-fit:contain;background:var(--ink);width:100%;height:100%;display:block}.hop-root .hop-phone-generating{display:flex}.hop-root[data-generator-state] #hop-generator-slot{display:contents}.hop-root[data-generator-state] .mcta{display:none!important}.hop-root .ex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hop-root .licensed-tile{aspect-ratio:auto;background:#fff;margin:0}.hop-root .licensed-tile video.art{aspect-ratio:9/16;object-fit:contain;background:var(--ink);width:100%;height:auto;display:block;inset:auto;position:static!important}.hop-root .licensed-tile .lbl{color:var(--ink);pointer-events:none;background:#fff;padding:12px 10px;font-size:13px;display:block;inset:auto;position:static!important}.hop-root .licensed-tile .lbl b{display:block}.hop-root .licensed-tile .lbl small{color:var(--muted);margin-top:3px;font-size:11.5px;font-weight:500;display:block}.hop-root .wscr video{object-fit:contain;background:var(--ink);width:100%;height:100%;display:block}.hop-root .walk .ins{color:var(--muted);font-size:13px;line-height:1.5;display:block}.hop-root .hop-originals{margin:36px 0 0}.hop-root .hop-originals-title{margin:0 0 18px;font-size:22px;font-weight:800}.hop-root .hop-original-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.hop-root .hop-original-grid figure{margin:0}.hop-root .hop-embed-frame{aspect-ratio:9/16;border:2px solid var(--ink);background:var(--ink);border-radius:18px;position:relative;overflow:hidden}.hop-root .hop-embed-frame button{background:var(--ink);cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hop-root .hop-embed-frame img{object-fit:contain;width:100%;height:100%;display:block}.hop-root .hop-play-original{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:30px;padding:9px 6px;font-size:12px;font-weight:800;position:absolute;bottom:14px;left:8px;right:8px}.hop-root .hop-original-grid figcaption{text-align:center;margin-top:8px;font-size:12px;line-height:1.5}.hop-root .hop-original-grid figcaption a{text-underline-offset:3px}.hop-root :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #9b7bff}@media (width<=860px){.hop-root dialog.amenu{width:100%;max-height:calc(100dvh - 12px);padding-bottom:max(24px, env(safe-area-inset-bottom));border-bottom:0;bottom:0;left:0;top:auto!important;right:0!important}.hop-root dialog.amenu::backdrop{background:#17142b73}.hop-root .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hop-root .hop-original-grid{scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.hop-root .hop-original-grid figure{scroll-snap-align:start;flex:0 0 210px}.hop-root .hcred{padding:8px 9px;font-size:12px}.hop-root .acct{padding:3px}.hop-root .acct .nm,.hop-root .acct .chev{display:none}.hop-root .hr{gap:7px}.hop-root .gpaid{font-size:12px}.hop-root .gbtns{flex-direction:column}}@media (prefers-reduced-motion:reduce){.hop-root .gbar i,.hop-root .gsteps i{animation:none!important}}.hop-root .hop-filters{scrollbar-width:thin;gap:8px;margin:26px 0 20px;padding:3px 0 8px;display:flex;overflow-x:auto}.hop-root .hop-filters button{color:#fff;min-height:40px;font:700 13px/1.2 var(--body);cursor:pointer;background:0 0;border:1.5px solid #858294;border-radius:999px;flex:none;padding:8px 17px}.hop-root .hop-filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink);box-shadow:0 3px #080616}.hop-root figure.licensed-tile{aspect-ratio:9/16;isolation:isolate;background:#100d20;border:2px solid #fff;border-radius:22px;padding:4px;position:relative;overflow:hidden}.hop-root figure.licensed-tile[hidden]{display:none!important}.hop-root figure.licensed-tile video.art{aspect-ratio:9/16;object-fit:cover;border-radius:16px;width:100%;height:100%;transform:none}.hop-root figure.licensed-tile:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0a0714de);border-radius:0 0 16px 16px;position:absolute;inset:38% 4px 4px}.hop-root figure.licensed-tile .lbl{color:#fff;z-index:3;pointer-events:none;background:0 0;padding:0 28px 0 0;font-size:15px;line-height:1.25;position:absolute!important;inset:auto 14px 14px!important}.hop-root figure.licensed-tile .lbl small{color:#eeeaf7;overflow-wrap:anywhere;background:#2e2b3ac9;border-radius:6px;max-width:100%;margin-top:6px;padding:3px 5px;font-size:10px;display:inline-block}.hop-root .hop-ratio,.hop-root .hop-duration{z-index:3;font:800 10px/1 var(--body);color:#fff;pointer-events:none;border-radius:999px;padding:5px 7px;position:absolute;top:11px}.hop-root .hop-ratio{background:var(--primary);left:11px}.hop-root .hop-duration{background:#252234d9;right:11px}.hop-root .hop-video-toggle{cursor:pointer;z-index:2;background:0 0;border:0;border-radius:16px;place-items:center;display:grid;position:absolute;inset:4px}.hop-root .hop-play-circle{border:3px solid var(--ink);width:48px;height:48px;color:var(--ink);font:800 21px/1 var(--body);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;padding-left:3px;transition:opacity .15s;display:grid}.hop-root [data-playing=true] .hop-play-circle{opacity:0;padding-left:0;font-size:0}.hop-root [data-playing=true] .hop-play-circle:before{content:"Ⅱ";font-size:21px}.hop-root [data-playing=true]:hover .hop-play-circle,.hop-root .hop-video-toggle:focus-visible .hop-play-circle{opacity:1}.hop-root .hop-silent{color:#fff;z-index:3;pointer-events:none;background:#201b30;border:1.5px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid;position:absolute;bottom:13px;right:11px}.hop-root .hop-silent:after{content:"";background:#ff6574;width:20px;height:2px;position:absolute;transform:rotate(45deg)}.hop-root .hop-gallery-cta{aspect-ratio:9/16;text-align:center;color:#fff;background:radial-gradient(at top,#54203e 0,#0000 75%);border:2px dashed #9c94ac;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:22px;text-decoration:none;display:flex}.hop-root .hop-cta-plus{background:var(--primary);border:2px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:35px;line-height:1;display:grid}.hop-root .hop-gallery-cta b{font-size:20px}.hop-root .hop-gallery-cta>span:not(.hop-cta-plus){color:#cec7db;font-size:14px;line-height:1.5}.hop-root .hop-gallery-cta strong{color:var(--ink);background:#fff;border-radius:999px;padding:10px 15px;font-size:12px;line-height:1.3}.hop-root .hop-language-slot{flex:none;margin-left:14px;margin-right:10px}.hop-root header.top .nav>ul{margin-left:auto}.hop-root header.top .logo{flex-shrink:0}.hop-root .hop-language-trigger{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.hop-root .hop-language-trigger:hover{background:#ffe88b}.hop-root .hop-language-menu{width:180px;max-width:calc(100vw - 24px);color:var(--ink);background:#fff;border:1px solid #ddd6cd;border-radius:20px;margin:0;padding:8px;position:fixed;inset:72px max(20px,50vw - 580px) auto auto;box-shadow:0 12px 36px #17142326}.hop-root .hop-language-menu :is(button,a){text-align:left;width:100%;min-height:46px;font:500 16px/1.3 var(--body);cursor:pointer;color:inherit;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.hop-root .hop-language-menu :is(button,a):hover,.hop-root .hop-language-menu :is(button,a):focus-visible{background:#fff2bc}@media (width<=860px){.hop-root .hop-filters{gap:8px;margin-top:22px;margin-right:-20px;padding-right:20px}.hop-root .hop-filters button{min-height:42px;padding:8px 16px}.hop-root .ex-grid{gap:12px}.hop-root figure.licensed-tile{border-radius:20px;padding:3px}.hop-root figure.licensed-tile video.art{border-radius:14px}.hop-root figure.licensed-tile .lbl{padding-right:24px;font-size:13px;inset:auto 10px 12px!important}.hop-root figure.licensed-tile .lbl small{font-size:9px;line-height:1.2}.hop-root .hop-silent{width:23px;height:23px;bottom:12px;right:8px}.hop-root .hop-ratio,.hop-root .hop-duration{padding:5px 6px;font-size:9px;top:9px}.hop-root .hop-ratio{left:9px}.hop-root .hop-duration{right:9px}.hop-root .hop-gallery-cta{border-radius:20px;gap:12px;padding:14px}.hop-root .hop-gallery-cta b{font-size:17px}.hop-root .hop-gallery-cta>span:not(.hop-cta-plus){font-size:12px}.hop-root .hop-gallery-cta strong{padding:9px 12px;font-size:11px}.hop-root .hop-cta-plus{width:52px;height:52px}.hop-root .hop-language-menu{top:64px;right:14px}.hop-root .hop-language-slot{margin-left:auto}}@media (prefers-reduced-motion:reduce){.hop-root .hop-play-circle{transition:none}}@media (width<=480px){.hop-root header.top .logo{gap:7px;font-size:14px}.hop-root header.top .logo img{width:28px;height:28px}.hop-root .hop-language-slot{margin-right:4px}.hop-root .hop-language-trigger{width:40px;height:44px}.hop-root .hcred span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hop-root .hop-audio-toggle{color:#fff;cursor:pointer;z-index:4;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:5px;right:4px}.hop-root .hop-hero-audio{z-index:5;color:#fff;cursor:pointer;background:#201b30;border:1.5px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;inset:12px 12px auto auto}.hop-root .hop-hero-audio:focus-visible,.hop-root .hop-audio-toggle:focus-visible{outline-offset:2px;outline:3px solid #ffd23f}.hop-root .hop-audio-toggle span{background:#201b30;border:1.5px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.hop-root .hop-audio-toggle[aria-pressed=false]:after{content:"";background:#ff6574;width:20px;height:2px;position:absolute;transform:rotate(45deg)}.hop-root .hop-audio-toggle:hover span{background:#68455a}.hop-root header.top .nav.wrap{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:22px;width:min(1320px,100% - 56px);max-width:1320px;height:auto;min-height:78px;padding-block:12px;display:grid}.hop-root header.top .nav>ul{justify-content:center;gap:clamp(16px,1.6vw,28px);min-width:0;margin:0}.hop-root header.top .nav>ul a{white-space:nowrap}.hop-root header.top .hop-language-slot{margin:0}.hop-root header.top .hop-language-trigger{border:1.5px solid var(--ink);background:var(--bg);border-radius:50%;width:44px;height:44px}.hop-root header.top .hop-language-trigger:hover{background:var(--yellow)}.hop-root header.top .hr{gap:12px}.hop-root .hop-language-menu{top:88px}.hop-root dialog.amenu{top:88px;right:max(28px,50vw - 660px)}@media (width>=1200px) and (width<=1399px){.hop-root header.top .acct .nm,.hop-root header.top .acct .chev{display:none}.hop-root header.top .acct{padding:3px}}@media (width<=1199px){.hop-root header.top .nav.wrap{grid-template-columns:minmax(0,1fr) auto auto;gap:12px 16px;width:calc(100% - 40px);padding-block:12px 10px}.hop-root header.top .logo{grid-area:1/1;justify-self:start}.hop-root header.top .hop-language-slot{grid-area:1/2}.hop-root header.top .hr{grid-area:1/3;gap:10px}.hop-root header.top .acct .nm,.hop-root header.top .acct .chev{display:none}.hop-root header.top .acct{padding:3px}.hop-root header.top .nav>ul{scrollbar-width:thin;grid-area:2/1/auto/-1;justify-content:flex-start;gap:24px;width:100%;padding:2px 0 5px;font-size:14px;line-height:1.5;display:flex;overflow-x:auto}.hop-root header.top .nav>ul li{flex:none}.hop-root .hop-language-menu{top:68px;right:20px}}@media (width<=599px){.hop-root header.top .nav.wrap{gap:10px 12px;width:calc(100% - 32px)}.hop-root header.top .logo{gap:8px;font-size:17px}.hop-root header.top .logo img{width:30px;height:30px}.hop-root header.top .hcred{display:none}.hop-root header.top .hop-language-trigger{width:42px;height:44px}.hop-root header.top .nav>ul{gap:22px;padding-bottom:5px;font-size:13px}.hop-root .hop-language-menu{right:16px}}.hop-root .hero h1.hop-hero-title{font-family:var(--display);letter-spacing:-.055em;max-width:100%;margin:0 0 24px;padding-top:14px;line-height:1}.hop-root .hero h1.hop-hero-title span{background:0 0}.hop-root .hop-title-hops{white-space:nowrap;align-items:flex-end;gap:clamp(8px,1.2vw,18px);padding-bottom:12px;font-size:clamp(42px,5.4vw,76px);display:flex}.hop-root .hop-title-hops>span{display:inline-block;position:relative}.hop-root .hop-title-hops>span:first-child{transform:rotate(-5deg)translateY(3px)}.hop-root .hop-title-hops>span:nth-child(2){color:var(--primary);transform:rotate(3deg)translateY(-11px)}.hop-root .hop-title-hops>span:nth-child(3){transform:rotate(-3deg)translateY(-24px)}.hop-root .hop-title-hops i{font:800 12px/1 var(--body);letter-spacing:0;background:var(--lime);border:2px solid var(--ink);border-radius:999px;padding:6px 8px;position:absolute;top:-8px;right:-14px;transform:rotate(10deg)}.hop-root .hop-title-finish{align-items:center;gap:20px;padding-bottom:8px;font-size:clamp(44px,7.5vw,94px);display:flex}.hop-root .hero h1.hop-hero-title .hop-title-purpose{font:800 clamp(22px, 2.5vw, 32px)/1.3 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:30ch;margin-top:16px;display:block}.hop-root .hop-scenario-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:28px 0;display:grid}.hop-root .hop-scenario-list dt{font-size:20px;font-weight:800}.hop-root .hop-scenario-list dd{max-width:60ch;margin:8px 0 0}@media (width<=600px){.hop-root .hop-scenario-list{grid-template-columns:1fr;gap:24px}.hop-root .hero h1.hop-hero-title .hop-title-purpose{margin:16px auto 0}}.hop-root .hero h1.hop-hero-title .hop-title-ai{background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);letter-spacing:-.06em;border-radius:14px;padding:0 14px 7px;font-size:.8em;display:inline-block;transform:rotate(-7deg)}.hop-root .hero h1.hop-hero-title+.sub{max-width:520px;margin-top:6px;margin-bottom:28px;font-size:18px;line-height:1.65}@media (width<=860px){.hop-root .hero h1.hop-hero-title{justify-self:center;width:max-content;max-width:100%;margin-bottom:12px;padding-top:24px}.hop-root .hop-title-hops{justify-content:center;gap:clamp(10px,2vw,18px);font-size:clamp(39px,10.2vw,72px)}.hop-root .hop-title-finish{justify-content:center;gap:18px;font-size:clamp(48px,12.6vw,88px)}.hop-root .hero h1.hop-hero-title+.sub{max-width:560px;margin:8px auto 24px;font-size:16px;line-height:1.65}.hop-root .hop-title-hops i{padding:5px 6px;font-size:10px;right:-8px}}.hop-creation-prompt{--prompt-ink:#17142b;--prompt-paper:#fff7ec;background:var(--prompt-paper);width:min(860px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--prompt-ink);border:3px solid var(--prompt-ink);box-shadow:8px 9px 0 var(--prompt-ink), 12px 20px 40px #17142b30;border-radius:28px;margin:auto;padding:0;font-family:Inter Variable,Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:visible}.hop-creation-prompt::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0b1c9e}.hop-creation-prompt[open]{animation:.24s cubic-bezier(.16,1,.3,1) hop-prompt-enter}.hop-prompt-scroll{max-height:inherit;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#17142b80 #fff7ec;border-radius:24px;grid-template-columns:1fr 1.15fr;display:grid;overflow:auto}.hop-creation-prompt button,.hop-creation-prompt a{-webkit-tap-highlight-color:transparent}.hop-creation-prompt :focus-visible{outline-offset:4px;outline:3px solid #195bc1}.hop-prompt-close{border:2.5px solid var(--prompt-ink);width:40px;height:40px;color:var(--prompt-ink);box-shadow:2px 2px 0 var(--prompt-ink);cursor:pointer;z-index:2;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.hop-prompt-close:hover{background:#b8f35a}.hop-prompt-art{border-right:3px solid var(--prompt-ink);background:#ffd23f;justify-content:center;align-items:center;gap:14px;min-width:0;padding:34px 26px;display:flex;position:relative;overflow:hidden}.hop-prompt-art:before,.hop-prompt-art:after{content:"";border-radius:50%;position:absolute}.hop-prompt-art:before{background:#fff0a2;width:122px;height:122px;top:26px;left:18px}.hop-prompt-art:after{background:#ff9c4b;width:200px;height:200px;bottom:-50px;right:-45px}.hop-prompt-photos{z-index:1;gap:12px;display:grid;position:relative}.hop-prompt-photo{border:2.5px solid var(--prompt-ink);width:92px;height:112px;box-shadow:3px 3px 0 var(--prompt-ink);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.hop-prompt-photo i{border:2px solid var(--prompt-ink);background:#7cc8ff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-style:normal;display:grid}.hop-prompt-photo:first-child{transform:rotate(-5deg)}.hop-prompt-photo:last-child{transform:rotate(4deg)}.hop-prompt-photo:last-child i{background:#b8f35a}.hop-prompt-arrow{z-index:1;flex:none;position:relative}.hop-prompt-phone{z-index:1;aspect-ratio:9/16;border:3px solid var(--prompt-ink);width:150px;box-shadow:5px 5px 0 var(--prompt-ink);color:#fff;background:linear-gradient(165deg,#ff2d6f,#7c3aed);border-radius:24px;flex-direction:column;flex:none;justify-content:space-between;padding:10px;display:flex;position:relative;transform:rotate(2deg)}.hop-prompt-format{border:2px solid var(--prompt-ink);color:var(--prompt-ink);background:#fff;border-radius:99px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:800}.hop-prompt-dance{text-align:center;letter-spacing:-.02em;text-shadow:2px 2px 0 var(--prompt-ink);font-size:24px;font-weight:900;line-height:1}.hop-prompt-dance small{text-shadow:none;margin-top:8px;font-size:10px;font-weight:700;line-height:1.3;display:block}.hop-prompt-video-labels{justify-content:space-between;font-size:9px;font-weight:800;display:flex}.hop-prompt-video-labels span{background:#17142bcc;border-radius:99px;padding:3px 7px}.hop-prompt-main{min-width:0;padding:34px 34px 26px}.hop-prompt-turn{border:2px solid var(--prompt-ink);letter-spacing:.08em;background:#b8f35a;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.hop-prompt-main h2{letter-spacing:-.03em;text-wrap:balance;margin:15px 0 11px;font-size:34px;font-weight:900;line-height:1.06}.hop-prompt-main h2 em{color:#e81156;font-style:normal}.hop-prompt-main p{color:#4a4560;margin:0 0 18px;font-size:15px;line-height:1.55}.hop-prompt-main ol{gap:9px;margin:0 0 18px;padding:0;list-style:none;display:grid}.hop-prompt-main li{align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.hop-prompt-main li b{border:2px solid var(--prompt-ink);background:#7cc8ff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.hop-prompt-main li:nth-child(2) b{background:#ffd23f}.hop-prompt-main li:nth-child(3) b{background:#b8f35a}.hop-prompt-chips{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.hop-prompt-chips span{border:2px solid var(--prompt-ink);background:#fff;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.hop-prompt-main p.hop-prompt-status{margin-bottom:14px;font-size:12px;line-height:1.5}.hop-prompt-cta{border:3px solid var(--prompt-ink);color:#fff;text-align:center;width:100%;min-height:56px;box-shadow:3px 4px 0 var(--prompt-ink);background:#ee175e;border-radius:16px;justify-content:center;align-items:center;padding:13px 12px;font-size:20px;font-weight:800;line-height:1.25;text-decoration:none;display:flex}.hop-prompt-cta:hover{background:#d91051}.hop-prompt-account{color:#4a4560;text-align:center;margin-top:9px;font-size:12px;line-height:1.5}.hop-prompt-later{color:#4a4560;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:40px;margin:10px auto 0;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:underline;display:block}.hop-prompt-later:hover{color:var(--prompt-ink)}.hop-prompt-unavailable{font-weight:700}.hop-credit-notice{color:#17142b;background:#fff0a2;border:2px solid #17142b;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:12px 14px;font-size:14px;display:flex}.hop-credit-notice a,.hop-credit-notice button{color:#17142b;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:800;text-decoration:underline}@keyframes hop-prompt-enter{0%{opacity:.5;translate:0 12px}}@media (width<=640px){.hop-creation-prompt{width:100%;max-height:92dvh;box-shadow:none;border-width:3px 0 0;border-radius:26px 26px 0 0;margin:0;inset:auto 0 0}.hop-creation-prompt:before{content:"";z-index:3;background:#17142b55;border-radius:9px;width:44px;height:5px;position:absolute;top:8px;left:calc(50% - 22px)}.hop-prompt-scroll{border-radius:23px 23px 0 0;grid-template-columns:1fr}.hop-prompt-close{width:44px;height:44px}.hop-prompt-art{border-right:0;border-bottom:3px solid var(--prompt-ink);min-height:230px;padding:28px 18px 20px}.hop-prompt-art:before{width:150px;height:150px;top:-28px;left:22px}.hop-prompt-photo{width:72px;height:88px}.hop-prompt-photo i{width:32px;height:32px;font-size:16px}.hop-prompt-phone{width:110px}.hop-prompt-dance{font-size:20px}.hop-prompt-main{padding:22px 20px max(24px, env(safe-area-inset-bottom))}.hop-prompt-main h2{font-size:28px}.hop-prompt-main p{margin-bottom:14px;font-size:14px}.hop-prompt-main ol{margin-bottom:14px}.hop-prompt-main p.hop-prompt-status{font-size:12px}}@media (prefers-reduced-motion:reduce){.hop-creation-prompt[open]{animation:none}}.hop-root #hop-scenarios{padding-block:clamp(52px,6vw,88px)}.hop-root #hop-scenarios h2{letter-spacing:-.025em;text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(30px,3.9vw,52px);line-height:1.12}.hop-root .hop-scenario-title-accent{text-decoration:underline;-webkit-text-decoration-color:var(--yellow,#ffda3e);text-decoration-color:var(--yellow,#ffda3e);text-underline-offset:-.12em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.2em}.hop-root #hop-scenarios .hop-scenario-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 24px}.hop-root .hop-scenario-card{--cast-color:#ffdc49;border:2px solid var(--ink,#17142b);background:#fffdf8;border-radius:16px;padding:26px}.hop-root .hop-scenario-card:nth-child(2){--cast-color:#ff9bbe}.hop-root .hop-scenario-card:nth-child(3){--cast-color:#91d0ff}.hop-root .hop-scenario-card:nth-child(4){--cast-color:#d6b7ff}.hop-root .hop-scenario-card:nth-child(5){--cast-color:#bbef62}.hop-root .hop-scenario-card:last-child{--cast-color:#fffdf8;background:#ffdc49}.hop-root #hop-scenarios dt{text-wrap:balance;align-items:center;gap:16px;font-size:clamp(19px,1.7vw,23px);line-height:1.2;display:flex}.hop-root .hop-scenario-icon{border:2px solid var(--ink,#17142b);background:var(--cast-color);width:52px;height:52px;color:var(--ink,#17142b);box-shadow:3px 4px 0 var(--ink,#17142b);border-radius:15px;flex:0 0 52px;place-items:center;display:grid;transform:rotate(-5deg)}.hop-root .hop-scenario-card:nth-child(2n) .hop-scenario-icon{transform:rotate(5deg)}.hop-root #hop-scenarios dd{color:#504c61;max-width:46ch;margin:23px 0 0;font-size:16px;line-height:1.65}.hop-root .hop-scenario-card:last-child dd{color:#302b35}.hop-root .hop-scenario-pet{background:var(--ink,#17142b);color:#fff7ec;border-radius:16px;align-items:center;gap:18px;min-height:84px;padding:18px 24px;font-size:16px;line-height:1.5;text-decoration:none;display:flex}.hop-root .hop-scenario-paw{color:#17142b;background:#ffdc49;border-radius:50%;flex:0 0 44px;place-items:center;height:44px;display:grid}.hop-root .hop-scenario-arrow{flex:0 0 28px;margin-inline-start:auto;transition:transform .18s ease-out}.hop-root .hop-scenario-pet:hover .hop-scenario-arrow{transform:translate(4px)}.hop-root .hop-scenario-pet:hover>span:nth-child(2){text-underline-offset:4px;text-decoration:underline}.hop-root .hop-scenario-pet:focus-visible{outline-offset:5px;outline:3px solid #ff2b7c}@media (width<=1000px){.hop-root #hop-scenarios .hop-scenario-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hop-root #hop-scenarios .hop-scenario-list{grid-template-columns:1fr;gap:14px;margin-top:28px}.hop-root .hop-scenario-card{padding:22px}.hop-root #hop-scenarios dd{margin-top:18px}.hop-root .hop-scenario-pet{gap:14px;padding:20px}}@media (prefers-reduced-motion:reduce){.hop-root .hop-scenario-arrow{transition:none}}.hop-root footer .hop-ask-ai{background:#ffffff0a;border:2px solid #ffffff2e;border-radius:24px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.9fr);align-items:center;gap:28px;margin-top:36px;padding:24px 26px;display:grid}.hop-root footer .hop-ask-ai h3{color:#fff;font:900 22px/1.2 var(--display);letter-spacing:-.01em;text-transform:none;margin:10px 0 6px}.hop-root footer .hop-ask-ai p{color:#b9b3cf;margin:0;font-size:14px;line-height:1.6}.hop-root footer .hop-ask-ai-tag{color:#17142b;background:#ffda3d;border:2px solid #17142b;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.hop-root footer .hop-ask-ai-buttons{flex-wrap:wrap;gap:10px;display:flex}.hop-root footer a.hop-ask-ai-button{color:#17142b;min-height:48px;font:800 14px/1.2 var(--body);background:#fff7ec;border:2px solid #17142b;border-radius:999px;align-items:center;gap:7px;padding:9px 14px 9px 9px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 3px #000}.hop-root footer .hop-ask-ai-button i{flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:16px;font-style:normal;display:grid}.hop-root footer .hop-ask-ai-button i img{object-fit:contain;width:26px;height:26px;display:block}.hop-root footer .hop-ask-ai-arrow{opacity:.6;margin-left:auto}.hop-root footer a.hop-ask-ai-button:hover{color:#17142b;transform:translateY(-2px);box-shadow:0 5px #000}.hop-root footer .hop-ask-ai a:focus-visible{outline-offset:4px;outline:3px solid #ffda3d}.hop-root footer p.hop-ask-ai-note{margin-top:12px;font-size:13px}.hop-root footer .hop-ask-ai-note a{color:#fff;text-underline-offset:3px;-webkit-text-decoration:underline #ff2874;text-decoration:underline #ff2874}@media (width<=1000px){.hop-root footer .hop-ask-ai{grid-template-columns:1fr;gap:20px}}@media (width<=760px){.hop-root footer .hop-ask-ai{gap:20px;padding:22px 18px}.hop-root footer .hop-ask-ai-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hop-root footer a.hop-ask-ai-button{gap:6px;padding-right:10px;font-size:13px}.hop-root footer .hop-ask-ai-verb{display:none}}@media (prefers-reduced-motion:reduce){.hop-root footer a.hop-ask-ai-button{transition:none}}