.lg-shell{--legal-width:var(--w-read)}.lg-shell .lg-bar{z-index:20;width:100%;height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 0 0;border-bottom:1px solid var(--border-faint);background:var(--bg-veil);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0;position:sticky;top:0}.lg-bar-inner{width:100%;max-width:var(--legal-width);justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;padding-inline:32px;display:flex}.lg-shell :is([id],a,button,input,select,textarea){scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}.lg-shell .lg-main{width:100%;max-width:var(--legal-width);margin-inline:auto;padding-inline:32px}@media (max-width:640px){.lg-shell .lg-bar{height:calc(56px + env(safe-area-inset-top,0px))}.lg-bar-inner{padding-inline:20px}.lg-shell :is([id],a,button,input,select,textarea){scroll-margin-top:calc(72px + env(safe-area-inset-top,0px))}.lg-shell .lg-main{padding-inline:20px}}body .page-title{font-size:var(--ui-title);font-weight:var(--fw-head);letter-spacing:-.025em;margin:0 0 24px;line-height:1.3}body .page-desc{max-width:72ch;line-height:1.7}body .section-title{font-size:var(--ui-section);margin-top:28px;margin-bottom:16px;font-weight:500}body .section-title small{font-size:var(--fs-base);white-space:normal;font-weight:400}body .input{background:var(--field);min-height:var(--ui-field);border:1px solid #0000;border-radius:12px}body .input:focus{background:var(--field);border-color:var(--border-strong);box-shadow:none}body :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}body :is(textarea,input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=color],[type=file])):focus-visible{outline:none}body :is(.modal,.report-sheet){background:var(--surface);border:1px solid var(--border);border-radius:24px}body .modal-title{font-size:var(--ui-dialog-title);letter-spacing:-.02em;font-weight:500}body :is(.modal-desc,.gm-panel-body,.set-row-desc){line-height:1.7}body .pg-search{max-width:var(--w-app)}body .pg-search .creator-row{border-bottom-color:var(--border-faint);border-radius:12px;padding:18px 12px}body .gm-form,body .gm-panel{border-color:var(--border-faint)}body .gm-panel-title{font-size:var(--ui-dialog-title);font-weight:500}body :is(.cn-payseg-btn,.login-tab,.pg-seg button,.gm-dash-filter){justify-content:center;align-items:center;line-height:20px;display:inline-flex}@media (max-width:820px){body .page-title{font-size:var(--ui-title);margin-bottom:24px}}body .dialog-overlay,body .feed-sheet-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px}body .dialog-overlay .modal{padding:var(--ui-panel-space);max-width:480px;max-height:min(86dvh,760px)}body .dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}body .dialog-head .modal-title{margin:0}body .dialog-close{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}body .dialog-close:hover{background:var(--surface-hi);color:var(--text)}body .comments-panel{flex-direction:column;min-height:280px;max-height:66dvh;display:flex}body .feed-sheet-body .comments-panel{flex:auto;min-height:0;max-height:none}body .feed-sheet-body .comment-dock{flex:none;margin-top:auto}body .feed-sheet-body .comments-list{flex-direction:column;display:flex}body .feed-sheet-body .comments-list .empty{margin:auto 0}body .comments-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}body .comments-list .empty{background:0 0;border:0;flex-direction:column;justify-content:center;gap:8px;min-height:168px;margin:0;padding:24px 12px;display:flex}body .comments-list .empty-title{font-size:var(--fs-md);font-weight:500}body .comments-list .empty-desc{font-size:var(--fs-base);margin:0}body .comments-list .comments-empty-ico{color:var(--text-faint);justify-content:center;margin-bottom:4px;display:flex}body .comments-panel .comment{border-bottom-color:var(--border);padding:16px 0}body .comments-panel .comment-head{font-size:var(--fs-xs);gap:8px}body .comments-panel .comment-author{font-size:var(--fs-base);font-weight:500}body .comments-panel .comment-body{font-size:var(--fs-md);overflow-wrap:anywhere;line-height:1.7}body .comments-panel .comment-dock{flex-direction:column;flex:none;gap:8px;margin:20px 0 0;display:flex}body .comments-panel .comment-dock>:is(.comment-replying,.comment-record-choices,.comment-record-attached){margin:0}body .comments-panel .comment-compose{flex:none;align-items:flex-end;gap:10px;margin:0;display:flex}body .comments-panel .comment-compose .comment-form{gap:2px;padding:4px}body .comments-panel .comment-compose .comment-attach{width:34px;height:34px;margin-left:0}body .comments-panel .comment-compose .comment-send{width:34px;height:34px;min-height:34px}body .comments-panel .comment-compose :is(.comment-attach,.comment-send){margin-bottom:3px}body .comments-panel .comment-compose .comment-form textarea.input{padding:8px 6px}body .comments-panel .comment-compose>.comment-form{flex:auto;min-width:0;margin:0}body .comments-panel .comment-form{background:var(--surface-hi);border:1px solid #0000;border-radius:26px;flex:none;align-items:center;gap:8px;margin:0;padding:6px;display:flex}body .comments-panel .comment-form:focus-within{border-color:var(--border-strong)}body .comments-panel .comment-form .input{min-width:0;min-height:36px;font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1;padding:6px 10px}body .comments-panel .comment-send{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0}body .comments-panel .comment-row{gap:var(--s-2);align-items:flex-start;display:flex}body .comments-panel .comment-head{align-items:center;gap:6px}body .comments-panel .comment-id{align-items:center;min-width:0;display:inline-flex}body .comments-panel .comment-id>.nmk-row{flex:none;top:0}body .comments-panel .comment-head{flex-wrap:nowrap;min-width:0}body .comments-panel .comment-id{flex:0 auto;overflow:hidden}body .comments-panel .comment-id>.comment-author{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}body .comments-panel :is(.comment-creator,.comment-time){white-space:nowrap;flex:none}body .comments-panel .comment-avatar{border-radius:50%;flex:none;display:inline-flex}body .comments-panel a.comment-author{color:inherit;text-decoration:none}body .comments-panel a.comment-author:hover,body .comments-panel .comment-mention:hover{text-decoration:underline}body .comments-panel .comment-attach{width:36px;height:36px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-left:2px;display:grid}body .comments-panel .comment-attach:hover{color:var(--text);background:var(--border-strong)}body .comments-panel .comment-attach.is-on{color:var(--gold)}body .comments-panel .comment-record-choices{font-size:var(--fs-xs);color:var(--text-faint);flex-wrap:wrap;flex:none;align-items:center;gap:6px;margin-top:12px;padding:0 12px;display:flex}body .comments-panel .comment-record-attached{flex:none;align-items:flex-end;gap:8px;margin-top:12px;display:flex}body .comments-panel .comment-record-attached .rc{flex:auto;max-width:360px}body .comments-panel .comment-creator{background:var(--surface-hi);color:var(--text);font-size:var(--fs-xs);border-radius:999px;padding:1px 6px;font-weight:500}body .comments-panel .comment-pinned{font-size:var(--fs-xs);color:var(--text-faint);align-items:center;gap:4px;margin-bottom:2px;display:flex}body .comments-panel .comment-mention{color:var(--text-dim);font-weight:500;text-decoration:none}body .comments-panel .comment-actions{font-size:var(--fs-xs);color:var(--text-faint);align-items:center;gap:12px;margin-top:2px;display:flex}body .comments-panel .comment-action{min-height:24px;color:var(--text-faint);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:500;display:inline-flex}body .comments-panel .comment-action:hover{color:var(--text)}body .comments-panel .comment-like{width:32px;height:32px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}body .comments-panel .comment-like:hover{color:var(--text)}body .comments-panel .comment-like.is-on{color:var(--fg)}body .comments-panel .comment-replies{flex-direction:column;gap:10px;margin:10px 0 0 40px;display:flex}body .comments-panel .comment-more-replies{font-size:var(--fs-xs);align-self:flex-start}body .comments-panel .comment-removed{color:var(--text-faint);font-size:var(--fs-base);font-style:italic}body .comments-panel .comment-load-more{margin:12px auto;display:block}body .comments-panel .comment-replying{height:24px;font-size:var(--fs-xs);color:var(--text-faint);flex:none;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:0 12px;display:flex}body .comments-panel .comment-form .comment-form-error--raised{bottom:calc(100% + 36px)}body .safety-menu-pop.comment-menu-pop{z-index:1000;border-radius:14px;width:auto;min-width:132px;max-width:220px;padding:4px}body .comment-menu-pop .safety-menu-item{white-space:nowrap;gap:10px;min-height:40px;padding:0 12px}@media (max-width:540px){body .dialog-overlay,body .feed-sheet-overlay{padding:12px}body .dialog-overlay .modal,body .feed-sheet{padding:var(--ui-panel-space);border-radius:20px}body .feed-sheet-close{top:14px;right:14px}body .comments-panel .comment-form .input,body .modal--report .report-detail{font-size:var(--fs-lg)}}body{font-size:var(--fs-body)}body .page{padding-top:40px}body .page-desc{font-size:var(--fs-md);line-height:1.6}body .lg-shell .lg-main{padding-top:32px}@media (max-width:820px){body .page{padding-top:20px}body .page-title{margin-bottom:20px}body .section-title{margin-top:24px}}@media (orientation:landscape) and (max-height:500px){html body .shell .shell-main .page{padding-top:14px;padding-inline:var(--ui-page-inset)}body .page-title{margin-bottom:14px}}@media (max-width:640px){body .lg-shell .lg-main{padding-top:36px}}body :is(.page h1,.page-title,.create-headline,.pg-idcard-name,.gm-head-title,.lg-title,.support-hero h1){font-size:var(--ui-title);font-weight:var(--fw-head);line-height:1.3}body .page-title:not(.adm-title){font-size:var(--fs-h1);letter-spacing:var(--ls-3xl);line-height:1.3}body :is(.modal-title,.sys-title){font-size:var(--ui-dialog-title);line-height:1.4}body :is(.gm-panel-title,.lg-section h2,.support-contact h2,.support-thread h2){font-size:var(--ui-section);line-height:1.5}body :is(.page-desc,.modal-desc,.set-row-desc,.gm-panel-body){line-height:1.6}body .section-title{margin-top:var(--ui-section-gap);margin-bottom:12px}body .section-head .section-title{margin:0}body .page,body :is(.lg-shell .lg-main,.lg-bar-inner){padding-inline:var(--ui-page-inset)}body :is(.gm-form,.gm-panel){margin-top:var(--ui-section-gap);padding:20px 0 0}body .home-head-btn{height:var(--ui-control);min-height:var(--ui-control);font-size:var(--ui-control-text);padding:0 8px}body :is(.cn-payseg-btn,.gm-dash-filter,.support-topics button){min-height:var(--ui-control);height:auto;font-size:var(--fs-base);padding:7px 12px;font-weight:400;line-height:20px}body :is(.support-action.btn,.support-form .support-action){min-height:var(--ui-action);font-size:var(--ui-control-text);padding:9px 14px;line-height:20px}body :is(.input,.handle-input){min-height:var(--ui-field);font-size:var(--ui-input-text)}body .input:not(textarea){height:var(--ui-field);padding:0 14px}body select.input{padding-right:36px}body textarea.input{padding:10px 14px;line-height:1.5}body :is(.handle-input input,.pg-search-input input,.support-search input){font-size:var(--ui-input-text)}body .handle-input{padding:0 14px}body .handle-input input{min-width:0;height:100%;padding:0}body :is(.support-form input,.support-form select,.support-inbox select){height:var(--ui-field);padding-block:0}body :is(.pg-settings .set-lang-select,.pg-settings .set-visibility-select){min-height:var(--ui-field);height:var(--ui-field);font-size:var(--ui-input-text);padding-block:0}body :is(.modal,.feed-sheet){padding:var(--ui-panel-space)}body .dialog-head{margin-bottom:12px}body .modal-actions{gap:8px;margin-top:16px}body .feed-sheet-body .section-title{font-size:var(--ui-dialog-title);margin-bottom:16px}body .comments-panel .comment{padding-block:12px}body .comments-panel .comment-dock{margin-top:12px}body .comments-panel .comment-form .input{height:32px;min-height:32px;font-size:var(--ui-input-text);padding-block:0}body .modal--report .report-detail{font-size:var(--ui-input-text)}body .support-topics{margin-block:20px}body .support-articles summary{padding-block:12px}body .support-thread>header{padding-bottom:16px}body .sys-main{padding-top:32px}@media (max-width:820px){body :is(.input,.handle-input input,.pg-search-input input,.support-search input,.support-form input,.support-form textarea)::placeholder{font-size:var(--fs-md)}}body svg[data-icon=coin]{color:var(--coin)}body :is(.btn--primary,.btn-primary) svg[data-icon=coin]{color:currentColor}
html body :is(.modal-overlay,.feed-sheet-overlay,.gframe-shop-confirm){background:var(--scrim);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center;align-items:flex-end;padding:0}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.feed-sheet,.gframe-shop-card){background:var(--bg);width:100%;max-width:none;max-height:92dvh;color:var(--fg);border-radius:var(--r-hero) var(--r-hero) 0 0;box-shadow:var(--shadow);padding:10px 24px calc(22px + env(safe-area-inset-bottom,0px));border:0;margin:0;animation:.18s ease-out pg-sheet-up;position:relative}@media (max-width:820px){html body .gframe-shop-confirm:not(.gframe-profile--fixed)>.gframe-shop-card{padding-bottom:22px}}html body :is(.modal-overlay .follow-sheet,.feed-sheet){height:88dvh}html body .modal-overlay .follow-sheet.creators-sheet{height:auto}html body .feed-sheet.feed-sheet{flex-direction:column;padding:10px 0 0;display:flex}html body .feed-sheet-body{min-height:0;padding:0 24px calc(12px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.feed-sheet,.gframe-shop-card):before{content:"";background:var(--line-strong);border-radius:999px;flex:none;width:36px;height:4px;margin:0 auto 14px;display:block}html body .feed-sheet-grip{display:none}@keyframes pg-sheet-up{0%{opacity:.4;transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.feed-sheet,.gframe-shop-card){animation:none}}@media (min-width:821px){html body :is(.modal-overlay,.feed-sheet-overlay,.gframe-shop-confirm){align-items:center;padding:24px}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.feed-sheet,.gframe-shop-card){border-radius:var(--r-hero);width:400px;max-width:calc(100vw - 32px);max-height:min(84dvh,760px);padding:28px 24px 22px}html body :is(.modal-overlay .follow-sheet,.feed-sheet){width:480px;height:min(80dvh,720px)}html body .feed-sheet.feed-sheet{padding:28px 0 0}html body .feed-sheet-body{padding:0 24px 22px}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.feed-sheet,.gframe-shop-card):before{display:none}}html body :is(.dialog-head,.follow-sheet-head){grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:36px;margin:-4px 0 16px;display:grid}html body :is(.dialog-head,.follow-sheet-head) .modal-title{text-align:center;grid-column:2;margin:0}html body :is(.dialog-close,.follow-sheet-close,.feed-sheet-close,.sheet-close){width:36px;height:36px;color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;grid-column:3;justify-self:end;place-items:center;margin:0;padding:0;display:grid}html body :is(.dialog-close,.follow-sheet-close,.feed-sheet-close,.sheet-close):hover{background:var(--soft);color:var(--fg)}html body :is(.dialog-close,.follow-sheet-close,.feed-sheet-close,.sheet-close):active{background:var(--soft2)}html body :is(.dialog-close,.follow-sheet-close,.feed-sheet-close,.sheet-close):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}html body :is(.dialog-head,.follow-sheet-head) :is(.dialog-close,.follow-sheet-close){margin-right:-8px}html body .feed-sheet-close{position:absolute;top:24px;right:16px}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.gframe-shop-card) .modal-title,html body .feed-sheet-body>.section-title,html body .feed-sheet-body>:first-child .section-title{letter-spacing:-.02em;color:var(--fg);font-size:20px;font-weight:600;line-height:1.35}@media (max-width:820px){html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.gframe-shop-card) .modal-title,html body .feed-sheet-body>.section-title,html body .feed-sheet-body>:first-child .section-title{font-size:var(--fs-sec)}}html body .modal-overlay .modal>.modal-title{text-align:center;margin:0 0 8px}html body .modal-overlay .modal>.modal-title+.modal-desc{text-align:center}html body .feed-sheet-body .section-title{text-align:left;justify-content:flex-start;align-items:baseline;gap:6px;margin:0 48px 16px 0;display:flex}html body .modal-overlay .modal .modal-desc{color:var(--muted);font-size:13.5px;line-height:1.5}html body :is(.modal,.login-modal,.feed-sheet,.gframe-shop-card,.modal-overlay,.feed-sheet-overlay):focus,html body :is(.modal,.login-modal,.feed-sheet,.gframe-shop-card,.modal-overlay,.feed-sheet-overlay):focus-visible{outline:none}html body :is(.modal-overlay,.feed-sheet) .tabs{border-bottom:1px solid var(--line-faint);gap:0;margin:0 -24px 8px;padding:0;display:flex}html body :is(.modal-overlay,.feed-sheet) .tabs button{min-height:48px;color:var(--faint);text-align:center;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;margin:0;padding:0 8px;font-size:15px;font-weight:600}html body :is(.modal-overlay,.feed-sheet) .tabs button.is-active{color:var(--fg);border-bottom-color:var(--fg)}html body :is(.modal-overlay,.feed-sheet) .list-row{border-bottom:0;gap:14px;min-height:64px;padding:8px 0}html body :is(.modal-overlay,.feed-sheet) .list-row :is(.avatar,.pgav){flex:none;width:48px;height:48px}html body :is(.modal-overlay,.feed-sheet) .list-row-title{color:var(--fg);font-size:15px;font-weight:600}html body :is(.modal-overlay,.feed-sheet) .list-row-sub{color:var(--muted);margin-top:2px;font-size:13px}html body :is(.modal-overlay .modal,.modal-overlay .login-modal,.gframe-shop-card) .modal-actions{gap:8px;margin-top:20px}html body :is(.modal-overlay .modal,.gframe-shop-card) .modal-actions .btn{min-height:var(--pill-h-lg);font-size:15px}html body .modal-overlay .modal .sysmenu-title{text-align:center;justify-content:center}html body .modal--share .share-head{grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:12px;margin:0 0 22px;display:grid}html body .modal--share .share-cover{background:var(--soft);width:44px;height:58px;color:var(--faint);border-radius:10px;place-items:center;display:grid;overflow:hidden}html body .modal--share .share-cover img{object-fit:cover;width:100%;height:100%;display:block}html body .modal--share .share-head-text{min-width:0}html body .modal--share .share-head-title{white-space:nowrap;text-overflow:ellipsis;text-align:left;margin:0;overflow:hidden}html body .modal--share .share-head-desc{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:2px 0 0;font-size:14px;line-height:1.45}html body .modal--share .share-head .dialog-close{grid-column:3;align-self:start;margin-right:-8px}html body .modal--share .share-record{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}html body .modal--share .share-record-value{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}html body .modal--share :is(.share-record-meta,.share-guest){margin-top:1px;font-size:13px}html body .modal--share :is(.share-record-more,.share-guest-signup){color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:1px;padding:0;font-weight:600;display:inline-flex}html body .modal--share :is(.share-record-more,.share-guest-signup):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}html body .modal--share .share-records{flex-direction:column;gap:6px;margin:-8px 0 20px;padding:0;list-style:none;display:flex}html body .modal--share .share-record-opt{background:var(--soft);width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease);border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;display:grid}html body .modal--share .share-record-opt b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}html body .modal--share .share-record-opt-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html body .modal--share .share-record-opt-none{grid-column:1/4}html body .modal--share .share-record-opt-rank{color:var(--faint);font-size:13px}html body .modal--share .share-record-opt:hover,html body .modal--share .share-record-opt.is-on{background:var(--soft2)}html body .modal--share .share-record-opt.is-on{color:var(--fg)}html body .modal--share .share-actions{gap:12px;margin:0 0 24px;display:flex}html body .modal--share .share-actions:last-child{margin-bottom:0}html body .modal--share :is(.share-action,.share-friend){width:68px;color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:7px;padding:0;display:flex}html body .modal--share .share-friend:not(:disabled):active .share-friend-face{transform:scale(.94)}html body .modal--share .share-friend-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--muted);text-align:center;font-size:12px;line-height:16px;overflow:hidden}html body .modal--share :is(.share-action,.share-friend):focus-visible{outline:none}html body .modal--share .share-friend:focus-visible .share-friend-face{outline:2px solid var(--accent);outline-offset:2px}html body .modal--share .share-fallback{margin:-12px 0 20px}html body .modal--share .share-fallback .field-error{margin:0 0 8px}html body .modal--share .share-friends-title{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}html body .modal--share .share-friends-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;margin:0 -24px;padding:2px 24px 4px;scroll-padding-inline:24px;list-style:none;display:flex;overflow-x:auto}html body .modal--share .share-friends-row::-webkit-scrollbar{display:none}html body .modal--share .share-friends-row>li{scroll-snap-align:start;flex:none}html body .modal--share .share-friend-face{border-radius:50%;width:56px;height:56px;transition:opacity .12s ease-out,transform .12s ease-out;display:block;position:relative}html body .modal--share .share-friend:disabled{cursor:default}html body .modal--share .share-friend[data-state=sending] .share-friend-face{opacity:.55}html body .modal--share .share-friend-spin{border:2px solid #0000;border-top-color:var(--fg);border-radius:50%;animation:.85s linear infinite pogl-spin;position:absolute;inset:0}html body .modal--share .share-friend-check{border:2px solid var(--bg);background:var(--accent);width:22px;height:22px;color:var(--accent-fg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}html body .modal--share .share-friend--ghost{cursor:default}html body .modal--share .share-friend--ghost .share-friend-face{background:var(--soft)}html body .modal--share .share-friend--ghost .share-friend-name{background:var(--soft);border-radius:999px;width:40px;height:10px;margin-top:3px}html body .modal--share .share-friends-empty{color:var(--muted);margin:0;font-size:14px}html body .modal--share .invite-signin{margin:0}@media (min-width:821px){html body .modal--share .share-friends-row{scroll-snap-type:none;flex-wrap:wrap;row-gap:14px;max-height:196px;margin:0;padding:2px 0 4px;overflow:hidden auto}}@media (prefers-reduced-motion:reduce){html body .modal--share .share-friend-spin{animation-duration:2s}}html body .modal--challenge .challenge-result-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}html body .modal--challenge .challenge-result-head .dialog-close{margin-right:-8px}html body .modal--challenge .challenge-result-title{text-align:left;margin:0;font-size:22px}html body .modal--challenge .challenge-result-score{color:var(--muted);font-variant-numeric:tabular-nums;margin:6px 0 20px;font-size:15px}html body .modal--challenge .challenge-result-score b{color:var(--fg);font-weight:700}html body .modal--challenge .challenge-result-actions{flex-direction:column;gap:10px;display:flex}html body .modal--challenge .challenge-result-btn{width:100%;min-height:var(--pill-h-lg);justify-content:center;font-size:15px}html body .modal--share .share-story{background:var(--soft);border-radius:16px;align-items:center;gap:14px;margin:0 0 12px;padding:12px;display:flex}html body .modal--share .share-story-thumb{aspect-ratio:9/16;background:var(--soft2);width:72px;box-shadow:inset 0 0 0 1px var(--glass-line);border-radius:10px;flex:none;overflow:hidden}html body .modal--share .share-story-thumb img{object-fit:cover;width:100%;height:100%;display:block}html body .modal--share .share-story-thumb img.is-placeholder{filter:blur(6px)brightness(.6);transform:scale(1.1)}html body .modal--share .share-story-main{justify-items:start;gap:4px;min-width:0;display:grid}html body .modal--share .share-story-main strong{color:var(--fg);font-size:16px;font-weight:600}html body .modal--share .share-story-main small{color:var(--muted);margin-bottom:8px;font-size:12.5px;line-height:1.45}html body .modal--share .share-story-cta{align-items:center;gap:6px;display:inline-flex}html body .modal--share .share-story-cta[aria-busy=true]{color:color-mix(in srgb, var(--accent-fg) 70%, transparent)}html body .modal--share .share-story-cta.is-done{background:var(--soft2);color:var(--fg)}html body .modal--share .share-actions.share-actions--row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:0 0 20px;display:grid}html body .modal--share .share-actions--row .share-action{width:auto;min-height:var(--pill-h-lg);border-radius:var(--r-btn);background:var(--btn);color:var(--fg);font-size:var(--fs-md);font-weight:var(--fw-label);transition:background var(--dur-fast) var(--ease);flex-direction:row;justify-content:center;gap:8px;padding:0 16px}html body .modal--share .share-actions--row .share-action:hover{background:var(--soft2)}html body .modal--share .share-actions--row .share-action:active{background:var(--line)}html body .modal--share .share-actions--row .share-action.is-done{background:var(--soft2);color:var(--fg)}html body .modal--share .share-actions--row .share-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}html body .modal--share .share-actions.share-actions--row:last-child{margin-bottom:0}html body .modal--share .share-friend--clan .share-friend-face{border-radius:14px}html body .modal--share .share-friend-sub{color:var(--muted);margin-top:-2px;font-size:11px;line-height:14px}html body .modal--share .share-rooms{border:1px solid var(--line);border-radius:14px;margin:10px 0 0;padding:4px 0}html body .modal--share .share-rooms-title{color:var(--muted);margin:0;padding:8px 14px 4px;font-size:13px}html body .modal--share .share-room{width:100%;min-height:44px;font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 14px;font-size:15px;display:flex}html body .modal--share .share-room:hover,html body .modal--share .share-room:focus-visible{background:var(--soft)}html body .modal--share .share-room .icon,html body .modal--share .share-room svg{color:var(--muted);flex:none}html body .feed-sheet.feed-sheet.feed-sheet--fit{height:auto;max-height:88dvh}html body .feed-sheet.feed-sheet.feed-sheet--fit .feed-sheet-body{flex:0 auto}@media (min-width:821px){html body .feed-sheet.feed-sheet.feed-sheet--fit{max-height:min(80dvh,720px)}}
