@font-face{font-family:ZtokTempo;font-weight:600;font-display:swap;src:url(/public/fonts/zilla-slab.woff2) format("woff2")}@font-face{font-family:ZtokSakura;font-weight:400;font-display:swap;src:url(/public/fonts/cherry-bomb.woff2) format("woff2")}@font-face{font-family:ZtokJellybean;font-weight:400;font-display:swap;src:url(/public/fonts/chicle.woff2) format("woff2")}@font-face{font-family:ZtokModern;font-weight:500;font-display:swap;src:url(/public/fonts/museo-moderno.woff2) format("woff2")}@font-face{font-family:ZtokMedieval;font-weight:400;font-display:swap;src:url(/public/fonts/neo-castel.woff2) format("woff2")}@font-face{font-family:Ztok8Bit;font-weight:400;font-display:swap;src:url(/public/fonts/pixelify.woff2) format("woff2")}@font-face{font-family:ZtokVampyre;font-weight:400;font-display:swap;src:url(/public/fonts/sinistre.woff2) format("woff2")}@font-face{font-family:ZtokMonkeyBars;font-weight:700;font-display:swap;src:url(/public/fonts/playpen-sans.woff2) format("woff2")}@font-face{font-family:ZtokMainframe;font-weight:700;font-display:swap;src:url(/public/fonts/orbitron.woff2) format("woff2")}@font-face{font-family:ZtokHeadbang;font-weight:400;font-display:swap;src:url(/public/fonts/new-rocker.woff2) format("woff2")}@font-face{font-family:ZtokJournal;font-weight:700;font-display:swap;src:url(/public/fonts/kalam.woff2) format("woff2")}
[data-ztok-font]{font-synthesis:none!important}
[data-ztok-font="12"]{font-family:ZtokTempo,var(--ztok-fallback)!important;letter-spacing:.03em!important}[data-ztok-font="3"]{font-family:ZtokSakura,var(--ztok-fallback)!important;letter-spacing:.04em!important}[data-ztok-font="4"]{font-family:ZtokJellybean,var(--ztok-fallback)!important;letter-spacing:0!important}[data-ztok-font="6"]{font-family:ZtokModern,var(--ztok-fallback)!important;letter-spacing:.01em!important}[data-ztok-font="7"]{font-family:ZtokMedieval,var(--ztok-fallback)!important;letter-spacing:.02em!important}[data-ztok-font="8"]{font-family:Ztok8Bit,var(--ztok-fallback)!important;letter-spacing:.02em!important}[data-ztok-font="10"]{font-family:ZtokVampyre,var(--ztok-fallback)!important;letter-spacing:.01em!important}[data-ztok-font="13"]{font-family:ZtokMonkeyBars,var(--ztok-fallback)!important;letter-spacing:0!important}[data-ztok-font="14"]{font-family:ZtokMainframe,var(--ztok-fallback)!important;letter-spacing:.03em!important}[data-ztok-font="15"]{font-family:ZtokHeadbang,var(--ztok-fallback)!important;letter-spacing:0!important}[data-ztok-font="16"]{font-family:ZtokJournal,var(--ztok-fallback)!important;letter-spacing:0!important}
:root{--ztok-fallback:TikTokFont,Arial,Tahoma,PingFangSC,sans-serif}
[data-ztok-effect="Solid"]{color:var(--ztok-main)!important}
[data-ztok-effect="Gradient"]{background:linear-gradient(to bottom right,var(--ztok-stops))!important;background-size:100% auto!important}
[data-ztok-effect="Prism"]{background-image:linear-gradient(90deg,var(--ztok-stops))!important;background-size:var(--ztok-cycle) auto!important;background-repeat:repeat!important;background-position:0 0;animation:ZtokPrism 2s linear infinite}
[data-ztok-effect="Gradient"],[data-ztok-effect="Prism"]{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
[data-ztok-effect="Neon"]{paint-order:stroke fill;-webkit-text-stroke:calc(1px + .04em) var(--ztok-neon)!important;text-shadow:0 0 calc(4px + .12em) var(--ztok-main)!important;animation:ZtokNeon 4s cubic-bezier(.24,.31,.36,.93) infinite}
[data-ztok-effect="Toon"]{paint-order:stroke fill;-webkit-text-stroke:calc(1.6px + .04em) var(--ztok-toon)!important;color:var(--ztok-toon)!important;-webkit-text-fill-color:var(--ztok-toon)!important}
[data-ztok-effect="Pop"]{isolation:isolate;paint-order:stroke fill;-webkit-text-stroke:calc(1.2px + .04em) var(--ztok-dark2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;animation:ZtokPopMain 4s cubic-bezier(.44,.29,.48,1) infinite}
[data-ztok-effect="Toon"]::before,[data-ztok-effect="Pop"]::before{content:attr(data-ztok-name);position:absolute;left:var(--ztok-x,0);top:var(--ztok-y,0);width:var(--ztok-w,auto);height:var(--ztok-h,auto);line-height:var(--ztok-h,inherit);margin:0;padding:0;border:0;box-sizing:content-box;white-space:pre;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-ztok-effect="Toon"]::before{background:linear-gradient(180deg,#fff 0,var(--ztok-light2) 8%,var(--ztok-light1) 15%,var(--ztok-main) 25%,var(--ztok-light2) 45%,var(--ztok-main) 55%,#fff 75%,var(--ztok-light2) 83%,var(--ztok-light1) 90%,var(--ztok-main) 100%) 50% 0/100% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0 transparent;animation:ZtokToon 4s cubic-bezier(.44,.29,.48,1) infinite}
[data-ztok-effect="Pop"]::before{z-index:-1;color:var(--ztok-main);background:linear-gradient(to bottom left,var(--ztok-light1) 0,var(--ztok-light1) 6%,var(--ztok-main) 20%,var(--ztok-main) 50%,var(--ztok-light1) 56%,var(--ztok-main) 70%,var(--ztok-main) 100%) 100% 0/200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:calc(1.2px + .04em) transparent;transform:translate3d(0,.08em,0);animation:ZtokPopShadow 4s cubic-bezier(.44,.29,.48,1) infinite}
[data-ztok-effect="Gummy"]{color:transparent!important;-webkit-text-fill-color:transparent!important;font-kerning:none!important;font-variant-ligatures:none!important}
.ZtokGummy{position:absolute;left:var(--ztok-x,0);top:var(--ztok-y,0);max-width:var(--ztok-w,none);height:var(--ztok-h,auto);line-height:var(--ztok-h,inherit);margin:0;padding:0;white-space:pre;overflow:clip;overflow-clip-margin:.25em;pointer-events:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0 transparent}
.ZtokGummy,.ZtokGummy>span{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:inherit!important;letter-spacing:inherit!important}.ZtokGummy>span{display:inline-block;white-space:pre;-webkit-text-fill-color:currentColor;animation:ZtokGummy 4s cubic-bezier(.44,.29,.48,1) infinite;animation-delay:calc(var(--ztok-letter,0)*50ms)}
[data-ztok-effect],[data-ztok-effect]::before,.ZtokGummy>span{animation-play-state:paused!important}
:is([data-ztok-live],a:hover,[data-ztok-plate]:hover,[data-e2e="dm-new-conversation-item"]:hover,[data-ztok-effect]:hover) :is([data-ztok-effect],.ZtokGummy>span),:is([data-ztok-live],a:hover,[data-ztok-plate]:hover,[data-e2e="dm-new-conversation-item"]:hover) [data-ztok-effect]::before,[data-ztok-live][data-ztok-effect],[data-ztok-live][data-ztok-effect]::before,[data-ztok-effect]:hover,[data-ztok-effect]:hover::before{animation-play-state:running!important}
@media (prefers-reduced-motion:reduce){[data-ztok-effect],[data-ztok-effect]::before,.ZtokGummy>span,:is([data-ztok-live],a:hover,[data-ztok-plate]:hover,[data-e2e="dm-new-conversation-item"]:hover,[data-ztok-effect]:hover) :is([data-ztok-effect],.ZtokGummy>span),[data-ztok-live][data-ztok-effect]::before,[data-ztok-effect]:hover::before{animation-play-state:paused!important}}
@keyframes ZtokPrism{0%{background-position-x:0}to{background-position-x:calc(var(--ztok-cycle)*-1)}}
@keyframes ZtokNeon{0%,15%,18%,20%,23%,25%,50%{color:#fff;-webkit-text-fill-color:#fff}16%,22%,28%{color:hsl(from var(--ztok-main) h calc(min(1,s)*((s*1.1) + 10)) 85);-webkit-text-fill-color:hsl(from var(--ztok-main) h calc(min(1,s)*((s*1.1) + 10)) 85)}51%,to{color:#fff;-webkit-text-fill-color:#fff}}
@keyframes ZtokToon{0%,5%{background-position:50% 0}55%,to{background-position:50% 100%}}
@keyframes ZtokPopMain{0%{transform:translateZ(0)}18%{transform:translate3d(0,-.05em,0)}35%{transform:translate3d(0,.08em,0)}50%,to{transform:translateZ(0)}}
@keyframes ZtokPopShadow{0%{background-position:100% 0;transform:translate3d(0,.08em,0)}18%{transform:translate3d(0,.13em,0)}35%{transform:translateZ(0)}50%,to{background-position:0 100%;transform:translate3d(0,.08em,0)}}
@keyframes ZtokGummy{0%,35%,to{transform:scale(1)}7%{transform:scale(1.28,.72)}14%{transform:scale(.82,1.18)}21%{transform:scale(1.1,.9)}28%{transform:scale(.96,1.04)}}
[data-ztok-plate]{isolation:isolate}.ZtokPlate{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:8px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 20%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 50%,color-mix(in srgb,var(--ztok-plate) 20%,transparent) 100%)}
:is([data-ztok-plate]:hover,[data-ztok-plate][aria-selected="true"])>.ZtokPlate{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 20%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 50%,color-mix(in srgb,var(--ztok-plate) 30%,transparent) 100%)}
.ZtokPlate>img,.ZtokPlate>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.3) var(--ztok-plate-start,48px),#000 calc(var(--ztok-plate-start,48px) + 50px));mask-image:linear-gradient(to right,rgba(0,0,0,.3) var(--ztok-plate-start,48px),#000 calc(var(--ztok-plate-start,48px) + 50px))}
.ZtokPlate>video{opacity:0;transition:opacity .15s}.ZtokPlate.Playing>video{opacity:1}
[data-ztok-plate="Comment"]{padding:8px!important;border-radius:12px}[data-ztok-plate="Comment"]>.ZtokPlate,[data-ztok-plate="Comment"]:hover>.ZtokPlate{border-radius:12px;--ztok-plate-start:56px;background:linear-gradient(90deg,color-mix(in srgb,var(--ztok-plate) 10%,transparent) 0%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 20%,color-mix(in srgb,var(--ztok-plate) 8%,transparent) 50%,color-mix(in srgb,var(--ztok-plate) 20%,transparent) 100%)}[data-ztok-plate="Chat"]>.ZtokPlate{border-radius:0;--ztok-plate-start:64px}
.ZtokNamesBody{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.ZtokNamesHeading{margin:22px 0 10px;font-size:16px;font-weight:600;color:#fff}
.ZtokNamesPreview{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 18px 16px;border-radius:12px;background:rgba(255,255,255,.06);overflow:hidden}.ZtokNamesBig{max-width:100%;font-size:24px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.ZtokNamesComment{position:relative;align-self:stretch;display:flex;align-items:center;gap:10px;padding:6px 4px}.ZtokNamesAvatar{flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#444}.ZtokNamesAvatar img{display:block;width:100%;height:100%;object-fit:cover}.ZtokNamesLines{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.9)}.ZtokNamesSmall{align-self:flex-start;max-width:100%;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.75)}
.ZtokNamesGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ZtokNamesTile{display:flex;align-items:center;justify-content:center;min-width:0;height:56px;padding:0 6px;border:2px solid transparent;border-radius:8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);font:inherit;font-size:15px;font-weight:600;cursor:pointer;overflow:hidden}.ZtokNamesFonts .ZtokNamesTile{font-size:20px}.ZtokNamesTile:hover{background:rgba(255,255,255,.12)}.ZtokNamesTile[aria-pressed="true"]{border-color:#FE2C55;color:#fff}.ZtokNamesTile>span{max-width:100%;white-space:nowrap}
.ZtokNamesColors{position:relative;display:flex;flex-wrap:wrap;gap:8px}.ZtokNamesSwatch{position:relative;display:flex;flex:none;width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;overflow:hidden}.ZtokNamesSwatch[aria-pressed="true"]{border-color:#FE2C55}.ZtokNamesSwatch:hover{filter:brightness(1.08)}
.ZtokStripes{display:flex;flex:1;align-self:stretch}.ZtokStripes>span{flex:1}.ZtokNamesTick,.ZtokNamesPencil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ZtokNamesTick{display:none;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ZtokNamesSwatch[aria-pressed="true"]>.ZtokNamesTick{display:flex}.ZtokNamesPencil{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ZtokHuePopover{position:absolute;z-index:5;left:0;bottom:calc(100% + 8px);box-sizing:border-box;width:min(280px,100%);padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#2f2f2f;box-shadow:0 8px 24px rgba(0,0,0,.5)}.ZtokHueStops{display:flex;gap:6px;margin-bottom:12px}.ZtokHueStops button{width:28px;height:28px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer}.ZtokHueStops button[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px #FE2C55}
.ZtokHue{position:relative;height:14px;margin:6px 10px;border-radius:7px;background:var(--ztok-track);cursor:pointer;touch-action:none}.ZtokHueThumb{position:absolute;top:50%;width:20px;height:20px;box-sizing:border-box;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none}
.ZtokNamesSurprise{display:inline-flex;align-items:center;gap:8px;margin-inline-end:auto}.ZtokNamesPanel .ZtokDecorationFooter{align-items:center}.ZtokNamesPanel .ZtokDecorationStatus{margin-inline-end:4px}
.ZtokNamesSearch{box-sizing:border-box;width:100%;margin-top:16px;padding:10px 12px;border:0;border-radius:4px;background:rgba(255,255,255,.08);color:inherit;font:inherit}.ZtokNamesPlates section[hidden],.ZtokNamesPlates button[hidden]{display:none}
.ZtokNamesPlateGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px}.ZtokNamesPlate{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:448/84;padding:0 10px;border:2px solid transparent;border-radius:8px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ztok-plate,#808080) 30%,transparent)),rgba(255,255,255,.06);color:rgba(255,255,255,.6);font:inherit;cursor:pointer;overflow:hidden}.ZtokNamesPlate[aria-pressed="true"]{border-color:#FE2C55}.ZtokNamesPlate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}.ZtokNamesPlate span{position:relative;margin-inline-end:auto;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.ZtokNamesRowButton{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;min-height:44px;border:0;cursor:pointer;font:inherit;text-align:start;overflow:hidden}.ZtokNamesRowButton>.ZtokNamesRowName{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.ZtokNamesRowButton[data-ztok-plate]{position:relative}
@media (max-width:600px){.ZtokNamesBody{padding:16px}.ZtokNamesSwatch{width:40px;height:40px}.ZtokNamesTile{height:48px}}