/* PINGGO browser shell: full-width desktop, original mobile client below 900px. */
.web-shell-tools,.web-more,.web-search-popover,.web-sidebar-toggle,.web-nav-extra{display:none}
.wordmark:before{display:none!important}.wordmark .official-logo{display:block;width:152px;height:62px;overflow:hidden;position:relative}.wordmark .official-logo img{position:absolute;width:190px;height:190px;max-width:none;left:-19px;top:-66px}.wordmark span{margin:0;border-radius:0;background:none}.wordmark .brand-mini{display:none}
.web-shell-tools button,.web-more button{cursor:pointer}
@media(min-width:900px){
 :root{--web-sidebar:232px;--web-bg:#080909;--web-panel:#101111;--web-border:#282c2a;--web-text:#f5f7f6}
 body[data-sidebar=collapsed]{--web-sidebar:76px}
 body{background:var(--web-bg);color:var(--web-text)}
 .sidebar{display:flex;flex-direction:column;width:var(--web-sidebar);height:100dvh;padding:14px 12px 20px;border-right:1px solid var(--web-border);background:var(--web-bg);z-index:15;overflow-y:auto;overflow-x:hidden}
 .sidebar .wordmark{height:66px;flex:none;margin:0 0 16px 8px;display:flex;align-items:center;gap:0;font-size:0}
 .web-sidebar-toggle{display:grid;place-items:center;width:32px;height:34px;padding:4px;margin-left:auto;color:var(--web-text);border-radius:8px;flex:none}
 .web-sidebar-toggle:hover{background:var(--web-panel)}
 .sidebar nav{margin:0;display:grid;gap:3px}.sidebar nav button{width:100%;padding:12px 13px;display:flex;gap:16px;align-items:center;white-space:nowrap;font-size:16px;line-height:24px;color:var(--web-text);background:transparent;border-radius:9px;font-weight:650;text-align:left}
 .sidebar nav button svg{flex:none;width:24px;height:24px}.sidebar nav button:hover{background:var(--web-panel)}.sidebar nav button.active{color:var(--mint);background:#17372e44}
 .sidebar nav .desktop-search{border-radius:24px;background:var(--web-panel);color:#acb5b0;margin-bottom:12px;font-weight:400}
 .sidebar .sidebar-foot{position:static;margin:auto 12px 0;display:grid;gap:16px;padding-top:26px;color:#929a95;font-size:12px}.sidebar-foot small{color:#777f7a}.sidebar-foot .web-language-link{display:none}
 body[data-sidebar=collapsed] .sidebar{padding-inline:9px}
 body[data-sidebar=collapsed] .sidebar .wordmark{margin-left:0;justify-content:center;height:65px}
 body[data-sidebar=collapsed] .official-logo{display:none}
 body[data-sidebar=collapsed] .sidebar nav button{justify-content:center;padding:13px 0;gap:0}
 body[data-sidebar=collapsed] .sidebar nav button span,body[data-sidebar=collapsed] .sidebar-foot{display:none}
 body[data-sidebar=collapsed] .web-sidebar-toggle{margin:0;width:46px}
 .web-app .app{position:relative;margin:0 0 0 var(--web-sidebar);padding:0;width:calc(100% - var(--web-sidebar));min-width:0;max-width:none;height:100dvh;border:0;border-radius:0;transform:none;background:var(--web-bg)}
 .app #home-view{height:100%;width:100%}.app .bottom-nav{display:none}.app .topbar{display:none}
 .app .feed{height:100dvh}.app .clip{background:var(--web-bg);overflow:hidden;height:100dvh;width:100%}
 .web-app .clip .feed-media{position:absolute;inset:auto;left:var(--stage-x,20px);top:var(--stage-y,80px);width:var(--stage-w,500px);height:var(--stage-h,600px);border-radius:14px;background:#000;overflow:hidden}
 .web-app .clip .feed-media video{height:100%;width:100%;object-fit:contain}
 .clip:not(.user-media) .feed-media .media-frame{width:100%!important;height:100%!important;aspect-ratio:auto;position:relative;inset:0;transform:none}
 .clip:not(.user-media) .feed-media .framed-source{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;transform:none!important}
 .clip .shade{inset:auto;left:var(--stage-x);top:var(--stage-y);width:var(--stage-w);height:var(--stage-h);border-radius:14px;background:linear-gradient(transparent 65%,#0009)}
 .clip .play-toggle{inset:auto;left:var(--stage-x);top:var(--stage-y);width:var(--stage-w);height:calc(var(--stage-h) - 140px);z-index:1}
 .clip .clip-copy{left:calc(var(--stage-x) + 22px);right:auto;top:auto;bottom:calc(100% - var(--stage-y) - var(--stage-h) + 20px);width:calc(var(--stage-w) - 44px);max-width:720px;z-index:2}
 .clip .actions{left:calc(var(--stage-x) + var(--stage-w) + 20px);right:auto;top:auto;bottom:calc(100% - var(--stage-y) - var(--stage-h) + 8px);gap:17px;width:58px;z-index:2}
 .clip .action{color:var(--web-text);text-shadow:none;font-size:12px}.clip .action>svg{background:#242827;width:46px;height:46px;padding:10px;border-radius:50%;filter:none}.clip .creator-action{margin-bottom:8px}.clip .action.together-icon .together-glyph{background:#20392f;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}
 .clip .sound-toggle{color:var(--web-text)}
 .clip>.progress{left:var(--stage-x);top:calc(var(--stage-y) + var(--stage-h) - 2px);right:auto;bottom:auto;width:var(--stage-w);z-index:3}
 .desktop-controls{display:grid;left:auto;right:24px;top:50%;transform:translateY(-50%);gap:14px;z-index:12}.desktop-controls button{width:44px;height:44px;background:#222725;border:0;color:#fff}.desktop-controls span{display:none}
 .web-shell-tools{display:flex;align-items:center;gap:10px;position:fixed;top:18px;right:24px;z-index:16;background:var(--web-panel);padding:6px;border:1px solid var(--web-border);border-radius:30px}
 .web-shell-tools button{border-radius:24px;padding:9px 16px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;white-space:nowrap}.web-shell-tools .shell-login{background:var(--mint);color:#07251c}.web-shell-tools button:hover{filter:brightness(1.1)}
 .web-shell-tools .web-wallet-entry{position:static;font-size:12px;border:0;padding:9px 14px;background:transparent;color:var(--web-text)}
 #page-view{height:100dvh;padding-top:80px;background:var(--web-bg);color:var(--web-text)}
 #page-view>.page-header,#page-view>.page-body,#page-view>.my-profile-header,#page-view>.profile-tabs,#page-view>.profile-content,#page-view>.notice{max-width:1160px;margin-left:auto;margin-right:auto}
 #page-view>.page-body,#page-view>.page-header{background:#fff;color:#111513}
 #page-view .page-header{top:0}.app.page-mode{background:var(--web-bg)}
 #panel,#panel.auth-panel,#panel.payment-methods-panel{inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 48px));max-height:90dvh;height:auto;border-radius:20px}
 #panel.creator-entry-panel{width:420px}.handle{display:none}
 .web-more{position:fixed;left:var(--web-sidebar);top:0;bottom:0;width:310px;z-index:30;background:var(--web-panel);border-right:1px solid var(--web-border);padding:26px 22px;color:var(--web-text);overflow:auto;box-shadow:12px 0 60px #0005}
 .web-more:not([hidden]){display:block}.web-more h2{font-size:21px;margin-bottom:26px}.web-more h3{font-size:12px;color:#8e9d94;margin:26px 0 12px}.web-more button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 10px;border-radius:10px;font-size:15px}.web-more button:hover{background:#ffffff10}.web-more select{color:var(--web-text);background:var(--web-bg);border-color:var(--web-border)}.web-more .drawer-close{position:absolute;top:15px;right:12px;width:36px;padding:6px}
 .web-search-popover{position:fixed;top:94px;left:calc(var(--web-sidebar) + 18px);width:min(500px,calc(100vw - var(--web-sidebar) - 48px));z-index:35;background:#fff;color:#152019;padding:16px;border-radius:18px;box-shadow:0 18px 70px #0007}
 .web-search-popover:not([hidden]){display:block}.web-search-popover form{display:flex;gap:6px}.web-search-popover input{border-radius:24px;background:#f1f4f2}.web-search-popover h3{font-size:14px;color:#717b75;padding:20px 8px 10px}.web-search-popover button{padding:12px;border-radius:10px;width:100%;text-align:left}.web-search-popover form button{width:50px}.web-search-popover button:hover{background:#f1f5f3}
 body[data-theme=light]{--web-bg:#f7f9f8;--web-panel:#fff;--web-border:#dfe7e2;--web-text:#17231c}
 body[data-theme=light] .clip .action>svg{background:#e5ebe7}body[data-theme=light] .desktop-controls button{background:#dde5df;color:#18271e}
}
@media(max-width:899px){.sidebar{display:none}.web-app .app{width:100%;min-width:0;max-width:none;margin:0;height:100dvh;transform:none;border-radius:0;border:0}.desktop-controls{display:none}.wordmark .official-logo{display:none}}
#web-auth{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:428px;max-width:calc(100vw - 28px);max-height:92dvh;min-height:520px;padding:40px 35px 0;background:#fff;color:#161a18;border-radius:24px;overflow:auto;border:0;text-align:center}#web-auth::backdrop{background:#0008;backdrop-filter:blur(2px)}.auth-web-close{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;background:#f0f1f1;font-size:24px;line-height:24px;color:#525854}.auth-web-logo{width:138px;height:62px;overflow:hidden;position:relative;margin:0 auto 18px}.auth-web-logo img{position:absolute;width:174px;height:174px;left:-18px;top:-59px}#web-auth h2{font-size:27px;line-height:1.3;margin-bottom:30px;letter-spacing:-.6px}.auth-web-options{display:grid;gap:8px}.auth-web-options button{display:flex;position:relative;align-items:center;justify-content:center;background:#f2f3f3;min-height:48px;border-radius:26px;font-size:14px;font-weight:650}.auth-web-options button>span:first-child,.auth-web-options button>svg{position:absolute;left:18px;width:24px;font-size:24px}.auth-web-options .pingchat-mark{width:24px;height:24px}.auth-web-note{font-size:12px;line-height:1.7;color:#7a827c;margin:36px 0 28px}#web-auth footer{margin:20px -35px 0;padding:20px 26px;border-top:1px solid #ecefed;font-size:12px;color:#68736b}.auth-qr-area{width:170px;height:170px;margin:0 auto 18px;background:#f4f6f5;border-radius:18px;display:grid;place-items:center}.auth-qr-area img{width:152px;height:152px}.auth-qr-placeholder svg{width:40px;height:40px;color:#9aa89f}.auth-web-status{font-size:13px;line-height:1.6;color:#66736a}.auth-web-refresh{background:#27ddba;color:#063b2f;padding:12px 22px;border-radius:24px;margin:18px 0 10px;font-weight:700}.auth-web-back{display:block;margin:auto;padding:10px;font-size:13px;color:#506559}
#ping-commerce{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:900px;max-width:calc(100vw - 32px);max-height:90dvh;border:0;border-radius:24px;background:#fff;color:#17211b;overflow:auto}#ping-commerce::backdrop{background:#0009;backdrop-filter:blur(3px)}.ping-commerce-header{display:flex;justify-content:space-between;align-items:center;padding:27px 34px;border-bottom:1px solid #edf0ee}.ping-commerce-header small{font-weight:800;letter-spacing:2px;color:#538a70;font-size:10px}.ping-commerce-header h2{font-size:28px;margin-top:5px}.ping-commerce-header>button{background:#f0f3f1;border-radius:50%;width:34px;height:34px;font-size:26px;color:#737b76}.ping-commerce-body{padding:24px 34px 28px}.ping-balance{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#f3f7f4;border-radius:16px;margin-bottom:26px}.ping-balance>div{display:flex;gap:20px;align-items:center}.ping-balance strong{font-size:28px}.ping-balance p{font-size:12px;color:#708176}.ping-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.ping-section-head h3{font-size:18px}.ping-section-head>span{font-size:12px;color:#78867d}.ping-pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ping-pack{border:1px solid #e0e7e2;border-radius:13px;min-height:98px;padding:15px 10px;background:#fff;text-align:center;color:#192b21}.ping-pack strong{display:block;font-size:23px;white-space:nowrap}.ping-pack strong>span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#27ddba;color:#054332;font-size:14px;margin-right:3px}.ping-pack small{display:block;margin-top:8px;color:#77867c;font-size:12px}.ping-pack.selected{border:2px solid #19b792;background:#edfff8}.ping-custom strong{font-size:16px}.ping-method{display:flex;align-items:center;gap:16px;margin-top:28px;border-bottom:1px solid #e7eee9;padding-bottom:20px;font-size:13px}.ping-method img{width:76px;height:38px;object-fit:contain}.ping-method button{margin-left:auto;border:1px solid #bfd5c7;padding:8px 18px;border-radius:20px;color:#1b7b57}.ping-total{display:flex;justify-content:space-between;margin:22px 0;font-size:18px}.ping-main{width:100%;min-height:48px;border-radius:24px;background:#27ddba;color:#083e30;font-weight:750;font-size:15px;padding:12px}.ping-main:disabled{background:#e5eae7;color:#6d7e73;opacity:1;cursor:not-allowed}.ping-secondary{display:block;width:100%;padding:12px;margin-top:8px;border-radius:22px;border:1px solid #dbe6de;font-size:14px}.ping-status,.ping-policy-note{font-size:12px;color:#6f8075;line-height:1.6;text-align:center;margin-top:14px}.ping-review{display:grid;gap:19px;padding:28px 0}.ping-review>div{display:flex;justify-content:space-between;gap:20px;font-size:14px}.ping-recipient{font-size:14px;margin-bottom:20px}.ping-gift-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ping-gift{border:1px solid #e1e9e4;border-radius:15px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}.ping-gift.selected{border:2px solid #18b994;background:#eefff7}.ping-gift img{width:88px;height:88px;object-fit:contain}.ping-gift strong{font-size:14px}.ping-gift small{color:#16885d}.ping-art-pending{width:88px;height:88px;border-radius:20px;background:#eff4f1;display:grid;place-items:center;color:#73887a;font-size:11px;line-height:1.5;padding:10px}.ping-gift-policy{font-size:12px;color:#728378;margin:18px 0}.ping-selected-gift{display:grid;justify-items:center;gap:14px;margin:20px auto 30px}.ping-selected-gift img{width:140px;height:140px;object-fit:contain}.ping-mobile-recharge{display:none}
@media(max-width:899px){#ping-commerce{width:100%;max-width:100%;max-height:92dvh;inset:auto 0 0;transform:none;border-radius:22px 22px 0 0}.ping-commerce-header{padding:20px}.ping-commerce-body{padding:20px}.ping-pack-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ping-pack{min-height:84px}.ping-gift-grid{grid-template-columns:repeat(3,1fr)}.ping-balance{padding:12px}.ping-balance p{font-size:10px}.ping-section-head>span{font-size:10px}.ping-mobile-recharge{display:block;position:fixed;left:14px;top:72px;z-index:30;border-radius:20px;background:#14241e;color:#67ffcd;padding:8px 12px;font-size:12px}.clip .actions{gap:10px}.ping-commerce-header h2{font-size:24px}}
@media(min-width:900px){#web-wallet{inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%);max-height:90dvh}.web-sidebar-toggle{z-index:1}.web-more .drawer-close{color:var(--web-text)}}

.sidebar-login{display:none}
@media(min-width:900px){.sidebar-login{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 10px 8px;padding:12px 16px;min-height:48px;flex:none;background:var(--mint);color:#073d2d;border-radius:12px;font-weight:750;font-size:16px}.sidebar-login svg{width:21px;height:21px}body[data-sidebar=collapsed] .sidebar-login{margin:18px 0 8px;padding:12px 0}body[data-sidebar=collapsed] .sidebar-login span{display:none}}
.ping-preview-button{display:block;margin:0 auto 15px;padding:9px 18px;color:#227f5b;border:1px solid #b7d8c5;border-radius:22px;font-size:13px}.ping-gift-motion{position:fixed;width:138px;height:180px;z-index:22;pointer-events:none;animation:ping-preview-life 1.8s ease both}.ping-gift-motion>img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 5px 12px #0003);animation:ping-character-bob 1.5s ease-in-out both}.ping-gift-motion small{display:block;font-size:10px;padding:5px 6px;background:#0a251de8;color:#daffed;border-radius:12px;text-align:center;white-space:nowrap}.gift-effect{position:absolute;color:#ff6f99;font-size:25px;animation:ping-effect-rise 1.4s ease-out both}.gift-effect.one{left:0;top:20px}.gift-effect.two{right:0;top:40px;animation-delay:.15s}.gift-effect.three{left:60px;top:0;font-size:18px;animation-delay:.3s}.motion-cheer>img{animation:ping-character-cheer 1.4s ease-in-out both}.motion-coffee>img{animation:ping-character-tilt 1.5s ease-in-out both}.motion-celebrate .gift-effect{color:#aa6eed}.motion-super .gift-effect{color:#f4ce51}.motion-super>img{animation:ping-character-pop 1.5s ease both}@keyframes ping-preview-life{0%{opacity:0}12%,78%{opacity:1}100%{opacity:0}}@keyframes ping-character-bob{0%,100%{transform:translateY(0)}35%,70%{transform:translateY(-8px)}}@keyframes ping-character-cheer{0%,100%{transform:translateY(0)}30%,65%{transform:translateY(-12px)}}@keyframes ping-character-tilt{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes ping-character-pop{0%{transform:scale(.65)}35%{transform:scale(1.08)}65%,100%{transform:scale(1)}}@keyframes ping-effect-rise{0%{opacity:0;transform:translateY(18px) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.ping-gift-motion,.ping-gift-motion>img,.gift-effect{animation:none!important;transform:none!important}.gift-effect.two,.gift-effect.three{display:none}}