.hw-dim{z-index:60;background:#060609db;place-items:center;padding:24px;animation:.2s both hw-fade;display:grid;position:fixed;inset:0}@keyframes hw-fade{0%{opacity:0}to{opacity:1}}.hw{--card-h:clamp(200px,calc(100dvh - 330px),470px);width:min(1080px,100%);max-height:calc(100dvh - 48px);color:var(--ink);background:#15151b;border:1px solid #ffffff1a;border-radius:24px;outline:none;flex-direction:column;gap:18px;padding:24px 28px 22px;animation:.28s cubic-bezier(.2,.8,.2,1) both hw-rise;display:flex;position:relative;overflow:auto;box-shadow:0 40px 120px #0009}@keyframes hw-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.hw-close{z-index:3;color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.hw-close:hover{background:#ffffff29}.hw-pages{flex-direction:column;gap:14px;display:flex}.hw-demo{flex-direction:column;gap:12px;animation:.35s both hw-page;display:flex}@keyframes hw-page{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hw-tabs{justify-content:center;gap:10px;padding:0 52px;display:flex}.hw-tabs button{color:#ffffff9e;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:0 240px;align-items:center;gap:9px;min-width:0;height:44px;padding:0 14px 4px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.hw-tabs button:hover{color:#fff}.hw-tab-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.hw-tabs .num{color:#fff;background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-grid}.hw-tabs .on{color:#fff;background:#bca8f524;border-color:#bca8f58c}.hw-tabs .on .num{background:var(--accent);color:var(--on-accent)}.hw-tabs i{background:#ffffff1a;border-radius:2px;height:3px;position:absolute;bottom:6px;left:14px;right:14px;overflow:hidden}.hw-tabs .on i:after{content:"";background:var(--accent);transform-origin:0;animation:hw-fill var(--page,4.5s) linear both;position:absolute;inset:0}@keyframes hw-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hw-demo h3{color:#fff;align-items:baseline;gap:10px;margin:0;font-size:17px;font-weight:800;display:flex}.hw-demo h3 .num{background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:inline-grid;transform:translateY(-1px)}.hw-demo h3 small{color:#fff9;font-size:13px;font-weight:500}.hw-row{height:var(--card-h);justify-content:center;align-items:center;gap:12px;display:flex}.hw-join{color:var(--accent);flex:none;font-size:26px;font-style:normal;font-weight:800;line-height:1}.hw-card{--d:calc(var(--i,0) * 90ms);flex:0 1 calc(var(--card-h) * 9 / 16);aspect-ratio:9/16;min-width:0;animation:hw-pop .45s cubic-bezier(.2,.9,.3,1.25) var(--d) both,hw-lit 4.8s ease calc(.9s + var(--i,0) * .4s) infinite;background:#1b1b21;border:2px solid #ffffff24;border-radius:14px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000073}@keyframes hw-pop{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:none}}@keyframes hw-lit{0%,14%,to{transform:none}5%,9%{transform:translateY(-5px)}}.hw-card>img,.hw-card>video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hw-card.is-empty{background:linear-gradient(160deg,#2a2438,#15151b);border-style:dashed;border-color:#ffffff4d}.hw-slot-icon{color:#ffffff80;place-items:center;display:grid;position:absolute;inset:0}.hw-slot-icon .ic{width:44px;height:44px}.hw-tag{z-index:2;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:999px;max-width:calc(100% - 20px);padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px;overflow:hidden}.hw-tag-after{background:var(--accent);color:var(--on-accent)}.hw-result,.hw-wipe{border-color:#bca8f58c;box-shadow:0 0 0 1px #bca8f533,0 18px 40px #00000080}.hw-before,.hw-after,.hw-after>img,.hw-track{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hw-after{animation:3.6s cubic-bezier(.65,0,.35,1) .6s infinite hw-slide;overflow:hidden;transform:translate(-100%)}.hw-after>img{animation:3.6s cubic-bezier(.65,0,.35,1) .6s infinite hw-hold;transform:translate(100%)}.hw-track{z-index:1;animation:3.6s cubic-bezier(.65,0,.35,1) .6s infinite hw-slide;transform:translate(-100%)}.hw-track>.hw-line{--seam:16px;--grip-w:28px;--grip-h:50px;left:auto;right:0;transform:translate(50%)}@keyframes hw-slide{0%,8%{transform:translate(-100%)}42%,62%{transform:translate(0)}92%,to{transform:translate(-100%)}}@keyframes hw-hold{0%,8%{transform:translate(100%)}42%,62%{transform:translate(0)}92%,to{transform:translate(100%)}}.hw-ref-audio{cursor:pointer}.hw-wave{background:radial-gradient(80% 60%,#bca8f540,#bca8f500 70%),linear-gradient(160deg,#2b2340,#1a1a22);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.hw-wave i{background:var(--accent);border-radius:4px;width:8px;height:38%;animation:1.1s ease-in-out infinite hw-bar;transform:scaleY(.32)}.hw-wave i:nth-child(2){animation-delay:-.2s}.hw-wave i:nth-child(3){animation-delay:-.45s}.hw-wave i:nth-child(4){animation-delay:-.7s}.hw-wave i:nth-child(5){animation-delay:-.9s}.hw-wave i:nth-child(6){animation-delay:-.3s}.hw-wave i:nth-child(7){animation-delay:-.6s}.hw-ref-audio.is-playing .hw-wave i{animation-duration:.55s}@keyframes hw-bar{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}.hw-multi{--step:40px;position:relative}.hw-refs{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.hw-refs .hw-card{--d:calc(var(--i,0) * .42s);width:100%;max-width:none}.hw-fly{flex:0 1 calc(var(--card-h) * .8 * 9 / 16);min-width:0;transition:transform .8s cubic-bezier(.5,0,.3,1),opacity .6s .15s,filter .6s;display:block}.hw-multi[data-stage=merge] .hw-refs,.hw-multi[data-stage=play] .hw-refs{pointer-events:none}.hw-multi[data-stage=merge] .hw-fly,.hw-multi[data-stage=play] .hw-fly{opacity:0;filter:blur(6px);transform:translateX(calc(var(--k) * (100% + var(--step)))) scale(.7)}.hw-refs .hw-join{transition:opacity .3s}.hw-multi[data-stage=merge] .hw-join,.hw-multi[data-stage=play] .hw-join{opacity:0}.hw-role{z-index:2;color:#fff;text-align:center;animation:hw-role .45s ease calc(var(--d) + .45s) both;background:linear-gradient(#ffffff3d,#ffffff1a),#1614208c;border:1px solid #ffffff4d;border-radius:10px;padding:6px 8px;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:inset 0 1px #ffffff4d,0 4px 14px #0000004d}@keyframes hw-role{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hw-multi .hw-result{z-index:1;opacity:0;filter:blur(16px);flex:none;height:100%;transition:opacity .9s .25s,transform 1.1s cubic-bezier(.2,.8,.2,1) .25s,filter .9s .25s,box-shadow .9s;animation:none;position:relative;transform:scale(.94)}.hw-multi[data-stage=merge] .hw-result,.hw-multi[data-stage=play] .hw-result{opacity:1;filter:none;transform:none}.hw-multi[data-stage=merge] .hw-result{box-shadow:0 0 0 1px #bca8f599,0 0 70px #bca8f566}.hw-chips{z-index:2;opacity:0;gap:6px;transition:opacity .35s .35s,transform .35s .35s;display:flex;position:absolute;bottom:10px;left:10px;transform:translateY(8px)}.hw-multi[data-stage=play] .hw-chips{opacity:1;transform:none}.hw-chip{color:#fff;background:linear-gradient(#ffffff42,#ffffff1a),#16142099;border:1px solid #ffffff73;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000059}.hw-chip img{object-fit:cover;width:100%;height:100%;display:block}.hw-copy{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:28px;padding-top:16px;display:flex}.hw-words{flex-direction:column;gap:8px;min-width:0;animation:.35s both hw-words;display:flex}@keyframes hw-words{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hw-words h2{letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-size:24px;font-weight:800;line-height:1.25}.hw-intro{color:#ffffffb3;margin:0;font-size:14px;line-height:1.6}.hw-steps{color:#fff;flex-wrap:wrap;gap:6px 18px;margin:2px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hw-steps li{align-items:center;gap:8px;display:flex}.hw-steps span{width:22px;height:22px;color:var(--accent);background:#bca8f52e;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.hw-actions{flex-direction:column;flex:none;align-items:center;gap:8px;width:280px;display:flex}.hw-try{background:var(--accent);width:100%;height:52px;color:var(--on-accent);letter-spacing:.04em;border-radius:14px;font-size:17px;font-weight:800;transition:background .15s}.hw-try:hover{background:var(--accent-hover)}.hw-gift{background:linear-gradient(160deg,#ff4d5e2e,#ff4d5e0a);border:1px solid #ff4d5e66;border-radius:14px;width:100%;padding:12px 14px}.hw-gift-head{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;display:flex}.hw-gift-head b{color:#fff;font-size:15px;font-weight:800}.hw-gift-head small{color:#ffb3bb;font-size:11.5px}.hw-gift ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hw-gift li{color:#ffffffd9;justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.hw-gift em{color:#ff8a95;font-style:normal}.hw-gift em b{color:#ff4d5e;margin-right:2px;font-size:18px;font-weight:800}.hw-quiet{gap:6px;display:flex}.hw-later{color:#ffffff8c;padding:4px 10px;font-size:13.5px}.hw-later:hover{color:#fff}@media (max-width:1023px){.hw-dim{place-items:stretch stretch;padding:0}.hw{--demo-h:clamp(170px,calc(100dvh - 380px),420px);width:auto;max-width:none;height:100dvh;max-height:none;padding:calc(env(safe-area-inset-top) + 56px) 14px calc(env(safe-area-inset-bottom) + 14px);border:0;border-radius:0;gap:12px}.hw-close{top:calc(env(safe-area-inset-top) + 8px);right:10px}.hw-pages{gap:12px;margin-top:auto}.hw-copy{margin-bottom:auto}.hw-demo{gap:8px}.hw-tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:0;display:grid}.hw-tabs button{border-radius:10px;gap:5px;height:38px;padding:0 8px 4px;font-size:12.5px}.hw-tabs .num{width:18px;height:18px;font-size:11px}.hw-tabs i{bottom:5px;left:8px;right:8px}.hw-row{height:var(--demo-h);gap:8px}.hw-row .hw-join,.hw-image .hw-card-after{display:none}.hw-card{flex:0 1 calc(var(--demo-h) * 9 / 16);border-radius:10px;max-width:calc(50% - 4px)}.hw-multi{--step:6px}.hw-refs{gap:6px}.hw-fly{flex:0 1 min(31%,calc(var(--demo-h) * 9 / 16));filter:none!important}.hw-role{border-radius:8px;padding:4px;font-size:11px;bottom:6px;left:6px;right:6px}.hw-multi .hw-result{width:auto;max-width:none;height:100%;transition:opacity .7s .2s,transform .9s cubic-bezier(.2,.8,.2,1) .2s,box-shadow .9s;filter:none!important}.hw-chip{border-radius:7px;width:28px;height:28px}.hw-demo h3{font-size:15px}.hw-tag{max-width:calc(100% - 12px);padding:2px 6px;font-size:10px;top:6px;left:6px}.hw-slot-icon .ic{width:26px;height:26px}.hw-track>.hw-line{--seam:10px;--grip-w:20px;--grip-h:36px}.hw-copy{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}.hw-words{gap:6px}.hw-words h2{font-size:19px}.hw-intro{display:none}.hw-steps{gap:4px 12px;font-size:12.5px}.hw-steps span{width:18px;height:18px;font-size:11px}.hw-actions{gap:6px;width:auto}.hw-gift{padding:9px 12px}.hw-gift-head{margin-bottom:4px}.hw-gift-head b{font-size:13.5px}.hw-gift ul{flex-direction:row;gap:14px}.hw-gift li{flex:1;font-size:12px}.hw-gift em b{font-size:15px}.hw-try{height:46px;font-size:16px}.hw-later{padding:2px 8px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.hw-dim,.hw,.hw-card,.hw-demo,.hw-words{animation:none}.hw-tabs .on i:after{animation:none;transform:none}.hw-after,.hw-track{animation:none;transform:translate(-50%)}.hw-after>img{animation:none;transform:translate(50%)}.hw-wave i{animation:none;transform:scaleY(.7)}.hw-fly,.hw-join,.hw-multi .hw-result,.hw-chips{transition:none}.hw-role{animation:none}}
.wall-surface{overscroll-behavior:contain;background:var(--bg);scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;position:absolute;inset:0;overflow:hidden auto}.wall-surface.is-away{visibility:hidden}.home-screen{min-height:100%;padding:0 12px 24px}.hs-head{padding:calc(env(safe-area-inset-top,0px) + 10px) 0 6px;justify-content:space-between;align-items:center;gap:10px;display:flex}.hs-howto{height:28px;color:var(--accent);border:1px solid #bca8f573;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:600}.hs-brand{letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:800}.hs-tools{align-items:center;gap:4px;display:flex}.hs-search{color:#fff;place-items:center;width:36px;height:36px;display:grid}.hs-login{color:#fff;background:#ff4d5e;border-radius:999px;height:28px;padding:0 11px;font-size:12.5px;font-weight:700}@media (min-width:1024px){.home-screen{padding:18px var(--frame-gutter) 0}.home-screen .home-foot{margin:24px calc(var(--frame-gutter) * -1) 0}}