@keyframes p1InDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes p1Pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes p1Fade{from{opacity:0}to{opacity:1}}
@keyframes p1MenuIn{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:none}}
@keyframes p1Lift{0%{transform:none}100%{transform:scale(1.03)}}
@keyframes p1Wait{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes p1Shine{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes p1ToastIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes p1RingA{from{stroke-dashoffset:0}to{stroke-dashoffset:100.5}}
@keyframes p1RingB{from{stroke-dashoffset:0}to{stroke-dashoffset:100.5}}
@keyframes p1SlideIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes p1Ring3{0%,100%{box-shadow:inset 0 0 0 3px #0a84ff,0 0 0 0 rgba(10,132,255,.55)}60%{box-shadow:inset 0 0 0 3px #0a84ff,0 0 0 12px rgba(10,132,255,0)}}
@keyframes p1TileA{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
#agrid.p1t .cell{animation:p1TileA .55s cubic-bezier(.2,.8,.2,1) both}
.cell .p1tag{position:absolute;left:8px;bottom:8px;z-index:2;height:24px;padding:0 9px;border-radius:12px;display:flex;align-items:center;gap:5px;background:#0a84ff;color:#fff;font-size:12px;font-weight:600;animation:p1Pop .35s cubic-bezier(.3,1.45,.5,1) both;pointer-events:none}
.cell .p1tag.dim{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cell .p1tag .ico{width:12px;height:12px;stroke-width:2.4}
.cell.p1edit{box-shadow:inset 0 0 0 3px #0a84ff;transition:box-shadow .3s}
.cell.p1edit::after,.cell.p1found::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 3px #0a84ff}
.cell.p1found::after{animation:p1Ring3 1.1s ease-out .45s 3 both}
#echip{padding:4px;border-radius:18px;background:rgba(10,132,255,.12);border:.5px solid rgba(10,132,255,.35);margin:0 0 8px;animation:p1InDown .35s cubic-bezier(.2,.8,.2,1)}
#echip.hidden{display:none}
#echip img{width:30px;height:44px;border-radius:7px;box-shadow:0 0 0 .5px rgba(255,255,255,.15);border:0}
#echip .p1et{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
#echip .p1et b{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:#64b5ff}
#echip .p1et b .ico{width:13px;height:13px}
#echip .p1et small{font-size:12px;color:#98989f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#echip button{width:36px;height:36px;border-radius:18px;background:none}
.u .p1card{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;margin:-2px -6px 6px -6px;border-radius:12px;background:rgba(255,255,255,.07);cursor:pointer;text-align:left}
.u .p1card img{width:30px;height:44px;object-fit:cover;border-radius:7px;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}
.u .p1card img.veil{filter:blur(8px)}
.u .p1card span{display:flex;flex-direction:column;line-height:1.25}
.u .p1card b{font-size:13px;font-weight:600}
.u .p1card small{font-size:12px;color:#98989f}
.u .p1mark{display:block;text-align:right;margin:4px 6px 0 0;font-size:11px;color:#8e8e93;animation:p1Fade .4s}
.u.p1editing .bub{background:#1f3550;box-shadow:0 0 0 1.5px #0a84ff;transition:background .3s,box-shadow .3s}
.u .p1rebuild{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin:5px 4px 0 0;font-size:12px;font-weight:600;color:#64b5ff;animation:p1Fade .3s}
.u .p1rebuild .ico{width:13px;height:13px}
.p1dim{opacity:.35;filter:saturate(0);transition:opacity .35s,filter .35s}
.p1del{opacity:.35;filter:saturate(0);text-decoration:line-through;pointer-events:none;transition:opacity .3s}
.p1sys{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 6px;font-size:12px;color:#98989f;animation:p1Fade .4s}
.p1sys::before,.p1sys::after{content:"";flex:1;height:.5px;background:rgba(255,255,255,.12)}
.p1steps{display:flex;flex-direction:column}
.p1step{display:flex}
.p1step .si{flex-shrink:0;display:grid;place-items:center}
.p1step .t{display:block}
.p1step .s{display:block;margin-top:1px;font-size:13px;line-height:17px;color:#98989f}
.p1step.done .si{color:#30d158}
.p1step.done .si .ico{animation:p1Pop .35s both}
.p1step.err .si{background:rgba(255,69,58,.16);color:#ff453a}
.p1step.err .t{color:#ff6961}
.p1step.wait .si .ico{animation:p1Wait 1.6s infinite}
.p1step.active .si i{border-radius:50%;border:2px solid rgba(10,132,255,.3);border-top-color:#0a84ff;animation:spin .8s linear infinite}
.p1err{padding:14px;border-radius:16px;background:rgba(255,69,58,.1);border:.5px solid rgba(255,69,58,.35);max-width:440px;margin:4px 0 8px}
.p1err .h{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.p1err .h .ico{width:18px;height:18px;color:#ff6961}
.p1err p{margin:6px 0 0 28px;font-size:14px;line-height:19px;color:#c7c7cc}
.p1err .b{display:flex;gap:8px;margin:12px 0 0 28px}
.p1err .b button{min-height:40px;padding:0 14px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1)}
.p1err .b button.pri{background:#0a84ff;color:#fff}
.p1err .b .ico{width:16px;height:16px}
.p1toast{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top));z-index:60;transform:translateX(-50%);width:min(520px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px;border-radius:18px;background:rgba(24,24,26,.9);-webkit-backdrop-filter:blur(50px) saturate(180%);backdrop-filter:blur(50px) saturate(180%);border:.5px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 34px rgba(0,0,0,.55);animation:p1ToastIn .4s cubic-bezier(.3,1.45,.5,1) both}
.p1toast .rg{position:relative;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}
.p1toast .rg svg{position:absolute;inset:0;transform:rotate(-90deg)}
.p1toast .rg .ico{position:relative;inset:auto;transform:none;width:16px;height:16px}
.p1toast .tx{flex:1;min-width:0;line-height:1.25}
.p1toast.multi{align-items:flex-start}
.p1toast.multi .tx span{white-space:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:2px;color:#d1d1d6;font-size:13px;line-height:17px}
.p1toast.multi .act,.p1toast.multi .cl{align-self:center}
.p1toast .tx b{display:block;font-size:14px;font-weight:600}
.p1toast .tx span{display:block;font-size:12px;color:#98989f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p1toast .act{height:36px;padding:0 14px;border-radius:18px;background:rgba(10,132,255,.16);color:#64b5ff;font-size:14px;font-weight:700}
.p1toast .cl{width:30px;height:36px;color:#8e8e93;font-size:20px;background:none}
.p1mback{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.p1mcol{position:fixed;z-index:59;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.p1mcol .p1cu{margin:0;padding:0;display:block;animation:none}
.p1mcol .p1clone{box-sizing:border-box;margin:0;max-width:none;max-height:40vh;overflow:hidden;transform-origin:right center;box-shadow:0 18px 50px rgba(0,0,0,.55);will-change:transform}
#msgs .u .bub,.p1mcol .p1clone{transition:filter .25s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#msgs .u .bub.p1press{filter:brightness(1.25);transition:filter .42s}
.p1menu{width:236px;border-radius:16px;overflow:hidden;background:rgba(24,24,26,.9);-webkit-backdrop-filter:blur(50px) saturate(180%);backdrop-filter:blur(50px) saturate(180%);border:.5px solid rgba(255,255,255,.14);transform-origin:top right}
.p1menu button{width:100%;height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:16px;background:none;border-bottom:.5px solid rgba(255,255,255,.1)}
.p1menu button:last-child{border-bottom:0}
.p1menu button .ico{width:17px;height:17px}
#chat.p1in{animation:p1SlideIn .45s cubic-bezier(.32,.72,0,1);box-shadow:-20px 0 40px rgba(0,0,0,.6)}
.p1found-toast{position:fixed;left:50%;top:calc(70px + env(safe-area-inset-top));z-index:61;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:22px;font-size:14px;font-weight:600;background:rgba(24,24,26,.9);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:.5px solid rgba(255,255,255,.14);animation:p1ToastIn .35s both;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
.p1found-toast .ico{width:16px;height:16px;color:#64b5ff}
#insp .p1seed{display:flex;align-items:center;gap:6px}
#insp .p1seed button{width:22px;height:22px;display:grid;place-items:center;color:#0a84ff;background:none;transition:transform .2s}
#insp .p1seed button:hover{transform:scale(1.2)}
#insp .p1seed .ico{width:14px;height:14px}
#insp .iact #iEdit{grid-column:1/-1;order:-1;height:46px;border-radius:12px;background:#0a84ff;color:#fff;font-weight:600}
.gav{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2c2c2e;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}
.gav.sm{width:18px;height:18px}
.gav0{width:28px;flex-shrink:0}
.gmsg{display:flex;align-items:flex-end;gap:8px;max-width:100%}
.gmsg .as.her{background:var(--bubble-in,#262628);padding:9px 13px;border-radius:18px;max-width:min(520px,78%)}
.gmsg.tail .as.her{border-bottom-left-radius:6px}
.gmsg + .gmsg{margin-top:-6px}
.gmsg .typing.her{background:var(--bubble-in,#262628);border-radius:18px;padding:10px 14px}
.gpw{max-width:min(320px,70%);display:flex;flex-direction:column;gap:6px}
.gwait{font-size:13px;color:#98989f;padding-left:4px}
.gdiv{display:flex;align-items:center;gap:10px;margin:14px 0;color:#8e8e93;font-size:12px}
.gdiv::before,.gdiv::after{content:"";flex:1;height:.5px;background:rgba(255,255,255,.14)}
.gdiv span{display:flex;align-items:center;gap:6px}
.gcard{background:rgba(255,255,255,.06);border:.5px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;max-width:420px}
.gcard .gh{display:flex;align-items:center;gap:6px;font-size:12px;color:#98989f;margin-bottom:8px}
.gcard .gh .ico{width:14px;height:14px}
.gcard .gt{display:flex;gap:10px}
.gcard .gt .ico{width:20px;height:20px;flex-shrink:0;color:#ff6961}
.gcard b{display:block;font-size:15px}
.gcard p{margin:3px 0 0;font-size:14px;line-height:19px;color:#d1d1d6}
.gbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gbtns button{height:40px;padding:0 16px;border-radius:20px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.gbtns button.pri{background:var(--accent,#0a84ff);color:#fff}
.gbtns .ico{width:16px;height:16px}
.goffer{display:flex;gap:12px;align-items:flex-start}
.goffer>img{width:52px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0}
.goffer>img.veil{filter:blur(10px)}
#chatAv{display:none}
#chat.hasgirl #chatAv{display:block;width:34px;height:34px;border-radius:50%;padding:0;background:none;flex-shrink:0;position:relative}
#chatAv img{width:34px;height:34px;border-radius:50%;object-fit:cover}
#chat.persona #chatAv::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#30d158;box-shadow:0 0 0 2px #000}
#chat.hasgirl .bar .mid{display:flex;align-items:center;gap:10px;justify-content:center}
#chatRole{display:none;font-size:12px;color:#98989f}
#chat.persona #chatRole{display:block}
.gtt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#roleBtn{height:40px;padding:0 14px;border-radius:20px;align-items:center;gap:6px;font-size:14px;font-weight:600;white-space:nowrap}
#chat.hasgirl #roleBtn{display:flex}
#chat.girlown #roleBtn{display:none}
#chat.persona #chatRole:empty{display:none}
.gimg{display:block;padding:0;border-radius:18px;overflow:hidden;background:#1c1c1e;width:min(240px,62vw);cursor:pointer}
.gmsg.tail .gimg{border-bottom-left-radius:6px}
.gimg img{display:block;width:100%;height:auto}
.gimg img.veil{filter:blur(26px)}
.u .rcpt{display:block;text-align:right;font-size:11px;color:#8e8e93;margin-top:3px;padding-right:4px}
#roleBtn img{width:22px;height:22px;border-radius:50%;object-fit:cover}
#roleBtn .ico{width:17px;height:17px}
.gstrip{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 14px}
.gstrip::-webkit-scrollbar{display:none}
.gstrip button{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;flex-shrink:0;background:none;font-size:12px;color:#d1d1d6}
.gstrip .gc{width:58px;height:58px;border-radius:50%;position:relative;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.gstrip .gc img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.gstrip .gc.on{box-shadow:0 0 0 2px var(--accent,#0a84ff)}
.gstrip .gc.on::after{content:"";position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#30d158;box-shadow:0 0 0 2px #000}
.gstrip .gc.add{border:1.5px dashed rgba(255,255,255,.3);background:none}
.gstrip span.n{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gempty{display:flex;align-items:center;gap:14px;width:calc(100% - 32px);margin-left:16px;margin-right:16px;padding:12px 14px;margin-bottom:14px;border-radius:18px;background:rgba(255,255,255,.05);text-align:left}
.gempty .gc{width:48px;height:48px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3);display:grid;place-items:center;flex-shrink:0}
.gempty b{display:block;font-size:15px}
.gempty small{font-size:13px;color:#98989f}
.chat-row .rav{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-right:6px;vertical-align:-5px}
.chat-row .rbadge{font-size:10px;font-weight:700;color:#64b5ff;background:rgba(10,132,255,.16);padding:2px 6px;border-radius:8px;margin-left:6px}
#make{position:fixed;inset:0;z-index:50;background:#000;background-image:radial-gradient(130% 55% at 50% -8%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 62%);color:#fff;display:flex;flex-direction:column}
#make.hidden{display:none}
#make .mkin{width:100%;max-width:560px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0}
#make header{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:60px;padding:0 12px;padding-top:env(safe-area-inset-top)}
#make header b{text-align:center;font-size:17px}
#make header button{width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:rgba(58,58,62,.5)}
.mkst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 8px}
.mkst div{font-size:12px;font-weight:600;color:#636366}
.mkst div::before{content:"";display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.12);margin-bottom:6px}
.mkst div.on{color:#64b5ff}
.mkst div.on::before{background:var(--accent,#0a84ff)}
.mkst div.cur{color:#fff}
.mkbody{flex:1;overflow-y:auto;padding:8px 20px 24px}
.mkfoot{display:flex;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.mkfoot button{flex:1;min-width:0;height:50px;border-radius:25px;background:rgba(255,255,255,.1);font-size:15px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.mkfoot button.pri{flex:1.5}
.mkfoot button.pri{background:var(--accent,#0a84ff);color:#fff}
.mkfoot button:disabled{opacity:.45}
.mkintro{display:flex;gap:12px;align-items:center;color:#c7c7cc;font-size:14px;line-height:19px;margin:6px 0 18px}
.mkintro .gc{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);flex-shrink:0;display:grid;place-items:center}
.mkintro .mkrand{flex-shrink:0;height:38px;padding:0 12px;border-radius:19px;background:rgba(10,132,255,.16);color:#64b5ff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.mkintro .mkrand .ico{width:17px;height:17px}
.mkface{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:12px;line-height:16px;color:#98989f}
.mkface img{width:44px;height:58px;border-radius:8px;object-fit:cover;flex-shrink:0}
#mkPick{position:fixed;inset:0;z-index:57;background:#000;display:flex;flex-direction:column}
#mkPick header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top)}
#mkPick header button{height:38px;padding:0 14px;border-radius:19px;background:rgba(255,255,255,.1);font-weight:600}
#mkPick .gr{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:4px;padding:4px 4px calc(16px + env(safe-area-inset-bottom))}
#mkPick .gr button{padding:0;aspect-ratio:3/4;overflow:hidden;background:#1c1c1e}
#mkPick .gr img{width:100%;height:100%;object-fit:cover}
#mkPick .gr img.veil{filter:blur(12px)}
#mkPick .gr .more{grid-column:1/-1;aspect-ratio:auto;height:44px;background:rgba(255,255,255,.08);border-radius:12px;margin:8px}
.mkl{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#98989f;margin:18px 0 8px}
.mkname{display:flex;gap:8px}
.mkname input{flex:1;height:46px;border-radius:12px;background:rgba(255,255,255,.08);border:0;color:#fff;font-size:17px;padding:0 14px;outline:none}
.mkname button{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}
.mkage{display:flex;align-items:baseline;gap:8px}
.mkage b{font-size:36px;line-height:42px;transition:color .2s}
.mkage b.minor{color:#ff6961;animation:mkShake .45s}
.mkage span{font-size:15px;color:#98989f}
@keyframes mkShake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
#mkAge{width:100%;accent-color:var(--accent,#0a84ff);height:32px}
.mkjab{display:flex;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,105,97,.12);border:.5px solid rgba(255,105,97,.3);animation:mkShake .45s}
.mkjab.milf{background:rgba(100,181,255,.1);border-color:rgba(100,181,255,.25);animation:none}
.mkjab .ico{width:20px;height:20px;flex-shrink:0;color:#ff6961}
.mkjab.milf .ico{color:#64b5ff}
.mkjab b{display:block;font-size:15px}
.mkjab p{margin:3px 0 0;font-size:14px;line-height:19px;color:#d1d1d6}
.mkchips{display:flex;flex-wrap:wrap;gap:8px}
.mkchips button{height:36px;padding:0 14px;border-radius:18px;background:rgba(255,255,255,.08);font-size:14px;border:.5px solid transparent}
.mkchips button[aria-pressed=true]{background:rgba(10,132,255,.18);color:#64b5ff;border-color:rgba(100,181,255,.4)}
.mkabout{width:100%;min-height:76px;border-radius:12px;background:rgba(255,255,255,.08);border:0;color:#fff;font:inherit;font-size:15px;padding:12px 14px;resize:vertical;outline:none;box-sizing:border-box}
.mkhint{font-size:12px;color:#8e8e93;margin-top:6px;line-height:16px}
.mknote{display:flex;gap:8px;margin-top:18px;font-size:12px;line-height:16px;color:#8e8e93}
.mknote .ico{width:14px;height:14px;flex-shrink:0}
.mkerr{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,105,97,.12);color:#ffb4ae;font-size:14px}
.mkpol{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.mkpol .pol{width:180px;padding:10px 10px 34px;background:#eceae6;border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.6);transform:rotate(-2deg);cursor:pointer;transition:transform .3s}
.mkpol .pol.shake{animation:mkPol .5s}
@keyframes mkPol{0%,100%{transform:rotate(-2deg)}25%{transform:rotate(4deg) translateX(6px)}50%{transform:rotate(-6deg) translateX(-6px)}75%{transform:rotate(2deg)}}
.mkpol .pic{width:160px;height:160px;background:#1c1c1e;overflow:hidden;position:relative}
.mkpol .pic img{width:100%;height:100%;object-fit:cover;transition:filter 1.2s}
.mkpol .cap{font-size:13px;color:#636366;margin-top:8px;text-align:center;font-family:'Segoe Print','Bradley Hand',cursive;min-height:16px}
.mkpol small{font-size:12px;color:#8e8e93;margin-top:10px}
.mkprog{margin-top:14px}
.mkprog .row{display:flex;justify-content:space-between;font-size:13px}
.mkprog .row span{color:#98989f}
.mkprog .mkbar{height:4px;border-radius:2px;background:rgba(255,255,255,.12);margin-top:6px;overflow:hidden}
.mkprog .mkbar i{display:block;height:100%;background:var(--accent,#0a84ff);transition:width .6s}
.mkqa{margin-top:18px}
.mkqa .hd{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.mkqa .hd .gc{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(2px);flex-shrink:0}
.mkqa .hd b{display:block;font-size:15px}
.mkqa .hd small{font-size:12px;color:#98989f}
.mkq{align-self:flex-end;margin-left:auto;background:var(--bubble,#2c2c2e);padding:8px 13px;border-radius:18px;max-width:80%;width:fit-content;margin-bottom:6px;font-size:15px}
.mka{background:#262628;padding:8px 13px;border-radius:18px;max-width:80%;width:fit-content;margin-bottom:10px;font-size:15px;line-height:20px}
.mkphoto{position:relative;border-radius:20px;overflow:hidden;background:#1c1c1e;aspect-ratio:4/5;margin-top:8px}
.mkphoto img{width:100%;height:100%;object-fit:cover}
.mkphoto img.veil{filter:blur(24px)}
.mkphoto .ov{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))}
.mkphoto .ov b{font-size:28px}
.mkphoto .ov span{font-size:20px;color:#d1d1d6;margin-left:8px}
.mkphoto .ov small{display:block;font-size:13px;color:#d1d1d6;margin-top:2px}
.mkphoto .tg{position:absolute;top:12px;right:12px;height:26px;padding:0 10px;border-radius:13px;background:rgba(0,0,0,.55);font-size:12px;font-weight:600;display:flex;align-items:center}
.mkatts{display:flex;gap:8px;margin-top:6px}
.mkatts button{width:52px;height:64px;border-radius:10px;overflow:hidden;background:#1c1c1e;padding:0;position:relative;opacity:.7}
.mkatts button.on{opacity:1;box-shadow:0 0 0 2px var(--accent,#0a84ff)}
.mkatts img{width:100%;height:100%;object-fit:cover}
.mkatts span{position:absolute;left:4px;bottom:2px;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}
.mkdone{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px}
.mkdone .av{width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 3px var(--accent,#0a84ff);position:relative}
.mkdone .av img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.mkdone .av i{position:absolute;right:2px;bottom:6px;width:28px;height:28px;border-radius:50%;background:#30d158;display:grid;place-items:center;box-shadow:0 0 0 3px #000}
.mkdone .av i .ico{width:16px;height:16px;color:#fff;stroke-width:3}
.mkdone h2{font-size:28px;margin:18px 0 6px}
.mkdone p{color:#c7c7cc;font-size:15px;line-height:20px;max-width:300px;margin:0}
.mkdone .mkfoot{flex-direction:column;width:100%;max-width:360px;margin-top:22px}
.mkdone .mkfoot button{flex:none;width:100%}
#gcardBack{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#gcardSheet{position:fixed;z-index:56;left:50%;bottom:0;transform:translateX(-50%);width:min(440px,100%);max-height:88vh;overflow-y:auto;background:#1c1c1e;border-radius:22px 22px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));animation:gcIn .4s cubic-bezier(.32,.72,0,1)}
#gcardSheet .gcx{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:18px;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.2)}
#gcardSheet .gcx:active{transform:scale(.88)}
#gcardSheet .gcx .ico{width:18px;height:18px;stroke-width:2.4}
@keyframes gcIn{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
#gcardSheet .ph{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1;background:#2c2c2e}
#gcardSheet .ph img{width:100%;height:100%;object-fit:cover}
#gcardSheet .ph .ov{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))}
#gcardSheet .ph .ov b{font-size:26px}
#gcardSheet .ph .ov span{font-size:20px;margin-left:6px;color:#d1d1d6}
#gcardSheet .ph .ov small{display:flex;align-items:center;gap:6px;font-size:12px;color:#d1d1d6}
#gcardSheet .ph .ov small::before{content:"";width:8px;height:8px;border-radius:50%;background:#30d158}
#gcardSheet h4{font-size:13px;color:#98989f;margin:16px 0 8px;display:flex;justify-content:space-between}
#gcardSheet .gchips{display:flex;flex-wrap:wrap;gap:6px}
#gcardSheet .gchips span{padding:5px 10px;border-radius:12px;background:rgba(255,255,255,.08);font-size:13px}
#gcardSheet p{margin:0;font-size:15px;line-height:21px;color:#d1d1d6}
#gcardSheet .phs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#gcardSheet .phs img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;cursor:pointer}
#gcardSheet .phs img.veil{filter:blur(10px)}
@media (prefers-reduced-motion: reduce){
.mkpol .pol.shake,.mkage b.minor,.mkjab,#gcardSheet{animation:none}
}
#toBottom{position:absolute;right:16px;bottom:calc(100% + 10px);width:40px;height:40px;border-radius:20px;display:grid;place-items:center;background:rgba(44,44,46,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.16);box-shadow:0 6px 18px rgba(0,0,0,.45);opacity:0;transform:translateY(8px) scale(.8);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.3,1.4,.5,1)}
#toBottom.on{opacity:1;transform:none;pointer-events:auto}
#toBottom .ico{width:20px;height:20px;transform:rotate(180deg)}
.tgtabs{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:4px 16px 10px;padding:3px;border-radius:999px;background:rgba(120,120,128,.16);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.1)}
.tgtabs i{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.3);transition:transform .5s cubic-bezier(.3,1.25,.5,1)}
.tgtabs.g i{transform:translateX(100%)}
.tgtabs button{position:relative;z-index:1;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;color:#98989f;transition:color .3s}
.tgtabs button.on{color:#fff}
.tgtabs .ub{background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center;box-sizing:border-box}
.tgpop{animation:tgPop .45s cubic-bezier(.3,1.5,.5,1) both}
@keyframes tgPop{0%{transform:scale(.3)}100%{transform:none}}
.tglist{display:flex;flex-direction:column}
.tgrow{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;text-align:left;transition:background-color .25s}
.tgrow:active,.tgrow.active{background:rgba(255,255,255,.06)}
.tgrow .av{position:relative;flex-shrink:0;width:56px;height:56px}
.tgrow .av img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.tgrow .av i{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:#30d158;border:2.5px solid #000}
.tgrow .bd{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:2px;border-bottom:.5px solid var(--separator,#38383a);padding:2px 0 8px}
.tgrow:last-child .bd{border-bottom:0}
.tgrow .r1{display:flex;align-items:center;gap:6px}
.tgrow .r1 b{flex:1;min-width:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgrow .tm{display:flex;align-items:center;gap:3px;font-size:13px;color:#8e8e93;flex-shrink:0}
.tgrow .tm .tgck{color:var(--accent)}
.tgrow .r2{display:flex;align-items:flex-start;gap:8px}
.tgrow .pv{flex:1;min-width:0;font-size:15px;line-height:20px;color:#8e8e93;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tgrow .pv .me{color:#fff}
.tgrow .pv .ty{color:var(--accent)}
.tgrow .pv .ph{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:-3px;margin-right:5px;object-fit:cover}
.tgrow .ub{flex-shrink:0;margin-top:1px;background:var(--accent);color:#fff;font-weight:600;display:grid;place-items:center;box-sizing:border-box}
.tgnew .av{display:grid;place-items:center;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3);box-sizing:border-box;color:#c7c7cc}
.tgnew .av .ico{width:22px;height:22px}
.tgnew .pv{-webkit-line-clamp:1}
.tgnone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 24px;color:#8e8e93;font-size:15px}
.tgnone b{color:#fff;font-size:17px}
.tgnone button{margin-top:10px;height:44px;padding:0 20px;border-radius:22px;background:var(--accent);color:#fff;font-weight:600;font-size:15px}
:root{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
#q{scrollbar-width:none}
#q::-webkit-scrollbar{display:none}
@media (max-width:1099px){
*{scrollbar-width:none}
*::-webkit-scrollbar{display:none}
}
#newChat.tgfabsw{animation:tgFab .45s cubic-bezier(.3,1.35,.5,1)}
@keyframes tgFab{0%{transform:scale(.86);opacity:.4}100%{transform:none;opacity:1}}
.tgdots::after{content:"";display:inline-block;width:14px;text-align:left;animation:tgEll 1.2s steps(4) infinite}
@keyframes tgEll{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.tgnote{position:fixed;z-index:70;left:50%;top:calc(8px + env(safe-area-inset-top));width:min(420px,calc(100% - 16px));transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:22px;background:rgba(36,36,38,.82);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.55);text-align:left;animation:tgNoteIn .6s cubic-bezier(.3,1.3,.5,1) both}
.tgnote.out{animation:tgNoteOut .3s ease-in both}
@keyframes tgNoteIn{from{opacity:0;transform:translate(-50%,-130%) scale(.96)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes tgNoteOut{to{opacity:0;transform:translate(-50%,-130%)}}
.tgnote img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.tgnote .tx{flex:1;min-width:0;line-height:1.25}
.tgnote .tx b{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600}
.tgnote .tx b small{font-size:12px;font-weight:400;color:#8e8e93}
.tgnote .tx span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:#d1d1d6;margin-top:1px}
#chat.persona #chatMenu{display:none}
#roleBtn{display:none!important}
#chat.persona #chatAv{position:absolute;right:12px;top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;overflow:visible;margin:0}
#chat.persona #chatAv img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 .5px rgba(255,255,255,.2)}
#chat.persona .gtt{align-items:center;text-align:center;gap:1px}
#chat.persona #chatTitle{font-size:17px;font-weight:600;line-height:20px}
#chat.persona #chatRole{position:relative;font-size:12px;line-height:15px;height:15px;min-width:130px;color:#8e8e93;overflow:hidden}
#chat.persona #chatRole span{position:absolute;left:0;right:0;white-space:nowrap;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .3s}
#chat.persona #chatRole span.on{color:var(--accent)}
#chat.persona #chatRole span.old{transform:translateY(-12px);opacity:0}
#chat.persona #chatRole span.nw{animation:tgSwIn .35s cubic-bezier(.32,.72,0,1) both}
@keyframes tgSwIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
#chat.persona #chatStatus{display:none}
#chat.persona #chatAv::after{transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
#chat.persona:not(.online) #chatAv::after{transform:scale(0)}
#chat.persona .fade-top{height:calc(64px + env(safe-area-inset-top));background:rgba(16,16,18,.9);border-bottom:.5px solid rgba(255,255,255,.08)}
#gcWall{position:absolute;inset:0;z-index:0;pointer-events:none;display:none;transition:opacity .4s}
#chat.persona #gcWall{display:block}
:is(#msgs,.gcpv) .tgday{display:flex;justify-content:center;margin:14px 0 8px}
:is(#msgs,.gcpv) .tgday span{padding:4px 11px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:rgba(44,44,46,.88);border:.5px solid rgba(255,255,255,.1)}
#msgs .tgsvc{display:flex;justify-content:center;margin:8px 24px}
#msgs .tgsvc span{padding:4px 11px;border-radius:999px;font-size:13px;color:#d1d1d6;background:rgba(44,44,46,.6);text-align:center}
#msgs .tgsvc.err span{color:#ff6961}
:is(#msgs,.gcpv) .tgm{display:flex;padding:0 8px;margin-top:2px}
:is(#msgs,.gcpv) .tgm.first{margin-top:8px}
:is(#msgs,.gcpv) .tgm.out{justify-content:flex-end}
:is(#msgs,.gcpv) .tgb{position:relative;max-width:min(78%,480px);padding:7px 12px 7px;font-size:var(--gc-fs,16px);line-height:var(--gc-lh,21px);word-wrap:break-word;overflow-wrap:anywhere;user-select:text;transition:background-color .35s,border-radius .3s,font-size .25s,line-height .25s}
:is(#msgs,.gcpv) .tgm.out .tgb{background:var(--gc-out,var(--accent));color:#fff;border-radius:var(--gc-r,18px) var(--gc-rs,6px) var(--gc-rs,6px) var(--gc-r,18px)}
:is(#msgs,.gcpv) .tgm.out.first .tgb{border-top-right-radius:var(--gc-r,18px)}
:is(#msgs,.gcpv) .tgm.in .tgb{background:#262628;color:#fff;border-radius:var(--gc-rs,6px) var(--gc-r,18px) var(--gc-r,18px) var(--gc-rs,6px)}
:is(#msgs,.gcpv) .tgm.in.first .tgb{border-top-left-radius:var(--gc-r,18px)}
:is(#msgs,.gcpv) .tgm.tail .tgb::after{content:"";position:absolute;background:inherit}
#msgs .tgb p{margin:0}
#msgs .tgb p+p{margin-top:6px}
.tgmeta{float:right;display:inline-flex;align-items:center;gap:3px;margin:8px -4px -4px 10px;font-size:12px;line-height:14px;white-space:nowrap;color:#8e8e93;font-variant-numeric:tabular-nums;user-select:none}
:is(#msgs,.gcpv) .tgm.out .tgmeta,.p1clone .tgmeta{color:rgba(255,255,255,.75)}
.tgck{position:relative;display:inline-block;width:17px;height:11px;flex-shrink:0}
.tgck svg{position:absolute;inset:0;width:17px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tgck .c1{transition:transform .3s ease}
.tgck .c2{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .4s ease .1s}
.tgck.read .c1{transform:translateX(-2px)}
.tgck.read .c2{stroke-dashoffset:0}
#msgs .tgph{padding:0;overflow:hidden;background:#1c1c1e!important;border-radius:var(--gc-r,18px)!important}
#msgs .tgm.tail .tgph{border-bottom-left-radius:6px!important}
#msgs .tgph .gimg{display:block;width:min(240px,62vw);border-radius:0;overflow:hidden;padding:0;margin:0;background:none}
#msgs .tgph .gimg img{display:block;width:100%;height:auto;object-fit:cover;opacity:1;filter:none;transform:none}
#msgs .tgph .tgmeta{position:absolute;right:10px;bottom:10px;float:none;margin:0;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff}
#msgs .tgm.tail .tgph::after{display:none}
#msgs .tgph.reveal .gimg img{animation:tgReveal .9s cubic-bezier(.32,.72,0,1) both}
@keyframes tgReveal{from{filter:blur(16px) brightness(.7);transform:scale(1.08)}to{filter:none;transform:none}}
#msgs .tgup .gimg img{filter:blur(16px) brightness(.7)!important;transform:scale(1.08)!important;aspect-ratio:2/3}
#msgs .tgring{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:600}
#msgs .tgring svg{position:absolute;inset:4px;width:48px;height:48px;animation:tgSpin 1.6s linear infinite}
#msgs .tgring circle{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:130;transition:stroke-dashoffset .5s ease}
@keyframes tgSpin{to{transform:rotate(360deg)}}
#msgs .tgtyping{display:flex;gap:5px;padding:13px 14px}
#msgs .tgtyping i{width:7px;height:7px;border-radius:50%;background:#8e8e93;animation:tgDot 1.3s ease-in-out infinite}
#msgs .tgtyping i:nth-child(2){animation-delay:.16s}
#msgs .tgtyping i:nth-child(3){animation-delay:.32s}
@keyframes tgDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
#msgs .tgm.out.enter{animation:tgOut .5s cubic-bezier(.3,1.35,.5,1) both;transform-origin:100% 100%}
#msgs .tgm.in.enter{animation:tgIn .5s cubic-bezier(.3,1.35,.5,1) both;transform-origin:0 100%}
@keyframes tgOut{from{opacity:0;transform:translate(10px,26px) scale(.72)}to{opacity:1;transform:none}}
@keyframes tgIn{from{opacity:0;transform:translate(-8px,18px) scale(.8)}to{opacity:1;transform:none}}
#msgs .tgempty{display:flex;flex-direction:column;align-items:center;gap:6px;margin:80px auto 0;padding:18px 22px;border-radius:22px;background:rgba(44,44,46,.8);color:#d1d1d6;font-size:14px;text-align:center}
#msgs .tgempty img{width:72px;height:72px;border-radius:50%;object-fit:cover}
#msgs .tgempty b{color:#fff;font-size:16px}
#msgs .p1del .tgb{opacity:.35;filter:saturate(0)}
@media (min-width:1100px){
#msgs .tgb{max-width:min(62%,520px)}
}
.gcpv{position:relative;height:210px;border-radius:20px;overflow:hidden;border:.5px solid rgba(255,255,255,.1)}
.gcpv .gcw{position:absolute;inset:0;transition:opacity .25s}
.gcpv .gcin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 0 12px}
.gcpv .tgb{max-width:80%}
.gcsticky{position:sticky;top:0;z-index:3;padding:2px 0 10px}
.gcbtn{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);margin:12px 16px 0;padding:0 14px;height:48px;border-radius:14px;background:rgba(255,255,255,.08);font-size:16px;text-align:left;box-sizing:border-box}
.gcbtn .ico{width:20px;height:20px;color:var(--accent)}
.gcbtn span{flex:1}
.gcbtn small{color:#8e8e93;font-size:14px}
@media (prefers-reduced-motion:reduce){
#msgs .tgm.enter,.tgnote,.tgpop,#msgs .tgph.reveal .gimg img{animation:none!important}
}
#gcWall{overflow:hidden}
#gcWall .w,.gcpv .gcw .w{position:absolute;inset:-60px;filter:blur(var(--gc-wb,0px));transition:filter .3s}
#gcWall::after,.gcpv .gcw::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--gc-dim,0));transition:background-color .3s}
.gcpv .gcw{overflow:hidden}
:is(#chat,.gcpv) .tgm.out .tgb{background:var(--gc-out,var(--accent));color:var(--gc-out-tx,#fff)}
:is(#chat,.gcpv) .tgm.out .tgmeta{color:var(--gc-out-meta,rgba(255,255,255,.75))!important}
:is(#chat,.gcpv) .tgm.in .tgb:not(.tgph){background:var(--gc-in,#262628);color:var(--gc-in-tx,#fff)}
:is(#chat,.gcpv) .tgm.in .tgb:not(.tgph) .tgmeta{color:var(--gc-in-meta,#8e8e93)}
:is(#chat,.gcpv).gc-glass .tgm.in .tgb:not(.tgph){-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
:is(#chat,.gcpv) .tgb{font-family:var(--gc-font,inherit)}
:is(#chat,.gcpv) .tgm.first{margin-top:var(--gc-gap,8px)}
:is(#chat,.gcpv).gc-notail .tgm.tail .tgb::after{display:none}
:is(#chat,.gcpv).gc-notail .tgm.out.tail .tgb{border-bottom-right-radius:var(--gc-rs,6px)}
:is(#chat,.gcpv).gc-notail .tgm.in.tail .tgb{border-bottom-left-radius:var(--gc-rs,6px)}
:is(#chat,.gcpv).gc-notime .tgmeta{font-size:0;gap:0;margin-left:4px}
:is(#chat,.gcpv).gc-notime .tgm.in .tgmeta{display:none}
:is(#chat,.gcpv).gc-notime .tgph .tgmeta{display:none}
.tgav{display:none;flex-shrink:0;width:30px;height:30px;margin-right:6px;align-self:flex-end}
.tgav img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}
:is(#chat,.gcpv).gc-av .tgav{display:block}
#chat.gc-soft #msgs .tgm.enter{animation:tgSoft .45s ease both!important}
#chat.gc-none #msgs .tgm.enter{animation:none!important}
@keyframes tgSoft{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gcscope{margin:0 0 4px}
.gcthemes{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}
.gcthemes::-webkit-scrollbar{display:none}
.gcth{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#98989f;transition:transform .35s cubic-bezier(.3,1.45,.5,1)}
.gcth:active{transform:scale(.94)}
.gcth .tp{position:relative;width:86px;height:108px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8px}
.gcth .tp i{display:block;height:14px;border-radius:7px}
.gcth .tp i.a{width:62%;align-self:flex-start}
.gcth .tp i.b{width:70%;align-self:flex-end}
.gcth.on{color:#fff}
.gccols{display:flex;flex-wrap:wrap;gap:10px;padding:12px}
.gcsw{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:transform .35s cubic-bezier(.3,1.45,.5,1)}
.gcsw:active{transform:scale(.88)}
.gcsw span{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.25);transition:transform .35s cubic-bezier(.3,1.45,.5,1)}
.gcsw.on{box-shadow:inset 0 0 0 2px #fff}
.gcsw.on span{transform:scale(.8)}
.gcsw.own span{background:conic-gradient(#ff453a,#ff9f0a,#ffd60a,#30d158,#64d2ff,#0a84ff,#ff375f,#ff453a)}
.gcsw.own input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.gcsw.own b{position:absolute;inset:9px;border-radius:50%;box-shadow:0 0 0 2px #1c1c1e}
.gcins{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}
.gcin2{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#98989f}
.gcin2 .bb{width:100%;height:30px;border-radius:15px 15px 15px 5px;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18);position:relative;overflow:hidden}
.gcin2.on{color:#fff}
.gcin2.on .bb{box-shadow:0 0 0 2px #1c1c1e,0 0 0 4px var(--accent)}
.gcin2 input{position:absolute;inset:0;opacity:0;cursor:pointer}
#setp .walls2.gcw8{grid-template-columns:repeat(4,minmax(0,1fr))}
.wt2 .sq.own{display:grid;place-items:center;color:#c7c7cc;background:rgba(255,255,255,.06)!important;border-style:dashed!important}
.gcpick{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;animation:qIn .3s ease both}
.gcpick .pb{width:100%;max-height:70vh;overflow:auto;border-radius:24px 24px 0 0;background:rgba(28,28,30,.96);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:10px 12px 24px;animation:gcUp .45s cubic-bezier(.32,.72,0,1) both}
@keyframes gcUp{from{transform:translateY(100%)}to{transform:none}}
.gcpick header{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 12px;font-weight:600}
.gcpick header button{color:var(--accent);font-weight:600}
.gcpick .gg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.gcpick .gg button{aspect-ratio:2/3;border-radius:10px;overflow:hidden;padding:0}
.gcpick .gg img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1100px){
.gcpick{align-items:center;justify-content:center}
.gcpick .pb{width:520px;border-radius:24px}
}
#albTabs{padding:0 16px 12px}
#albTabs .tgtabs{margin:0}
.albgirls{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 16px 14px;margin-top:-2px}
.albgirls::-webkit-scrollbar{display:none}
.albgirls button{flex-shrink:0;display:flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 4px;border-radius:18px;font-size:14px;font-weight:600;color:#d1d1d6;background:rgba(255,255,255,.08);border:.5px solid transparent;transition:background-color .25s,color .25s,border-color .25s,transform .35s cubic-bezier(.3,1.45,.5,1)}
.albgirls button:active{transform:scale(.94)}
.albgirls button.all{padding:0 14px}
.albgirls button img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.albgirls button[aria-pressed=true]{background:rgba(10,132,255,.18);color:#fff;border-color:rgba(100,181,255,.45)}
.albgirls.in{animation:albIn .4s cubic-bezier(.32,.72,0,1) both}
@keyframes albIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#agrid.albsw{animation:albSw .42s cubic-bezier(.32,.72,0,1) both}
@keyframes albSw{from{opacity:0;transform:translateX(var(--albdx,24px))}to{opacity:1;transform:none}}
#album.albg #colRow{display:none}
@media (min-width:1100px){
#albTabs .tgtabs{max-width:360px}
#albTabs{padding-left:20px}
}
@media (prefers-reduced-motion:reduce){
#agrid.albsw,.albgirls.in{animation:none}
}
.mksr{display:flex;flex-direction:column;margin-top:6px}
.mksr .card{position:relative;width:100%;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#141416;isolation:isolate;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08)}
.mksr .ph{position:absolute;inset:-15%;background-size:cover;background-position:center 30%;filter:blur(40px) saturate(1.05) brightness(.9);animation:mkDrift 26s ease-in-out infinite alternate}
.mksr .ph.b{opacity:0;animation:mkDrift 31s ease-in-out infinite alternate-reverse,mkSwap 16s ease-in-out infinite}
.mksr .ph.c{opacity:0;animation:mkDrift 37s ease-in-out infinite alternate,mkSwap 16s ease-in-out 8s infinite}
@keyframes mkDrift{from{transform:scale(1.05) translate(-2%,1%)}to{transform:scale(1.14) translate(2%,-2%)}}
@keyframes mkSwap{0%,20%{opacity:0}45%,70%{opacity:1}95%,100%{opacity:0}}
.mksr .vg{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}
.mksr .lensw{position:absolute;left:0;top:0;z-index:3;width:var(--L);height:var(--L);will-change:transform;transition:opacity .5s}
.mksr .lens{position:absolute;inset:0;border-radius:50%;overflow:hidden;isolation:isolate;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 4px rgba(0,0,0,.25),0 16px 34px rgba(0,0,0,.5)}
.mksr .lens::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(55% 45% at 30% 22%,rgba(255,255,255,.32),rgba(255,255,255,0) 62%);pointer-events:none}
.mksr .lin{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);will-change:transform}
.mksr .lin .ph{filter:blur(18px) saturate(1.1) brightness(1.08)}
.mksr .hdl{position:absolute;left:calc(var(--L) * .854 - 7px);top:calc(var(--L) * .854 - 4px);width:14px;height:calc(var(--L) * .5);border-radius:7px;background:linear-gradient(90deg,#e5e5ea,#8e8e93 60%,#636366);transform-origin:50% 0;transform:rotate(-45deg);box-shadow:0 8px 16px rgba(0,0,0,.45)}
.mksr .tx{margin:18px 2px 0;text-align:center}
.mksr .tx b{display:block;font-size:22px;font-weight:700;letter-spacing:.2px}
.mksr .lines{position:relative;height:21px;margin-top:4px;font-size:15px;color:#98989f}
.mksr .lines span{position:absolute;left:0;right:0;opacity:0;animation:mkLine 12s ease-in-out infinite}
@keyframes mkLine{0%{opacity:0}6%,27%{opacity:1}33%,100%{opacity:0}}
.mksr .crit{margin:14px 8px 0;text-align:center;font-size:13px;line-height:19px;color:#636366}
.mkphoto.found img{animation:mkFound 1.4s cubic-bezier(.22,.61,.36,1) both}
@keyframes mkFound{from{filter:blur(40px);transform:scale(1.06)}to{filter:none;transform:none}}
@media (prefers-reduced-motion:reduce){
.mksr *{animation:none!important}
.mksr .ph.a,.mksr .lines span:first-child{opacity:1}
}
#chat.persona .bar .mid{margin-right:52px}
html,body{overflow-x:hidden;overscroll-behavior-x:none}
#sheetBack:not(.on),#diceBack:not(.on),#setBack:not(.on){display:none}
:is(#msgs,.gcpv) .tgm.out.tail .tgb{border-bottom-right-radius:0}
:is(#msgs,.gcpv) .tgm.in.tail .tgb{border-bottom-left-radius:0}
:is(#msgs,.gcpv) .tgm.tail .tgb::after{width:8px;height:17px;bottom:0}
:is(#msgs,.gcpv) .tgm.out.tail .tgb::after{right:-7px;left:auto;clip-path:path("M7 17 L0 17 L0 0 L1 0 C1.193 2.84 1.876 5.767 3.05 8.782 C3.954 11.107 5.496 13.267 7.675 15.262 A1 1 0 0 1 7 17 Z");-webkit-clip-path:path("M7 17 L0 17 L0 0 L1 0 C1.193 2.84 1.876 5.767 3.05 8.782 C3.954 11.107 5.496 13.267 7.675 15.262 A1 1 0 0 1 7 17 Z")}
:is(#msgs,.gcpv) .tgm.in.tail .tgb::after{left:-7px;right:auto;clip-path:path("M1 17 L8 17 L8 0 L7 0 C6.807 2.84 6.124 5.767 4.95 8.782 C4.046 11.107 2.504 13.267 .325 15.262 A1 1 0 0 0 1 17 Z");-webkit-clip-path:path("M1 17 L8 17 L8 0 L7 0 C6.807 2.84 6.124 5.767 4.95 8.782 C4.046 11.107 2.504 13.267 .325 15.262 A1 1 0 0 0 1 17 Z")}
#chat #msgs .tgm.out.enter{animation:tgOut2 .34s cubic-bezier(.2,.85,.25,1) both;transform-origin:100% 100%}
#chat #msgs .tgm.in.enter{animation:tgIn2 .34s cubic-bezier(.2,.85,.25,1) both;transform-origin:0 100%}
@keyframes tgOut2{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tgIn2{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
#chat #msgs .tgm.enter{animation:none}
}
#sheetBack,#diceBack,#setBack{transition-property:opacity,display;transition-behavior:allow-discrete}
@starting-style{#sheetBack.on,#diceBack.on,#setBack.on{opacity:0}}
#chatScroll{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}
.tgnew{display:none!important}
.archrow{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;text-align:left;transition:background-color .25s}
.archrow:active{background:rgba(255,255,255,.06)}
.archrow .ai{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#2c2c2e;color:#c7c7cc}
.chats .archrow .ai{width:40px;height:40px}
.archrow .ai svg{width:24px;height:24px}
.archrow .bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:2px 0 8px;border-bottom:.5px solid var(--separator,#38383a)}
.archrow .bd b{display:flex;justify-content:space-between;font-size:16px;font-weight:600}
.archrow .bd b span{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#48484a;color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}
.archrow .bd small{font-size:15px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archrow.bump .ai{animation:archBump .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes archBump{0%{transform:none}40%{transform:scale(1.18)}100%{transform:none}}
.archhd{display:flex;align-items:center;gap:4px;margin:2px 10px 8px;height:36px;padding:0 10px 0 4px;border-radius:18px;font-size:17px;font-weight:600;color:var(--accent)}
.archhd .ico{width:22px;height:22px}
.archhd + .archnote{margin:-4px 16px 10px;font-size:13px;color:#8e8e93}
.archempty{padding:40px 24px;text-align:center;color:#8e8e93;font-size:15px}
.tgbody.archin{animation:archIn .42s cubic-bezier(.32,.72,0,1) both}
@keyframes archIn{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
.rowgone{animation:rowGone .38s cubic-bezier(.32,.72,0,1) both;overflow:hidden;pointer-events:none}
@keyframes rowGone{0%{max-height:120px;opacity:1}100%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0}}
.cxback{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);animation:cxFade .25s ease both}
.cxback.out{animation:cxFade .2s ease reverse both}
@keyframes cxFade{from{opacity:0}to{opacity:1}}
.cxrow{position:fixed;z-index:81;border-radius:16px;overflow:hidden;background:#1c1c1e;box-shadow:0 20px 50px rgba(0,0,0,.6);pointer-events:none;animation:cxLift .4s cubic-bezier(.3,1.35,.5,1) both}
.cxrow > *{width:100%!important;margin:0!important}
@keyframes cxLift{from{transform:scale(1)}to{transform:scale(1.03)}}
.cxmenu{position:fixed;z-index:82;width:250px;border-radius:14px;overflow:hidden;background:rgba(44,44,46,.82);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.5);animation:cxMenu .38s cubic-bezier(.3,1.35,.5,1) both}
@keyframes cxMenu{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.cxmenu button{display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;padding:0 16px;font-size:17px;text-align:left;transition:background-color .15s}
.cxmenu button + button{border-top:.5px solid rgba(255,255,255,.1)}
.cxmenu button:active{background:rgba(255,255,255,.1)}
.cxmenu button.red{color:#ff453a}
.cxmenu button svg{width:20px;height:20px;flex-shrink:0}
.cxsrc{transition:opacity .2s}
.cxsrc.cxhide{opacity:0}
@media (prefers-reduced-motion:reduce){
.cxback,.cxrow,.cxmenu,.rowgone,.tgbody.archin,.archrow.bump .ai{animation:none!important}
}
#chat:not(.persona) .fade-top{height:calc(82px + env(safe-area-inset-top));background:linear-gradient(rgba(0,0,0,.95),rgba(0,0,0,.84) 62%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.p1steps{gap:7px;padding:2px 16px;margin:6px 0 14px;background:none;border:0;border-radius:0;max-width:none}
.p1step{align-items:center;gap:8px;padding:0;animation:plStep .45s cubic-bezier(.2,.8,.2,1) both}
.p1step .si{width:18px;height:18px;border-radius:9px}
.p1step .si .ico{width:11px;height:11px;stroke-width:3.2}
.p1step .t{font-size:13.5px;font-weight:500;color:#8e8e93}
.p1step:not(.err) .s{display:none}
.p1step.done .si{background:rgba(48,209,88,.16)}
.p1step.active .si{background:none}
.p1step.active .si i{width:13px;height:13px;border-width:1.8px}
.p1step.active .t{font-weight:600;background:linear-gradient(90deg,#8e8e93 0%,#8e8e93 38%,#fff 50%,#8e8e93 62%,#8e8e93 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:p1Shine 2.2s linear infinite}
.p1step.wait .si{background:none;color:#8e8e93}
@keyframes plStep{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@property --pa{syntax:'<number>';inherits:true;initial-value:0}
@property --pc{syntax:'<integer>';inherits:true;initial-value:0}
.cell.pl8{position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;background:linear-gradient(160deg,#2c2724 0%,#1f1c1f 52%,#17181c 100%)}
.cell.pl8 .am6{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(42% 34% at 28% 26%,rgba(255,196,160,.28),transparent 70%),radial-gradient(40% 32% at 74% 76%,rgba(232,164,140,.18),transparent 70%);animation:pl7drift 6s ease-in-out infinite alternate}
.cell.pl8:not(.generating) .am6{opacity:.7}
.cell.pl8 .ctr{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cell.pl8 .r7{position:relative;width:clamp(78px,46cqw,136px);aspect-ratio:1;display:grid;place-items:center;animation:pl7in 1.2s cubic-bezier(.32,.72,0,1) backwards}
.cell.pl8 .r7 svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.cell.pl8 .r7 circle{fill:none;stroke-width:2.2;stroke-linecap:round}
.cell.pl8 .r7 .tr{stroke:rgba(255,255,255,.14)}
.cell.pl8 .r7 .ar{stroke:#fff;stroke-dasharray:calc(max(var(--pa),1.5) * 1px) 100px;filter:drop-shadow(0 0 4px rgba(255,255,255,.35))}
.cell.pl8:not(.generating) .r7 svg{animation:pl7spin 1.3s linear infinite}
.cell.pl8:not(.generating) .r7 .ar{stroke-dasharray:24px 100px;stroke:rgba(255,255,255,.85)}
.cell.pl8 .r7 b{position:relative;display:flex;align-items:baseline;font-size:clamp(20px,13cqw,36px);font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:#fff}
.cell.pl8 .r7 .pc:before{counter-reset:p var(--pc);content:counter(p)}
.cell.pl8 .r7 b em{font-style:normal;font-size:.52em;font-weight:600;margin-left:1px;color:rgba(255,255,255,.6)}
.cell.pl8 .r7 .dt7{display:flex;gap:clamp(4px,1.8cqw,6px)}
.cell.pl8 .r7 .dt7 i{width:clamp(5px,2.6cqw,7px);aspect-ratio:1;border-radius:50%;background:#fff;animation:pl7dots 1.2s ease-in-out infinite}
.cell.pl8 .r7 .dt7 i:nth-child(2){animation-delay:.15s}
.cell.pl8 .r7 .dt7 i:nth-child(3){animation-delay:.3s}
.cell.pl8 .l7{margin-top:clamp(10px,5cqw,16px);font-size:clamp(12px,5.4cqw,14px);font-weight:500;color:rgba(255,255,255,.6)}
@keyframes pl7in{from{--pa:0;--pc:0;opacity:0;transform:scale(.88)}}
@keyframes pl7drift{from{transform:translate(-4%,-3%) scale(1)}to{transform:translate(4%,4%) scale(1.08)}}
@keyframes pl7spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@keyframes pl7dots{0%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-40%)}}
@media (prefers-reduced-motion:reduce){
.cell.pl8 *,.cell.pl8 *:before{animation:none!important}
}
:is(#chat,.gcpv).gc-glass .tgm.in .tgb:not(.tgph){background:rgba(26,26,28,.46)!important;box-shadow:inset 0 .5px 0 rgba(255,255,255,.2),inset 0 0 0 .5px rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.16)}
:is(#chat,.gcpv).gc-glass .tgm.in.tail .tgb::after{display:none}
:is(#chat,.gcpv).gc-glass .tgm.in.tail .tgb:not(.tgph){border-bottom-left-radius:var(--gc-rs,6px)}
:is(#chat,.gcpv) .tgav{margin-bottom:1px}
#chat .echip:not(.hidden){margin:0 0 8px;padding:8px 8px 8px 10px;border-radius:18px;background:rgba(28,28,30,.82);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:.5px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.45)!important;animation:plChip .42s cubic-bezier(.3,1.25,.5,1) both}
#mchip>.ico{display:none}
@keyframes plChip{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.send.stop{background:#fff!important;color:#000!important}
.send.stop svg{width:16px;height:16px}
:root{--lg-tint:rgba(120,120,128,.24);--lg-rim:rgba(255,255,255,.7)}
.p1toast,.toast,.utoast,.cxmenu,.smenu,.limov,.limpaste,.limcard,#toBottom,.npb,.npn,.cs .g,.cs .keep,#chat .echip:not(.hidden),.cell .cx,.cell.cxl .st button{background:rgba(120,120,128,.24)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 32px rgba(0,0,0,.35)!important;color:#fff!important}
.limov,.limpaste,.limcard,.npb,.npn,.cs .g,.cs .keep,#chat .echip:not(.hidden),.cell.cxl .st button{position:relative}
.p1toast::before,.toast::before,.utoast::before,.cxmenu::before,.smenu::before,.limov::before,.limpaste::before,.limcard::before,#toBottom::before,.npb::before,.npn::before,.cs .g::before,.cs .keep::before,#chat .echip:not(.hidden)::before,.cell .cx::before,.cell.cxl .st button::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:3}
.cell .cx{z-index:6}
.gcth.on .tp{box-shadow:inset 0 0 0 2.5px var(--accent)!important}
.cap:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(0,0,0,.45)!important;background-color:rgba(120,120,128,.3)}
.limov b{color:#ff6961!important}
.csb{background:rgba(0,0,0,.22)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.cs .hd{padding:16px 18px 12px!important;border-bottom-color:rgba(255,255,255,.08)}
.cs .th{display:none!important}
.cs .op .oi,.cs .op.bad .oi{background:none!important;width:22px;height:22px;color:#fff!important}
.cs .op.bad .oi{color:#ff6961!important}
.cell.cxl{background:linear-gradient(160deg,#242224,#18181b)!important;box-shadow:none}
.tgtabs .ub,.tgrow .ub{display:inline-block!important;box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","lnum";font-weight:600;color:#fff;background:#0a84ff!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.tgtabs .ub{min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;font-size:11.5px;margin-left:6px;vertical-align:1px}
.tgrow .ub{min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:10px;font-size:12.5px}
.tgtabs .ub[hidden]{display:none!important}
@media (max-width:600px){
.seltool{left:10px!important;right:10px!important;width:auto!important;justify-content:space-between;padding:0 6px 0 18px!important}
.seltool b{margin-right:auto!important}
.seltool button{font-size:0!important;gap:0!important;width:44px;height:44px!important;padding:0!important;justify-content:center;border-radius:22px!important}
.seltool button .ico{width:20px!important;height:20px!important}
}
.mksr .mkprog{margin:20px 6px 0}
.mksr .mkprog .mkbar{position:relative;height:6px;margin:0;border-radius:3px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08);overflow:hidden}
.mksr .mkprog .mkbar i{display:block;height:100%;border-radius:3px;opacity:1;background:linear-gradient(90deg,rgba(255,255,255,.35),#fff);box-shadow:0 0 10px rgba(255,255,255,.4);transition:width 1.4s cubic-bezier(.32,.72,0,1)}
.mksr .mkprog .row{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:13px;color:#8e8e93;font-variant-numeric:tabular-nums}
.mksr .mkprog .row #mkPct{color:#fff;font-weight:600}
.mksr .mkprog .row span{color:inherit}
.mksr .mkprog.q .mkbar i{width:30%!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0));box-shadow:none;transition:none;animation:mkQ 1.8s cubic-bezier(.45,0,.35,1) infinite}
.mksr .mkprog.q #mkPct{display:none}
.mksr .mkprog.q .row{justify-content:center}
@keyframes mkQ{from{transform:translateX(-110%)}to{transform:translateX(340%)}}
.mkfoot button:not(.pri){position:relative;background:rgba(120,120,128,.24);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.mkfoot button{font-weight:600!important;padding:0 8px!important;gap:5px!important}
.mkfoot .ico{width:17px!important;height:17px!important}
.mkfoot button:not(.pri):before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.npb{display:flex;gap:12px;align-items:flex-start;margin:0 16px 12px;border-radius:18px;background:rgba(255,159,10,.1);border:.5px solid rgba(255,159,10,.28);animation:npIn .5s cubic-bezier(.2,.8,.2,1) both}
.npb .ni{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:rgba(255,159,10,.16);color:#ffb340}
.npb .ni svg{width:19px;height:19px}
.npb b{display:block;font-size:15px;font-weight:600;color:#fff}
.npb span{display:block;margin-top:2px;font-size:13.5px;line-height:18px;color:#c7c7cc}
.npn{display:none;gap:10px;align-items:center;margin:0 0 8px;padding:9px 12px 9px 10px;border-radius:16px;background:rgba(40,32,20,.82);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:.5px solid rgba(255,159,10,.3);animation:npIn .45s cubic-bezier(.3,1.25,.5,1) both}
.npn .ni{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:rgba(255,159,10,.16);color:#ffb340}
.npn .ni svg{width:16px;height:16px}
.npn b{display:block;font-size:13.5px;font-weight:600;color:#fff}
.npn span{display:block;font-size:12px;line-height:16px;color:#c7c7cc}
html.np #chat:not(.hasgirl) .npn.s,html.np #chat.hasgirl .npn.g,html.off #chat .npn.o{display:flex}
html.off #chat .npn.s,html.off #chat .npn.g{display:none!important}
.npn.o{background:rgba(30,30,34,.86);border-color:rgba(255,255,255,.14)}
.npn.o .ni{background:rgba(255,255,255,.1);color:#d1d1d6}
html.np #chat:not(.hasgirl) #q::placeholder{color:#48484a}
@keyframes npIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.npb,.npn{background:rgba(28,28,30,.84)!important;border:.5px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(0,0,0,.35);position:relative}
.npb{-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);padding:12px 44px 12px 12px}
.npn{padding-right:44px}
.npb .ni,.npn .ni{background:rgba(255,255,255,.08)!important;color:#d1d1d6!important}
.npb b,.npn b{color:#fff}
.npb span,.npn span{color:#a1a1a6!important}
.npb .npx,.npn .npx,.npx{display:grid!important;margin-top:-14px!important;position:absolute;right:8px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#a1a1a6;cursor:pointer;transition:background-color .2s,transform .35s cubic-bezier(.3,1.45,.5,1)}
.npx:hover{background:rgba(255,255,255,.14);color:#fff}
.npx:active{transform:scale(.9)}
.npx svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
html.nph .npb,html.nph #chat .npn.s,html.nph #chat .npn.g{display:none!important}
.npgone{animation:npGone .32s cubic-bezier(.32,.72,0,1) both!important}
@keyframes npGone{to{opacity:0;transform:translateY(6px) scale(.97)}}
.csb{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:csFade .28s ease both}
.cs{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:61;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:8px;animation:csUp .5s cubic-bezier(.3,1.15,.5,1) both}
.cs.out{animation:csDn .28s cubic-bezier(.32,.72,0,1) both}
.csb.out{animation:csFadeO .28s ease both}
.cs .g{border-radius:22px;overflow:hidden;background:rgba(36,36,40,.86);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:.5px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cs .hd{display:flex;gap:14px;align-items:center;padding:16px 16px 14px;border-bottom:.5px solid rgba(255,255,255,.1)}
.cs .th{position:relative;width:52px;height:68px;border-radius:12px;flex-shrink:0;background:linear-gradient(180deg,#26262a,#18181b);display:grid;place-items:center;overflow:hidden}
.cs .th svg{width:38px;height:38px;transform:rotate(-90deg)}
.cs .th circle{fill:none;stroke-width:4;stroke-linecap:round}
.cs .th .tr{stroke:rgba(255,255,255,.14)}
.cs .th .ar{stroke:#fff}
.cs .th b{position:absolute;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.cs .th.q svg{animation:pl8spin 1.6s linear infinite}
.cs .hd .tx b{display:block;font-size:17px;font-weight:700}
.cs .hd .tx span{display:block;margin-top:3px;font-size:13.5px;line-height:18px;color:#a1a1a6}
.cs .op{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;font:inherit;color:#fff;background:none;border:0;cursor:pointer;transition:background-color .15s}
.cs .op+.op{border-top:.5px solid rgba(255,255,255,.08)}
.cs .op:active{background:rgba(255,255,255,.08)}
.cs .op .oi{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:rgba(10,132,255,.16);color:#64b5ff}
.cs .op .oi .ico{width:18px;height:18px}
.cs .op.bad .oi{background:rgba(255,69,58,.16);color:#ff6961}
.cs .op b{display:block;font-size:16px;font-weight:600}
.cs .op.bad b{color:#ff6961}
.cs .op small{display:block;margin-top:2px;font-size:13px;line-height:17px;color:#a1a1a6}
.cs .keep{height:56px;border-radius:20px;font:inherit;font-size:17px;font-weight:700;color:#fff;background:rgba(36,36,40,.92);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:.5px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .35s cubic-bezier(.3,1.45,.5,1)}
.cs .keep:active{transform:scale(.97)}
@media (min-width:900px){
.cs{left:50%;right:auto;bottom:auto;top:50%;width:420px;margin:0;transform:translate(-50%,-50%);animation:csPop .4s cubic-bezier(.3,1.3,.5,1) both}
.cs.out{animation:csPopO .22s ease both}
}
@keyframes csFade{from{opacity:0}to{opacity:1}}
@keyframes csFadeO{to{opacity:0}}
@keyframes csUp{from{transform:translateY(110%)}to{transform:none}}
@keyframes csDn{to{transform:translateY(110%)}}
@keyframes csPop{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes csPopO{to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}
.cell.cxl{background:linear-gradient(180deg,#1a1a1d,#121214);animation:none;container-type:inline-size}
.cell.cxl .st{border:0!important;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0!important;color:#a1a1a6;animation:inUp .4s cubic-bezier(.2,.8,.2,1) both}
.cell.cxl .st>.ico{width:clamp(44px,26cqw,72px)!important;height:clamp(44px,26cqw,72px)!important;padding:clamp(10px,6cqw,18px);border-radius:50%;background:rgba(255,255,255,.06);color:#8e8e93}
.cell.cxl .st>div{margin-top:clamp(8px,4cqw,12px);font-size:clamp(12px,5.6cqw,15px);font-weight:600;color:#fff}
.cell.cxl .st button{margin-top:clamp(10px,5cqw,16px);height:clamp(30px,15cqw,40px);padding:0 clamp(12px,7cqw,20px);border-radius:20px;font-size:clamp(12px,5.4cqw,15px);font-weight:600;color:#fff;background:rgba(10,132,255,.9);box-shadow:0 6px 18px rgba(10,132,255,.3);transition:transform .35s cubic-bezier(.3,1.45,.5,1)}
.cell.cxl .st button:active{transform:scale(.94)}
.cell.cxl .drain{height:3px;background:rgba(255,255,255,.25)}
.cell.cxl .die{display:none}
#login .lbg,#login .lshade{display:none}
#login .lfx{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#000}
#login .lfx i{position:absolute;border-radius:50%;filter:blur(60px)}
#login .lfx .a{width:520px;height:520px;left:-160px;top:-120px;background:rgba(255,236,214,.10);animation:lfxA 16s ease-in-out infinite alternate}
#login .lfx .b{width:460px;height:460px;right:-180px;top:30%;background:rgba(10,132,255,.10);animation:lfxB 19s ease-in-out infinite alternate}
#login .lfx .c{width:380px;height:380px;left:20%;bottom:-200px;background:rgba(255,255,255,.05);animation:lfxA 22s ease-in-out infinite alternate-reverse}
#login .lfx .g{position:absolute;inset:-50%;border-radius:0;filter:none;opacity:.09;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:lfxG 1s steps(4) infinite}
#login .lmark{width:92px;height:92px;border-radius:24px;background:linear-gradient(170deg,#3d9cff 0%,#0a84ff 45%,#0067d6 100%);-webkit-backdrop-filter:none;backdrop-filter:none;border:.5px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px rgba(0,0,0,.6),0 0 70px rgba(10,132,255,.3)}
#login .lmark>.ico{display:none}
#login .lmark .pvmark{width:64px;height:64px;display:block;overflow:visible;animation:pvIn .8s cubic-bezier(.3,1.4,.5,1) .3s both}
#login h1{font-size:30px;margin-top:18px;letter-spacing:-.02em}
#login .lhead p,#login .lhead2 p{font-size:15px;color:#98989f;max-width:280px;line-height:20px}
#login .lpanel{background:rgba(24,24,26,.66);border:.5px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 100px rgba(0,0,0,.7)}
#login .lgo:disabled{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35)}
#login .lhint{font-size:13px;color:#8e8e93}
#login .lenter{color:#636366}
@media (prefers-reduced-motion:reduce){
#login .lfx *{animation:none!important}
}
#login .lhead,#login .lpanel{display:none!important}
#login .lx{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));z-index:2}
#login .lxtop{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:10px 0 6px;text-align:center}
#login .lxtop h1{margin:20px 0 0;font-size:30px;font-weight:700;letter-spacing:-.02em;animation:lxIn .55s cubic-bezier(.2,.8,.2,1) .15s both}
#login .lxtop .lmark{width:96px;height:96px;border-radius:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 34px rgba(0,0,0,.5),0 0 50px rgba(10,132,255,.35)}
#login .lxtop .lmark .pvmark{width:66px;height:66px}
#login .lxtop small{margin-top:8px;font-size:15px;line-height:20px;animation:lxIn .5s cubic-bezier(.2,.8,.2,1) .2s both}
#login .lxmsgs{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 2px 12px;overflow:hidden}
#login .lxm{display:flex;align-items:flex-end;gap:8px;max-width:86%}
#login .lxm.me{align-self:flex-end;flex-direction:row-reverse}
#login .lxav{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(170deg,#3d9cff,#0a84ff 45%,#0067d6);visibility:hidden}
#login .lxav .pvmark{width:22px;height:22px}
#login .lxm.tail .lxav{visibility:visible}
#login .lxb{padding:9px 14px;border-radius:20px;font-size:16px;line-height:21px;background:#262628;color:#fff;transform-origin:0 100%;animation:lxPop .45s cubic-bezier(.3,1.35,.5,1) both}
#login .lxm.tail .lxb{border-bottom-left-radius:6px}
#login .lxm.me .lxb{background:#0a84ff;transform-origin:100% 100%;border-bottom-left-radius:20px;border-bottom-right-radius:6px}
#login .lxm.err .lxb{background:#3a1a1c;color:#ffb4ae}
#login .lxdots{display:flex;gap:4px;padding:5px 1px}
#login .lxdots i{width:7px;height:7px;border-radius:4px;background:#8e8e93;animation:lxDot 1.2s infinite}
#login .lxdots i:nth-child(2){animation-delay:.16s}
#login .lxdots i:nth-child(3){animation-delay:.32s}
#login .lxq{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0 2px 10px;min-height:0}
#login .lxq button{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 5px;border-radius:18px;font-size:15px;font-weight:500;color:#fff;background:rgba(10,132,255,.14);border:.5px solid rgba(100,181,255,.4);animation:lxPop .4s cubic-bezier(.3,1.35,.5,1) both;transition:transform .35s cubic-bezier(.3,1.45,.5,1),background-color .2s}
#login .lxq button:active{transform:scale(.94)}
#login .lxq .lav{width:26px;height:26px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:700}
#login .lxq small{font-size:12px;color:#8e8e93;align-self:center;margin-right:2px}
#login .lxcmp{display:flex;gap:8px;align-items:center;margin:0}
#login .lxin{flex:1;display:flex;align-items:center;height:48px;padding:0 16px;border-radius:24px;background:rgba(28,28,30,.82);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.14);transition:box-shadow .25s}
#login .lxin:focus-within{box-shadow:0 0 0 1.5px #0a84ff}
#login .lxcmp.bad .lxin{box-shadow:0 0 0 1.5px #ff453a;animation:lShake .45s ease both}
#login .lxin input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:17px;color:#fff}
#login .lxin input::placeholder{color:#636366}
#login .lxgo{width:48px;height:48px;border-radius:24px;flex-shrink:0;display:grid;place-items:center;background:#2c2c2e;color:#636366;transition:background-color .25s,color .25s,transform .35s cubic-bezier(.3,1.45,.5,1)}
#login .lxgo svg{width:22px;height:22px;stroke-width:2.6}
#login .lxgo.on{background:#0a84ff;color:#fff}
#login .lxgo:active:not(:disabled){transform:scale(.9)}
#login .lxgo .sp{width:20px;height:20px;border-radius:50%;border:2.4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}
#login .lxnote{margin:9px 0 0;text-align:center;font-size:12.5px;color:#636366;transition:color .2s}
#login .lxnote.warn{color:#ff9f0a}
#login .lx.out{animation:lxOut .5s cubic-bezier(.32,.72,0,1) both}
#login .lxph{position:relative;width:148px;border-radius:20px;border-bottom-left-radius:6px;overflow:hidden;background:#1c1c1e;transform-origin:0 100%;animation:lxPop .5s cubic-bezier(.3,1.35,.5,1) both}
#login .lxph img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;animation:lxDev 1.6s cubic-bezier(.2,.8,.2,1) .15s both}
#login .lxph i{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:lxShine 1.1s cubic-bezier(.65,0,.35,1) .9s both}
#login .lcards{transition:transform 1s cubic-bezier(.32,.72,0,1),filter 1s cubic-bezier(.32,.72,0,1),opacity 1s}
#login .lcards.go{transform:scale(1.3);filter:blur(12px) brightness(.5);opacity:0}
#login .lcshade{transition:opacity .8s}
#login .lxtop .lmark,#login .lxtop h1,#login .lxtop small{transition:width .5s cubic-bezier(.32,.72,0,1),height .5s cubic-bezier(.32,.72,0,1),border-radius .5s,font-size .5s cubic-bezier(.32,.72,0,1),margin .5s cubic-bezier(.32,.72,0,1),opacity .35s,max-height .5s}
#login .lxtop small{max-height:60px;overflow:hidden}
#login .lxtop .lmark .pvmark{transition:width .5s cubic-bezier(.32,.72,0,1),height .5s cubic-bezier(.32,.72,0,1)}
#login .lx.compact .lxtop{flex:0 0 auto;padding:4px 0 0}
#login .lx.compact .lxtop .lmark{width:52px;height:52px;border-radius:14px}
#login .lx.compact .lxtop .lmark .pvmark{width:36px;height:36px}
#login .lx.compact .lxtop h1{font-size:19px;margin-top:8px}
#login .lx.compact .lxtop small{opacity:0;max-height:0;margin-top:0}
#login .lx.compact .lxmsgs{flex:1;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
@media (max-height:700px){
#login .lxtop h1{font-size:24px;margin-top:12px}
#login .lxtop .lmark{width:72px;height:72px;border-radius:19px}
#login .lxtop .lmark .pvmark{width:50px;height:50px}
}
@media (min-width:900px){
#login .lx{left:50%;right:auto;width:460px;margin-left:-230px;top:50%;bottom:auto;height:min(720px,calc(100vh - 80px));transform:translateY(-50%);padding:22px 20px 18px;border-radius:32px;background:rgba(18,18,20,.6);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:.5px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 100px rgba(0,0,0,.65)}
#login .lx.out{animation:lxOutD .5s cubic-bezier(.32,.72,0,1) both}
}
@media (prefers-reduced-motion:reduce){
#login .lx *{animation:none!important}
}
#login .lcards{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
#login .lcg{position:absolute;left:50%;top:50%;display:flex;gap:12px;transform:translate(-50%,-50%) rotate(-8deg) scale(1.12)}
#login .lcc{display:flex;flex-direction:column;gap:0;width:var(--cw,132px);flex-shrink:0;animation:lcUp var(--d,60s) linear infinite}
#login .lcc.dn{animation-name:lcDn}
#login .lcc img{display:block;margin-bottom:12px;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;background:#141416;box-shadow:0 10px 30px rgba(0,0,0,.5);filter:saturate(.92)}
#login .lcshade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.5) 34%,rgba(0,0,0,.88) 62%,#000 82%)}
#login .lxtop{position:relative}
#login .lxtop:before{content:"";position:absolute;left:50%;top:50%;width:min(420px,120%);height:300px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0));pointer-events:none;z-index:-1}
#login .lxtop small{color:#d1d1d6!important;text-shadow:0 1px 10px rgba(0,0,0,.8)}
#login .lxtop h1{text-shadow:0 2px 20px rgba(0,0,0,.6)}
@media (min-width:900px){
#login .lcshade{background:radial-gradient(60% 75% at 50% 50%,rgba(0,0,0,.35),rgba(0,0,0,.72) 70%,rgba(0,0,0,.9) 100%)}
#login .lcc{--cw:170px}
}
@media (prefers-reduced-motion:reduce){
#login .lcc{animation:none}
}
.llv{position:relative;width:390px;height:844px;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}
.llv.desk{width:1440px;height:900px}
.llv *{box-sizing:border-box}
.llv button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0}
.llv .lmark{display:grid;place-items:center}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes lShake{0%,100%{transform:none}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.llv .lbg,.llv .lshade{display:none}
.llv .lfx{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#000}
.llv .lfx i{position:absolute;border-radius:50%;filter:blur(60px)}
.llv .lfx .a{width:520px;height:520px;left:-160px;top:-120px;background:rgba(255,236,214,.10);animation:lfxA 16s ease-in-out infinite alternate}
.llv .lfx .b{width:460px;height:460px;right:-180px;top:30%;background:rgba(10,132,255,.10);animation:lfxB 19s ease-in-out infinite alternate}
.llv .lfx .c{width:380px;height:380px;left:20%;bottom:-200px;background:rgba(255,255,255,.05);animation:lfxA 22s ease-in-out infinite alternate-reverse}
.llv .lfx .g{position:absolute;inset:-50%;border-radius:0;filter:none;opacity:.09;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:lfxG 1s steps(4) infinite}
@keyframes lfxA{to{transform:translate(120px,80px) scale(1.15)}}
@keyframes lfxB{to{transform:translate(-140px,-60px) scale(.9)}}
@keyframes lfxG{0%{transform:translate(0,0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-2%,-5%)}100%{transform:translate(0,0)}}
.llv .lmark{width:92px;height:92px;border-radius:24px;background:linear-gradient(170deg,#3d9cff 0%,#0a84ff 45%,#0067d6 100%);-webkit-backdrop-filter:none;backdrop-filter:none;border:.5px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px rgba(0,0,0,.6),0 0 70px rgba(10,132,255,.3)}
.llv .lmark>.ico{display:none}
.llv .lmark .pvmark{width:64px;height:64px;display:block;overflow:visible;animation:pvIn .8s cubic-bezier(.3,1.4,.5,1) .3s both}
@keyframes pvIn{from{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}
.llv h1{font-size:30px;margin-top:18px;letter-spacing:-.02em}
.llv .lhead p,.llv .lhead2 p{font-size:15px;color:#98989f;max-width:280px;line-height:20px}
.llv .lpanel{background:rgba(24,24,26,.66);border:.5px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 100px rgba(0,0,0,.7)}
.llv .lgo:disabled{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35)}
.llv .lhint{font-size:13px;color:#8e8e93}
.llv .lenter{color:#636366}
@media (prefers-reduced-motion:reduce){
.llv .lfx *{animation:none!important}
}
.llv .lhead,.llv .lpanel{display:none!important}
.llv .lx{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));z-index:2}
.llv .lxtop{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:10px 0 6px;text-align:center}
.llv .lxtop h1{margin:20px 0 0;font-size:30px;font-weight:700;letter-spacing:-.02em;animation:lxIn .55s cubic-bezier(.2,.8,.2,1) .15s both}
.llv .lxtop .lmark{width:96px;height:96px;border-radius:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 34px rgba(0,0,0,.5),0 0 50px rgba(10,132,255,.35)}
.llv .lxtop .lmark .pvmark{width:66px;height:66px}
.llv .lxtop small{margin-top:8px;font-size:15px;line-height:20px;animation:lxIn .5s cubic-bezier(.2,.8,.2,1) .2s both}
.llv .lxmsgs{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 2px 12px;overflow:hidden}
.llv .lxm{display:flex;align-items:flex-end;gap:8px;max-width:86%}
.llv .lxm.me{align-self:flex-end;flex-direction:row-reverse}
.llv .lxav{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(170deg,#3d9cff,#0a84ff 45%,#0067d6);visibility:hidden}
.llv .lxav .pvmark{width:22px;height:22px}
.llv .lxm.tail .lxav{visibility:visible}
.llv .lxb{padding:9px 14px;border-radius:20px;font-size:16px;line-height:21px;background:#262628;color:#fff;transform-origin:0 100%;animation:lxPop .45s cubic-bezier(.3,1.35,.5,1) both}
.llv .lxm.tail .lxb{border-bottom-left-radius:6px}
.llv .lxm.me .lxb{background:#0a84ff;transform-origin:100% 100%;border-bottom-left-radius:20px;border-bottom-right-radius:6px}
.llv .lxm.err .lxb{background:#3a1a1c;color:#ffb4ae}
.llv .lxdots{display:flex;gap:4px;padding:5px 1px}
.llv .lxdots i{width:7px;height:7px;border-radius:4px;background:#8e8e93;animation:lxDot 1.2s infinite}
.llv .lxdots i:nth-child(2){animation-delay:.16s}
.llv .lxdots i:nth-child(3){animation-delay:.32s}
.llv .lxq{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0 2px 10px;min-height:0}
.llv .lxq button{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 5px;border-radius:18px;font-size:15px;font-weight:500;color:#fff;background:rgba(10,132,255,.14);border:.5px solid rgba(100,181,255,.4);animation:lxPop .4s cubic-bezier(.3,1.35,.5,1) both;transition:transform .35s cubic-bezier(.3,1.45,.5,1),background-color .2s}
.llv .lxq button:active{transform:scale(.94)}
.llv .lxq .lav{width:26px;height:26px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:700}
.llv .lxq small{font-size:12px;color:#8e8e93;align-self:center;margin-right:2px}
.llv .lxcmp{display:flex;gap:8px;align-items:center;margin:0}
.llv .lxin{flex:1;display:flex;align-items:center;height:48px;padding:0 16px;border-radius:24px;background:rgba(28,28,30,.82);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.14);transition:box-shadow .25s}
.llv .lxin:focus-within{box-shadow:0 0 0 1.5px #0a84ff}
.llv .lxcmp.bad .lxin{box-shadow:0 0 0 1.5px #ff453a;animation:lShake .45s ease both}
.llv .lxin input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:17px;color:#fff}
.llv .lxin input::placeholder{color:#636366}
.llv .lxgo{width:48px;height:48px;border-radius:24px;flex-shrink:0;display:grid;place-items:center;background:#2c2c2e;color:#636366;transition:background-color .25s,color .25s,transform .35s cubic-bezier(.3,1.45,.5,1)}
.llv .lxgo svg{width:22px;height:22px;stroke-width:2.6}
.llv .lxgo.on{background:#0a84ff;color:#fff}
.llv .lxgo:active:not(:disabled){transform:scale(.9)}
.llv .lxgo .sp{width:20px;height:20px;border-radius:50%;border:2.4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}
.llv .lxnote{margin:9px 0 0;text-align:center;font-size:12.5px;color:#636366;transition:color .2s}
.llv .lxnote.warn{color:#ff9f0a}
.llv .lx.out{animation:lxOut .5s cubic-bezier(.32,.72,0,1) both}
.llv .lxph{position:relative;width:148px;border-radius:20px;border-bottom-left-radius:6px;overflow:hidden;background:#1c1c1e;transform-origin:0 100%;animation:lxPop .5s cubic-bezier(.3,1.35,.5,1) both}
.llv .lxph img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;animation:lxDev 1.6s cubic-bezier(.2,.8,.2,1) .15s both}
.llv .lxph i{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:lxShine 1.1s cubic-bezier(.65,0,.35,1) .9s both}
.llv .lcards{transition:transform 1s cubic-bezier(.32,.72,0,1),filter 1s cubic-bezier(.32,.72,0,1),opacity 1s}
.llv .lcards.go{transform:scale(1.3);filter:blur(12px) brightness(.5);opacity:0}
.llv .lcshade{transition:opacity .8s}
@keyframes lxDev{0%{filter:blur(16px) brightness(.25) saturate(.2) contrast(1.4);transform:scale(1.1)}45%{filter:blur(5px) brightness(.6) saturate(.6) sepia(.4)}100%{filter:none;transform:none}}
@keyframes lxShine{to{transform:translateX(120%)}}
.llv .lxtop .lmark,.llv .lxtop h1,.llv .lxtop small{transition:width .5s cubic-bezier(.32,.72,0,1),height .5s cubic-bezier(.32,.72,0,1),border-radius .5s,font-size .5s cubic-bezier(.32,.72,0,1),margin .5s cubic-bezier(.32,.72,0,1),opacity .35s,max-height .5s}
.llv .lxtop small{max-height:60px;overflow:hidden}
.llv .lxtop .lmark .pvmark{transition:width .5s cubic-bezier(.32,.72,0,1),height .5s cubic-bezier(.32,.72,0,1)}
.llv .lx.compact .lxtop{flex:0 0 auto;padding:4px 0 0}
.llv .lx.compact .lxtop .lmark{width:52px;height:52px;border-radius:14px}
.llv .lx.compact .lxtop .lmark .pvmark{width:36px;height:36px}
.llv .lx.compact .lxtop h1{font-size:19px;margin-top:8px}
.llv .lx.compact .lxtop small{opacity:0;max-height:0;margin-top:0}
.llv .lx.compact .lxmsgs{flex:1;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
@keyframes lxPop{from{opacity:0;transform:scale(.6) translateY(8px)}to{opacity:1;transform:none}}
@keyframes lxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes lxDot{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes lxOut{to{opacity:0;transform:scale(.97);filter:blur(4px)}}
.llv.desk .lx{left:50%;right:auto;width:460px;margin-left:-230px;top:50%;bottom:auto;height:min(720px,calc(900px - 80px));transform:translateY(-50%);padding:22px 20px 18px;border-radius:32px;background:rgba(18,18,20,.6);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:.5px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 100px rgba(0,0,0,.65)}
.llv.desk .lx.out{animation:lxOutD .5s cubic-bezier(.32,.72,0,1) both}
@keyframes lxOutD{to{opacity:0;transform:translateY(-50%) scale(.97);filter:blur(4px)}}
@media (prefers-reduced-motion:reduce){
.llv .lx *{animation:none!important}
}
.llv .lcards{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.llv .lcg{position:absolute;left:50%;top:50%;display:flex;gap:12px;transform:translate(-50%,-50%) rotate(-8deg) scale(1.12)}
.llv .lcc{display:flex;flex-direction:column;gap:0;width:var(--cw,132px);flex-shrink:0;animation:lcUp var(--d,60s) linear infinite}
.llv .lcc.dn{animation-name:lcDn}
.llv .lcc img{display:block;margin-bottom:12px;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;background:#141416;box-shadow:0 10px 30px rgba(0,0,0,.5);filter:saturate(.92)}
.llv .lcshade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.5) 34%,rgba(0,0,0,.88) 62%,#000 82%)}
.llv .lxtop{position:relative}
.llv .lxtop:before{content:"";position:absolute;left:50%;top:50%;width:min(420px,120%);height:300px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0));pointer-events:none;z-index:-1}
.llv .lxtop small{color:#d1d1d6!important;text-shadow:0 1px 10px rgba(0,0,0,.8)}
.llv .lxtop h1{text-shadow:0 2px 20px rgba(0,0,0,.6)}
@keyframes lcUp{from{transform:translateY(0)}to{transform:translateY(-33.3333%)}}
@keyframes lcDn{from{transform:translateY(-33.3333%)}to{transform:translateY(0)}}
.llv.desk .lcshade{background:radial-gradient(60% 75% at 50% 50%,rgba(0,0,0,.35),rgba(0,0,0,.72) 70%,rgba(0,0,0,.9) 100%)}
.llv.desk .lcc{--cw:170px}
@media (prefers-reduced-motion:reduce){
.llv .lcc{animation:none}
}
.pvmark g,.pvmark path,.pvmark circle{transform-box:view-box}
.mk-wink .wo{opacity:0;transform-origin:23px 25px}
.mk-wink .wa{transform-origin:23px 25px}
.mk-wink .we{transform-origin:41px 25px}
.mk-wink .ws{transform-origin:32px 35px}
.mk-wink .wb{transform-origin:32px 50px}
.mk-wink .wl{transform-origin:41px 25px}
.mk-wink .bl{opacity:.38}
.mk-wink .fl{opacity:0}
.mk-wink .sp{opacity:0;transform-origin:53px 8.5px}
.pvlive .mk-wink *{animation-duration:6s;animation-iteration-count:infinite;animation-delay:.6s;animation-timing-function:cubic-bezier(.3,1.3,.5,1)}
.pvlive .mk-wink .wo{animation-name:mkWo}
.pvlive .mk-wink .wa{animation-name:mkWa}
.pvlive .mk-wink .we{animation-name:mkWe}
.pvlive .mk-wink .pp{animation-name:mkPp;animation-timing-function:cubic-bezier(.45,0,.2,1)}
.pvlive .mk-wink .ws{animation-name:mkWs}
.pvlive .mk-wink .wb{animation-name:mkWb}
.pvlive .mk-wink .wl{animation-name:mkWl}
.pvlive .mk-wink .fl{animation-name:mkFl;animation-timing-function:ease-out}
.pvlive .mk-wink .bl{animation-name:mkBl;animation-timing-function:ease-in-out}
.pvlive .mk-wink .sp{animation-name:mkSp}
@keyframes mkWo{0%,9%{opacity:0;transform:scaleY(.2)}13%,48%{opacity:1;transform:none}50%{opacity:1;transform:scaleY(.1)}53%,58%{opacity:1;transform:none}61%,100%{opacity:0;transform:scaleY(.2)}}
@keyframes mkWa{0%,9%{opacity:1;transform:none}12%,58%{opacity:0;transform:scaleY(.5)}61%,100%{opacity:1;transform:none}}
@keyframes mkWe{0%,48%{transform:none}50%{transform:scaleY(.1)}53%,100%{transform:none}}
@keyframes mkPp{0%,17%{transform:none}22%,30%{transform:translate(-1.9px,.4px)}36%,42%{transform:translate(1.9px,-.3px)}46%,100%{transform:none}}
@keyframes mkWs{0%,9%{transform:none}13%{transform:scale(.9,.8)}18%,59%{transform:scale(.92,.85)}64%{transform:scale(1.16,1.35)}68%{transform:scale(.98)}72%,100%{transform:none}}
@keyframes mkWb{0%,9%{transform:none}12%{transform:scale(1.03,.97)}15%,59%{transform:none}62%{transform:scale(1.07,.93) rotate(-2deg)}66%{transform:scale(.97,1.04) rotate(1deg)}70%,100%{transform:none}}
@keyframes mkWl{0%,60%{transform:none}62%{transform:scale(.55)}66%{transform:scale(1.18)}70%,100%{transform:none}}
@keyframes mkFl{0%,61%{opacity:0}63%{opacity:.95}70%,100%{opacity:0}}
@keyframes mkBl{0%,58%{opacity:.38}64%,78%{opacity:.75}90%,100%{opacity:.38}}
@keyframes mkSp{0%,60%{opacity:0;transform:scale(0) rotate(0)}64%{opacity:1;transform:scale(1.25) rotate(45deg)}72%{opacity:1;transform:scale(1) rotate(90deg)}82%,100%{opacity:0;transform:scale(0) rotate(160deg)}}
.mk-look .le{transform-origin:32px 29px}
.pvlive .mk-look .le{animation:mkBlink 4.5s ease-in-out 1s infinite}
@keyframes mkBlink{0%,86%,100%{transform:none}90%{transform:scaleY(.08)}94%{transform:none}}
.mk-heart .hh{transform-origin:32px 29px}
.pvlive .mk-heart .hh{animation:mkBeat 1.8s cubic-bezier(.3,1.4,.5,1) .6s infinite}
@keyframes mkBeat{0%,40%,100%{transform:none}12%{transform:scale(1.14)}24%{transform:scale(.97)}32%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){
.pvlive .pvmark *{animation:none!important}
}
.llv.au .lcshade{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.72) 100%)}
.llv.au.desk .lcshade{background:radial-gradient(60% 75% at 50% 50%,rgba(0,0,0,.4),rgba(0,0,0,.75) 70%,rgba(0,0,0,.92) 100%)}
.au .aw{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;padding:0 12px 14px}
.au.desk .aw{left:50%;right:auto;bottom:auto;top:50%;width:460px;padding:0;transform:translate(-50%,-50%)}
.au .ahero{display:flex;align-items:flex-end;gap:10px;padding:0 6px 14px;min-height:64px}
.au .ahero .lmark{width:48px;height:48px;border-radius:13px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 26px rgba(0,0,0,.5),0 0 40px rgba(10,132,255,.35)}
.au .ahero .lmark .pvmark{width:34px;height:34px}
.au .asay{position:relative;display:grid}
.au .asay .lxb{position:relative;grid-area:1/1;max-width:290px;font-size:15.5px;line-height:20px;border-bottom-left-radius:6px;background:rgba(120,120,128,.2);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 30px rgba(0,0,0,.45)}
.au .asay .lxb:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:3}
.au .acard{position:relative;border-radius:30px;background:rgba(120,120,128,.2);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.45);overflow:hidden}
.au .acard:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:3}
.au .apad{padding:18px 18px 18px}
.au .aseg{position:relative;display:grid;grid-template-columns:1fr 1fr;height:38px;padding:3px;border-radius:19px;background:rgba(0,0,0,.22);margin-bottom:16px}
.au .aseg button{position:relative;z-index:1;font-size:14px;font-weight:600;color:#8e8e93;transition:color .25s;cursor:pointer}
.au .aseg button.on{color:#fff}
.au .aseg i{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:16px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 .5px rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.25);transition:transform .5s cubic-bezier(.3,1.25,.5,1)}
.au .aseg.r i{transform:translateX(100%)}
.au .ah{margin:0 2px 4px;font-size:22px;font-weight:700;letter-spacing:-.01em}
.au .ap{margin:0 2px 14px;font-size:14px;line-height:19px;color:#8e8e93}
.au .ap b{color:#fff;font-weight:600}
.au .ap a{color:#64b5ff;cursor:pointer}
.au .af{display:block;margin-bottom:10px}
.au .ai{display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 14px;border-radius:16px;background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);transition:box-shadow .25s,background-color .25s}
.au .ai:focus-within{box-shadow:inset 0 0 0 1.5px #0a84ff;background:rgba(0,0,0,.3)}
.au .af.bad .ai{box-shadow:inset 0 0 0 1.5px #ff453a;animation:lShake .45s ease both}
.au .af.ok .ai .ck{opacity:1;transform:none}
.au .ai>svg{width:19px;height:19px;color:#8e8e93;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.au .ai input{flex:1;min-width:0;height:50px;background:none;border:0;outline:none;font:inherit;font-size:16.5px;color:#fff}
.au .ai input::placeholder{color:#636366}
.au .ai .ck{width:22px;height:22px;border-radius:11px;display:grid;place-items:center;background:rgba(48,209,88,.18);color:#30d158;opacity:0;transform:scale(.5);transition:opacity .25s,transform .4s cubic-bezier(.3,1.5,.5,1);flex-shrink:0;margin-right:8px}
.au .ai .ck svg{width:12px;height:12px;stroke-width:3.2}
.au .eye{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;color:#8e8e93;cursor:pointer;flex-shrink:0}
.au .eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.au .ae{display:block;min-height:0;max-height:0;overflow:hidden;margin:0 4px;font-size:12.5px;color:#ff6961;transition:max-height .3s,margin .3s}
.au .af.bad .ae,.au .af.hint .ae{max-height:40px;margin-top:6px}
.au .af.hint .ae{color:#8e8e93}
.au .str{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 4px 0;height:4px}
.au .str i{border-radius:2px;background:rgba(255,255,255,.1);transition:background-color .3s}
.au .str.s1 i:nth-child(-n+1){background:#ff453a}
.au .str.s2 i:nth-child(-n+2){background:#ff9f0a}
.au .str.s3 i:nth-child(-n+3){background:#30d158}
.au .str.s4 i{background:#30d158}
.au .strl{display:block;margin:6px 4px 0;font-size:12px;color:#8e8e93}
.au .arow{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 14px;font-size:13.5px}
.au .arow a{color:#64b5ff;cursor:pointer}
.au .chk{display:flex;gap:10px;align-items:flex-start;margin:4px 4px 16px;font-size:13.5px;line-height:18px;color:#c7c7cc;cursor:pointer}
.au .chk .bx{width:22px;height:22px;border-radius:7px;flex-shrink:0;border:1.8px solid rgba(255,255,255,.3);display:grid;place-items:center;position:relative;transition:border-color .2s}
.au .chk .bx b{position:absolute;inset:-1.8px;border-radius:7px;background:#0a84ff;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.au .chk .bx svg{position:relative;width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .25s .12s}
.au .chk.on .bx{border-color:#0a84ff}
.au .chk.on .bx b{transform:none}
.au .chk.on .bx svg{stroke-dashoffset:0}
.au .chk a{color:#64b5ff}
.au .abtn{position:relative;width:100%;height:54px;border-radius:27px;font-size:17px;font-weight:600;display:grid;place-items:center;background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);transition:background-color .25s,color .25s,transform .35s cubic-bezier(.3,1.45,.5,1),width .45s cubic-bezier(.32,.72,0,1);margin:0 auto;cursor:pointer}
.au .abtn.on{background:#0a84ff;color:#fff}
.au .abtn:active{transform:scale(.96)}
.au .abtn.busy{width:54px;background:#0a84ff}
.au .abtn .sp{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}
.au .abtn.done{width:54px;background:#30d158;color:#000}
.au .abtn.done svg{width:24px;height:24px;fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.au .alt{margin:14px 0 0;text-align:center;font-size:13.5px;color:#8e8e93}
.au .alt a{color:#64b5ff;font-weight:600;cursor:pointer}
.au .otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:4px 0 14px}
.au .otp input{min-width:0;width:100%;height:58px;border-radius:15px;border:0;outline:none;text-align:center;font:inherit;font-size:24px;font-weight:600;color:#fff;background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);caret-color:#0a84ff;transition:box-shadow .2s,transform .3s cubic-bezier(.3,1.5,.5,1)}
.au .otp input:focus{box-shadow:inset 0 0 0 1.5px #0a84ff}
.au .otp input.f{transform:scale(1.06)}
.au .otp.bad input{box-shadow:inset 0 0 0 1.5px #ff453a}
.au .otp.bad{animation:lShake .45s ease both}
.au .otp.ok input{box-shadow:inset 0 0 0 1.5px #30d158;color:#30d158}
.au .tmr{margin:0 2px 14px;font-size:13.5px;color:#8e8e93;text-align:center}
.au .tmr a{color:#64b5ff;cursor:pointer;font-weight:600}
.au .done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 0 6px}
.au .done .rg{width:84px;height:84px;border-radius:42px;background:rgba(48,209,88,.14);display:grid;place-items:center;margin-bottom:14px}
.au .done .rg svg{width:42px;height:42px;fill:none;stroke:#30d158;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:auDraw .5s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes auDraw{to{stroke-dashoffset:0}}
.au .stp{position:relative}
.au .stp.in{animation:auIn .42s cubic-bezier(.2,.8,.2,1) both}
.au .stp.inb{animation:auInB .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes auIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes auInB{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
.au .back{position:relative;margin:-4px 0 12px -4px;width:36px;height:36px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 .5px rgba(255,255,255,.15);color:#fff;cursor:pointer;z-index:2}
.au .back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.au .withback{padding-top:0}
.au .fg{position:absolute;z-index:60;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,255,255,.28);border:1.5px solid rgba(255,255,255,.6);pointer-events:none}
.au .black{position:absolute;inset:0;z-index:80;background:#000;opacity:0;pointer-events:none}
.au .lgs{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;background:rgba(0,0,0,.3);animation:lgFade .3s ease both}
.au .lgs.out{animation:lgFadeO .3s ease both}
.au .lgp{position:absolute;left:0;right:0;bottom:0;top:44px;display:flex;flex-direction:column;border-radius:30px 30px 0 0;overflow:hidden;background:rgba(30,30,34,.8);-webkit-backdrop-filter:blur(50px) saturate(180%);backdrop-filter:blur(50px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 -20px 60px rgba(0,0,0,.45);animation:lgUp .5s cubic-bezier(.32,.72,0,1) both}
.au .lgp:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:3}
.au .lgs.out .lgp{animation:lgDn .32s cubic-bezier(.32,.72,0,1) both}
.au.desk .lgp{left:50%;right:auto;width:560px;margin-left:-280px;top:60px;bottom:60px;border-radius:30px}
.au .lgh{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 0}
.au .lgh .grab{position:absolute;left:50%;top:7px;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgba(255,255,255,.3)}
.au .lgh b{font-size:17px;font-weight:600}
.au .lgx{width:34px;height:34px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 .5px rgba(255,255,255,.15);cursor:pointer}
.au .lgx svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.au .lgp .aseg{margin:14px 16px 4px}
.au .lgb{flex:1;min-height:0;overflow:auto;padding:12px 20px 28px;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 36px),transparent);mask:linear-gradient(transparent,#000 14px,#000 calc(100% - 36px),transparent)}
.au .lgb::-webkit-scrollbar{display:none}
.au .lgk{border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);padding:12px 14px;margin-bottom:16px}
.au .lgk b{display:block;font-size:13px;color:#64b5ff;margin-bottom:6px;letter-spacing:.02em}
.au .lgk li{font-size:14px;line-height:20px;color:#e5e5ea;margin:2px 0}
.au .lgk ul{margin:0;padding-left:18px}
.au .lgb h4{margin:18px 0 6px;font-size:15.5px;font-weight:700}
.au .lgb p{margin:0 0 8px;font-size:14px;line-height:21px;color:rgba(255,255,255,.75)}
.au .lgb .upd{font-size:12.5px;color:#8e8e93;margin:0 0 4px}
.au .lgf{padding:6px 16px 16px}
@keyframes lgFade{from{background-color:rgba(0,0,0,0)}}
@keyframes lgFadeO{to{background-color:rgba(0,0,0,0)}}
@keyframes lgUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes lgDn{from{transform:none}to{transform:translateY(100%)}}
.au.desk .lgp{animation-name:lgUpD}
@keyframes lgUpD{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.llv,.llv *{scrollbar-width:none}
.llv ::-webkit-scrollbar,.llv::-webkit-scrollbar{display:none;width:0;height:0}
#login>#lx{display:none!important}
#auth.llv{position:fixed;inset:0;width:100%;height:100%;z-index:5;transition:opacity .5s cubic-bezier(.32,.72,0,1),filter .5s}
#auth.llv.out{opacity:0;filter:blur(6px);pointer-events:none}
:is(#msgs,.gcpv) .tgb,:is(#msgs,.gcpv) .tgb *,#msgs .bub,#msgs .bub *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#msgs img,.gcpv img{-webkit-touch-callout:none;-webkit-user-drag:none}
:is(#msgs,.gcpv) .tgm:not(.tail) .tgav img{visibility:hidden}
.navdim{position:absolute;inset:0;z-index:60;background:rgba(0,0,0,.4);pointer-events:none;opacity:0}
.navgo{will-change:transform}
.navflat *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#msgs .gimg.p1found{position:relative;border-radius:inherit}
#plBack{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .24s}
#plBack.on{opacity:1;pointer-events:auto}
.plsh{position:fixed;z-index:71;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;border-radius:30px 30px 0 0;color:#fff;background:rgba(28,28,32,.82);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 -20px 60px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .52s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom)}
.plsh.on{transform:none}
.plsh:focus{outline:none}
.plsh::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.1) 35%,rgba(255,255,255,.04) 65%,rgba(255,255,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.plsh .plgrab{width:36px;height:5px;border-radius:3px;background:rgba(255,255,255,.3);margin:8px auto 0}
.plsh .plx{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);z-index:2}
.plsh .plx .ico{width:16px;height:16px;stroke-width:2.4}
@media (min-width:900px){
.plsh{top:50%;bottom:auto;left:50%;right:auto;margin:0;border-radius:30px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .24s}
.plsh.on{transform:translate(-50%,-50%);opacity:1}
.plsh .plgrab{display:none}
}
#plans{top:max(12px,env(safe-area-inset-top));display:flex;flex-direction:column}
#plans .pwsc{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:22px 16px 12px;margin-top:6px}
#plans .pwsc.sc{-webkit-mask:linear-gradient(transparent 0,transparent 8px,#000 64px);mask:linear-gradient(transparent 0,transparent 8px,#000 64px)}
#plans .pwsc::-webkit-scrollbar{display:none}
#plans .pwhd{text-align:center;padding:8px 18px 18px}
#plans .pwhd .pvmk{width:64px;height:64px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(170deg,#3d9cff,#0a84ff 45%,#0067d6);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(10,132,255,.35)}
#plans .pwhd .pvmk svg{width:44px;height:44px}
#plans .pwhd h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em}
#plans .pwhd p{margin:6px 0 0;font-size:15px;line-height:20px;color:rgba(255,255,255,.65)}
#plans .pwls{display:flex;flex-direction:column;gap:10px}
.pwc{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;text-align:left;padding:16px 16px 14px;border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);transition:box-shadow .25s,background-color .25s,transform .35s cubic-bezier(.3,1.35,.5,1);cursor:pointer}
.pwc:active{transform:scale(.98)}
.pwc.on{background:rgba(10,132,255,.1);box-shadow:inset 0 0 0 2px #0a84ff}
.pwc .t{display:flex;align-items:baseline;gap:8px}
.pwc .t b{font-size:20px;font-weight:700;line-height:26px}
.pwc .t .tag{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;align-self:center}
.pwc .t .tag.best{background:#0a84ff}
.pwc .t .pr{margin-left:auto;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.pwc .t .pr small{font-size:13px;font-weight:500;color:rgba(255,255,255,.55)}
.pwc ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.pwc li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.85)}
.pwc li .ico{width:17px;height:17px;color:#0a84ff;flex-shrink:0}
.pwc .rd{position:absolute;right:16px;bottom:16px;width:22px;height:22px;border-radius:11px;box-shadow:inset 0 0 0 1.8px rgba(255,255,255,.3);display:grid;place-items:center;transition:background-color .2s,box-shadow .2s}
.pwc.on .rd{background:#0a84ff;box-shadow:none}
.pwc .rd .ico{width:13px;height:13px;stroke-width:3.2;color:#fff;opacity:0;transform:scale(.5);transition:opacity .2s,transform .3s cubic-bezier(.3,1.5,.5,1)}
.pwc.on .rd .ico{opacity:1;transform:none}
#plans .pwft{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:.5px solid rgba(255,255,255,.08)}
#plans .pwgo{width:100%;height:54px;border-radius:27px;background:#0a84ff;color:#fff;font-size:17px;font-weight:600;transition:transform .35s cubic-bezier(.3,1.35,.5,1),background-color .25s,color .25s}
#plans .pwgo:active{transform:scale(.97)}
#plans .pwgo:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.45)}
#plans .pwfine{margin:10px 6px 0;font-size:11.5px;line-height:15px;color:rgba(255,255,255,.45);text-align:center}
#plans .pwfine a{color:rgba(255,255,255,.7);text-decoration:underline}
@media (min-width:900px){
#plans{width:940px;max-width:none;max-height:min(720px,92vh);top:50%}
#plans .pwls{flex-direction:row;align-items:stretch}
#plans .pwc{flex:1;padding:20px 18px 54px}
#plans .pwc .t{flex-wrap:wrap;row-gap:6px}
#plans .pwc .t .pr{flex-basis:100%;margin:2px 0 0;font-size:28px}
#plans .pwc ul{margin-top:14px}
#plans .pwft{display:flex;align-items:center;gap:18px}
#plans .pwgo{width:340px;flex-shrink:0}
#plans .pwfine{margin:0;text-align:left;flex:1}
}
#plLim .lmin{padding:18px 16px 18px}
#plLim h3{margin:4px 0 14px;text-align:center;font-size:17px;font-weight:600}
.lmplan{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)}
.lmplan .nm{flex:1;min-width:0}
.lmplan .nm b{display:block;font-size:20px;font-weight:700}
.lmplan .nm small{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.55)}
.lmplan button{height:36px;padding:0 16px;border-radius:18px;background:#0a84ff;color:#fff;font-size:15px;font-weight:600;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.lmplan button.ghost{background:rgba(255,255,255,.12)}
.lmplan button:active{transform:scale(.95)}
.lmrows{margin-top:10px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);padding:4px 0}
.lmr{display:grid;grid-template-columns:30px 1fr auto;column-gap:10px;align-items:center;padding:12px 16px}
.lmr+.lmr{border-top:.5px solid rgba(255,255,255,.08)}
.lmr>.ico{width:22px;height:22px;color:rgba(255,255,255,.7)}
.lmr .lb{font-size:16px}
.lmr .vl{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.lmr .vl .ico{width:20px;height:20px;vertical-align:-5px}
.lmr .br{grid-column:2/4;height:6px;margin-top:9px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.lmr .br i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#0a84ff,#64d2ff);transition:width .8s cubic-bezier(.32,.72,0,1)}
.lmr.warn .br i{background:linear-gradient(90deg,#ff9f0a,#ffd60a)}
.lmr.full .br i{background:linear-gradient(90deg,#ff453a,#ff6b61)}
.lmr .cp{grid-column:2/4;margin-top:6px;font-size:13px;color:rgba(255,255,255,.5)}
.lmfine{margin:12px 8px 0;font-size:12.5px;line-height:17px;color:rgba(255,255,255,.45);text-align:center}
@media (min-width:900px){
#plLim{width:440px}
}
#plGate .pgin{padding:26px 20px 18px;text-align:center}
#plGate .pgi{width:64px;height:64px;margin:0 auto 12px;border-radius:32px;display:grid;place-items:center;background:rgba(255,159,10,.14);color:#ff9f0a}
#plGate .pgi .ico{width:30px;height:30px}
#plGate h3{margin:0;font-size:20px;font-weight:700}
#plGate p{margin:6px 6px 0;font-size:15px;line-height:20px;color:rgba(255,255,255,.65)}
#plGate .pgb{display:grid;gap:8px;margin-top:18px}
#plGate .pgb button{height:52px;border-radius:26px;font-size:17px;font-weight:600;background:rgba(255,255,255,.12);transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
#plGate .pgb button.go{background:#0a84ff}
#plGate .pgb button:active{transform:scale(.97)}
@media (min-width:900px){
#plGate{width:420px}
}
#pwNear{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:9px 8px 9px 14px;border-radius:18px;font-size:14px;color:rgba(255,255,255,.85);background:rgba(120,120,128,.24);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 .5px rgba(255,255,255,.14);animation:pwUp .45s cubic-bezier(.2,.8,.2,1) both}
#pwNear .ico{width:18px;height:18px;color:#ff9f0a;flex-shrink:0}
#pwNear span{flex:1}
#pwNear button{height:30px;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.14);font-size:13.5px;font-weight:600;color:#fff}
@keyframes pwUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.limcard .lci.ph{background:rgba(255,159,10,.14);color:#ff9f0a}
.limcard .lcb.pw2{background:rgba(255,255,255,.12)}
.limcard .pwx{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;z-index:2}
.limcard .pwx .ico{width:14px;height:14px;stroke-width:2.6}
.limcard .pwmini{display:none}
.limcard.mini{padding:8px 8px 8px 14px;border-radius:22px;text-align:left;animation:none}
.limcard.mini>*:not(.pwmini){display:none}
.limcard.mini .pwmini{display:flex;align-items:center;gap:9px;font-size:14.5px;cursor:pointer;animation:pwUp .35s cubic-bezier(.2,.8,.2,1) both}
.limcard .pwmini>.ico{width:18px;height:18px;color:#ff9f0a;flex-shrink:0}
.limcard .pwmini span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.85)}
.limcard .pwmini b{font-weight:600;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.6)}
.limcard .pwmini .pwmb{height:32px;padding:0 13px;border-radius:16px;background:#0a84ff;color:#fff;font-size:13.5px;font-weight:600}
.acw{display:flex;flex-direction:column;gap:20px}
.acw>.grp{padding:0;margin:0}
.acw .shdr2{margin:0 0 -12px 16px;font-size:13px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.02em}
.acme{display:flex;align-items:center;gap:14px;padding:14px 16px}
.acme .av{width:52px;height:52px;border-radius:26px;display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;background:#0a84ff;flex-shrink:0}
.acme>span:last-child{min-width:0}
.acme b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acme small{display:block;margin-top:2px;font-size:14px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acplan{padding:14px 16px 14px;container-type:inline-size}
@container (max-width:290px){
.acplan .r1 .tag{display:none}
}
.acplan .r1{display:flex;align-items:center;gap:10px;min-height:34px}
.acplan .r1 b{font-size:20px;font-weight:700;flex-shrink:0}
.acplan .r1 .tag{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:9px;background:rgba(255,255,255,.12);white-space:nowrap}
.acplan .r1 button{margin-left:auto;height:34px;padding:0 15px;border-radius:17px;background:#0a84ff;color:#fff;font-size:14.5px;font-weight:600;display:flex;align-items:center;flex-shrink:0}
.acplan .r1 button.ghost{background:rgba(255,255,255,.12)}
.acplan .br{height:6px;margin-top:12px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.acplan .br i{display:block;height:100%;border-radius:3px;background:#fff}
.acplan .br.z i{background:#ff9f0a}
.acplan .cp{margin-top:10px;font-size:13px;color:rgba(255,255,255,.55)}
.acplan .acm{margin-top:6px}
.acplan .acm .plm{margin-top:10px}
.acplan .acm .plm .br{height:6px;border-radius:3px}
.acplan .acm .plm .br i{border-radius:3px}
.acplan .acm .plm>.ico{width:18px;height:18px}
.acplan .acm .plm .v{font-size:13.5px;min-width:96px}
.acrow{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 16px;font-size:16px;text-align:left;color:#fff;border-top:.5px solid rgba(255,255,255,.08)}
.acw>.grp>.acrow:first-child{border-top:0}
.acrow .ico{width:18px;height:18px;margin-left:auto;color:rgba(255,255,255,.35);flex-shrink:0}
.acrow.red{color:#ff453a}
.acrow small{margin-left:auto;font-size:15px;color:rgba(255,255,255,.5);white-space:nowrap}
.acrow small+.ico{margin-left:6px}
.acconf{padding:14px 16px}
.acconf b{display:block;font-size:16px}
.acconf p{margin:4px 0 12px;font-size:14px;line-height:19px;color:rgba(255,255,255,.6)}
.acconf .bb{display:flex;gap:8px}
.acconf .bb button{flex:1;height:44px;border-radius:22px;font-weight:600;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.acconf .bb button.red{background:#ff453a;color:#fff}
#plDone .pdin{padding:30px 20px 20px;text-align:center}
#plDone .pdi{width:84px;height:84px;margin:0 auto 14px;border-radius:42px;display:grid;place-items:center;background:#0a84ff;box-shadow:0 12px 40px rgba(10,132,255,.45);animation:pdPop .6s cubic-bezier(.3,1.5,.5,1) both}
#plDone .pdi .ico{width:42px;height:42px;stroke-width:3;color:#fff}
#plDone .pdi .ico path{stroke-dasharray:30;stroke-dashoffset:30;animation:pdDraw .4s .3s cubic-bezier(.2,.8,.2,1) forwards}
#plDone h3{margin:0;font-size:24px;font-weight:700}
#plDone p{margin:8px 10px 0;font-size:15px;line-height:21px;color:rgba(255,255,255,.7)}
#plDone .pdin>button{width:100%;height:52px;margin-top:20px;border-radius:26px;background:#0a84ff;color:#fff;font-size:17px;font-weight:600}
@keyframes pdPop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes pdDraw{to{stroke-dashoffset:0}}
@media (min-width:900px){
#plDone{width:420px}
}
@media (prefers-reduced-motion:reduce){
.plsh,#plBack{transition-duration:.01ms!important}
#plDone .pdi,#plDone .pdi .ico path,#pwNear{animation:none!important;stroke-dashoffset:0}
}
#plCap{height:44px;margin-right:8px;padding:0 14px 0 11px;display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;transition:transform .35s cubic-bezier(.3,1.35,.5,1),opacity .24s}
#plCap:active{transform:scale(.94)}
#plCap.hidden{display:none}
#plCap svg{width:20px;height:20px;flex-shrink:0;transform:rotate(-90deg)}
#plCap circle{fill:none;stroke-width:2.6}
#plCap .tr{stroke:rgba(255,255,255,.2)}
#plCap .pg{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.32,.72,0,1)}
#plCap.z .pg{stroke:#ff9f0a}
#plCap small{font-size:13px;font-weight:500;color:rgba(255,255,255,.6)}
#home .dfoot #dPlan{display:block;width:100%;margin:0 0 6px;padding:11px 12px 12px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);text-align:left;color:#fff;cursor:pointer;transition:background-color .2s}
#home .dfoot #dPlan:hover{background:rgba(255,255,255,.09)}
#dPlan .r{display:flex;align-items:center;gap:8px;min-height:26px}
#dPlan b{font-size:15px;font-weight:700}
#dPlan .cp{margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#home .dfoot #dPlan .up{margin-left:auto;height:26px;padding:0 11px;border-radius:13px;background:#0a84ff;color:#fff;font-size:12.5px;font-weight:600;flex-shrink:0}
.plm{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.85)}
.plm>.ico{width:15px;height:15px;color:rgba(255,255,255,.55);flex-shrink:0}
.plm .nm{width:92px;flex-shrink:0;font-size:14px}
.plm .br{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.plm .br i{display:block;height:100%;border-radius:2px;background:#fff;transition:width .8s cubic-bezier(.32,.72,0,1)}
.plm.z .br i{background:#ff9f0a}
.plm.z>.ico{color:#ff9f0a}
.plm.inf .br i{background:rgba(255,255,255,.22)}
.plm .v{min-width:34px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.plm .v .ico{width:17px;height:17px;vertical-align:-4px}
.plbn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;margin:0 0 22px;border-radius:14px;text-align:left;color:#fff;background:rgba(10,132,255,.12);box-shadow:inset 0 0 0 .5px rgba(10,132,255,.45);transition:transform .35s cubic-bezier(.3,1.35,.5,1),background-color .2s}
.plbn:active{transform:scale(.98)}
.plbn .mk{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#0a84ff;flex-shrink:0}
.plbn .mk svg{width:28px;height:28px}
.plbn .tx{flex:1;min-width:0}
.plbn b{display:block;font-size:16px;font-weight:600}
.plbn small{display:block;margin-top:2px;font-size:13px;line-height:17px;color:rgba(255,255,255,.6)}
.plbn>.ico{width:16px;height:16px;color:rgba(255,255,255,.35);flex-shrink:0}
.plbn .s2{display:none}
@media (min-width:900px){
.plbn{margin:0 0 12px;padding:10px 10px 10px 12px;gap:10px}
.plbn .mk{width:32px;height:32px;border-radius:9px}
.plbn .mk svg{width:22px;height:22px}
.plbn b{font-size:14px}
.plbn small{font-size:12px;line-height:15px}
.plbn .s1{display:none}
.plbn .s2{display:block}
}
.pltg{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;font-size:10.5px;font-weight:700;line-height:15px;vertical-align:1px;color:#0a84ff;background:rgba(10,132,255,.16)}
#plSoft .psin{padding:26px 20px 16px;text-align:center}
#plSoft .mk{width:60px;height:60px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:#0a84ff}
#plSoft .mk svg{width:42px;height:42px}
#plSoft h3{margin:0;font-size:22px;font-weight:700}
#plSoft p{margin:6px 8px 0;font-size:15px;line-height:20px;color:rgba(255,255,255,.65)}
#plSoft .cmp{display:grid;grid-template-columns:1fr auto auto;overflow:hidden;margin-top:16px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);text-align:left;font-size:14.5px}
#plSoft .cmp>*{padding:11px 12px;border-top:.5px solid rgba(255,255,255,.08)}
#plSoft .cmp>.h{border-top:0;padding-bottom:6px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.5)}
#plSoft .cmp .v{text-align:right;color:rgba(255,255,255,.6);white-space:nowrap}
#plSoft .cmp .v.p{color:#fff;font-weight:600}
#plSoft .cmp .h.p{color:#0a84ff}
#plSoft .pgb{display:grid;gap:4px;margin-top:16px}
#plSoft .pgb button{height:52px;border-radius:26px;font-size:17px;font-weight:600;color:#fff;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
#plSoft .pgb .go{background:#0a84ff}
#plSoft .pgb .go:active{transform:scale(.97)}
#plSoft .pgb .no{background:none;color:rgba(255,255,255,.6);font-weight:500}
@media (min-width:900px){
#plSoft{width:420px}
}
@media (min-width:1100px){
#chat .dock{position:absolute}
}
#pwNear.z .ico{color:#ff9f0a}
@media (prefers-reduced-motion:reduce){
#plCap .pg,#dPlan .br i{transition:none}
}
.empty .pvchub{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:20px;background:#0a84ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 32px rgba(0,0,0,.45);animation:chubIn .6s cubic-bezier(.3,1.35,.5,1) both}
.empty .pvchub svg{width:52px;height:52px}
@keyframes chubIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.empty .pvchub{animation:none}
.empty .pvchub *{animation:none!important}
}
.lgrow{display:flex;align-items:center;width:100%;min-height:52px;text-align:left}
.lgrow .lbl small{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.5)}
.lgrow .ck{margin-left:auto;color:var(--ac,#0a84ff);opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.3,1.5,.5,1)}
.lgrow[aria-checked="true"] .ck{opacity:1;transform:none}
.lgrow .ck .ico{width:18px;height:18px;stroke-width:2.6}
#langPill{position:absolute;z-index:30;top:max(14px,env(safe-area-inset-top));right:14px;height:36px;padding:0 13px 0 10px;border-radius:18px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff;background:rgba(120,120,128,.24);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 .5px rgba(255,255,255,.14)}
#langPill .ico{width:17px;height:17px}
#langMenu{position:absolute;z-index:31;top:calc(max(14px,env(safe-area-inset-top)) + 44px);right:14px;min-width:190px;padding:6px;border-radius:18px;background:rgba(40,40,44,.82);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14),0 20px 50px rgba(0,0,0,.5);transform-origin:top right;animation:lmIn .28s cubic-bezier(.3,1.3,.5,1) both}
#langMenu button{display:flex;align-items:center;width:100%;height:42px;padding:0 12px;border-radius:12px;font-size:15px;color:#fff;text-align:left}
#langMenu button:hover{background:rgba(255,255,255,.08)}
#langMenu button .ico{margin-left:auto;width:16px;height:16px;color:#0a84ff;stroke-width:2.6}
@keyframes lmIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
#langMenu{animation:none}
}
.sfback{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;animation:sfIn .25s ease both}
.sfbox{width:100%;max-width:340px;background:#1c1c1e;border:.5px solid rgba(255,255,255,.1);border-radius:22px;padding:26px 22px 18px;text-align:center;color:#fff;animation:sfPop .35s cubic-bezier(.32,.72,0,1) both}
.sfic{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:rgba(255,69,58,.16);color:#ff453a}
.sfic svg{width:28px;height:28px}
.sfbox h3{margin:0 0 8px;font-size:19px;font-weight:600}
.sfbox p{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:#98989f}
.sfwarn{display:flex;gap:8px;text-align:left;background:rgba(255,69,58,.12);color:#ff6961;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45;margin:0 0 16px}
.sfwarn svg{flex:none;width:16px;height:16px;margin-top:2px}
.sfok{width:100%;height:46px;border-radius:13px;background:#fff;color:#000;font-size:16px;font-weight:600}
.sfout{animation:sfOut .2s ease both}
#banScr{position:fixed;inset:0;z-index:9500;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;animation:sfIn .3s ease both}
#banScr .bic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,69,58,.16);color:#ff453a;margin:0 0 18px}
#banScr .bic svg{width:36px;height:36px}
#banScr h2{margin:0 0 10px;font-size:24px;font-weight:700}
#banScr p{margin:0 0 18px;max-width:320px;font-size:15px;line-height:1.55;color:#98989f}
#banScr .bt{width:100%;max-width:320px;background:#1c1c1e;border:.5px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;margin:0 0 22px;font-size:14px}
#banScr .bt div{display:flex;justify-content:space-between;gap:12px;color:#98989f}
#banScr .bt div+div{margin-top:7px}
#banScr .bt b{font-weight:500;color:#fff}
#banScr .bt b.r{color:#ff453a}
#banScr .bx{width:100%;max-width:320px;height:48px;border-radius:14px;background:rgba(120,120,128,.24);color:#fff;font-size:16px;font-weight:600}
#banScr small{display:block;margin-top:14px;max-width:290px;font-size:12.5px;line-height:1.5;color:#636366}
@keyframes sfIn{from{opacity:0}}
@keyframes sfOut{to{opacity:0}}
@keyframes sfPop{from{opacity:0;transform:scale(.92)}}
@media (prefers-reduced-motion:reduce){
.sfback,.sfbox,#banScr,.sfout{animation:none}
}
@keyframes pl7in0{from{opacity:0;transform:scale(.88)}}
.cell.pl8 .r7{animation-name:pl7in0;transition:none}
.cell.pl8 .r7.seen{animation:none}
#vBanners .bnr[data-id]{display:none!important}
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable],[contenteditable] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.bar .mid,.bar .gtt{min-width:0;max-width:100%}
.bar .gtt{overflow:hidden}
#chatTitle,.bar .ttl{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#setp .snav .pill{pointer-events:none}
.plsh:not(.on){pointer-events:none}
#vBanners{align-items:stretch}
#vBanners .bnr.alb{height:auto;min-height:170px;width:240px;flex-shrink:0;-webkit-clip-path:inset(0 round 22px);clip-path:inset(0 round 22px);isolation:isolate}
#vBanners .bnr.alb .three{height:100%}
@media (max-width:899px){
#chatList{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
.mkrels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.mkrel{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:.5px solid transparent;text-align:left;color:#fff;transition:background .18s,border-color .18s,transform .12s}
.mkrel:active{transform:scale(.97)}
.mkrel .ri{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0;color:#c7c7cc;transition:background .18s,color .18s}
.mkrel .ri .ico{width:18px;height:18px}
.mkrel .rt{min-width:0}
.mkrel b{display:block;font-size:14.5px;font-weight:600;line-height:18px}
.mkrel small{display:block;font-size:12px;line-height:15px;color:#98989f;margin-top:2px}
.mkrel[aria-pressed=true]{background:rgba(10,132,255,.18);border-color:rgba(100,181,255,.4)}
.mkrel[aria-pressed=true] .ri{background:rgba(10,132,255,.28);color:#64b5ff}
.mkrel[aria-pressed=true] b{color:#64b5ff}
.mkrel:focus-visible{outline:2px solid rgba(100,181,255,.7);outline-offset:2px}
.mkrelnote{min-height:64px}
@media(max-width:340px){.mkrels{grid-template-columns:1fr}}
.echip{min-width:0;max-width:100%}
.echip>span{min-width:0;overflow:hidden}
.echip>span small,.echip>span b{max-width:100%}
.echip>.ico,.echip>img,.echip>button{flex-shrink:0}
.cap{min-width:0}
.pkbal{margin-top:10px;border-radius:20px;background:linear-gradient(135deg,rgba(10,132,255,.22),rgba(94,92,230,.15));box-shadow:inset 0 0 0 .5px rgba(120,170,255,.3);padding:14px 16px}
.pkbal .hd{display:flex;align-items:center;gap:12px}
.pkbal .ic{width:36px;height:36px;border-radius:50%;background:rgba(10,132,255,.26);display:grid;place-items:center;color:#64b5ff;flex-shrink:0}
.pkbal .ic .ico{width:20px;height:20px}
.pkbal .nm{flex:1;min-width:0;text-align:left}
.pkbal .nm b{display:block;font-size:16px;font-weight:600}
.pkbal .nm small{display:block;margin-top:1px;font-size:12.5px;line-height:16px;color:rgba(255,255,255,.6)}
.pkbal button{height:34px;padding:0 15px;border-radius:17px;background:#0a84ff;color:#fff;font-size:14.5px;font-weight:600;flex-shrink:0;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.pkbal button:active{transform:scale(.95)}
.pkbal .vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.pkbal .vals>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px 11px;border-radius:14px;background:rgba(0,0,0,.28);min-width:0}
.pkbal .vals .vh{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6)}
.pkbal .vals .ico{width:15px;height:15px;flex-shrink:0}
.pkbal .vals small{font-size:12.5px;white-space:nowrap}
.pkbal .vals b{font-size:22px;line-height:26px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pkbal.empty{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)}
.pkbal.empty .ic{background:rgba(255,255,255,.1);color:#c7c7cc}
.pkbal.empty button{background:rgba(255,255,255,.14)}
.lmr .cp.pkcap{color:#64b5ff;margin-top:3px}
#plPack .pkin{padding:18px 16px 24px;max-height:calc(100dvh - 70px);overflow-y:auto}
.pkhd{text-align:center;margin:2px 0 16px}
.pkic{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,#0a84ff,#5e5ce6);color:#fff;box-shadow:0 8px 26px rgba(10,132,255,.38)}
.pkic .ico{width:30px;height:30px}
.pkhd h3{margin:0;font-size:21px;font-weight:700}
.pkhd p{margin:5px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.pkseg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.08);margin-bottom:12px}
.pkseg button{height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:600;color:rgba(255,255,255,.6);transition:background .2s,color .2s}
.pkseg button .ico{width:17px;height:17px}
.pkseg button i{font-style:normal;font-size:12px;font-weight:600;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.12)}
.pkseg button[aria-selected=true]{background:#3a3a3e;color:#fff}
.pklist{display:flex;flex-direction:column;gap:8px}
.pkrow{display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:.5px solid rgba(255,255,255,.08);text-align:left;color:#fff;transition:background .2s,border-color .2s,transform .12s}
.pkrow:active{transform:scale(.985)}
.pkrow .n b{display:block;font-size:24px;line-height:26px;font-weight:700;font-variant-numeric:tabular-nums}
.pkrow .n small{display:block;margin-top:1px;font-size:13px;color:rgba(255,255,255,.55)}
.pkrow .mid{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.pkrow .mid em{font-style:normal;font-size:13px;line-height:16px;color:rgba(255,255,255,.6)}
.pkrow .tg{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:9px;white-space:nowrap}
.pkrow .tg.popular{background:rgba(10,132,255,.24);color:#64b5ff}
.pkrow .tg.best{background:rgba(48,209,88,.2);color:#5fe08a}
.pkrow .pr{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.pkrow .rd{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;color:transparent;transition:background .2s,border-color .2s}
.pkrow .rd .ico{width:13px;height:13px}
.pkrow.on{background:rgba(10,132,255,.17);border-color:rgba(100,181,255,.5)}
.pkrow.on .rd{background:#0a84ff;border-color:#0a84ff;color:#fff}
.pkft{margin-top:16px}
.pkgo{width:100%;height:54px;border-radius:27px;background:#0a84ff;color:#fff;font-size:17px;font-weight:600;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.pkgo:active{transform:scale(.97)}
.pkgo:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.45)}
.pkfine{margin:10px 6px 0;text-align:center;font-size:12.5px;line-height:17px;color:rgba(255,255,255,.45)}
.lcb.pkq .ico{width:18px;height:18px}
.lcb.pkq{background:rgba(10,132,255,.2);color:#64b5ff;box-shadow:inset 0 0 0 .5px rgba(100,181,255,.4)}
.pkseg button i{white-space:nowrap}
.pkseg button span{white-space:nowrap}
.pkrow .mid em{white-space:nowrap}
@media(max-width:350px){
.pkseg button{gap:5px;font-size:14px}
.pkseg button .ico{width:15px;height:15px}
.pkrow{gap:8px;padding:12px 10px 12px 12px;grid-template-columns:minmax(58px,auto) minmax(0,1fr) auto 22px}
.pkrow .n b{font-size:21px}
.pkrow .mid em{font-size:12px}
.pkrow .pr{font-size:15.5px}
}
.rnb{position:relative;display:flex;align-items:flex-start;gap:12px;margin:0 16px 12px;padding:14px 38px 14px 12px;border-radius:18px;animation:npIn .5s cubic-bezier(.2,.8,.2,1) both}
.rnb.soon{background:rgba(255,159,10,.1);border:.5px solid rgba(255,159,10,.3)}
.rnb.end{background:rgba(255,69,58,.1);border:.5px solid rgba(255,69,58,.32)}
.rnb .ni{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center}
.rnb.soon .ni{background:rgba(255,159,10,.18);color:#ffb340}
.rnb.end .ni{background:rgba(255,69,58,.18);color:#ff6961}
.rnb .ni .ico{width:19px;height:19px}
.rnb .tx{flex:1;min-width:0;text-align:left}
.rnb .tx b{display:block;font-size:15px;font-weight:600;line-height:19px;color:#fff}
.rnb .tx span{display:block;margin-top:2px;font-size:13px;line-height:17px;color:#c7c7cc}
.rnb .tx .go{display:block;height:34px;margin-top:10px;padding:0 16px;border-radius:17px;background:#0a84ff;color:#fff;font-size:14.5px;font-weight:600;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.rnb .tx .go:active{transform:scale(.95)}
.rnb .npx{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#8e8e93;cursor:pointer}
.rnb .npx .ico{width:14px;height:14px}
#plGate .pgi.rn.soon{background:rgba(255,159,10,.18);color:#ffb340}
#plGate .pgi.rn.end{background:rgba(255,69,58,.18);color:#ff6961}
#plGate .pgi.rn .ico{width:30px;height:30px}
@media(max-width:350px){.rnb .tx span{display:none}}
.spc{display:flex;flex-direction:column;height:min(620px,calc(100dvh - 280px));padding-top:6px}
.spm{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.spb{position:relative;max-width:82%;padding:9px 13px 7px;border-radius:19px;font-size:16px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}
.spb.in{align-self:flex-start;background:rgba(255,255,255,.11);border-bottom-left-radius:6px}
.spb.out{align-self:flex-end;background:var(--accent,#0a84ff);color:#fff;border-bottom-right-radius:6px}
.spb.out.pend{opacity:.65}
.spb.hi{color:rgba(255,255,255,.78)}
.sptm{display:block;margin-top:2px;font-size:11px;text-align:right;opacity:.6}
.spday{align-self:center;font-size:12px;color:rgba(255,255,255,.45);margin:8px 0 2px}
.spchips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0 10px}
.spchips.hidden{display:none}
.spchips button{padding:8px 14px;border-radius:17px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.88);font-size:14px;transition:transform .3s cubic-bezier(.3,1.35,.5,1),background-color .2s}
.spchips button:active{transform:scale(.95);background:rgba(255,255,255,.18)}
.spf{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border-radius:24px;background:rgba(255,255,255,.1)}
.spf textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:16px;line-height:1.35;padding:6px 0;max-height:110px}
.spgo{flex:none;width:34px;height:34px;border-radius:17px;background:var(--accent,#0a84ff);color:#fff;display:grid;place-items:center;transition:transform .3s cubic-bezier(.3,1.35,.5,1)}
.spgo:active{transform:scale(.9)}
.spgo .ico{width:18px;height:18px}
#homeSettings{position:relative}
#homeSettings .spdot{position:absolute;top:-5px;right:-5px;z-index:5;box-sizing:border-box;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#ff453a;color:#fff;font:600 12.5px/21px -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2.5px #000;pointer-events:none}
#setp .nrow[data-sec="support"]{margin-top:22px}
#setp .nrow.hasNew small,#setp .nrow.hasNew .nv{color:#0a84ff;font-weight:600}
#setp .nrow.hasNew .nv::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#0a84ff;vertical-align:1px}
.au .aor{display:flex;align-items:center;gap:12px;margin:16px 6px 12px;color:#8e8e93;font-size:13px}
.au .aor::before,.au .aor::after{content:"";flex:1;height:.5px;background:rgba(255,255,255,.16)}
.au .atg{width:100%;height:54px;border-radius:27px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.1);color:#fff;font-size:17px;font-weight:600;transition:background-color .25s,transform .35s cubic-bezier(.3,1.45,.5,1)}
.au .atg:active{transform:scale(.97)}
.au .atg .ico,.au .atg svg{width:22px;height:22px;flex:none}
.au .atg.busy{background:rgba(10,132,255,.22);color:#6cb4ff}
.au .atgw{margin:10px 0 0;text-align:center;font-size:13.5px;color:#8e8e93;min-height:0}
.au .atgw a{color:#0a84ff;cursor:pointer}
.au .atgw:empty{display:none}

.au .atg svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.au .asoc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.au .asoc.one{grid-template-columns:1fr}
.au .asoc:empty{display:none}
.au .atg svg.gsv{fill:initial;stroke:none}
.au .atg svg.gsv path{stroke:none}
.acme .av{overflow:hidden}
.acme .av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.pmback{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:pmFade .25s ease both}
.pmback.out{animation:pmFadeOut .22s ease both}
.pmbox{position:relative;width:min(440px,100%);padding:10px 16px calc(16px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:rgba(30,30,32,.94);border:.5px solid rgba(255,255,255,.14);border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.45);animation:pmUp .45s cubic-bezier(.22,1.2,.36,1) both}
.pmback.out .pmbox{animation:pmDown .22s cubic-bezier(.4,0,1,1) both}
.pmgrab{display:block;width:38px;height:5px;margin:0 auto 12px;border-radius:3px;background:rgba(255,255,255,.22)}
.pmbox h3{margin:0;font-size:20px;font-weight:700;text-align:center}
.pmsub{margin:4px 0 14px;font-size:13.5px;color:rgba(255,255,255,.5);text-align:center}
.pmlist{display:flex;flex-direction:column;gap:10px}
.pmrow{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.07);color:#fff;text-align:left;opacity:0;animation:pmRow .45s cubic-bezier(.22,1.2,.36,1) both;animation-delay:calc(.12s + var(--i) * .06s);transition:transform .3s cubic-bezier(.3,1.35,.5,1),background-color .2s}
.pmrow:active{transform:scale(.97);background:rgba(255,255,255,.12)}
@media (hover:hover){.pmrow:hover{background:rgba(255,255,255,.11)}}
.pmic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--c);color:#fff}
.pmic svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pmtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pmtx b{font-size:17px;font-weight:600}
.pmtx small{font-size:13.5px;color:rgba(255,255,255,.52)}
.pmch{flex:none;width:20px;height:20px;fill:none;stroke:rgba(255,255,255,.35);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pmx{display:block;width:100%;margin-top:6px;padding:14px;border-radius:18px;font-size:16.5px;font-weight:600;color:rgba(255,255,255,.6);text-align:center;transition:transform .3s cubic-bezier(.3,1.35,.5,1),color .2s}
.pmx:active{transform:scale(.97);color:#fff}
@media (min-width:640px){.pmback{align-items:center}.pmbox{border-radius:30px;border-bottom:.5px solid rgba(255,255,255,.14);padding-bottom:16px;animation-name:pmPop}.pmback.out .pmbox{animation-name:pmPopOut}.pmgrab{display:none}}
@keyframes pmFade{from{opacity:0}}
@keyframes pmFadeOut{to{opacity:0}}
@keyframes pmUp{from{transform:translateY(100%)}}
@keyframes pmDown{to{transform:translateY(100%)}}
@keyframes pmPop{from{opacity:0;transform:scale(.92) translateY(14px)}}
@keyframes pmPopOut{to{opacity:0;transform:scale(.95)}}
@keyframes pmRow{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pmback,.pmbox,.pmrow{animation-duration:.01s!important;animation-delay:0s!important}}
.pmic{overflow:hidden}
.pmic img{display:block;width:100%;height:100%;object-fit:cover}
.au .spamn{margin:10px 0 14px;font-size:13px;color:#8e8e93}
.pmic.light{background:#fff;padding:9px}
.pmic.light img{object-fit:contain}