.df-card{--df-hot:#ff4d5e;--df-hot-ink:#fff;--df-hot-soft:#ff4d5e24;min-width:0;color:var(--ink);background:linear-gradient(160deg,#ff4d5e1f,#ff4d5e00 55%),#14141ad1;border:1px solid #ff4d5e59;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.df-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.df-head>b{white-space:nowrap;background:var(--df-hot);height:26px;color:var(--df-hot-ink);letter-spacing:.02em;border-radius:7px;flex:none;align-items:center;padding:0 10px;font-size:13.5px;font-weight:800;display:inline-flex}.df-timer{color:#ffffffb3;white-space:nowrap;font-size:12px}.df-timer .num{color:#ffb3bb;margin-left:2px;font-weight:700}.df-products{grid-template-columns:1fr 1fr;gap:10px;display:grid}.df-product{text-align:left;background:#00000047;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-width:0;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.df-product:hover:not(:disabled){border-color:#ff4d5e8c;transform:translateY(-2px)}.df-product.is-out{opacity:.5}.df-media{aspect-ratio:4/5;background:#1b1b21;display:block;position:relative;overflow:hidden}.df-media>img,.df-media>video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.df-blank{color:#ffffff59;background:radial-gradient(circle at 50% 40%,#ff4d5e2e,#0000 65%);place-items:center;display:grid;position:absolute;inset:0}.df-blank .ic{width:34px;height:34px}.df-ribbon{background:var(--df-hot);width:110px;color:var(--df-hot-ink);text-align:center;letter-spacing:.1em;padding:3px 0;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:10px;left:-30px;transform:rotate(-38deg);box-shadow:0 2px 8px #00000059}.df-count{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;right:8px}.df-info{flex-direction:column;gap:3px;padding:9px 10px 10px;display:flex}.df-info>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.df-price{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.df-price s{color:#ffffff73;font-size:11.5px}.df-price em{color:var(--df-hot);font-size:17px;font-style:normal;font-weight:800}.df-info small{color:#fff9;font-size:11.5px}.df-cta{background:var(--df-hot);height:46px;color:var(--df-hot-ink);letter-spacing:.04em;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:filter .15s;display:flex}.df-cta:hover:not(:disabled){filter:brightness(1.08)}.df-cta.is-go{color:#111;background:#fff}.df-cta:disabled{color:#ffffff80;cursor:default;background:#ffffff1a}.df-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head cta""products products";align-items:center;gap:10px 12px;width:100%;max-width:580px;padding:12px;display:grid}.df-strip .df-head{grid-area:head;justify-content:flex-start;gap:12px}.df-strip .df-cta{grid-area:cta;height:34px;padding:0 18px;font-size:13.5px}.df-strip .df-products{grid-area:products;gap:8px}.df-strip .df-product{flex-direction:row;align-items:stretch}.df-strip .df-media{aspect-ratio:auto;flex:none;width:68px;min-height:76px}.df-strip .df-ribbon{width:96px;padding:2px 0;font-size:10.5px;top:7px;left:-34px}.df-strip .df-count{padding:1px 6px;font-size:11px;top:auto;bottom:5px;right:5px}.df-strip .df-info{justify-content:center;gap:2px;min-width:0;padding:8px 10px}.df-strip .df-info>b{font-size:12.5px}.df-strip .df-price em{font-size:15px}.dfc{z-index:30;border-radius:18px;width:404px;animation:.3s cubic-bezier(.2,.8,.2,1) both dfc-in,2.4s ease-in-out .6s 3 dfc-call;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 60px #0000008c}@keyframes dfc-call{0%,to{box-shadow:0 24px 60px #0000008c,0 0 #ff4d5e00}50%{box-shadow:0 24px 60px #0000008c,0 0 0 6px #ff4d5e4d}}.dfc .df-strip{background:linear-gradient(160deg,#ff4d5e29,#ff4d5e00 55%),#16161c;max-width:none}.dfc-close{z-index:1;color:#fff;background:#26262e;border:1px solid #fff3;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-10px;right:-10px}.dfc-close:hover{background:#34343e}.dfc-tab{z-index:30;color:#fff;background:#1c1418;border:1px solid #ff4d5e73;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #00000073}.dfc-tab i{background:#ff4d5e;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-style:normal;font-weight:800;display:inline-flex}@keyframes dfc-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:1023px){.dfc{top:calc(env(safe-area-inset-top,0px) + 60px);width:auto;bottom:auto;left:12px;right:12px}.dfc.dfc-wall{top:auto;bottom:calc(var(--tab) + env(safe-area-inset-bottom,0px) + 10px)}.dfc-close{top:-8px;right:-6px}.dfc-tab{border-right:0;border-radius:999px 0 0 999px;height:36px;padding:0 10px 0 4px;font-size:12px;top:42%;bottom:auto;right:0}.dfc-tab span{display:none}.df-strip{gap:8px 10px;padding:10px}.df-strip .df-head{gap:8px;min-width:0}.df-strip .df-timer{text-overflow:ellipsis;font-size:11px;overflow:hidden}.df-strip .df-cta{padding:0 14px}.df-strip .df-media{width:50px;min-height:64px}.df-strip .df-info{padding:7px 8px}.df-strip .df-info>b{font-size:12px}.df-strip .df-price{gap:5px}.df-strip .df-price s{font-size:10.5px}.df-strip .df-price em{font-size:14px}.df-strip .df-info small{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.df-product,.dfc{transition:none;animation:none}}
.home-templates{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.ht-head h2{color:#fff;margin:0;font-size:17px;font-weight:800}.ht-head p{color:var(--ink-3);margin:4px 0 0;font-size:12.5px}.ht-tabs{z-index:5;background:var(--bg);scrollbar-width:none;gap:8px;margin:0 -12px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.ht-tabs::-webkit-scrollbar{display:none}.ht-tabs button{border:1px solid var(--line-2);height:32px;color:var(--ink-2);border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.ht-tabs button.on{border-color:var(--accent);color:#fff;background:#bca8f524}.ht-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}.ht-card{flex-direction:column;gap:8px;min-width:0;display:flex}.ht-media{aspect-ratio:3/4;background:var(--surface);border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ht-media>img,.ht-media>video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ht-kind{color:#fff;background:#0009;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.ht-body{flex-direction:column;gap:5px;min-width:0;display:flex}.ht-body>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.ht-said{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.ht-take{background:var(--accent);height:30px;color:var(--on-accent);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.ht-take .ic{width:14px;height:14px}@media (min-width:1024px){.home-templates{gap:14px;padding-bottom:28px}.ht-head{align-items:baseline;gap:14px;display:flex}.ht-head h2{font-size:20px}.ht-head p{margin:0;font-size:13.5px}.ht-tabs{margin:0 calc(var(--frame-gutter) * -1);padding:10px var(--frame-gutter)}.ht-tabs button{height:34px;padding:0 16px;font-size:13.5px}.ht-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:22px 16px}.ht-body>b{font-size:14.5px}.ht-said{font-size:12.5px}.ht-take{height:32px;font-size:13px}}
.home-start{flex-direction:column;gap:18px;margin:4px 0 16px;display:flex}.hst-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hst-entry{aspect-ratio:3/4;color:#fff;text-align:left;background:linear-gradient(160deg,#2a2240,#16161c);border:1px solid #bca8f547;border-radius:16px;min-width:0;padding:0;transition:transform .15s,border-color .15s;display:block;position:relative;overflow:hidden}.hst-entry:hover{border-color:var(--accent);transform:translateY(-2px)}.hst-entry:active{transform:scale(.98)}.hst-media{display:block;position:absolute;inset:0;overflow:hidden}.hst-media>img,.hst-media>video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hst-entry .hst-media:after{content:"";background:linear-gradient(#0000 38%,#000000d1);position:absolute;inset:0}.hst-words{z-index:1;flex-direction:column;gap:3px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hst-words b{letter-spacing:-.01em;align-items:center;gap:5px;font-size:14px;font-weight:800;display:flex}.hst-words b .ic{width:15px;height:15px;color:var(--accent);flex:none}.hst-words small{color:#ffffffbf;font-size:10.5px;line-height:1.35}.hst-icon{color:#bca8f5bf;background:radial-gradient(60% 50% at 50% 55%,#bca8f538,#bca8f500 70%);place-items:center;font-style:normal;display:grid;position:absolute;inset:0 0 40%}.hst-icon .ic{width:36px;height:36px}.hst-free{z-index:1;color:#fff;background:#ff4d5e;border-radius:6px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:8px;left:8px}.hst-wipe,.hst-wipe>img,.hst-wipe-after,.hst-wipe-after>img,.hst-wipe-track{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hst-wipe-after{overflow:hidden;transform:translate(-100%)}.hst-wipe-after>img{transform:translate(100%)}.hst-wipe-track{object-fit:initial;transform:translate(-100%)}.hst-wipe-track>.hst-wipe-line{--seam:10px;--grip-w:16px;--grip-h:30px;opacity:0;left:auto;right:0;transform:translate(50%)}.hst-wipe.is-turn .hst-wipe-after,.hst-wipe.is-turn .hst-wipe-track{animation:3.6s cubic-bezier(.65,0,.35,1) both hst-slide}.hst-wipe.is-turn .hst-wipe-after>img{animation:3.6s cubic-bezier(.65,0,.35,1) both hst-hold}.hst-wipe.is-turn .hst-wipe-line{animation:3.6s linear both hst-seam}@media (hover:hover){.hst-wipe:hover .hst-wipe-after,.hst-wipe:hover .hst-wipe-track{animation:3.6s cubic-bezier(.65,0,.35,1) infinite hst-slide}.hst-wipe:hover .hst-wipe-after>img{animation:3.6s cubic-bezier(.65,0,.35,1) infinite hst-hold}.hst-wipe:hover .hst-wipe-line{animation:3.6s linear infinite hst-seam}}@keyframes hst-slide{0%,8%{transform:translate(-100%)}42%,62%{transform:translate(0)}92%,to{transform:translate(-100%)}}@keyframes hst-hold{0%,8%{transform:translate(100%)}42%,62%{transform:translate(0)}92%,to{transform:translate(100%)}}@keyframes hst-seam{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}.hst-refs{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;padding:8px 8px 64px;display:grid;position:absolute;inset:0}.hst-refs>*{color:#fff9;object-fit:cover;background:#ffffff0a;border:1px dashed #ffffff4d;border-radius:10px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;font-style:normal;display:grid;overflow:hidden}.hst-refs>:last-child{grid-column:1/-1}.hst-refs .ic{width:20px;height:20px}@media (max-width:1023px){.hst-words{padding:9px 8px}.hst-words b{letter-spacing:-.02em;white-space:nowrap;font-size:13px}.hst-words b .ic,.hst-words small{display:none}.hst-free{padding:1px 6px;font-size:10px;top:6px;left:6px}}@media (min-width:1024px){.home-start{gap:26px;margin:4px 0 26px}.hst-icon .ic{width:48px;height:48px}.hst-entries{gap:16px}.hst-entry{aspect-ratio:auto;border-radius:20px;height:clamp(180px,24vh,240px)}.hst-words{gap:6px;padding:18px 20px}.hst-words b{gap:8px;font-size:21px}.hst-words b .ic{width:20px;height:20px}.hst-words small{font-size:13px}.hst-free{padding:3px 10px;font-size:12.5px;top:14px;left:14px}.hst-refs{grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 16px 84px}.hst-refs>:last-child{grid-column:auto}.hst-refs .ic{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.hst-wipe .hst-wipe-after,.hst-wipe.is-turn .hst-wipe-after,.hst-wipe:hover .hst-wipe-after,.hst-wipe .hst-wipe-track,.hst-wipe.is-turn .hst-wipe-track,.hst-wipe:hover .hst-wipe-track{animation:none;transform:translate(-50%)}.hst-wipe .hst-wipe-after>img,.hst-wipe.is-turn .hst-wipe-after>img,.hst-wipe:hover .hst-wipe-after>img{animation:none;transform:translate(50%)}.hst-wipe .hst-wipe-line,.hst-wipe.is-turn .hst-wipe-line,.hst-wipe:hover .hst-wipe-line{opacity:1;animation:none}}