/* Threads-style support screens: inquiry, channel request, about, ad inquiry, QR. Phones only. */
@media (max-width:768px){
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup{--sp-bg:#fff;--sp-text:#000;--sp-sub:#767676;--sp-line:#e3e3e3;--sp-field:#f3f3f3;--sp-sheet:#fff;--sp-err:#d7152c;--sp-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 12.6l4.1 4.1l8.7-9.2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.dark:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup{--sp-bg:#101010;--sp-text:#f3f5f7;--sp-sub:#848484;--sp-line:#303030;--sp-field:#1e1e1e;--sp-sheet:#181818;--sp-err:#ff5a67}

/* pushed screen like Threads: no tab bar, plain page, back arrow left, title centred */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup nav.th-nav,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup .th-navfab{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #appScroll{background:var(--sp-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage{background:var(--sp-bg)!important;color:var(--sp-text);padding:0!important;max-width:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop{position:sticky!important;top:0;z-index:5;display:flex!important;align-items:center!important;height:auto!important;min-height:0!important;padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 4px!important;background:var(--sp-bg)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop>#xBack{display:flex!important;align-items:center;justify-content:center;flex:none;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;color:var(--sp-text)!important;background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop>#xBack svg{width:24px!important;height:24px!important;stroke-width:2!important;stroke:currentColor!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop>b{flex:1!important;min-width:0;text-align:center!important;font-size:17px!important;line-height:44px!important;font-weight:700!important;letter-spacing:-.3px;color:var(--sp-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop>.sp{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage>.xtop::after{content:"";flex:none;width:44px}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .fpage,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage #serviceBody#serviceBody,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage #featureBody#featureBody,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage #zip14Community#zip14Community{max-width:none!important;margin:0!important;padding:10px 20px calc(48px + env(safe-area-inset-bottom,0px) + var(--kb,0px))!important;background:transparent!important}

/* shared form language: grey fields, ink buttons, round check rows */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-group,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry legend,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry label{margin:22px 2px 8px!important;padding:0!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:0;color:var(--sp-sub)!important;float:none}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry label{display:block;margin:18px 0 0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field>span{display:block;margin:0 2px 8px!important;padding:0!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field>span small{font-size:12.5px!important;font-weight:500;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field input,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry input:not([type=checkbox]):not([type=hidden]){display:block;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:8px 0 0!important;padding:0 16px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:var(--sp-field)!important;box-shadow:none!important;outline:0!important;font-size:16px!important;line-height:normal!important;font-weight:400!important;color:var(--sp-text)!important;font-family:inherit;-webkit-appearance:none;appearance:none}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field input{margin-top:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field textarea,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry textarea{display:block;box-sizing:border-box;width:100%!important;min-height:132px!important;margin:8px 0 0!important;padding:14px 16px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:var(--sp-field)!important;box-shadow:none!important;outline:0!important;font-size:16px!important;line-height:1.5!important;font-weight:400!important;color:var(--sp-text)!important;font-family:inherit;resize:none;-webkit-appearance:none;appearance:none}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field textarea{margin-top:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page input::placeholder,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page textarea::placeholder,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry input::placeholder,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry textarea::placeholder{color:var(--sp-sub)!important;opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field input:focus,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-field textarea:focus,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry input:focus,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry textarea:focus{border-color:var(--sp-text)!important;background:var(--sp-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry{word-break:keep-all}\nhtml:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry label{text-indent:2px}\nhtml:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry label input,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry label textarea{text-indent:0}\nhtml:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-note,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry>p,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry form>p,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page>p:not(.inq-note){margin:10px 2px 0!important;padding:0!important;font-size:13px!important;line-height:1.55!important;font-weight:400!important;color:var(--sp-sub)!important;text-align:left!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry>p:first-child,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-intro{margin:6px 2px 0!important;font-size:14.5px!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-note a,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent small{color:var(--sp-sub)!important;text-decoration:underline;text-underline-offset:2px}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-warning,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry #adError{color:var(--sp-err)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry #adError:empty{display:none}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-center{text-align:center!important}

/* chips: inquiry kinds, channel topics, ad options */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-kinds,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-categories,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .zip14-ad-options{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0!important;padding:0!important;border:0!important;min-width:0}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .zip14-ad-options{margin:20px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .zip14-ad-options legend{width:100%;margin:0 2px 8px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-kinds button,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-categories .fchip,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .zip14-ad-options button{display:inline-flex;align-items:center;height:38px!important;min-height:0!important;margin:0!important;padding:0 15px!important;border:1px solid var(--sp-line)!important;border-radius:19px!important;background:var(--sp-field)!important;box-shadow:none!important;font-size:14.5px!important;line-height:1!important;font-weight:600!important;color:var(--sp-text)!important;white-space:nowrap}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-kinds button[aria-pressed=true],html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-categories .fchip[aria-pressed=true],html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .zip14-ad-options button[aria-pressed=true]{background:var(--sp-text)!important;border-color:var(--sp-text)!important;color:var(--sp-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-topic{margin:22px 0 0!important;padding:0!important;border:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-topic legend{margin:0 2px 10px!important;padding:0!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--sp-sub)!important;float:none}

/* attachments */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-add{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-add button{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;font-size:15px!important;font-weight:600!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-add button svg{width:20px;height:20px}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file{display:flex;align-items:center;gap:12px;margin:0 0 10px!important;padding:12px 14px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:var(--sp-field)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file-icon{display:flex;flex:none;color:var(--sp-text)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file-copy{flex:1;min-width:0}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file-copy b{display:block;font-size:14.5px!important;font-weight:600!important;color:var(--sp-text)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file-copy small{display:block;margin-top:2px;font-size:12.5px!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-file>button{flex:none;border:0!important;background:none!important;padding:6px 2px!important;font-size:13.5px!important;font-weight:600!important;color:var(--sp-sub)!important}

/* consent rows: round tick from the shared glyph */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check{border:0!important;box-shadow:none!important;display:flex!important;align-items:flex-start!important;gap:12px!important;margin:18px 0 0!important;padding:0!important;cursor:pointer}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent input,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check input{-webkit-appearance:none;appearance:none;position:relative;flex:none;box-sizing:border-box;width:22px!important;height:22px!important;margin:1px 0 0!important;padding:0!important;border:1.5px solid var(--sp-sub)!important;border-radius:50%!important;background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent input:checked,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check input:checked{background:var(--sp-text)!important;border-color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent input:checked::after,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check input:checked::after{content:"";position:absolute;left:-1.5px;top:-1.5px;width:22px;height:22px;background:var(--sp-bg);-webkit-mask:var(--sp-tick) center/18px 18px no-repeat;mask:var(--sp-tick) center/18px 18px no-repeat}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent .inq-check-mark,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent th-ico{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent span,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check span{display:block;min-width:0;font-size:14.5px!important;line-height:1.4!important;font-weight:500!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent b{display:block;font-size:14.5px!important;font-weight:500!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-consent small,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check small{display:block;margin-top:2px;font-size:13px!important;line-height:1.45!important;font-weight:400!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .zip14-account-check small{color:var(--sp-sub)!important}

/* submit: solid ink, 52px */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-submit{margin:22px 0 0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-submit button,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .xmain,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page a.fmore[data-inq-login],html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .channel-request-page .xmain{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--sp-text)!important;color:var(--sp-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important;letter-spacing:-.2px;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-submit button:disabled,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-ad-inquiry .xmain:disabled{opacity:.3!important;background:var(--sp-text)!important;color:var(--sp-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-submit #rcptOk{background:transparent!important;color:var(--sp-text)!important;border:1px solid var(--sp-line)!important}

/* logged-out state and receipt */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .empty{display:block;padding:56px 8px 6px!important;margin:0!important;text-align:center;font-size:14px!important;line-height:1.55!important;color:var(--sp-sub)!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .empty b{display:block;margin:0 0 6px;font-size:19px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.3px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page a.fmore[data-inq-login]{margin-top:20px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt{display:flex;flex-direction:column;align-items:center;padding:64px 8px 6px!important;text-align:center;background:none!important;border:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt>span{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 16px;border-radius:50%;background:var(--sp-text);color:var(--sp-bg)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt>span svg,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt>span th-ico{width:28px!important;height:28px!important;display:block}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt h4{margin:0 0 6px;font-size:21px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.4px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .inquiry-page .inq-receipt p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:var(--sp-sub)!important}

/* about: a plain list like Threads settings rows */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about{padding-top:6px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .p18-about-intro{margin:0!important;padding:6px 2px 18px!important;font-size:15px!important;line-height:1.6!important;font-weight:400!important;color:var(--sp-text)!important;letter-spacing:-.2px}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .frow{display:flex!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important;align-items:center;gap:12px;min-height:58px;margin:0!important;padding:0 2px!important;border:0!important;border-top:1px solid var(--sp-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--sp-text)!important;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .frow:last-child{border-bottom:1px solid var(--sp-line)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .fcopy{flex:1;min-width:0}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .fcopy b,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .p18-about-version span{font-size:16px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:-.2px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .p18-about-version b{margin-left:auto;font-size:15px!important;font-weight:400!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .p18-about .fchev{flex:none;color:var(--sp-sub)!important;opacity:1}

/* QR scan (app only): same plain top bar over the camera */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .qscan>.xtop{background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .qscan>.xtop>#xBack,html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .qscan>.xtop>b{color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .qscan .scp{font-size:15px;line-height:1.6;color:#fff}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .qscan .scp span{font-size:13px;color:rgba(255,255,255,.7)}

/* QR approve result */
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .rcpt{display:flex;flex-direction:column;align-items:center;padding:64px 8px 6px!important;text-align:center;background:none!important;border:0!important;font-size:14px;line-height:1.55;color:var(--sp-sub)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .rcpt h4{margin:0 0 6px;font-size:19px;font-weight:700;color:var(--sp-text)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .rcpt p{margin:0 0 4px;color:var(--sp-sub)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.th-sup #xpage#xpage .rcpt .xmain{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:22px 0 0;border:0;border-radius:14px;background:var(--sp-text);color:var(--sp-bg);font-size:16px;font-weight:700}

/* sheets: channel request notice, QR approve */
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone){--sp-bg:#fff;--sp-text:#000;--sp-sub:#767676;--sp-line:#e3e3e3;--sp-field:#f3f3f3;--sp-sheet:#fff;--sp-err:#d7152c;--sp-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 12.6l4.1 4.1l8.7-9.2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.dark:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet,html.dark:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet,html.dark:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone),html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone){--sp-bg:#101010;--sp-text:#f3f5f7;--sp-sub:#848484;--sp-line:#303030;--sp-field:#1e1e1e;--sp-sheet:#181818;--sp-err:#ff5a67}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet>.sheet,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet>.sheet{background:var(--sp-sheet)!important;color:var(--sp-text);border:0!important;border-radius:28px 28px 0 0!important;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .grab,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .grab{display:flex!important;justify-content:center;width:auto!important;height:auto!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .grab::before,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .grab::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--sp-line);opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .grab::after,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .grab::after{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet h3,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet h3{margin:0 0 6px!important;padding:0!important;text-align:center!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.3px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .cr-note{margin:0!important;padding:14px 2px 0!important;border:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .cr-note b{display:block;font-size:15px!important;line-height:1.4!important;font-weight:700!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .cr-note p{margin:4px 0 0!important;font-size:13.5px!important;line-height:1.55!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.cr-notice-sheet .cr-notice-ok,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .xmain:not(.secondary){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--sp-text)!important;color:var(--sp-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .xmain.secondary{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;margin:10px 0 0!important;padding:0!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:transparent!important;color:var(--sp-text)!important;font-size:16px!important;font-weight:600!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .qkv{margin:12px 0 0!important;padding:0!important;border:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .qkv>div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:var(--sp-field)!important;margin:0 0 8px!important;font-size:14px;color:var(--sp-sub)}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .qkv>div span:last-child{color:var(--sp-text);font-weight:600;text-align:right}
html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.th-qr-sheet .qwarn{margin:12px 2px 0!important;padding:0!important;background:none!important;border:0!important;font-size:13px!important;line-height:1.5!important;color:var(--sp-err)!important}

/* post and comment report sheet: grouped reasons with a right-hand tick */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet{--sp-bg:#fff;--sp-text:#000;--sp-sub:#767676;--sp-line:#e3e3e3;--sp-field:#f3f3f3;--sp-sheet:#fff;--sp-err:#d7152c;--sp-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 12.6l4.1 4.1l8.7-9.2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.dark:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet{--sp-bg:#101010;--sp-text:#f3f5f7;--sp-sub:#848484;--sp-line:#303030;--sp-field:#1e1e1e;--sp-sheet:#181818;--sp-err:#ff5a67}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet>.sheet{background:var(--sp-sheet)!important;color:var(--sp-text);border:0!important;border-radius:28px 28px 0 0!important;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .grab{display:flex!important;justify-content:center;width:auto!important;height:auto!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .grab::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--sp-line);opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .grab::after{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet h3{margin:0 0 6px!important;padding:0!important;text-align:center!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.3px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet [role=radiogroup]{margin:12px 0 0!important;padding:0!important;border:0!important;border-radius:16px!important;background:var(--sp-field)!important;overflow:hidden}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason{display:flex!important;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%!important;min-height:54px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-size:15.5px!important;line-height:1.35!important;font-weight:500!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason+.report-reason{box-shadow:inset 0 1px 0 var(--sp-line)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason th-ico,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason svg{flex:none;width:20px!important;height:20px!important;color:var(--sp-text)!important;opacity:0}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason[aria-checked=true] th-ico,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason[aria-checked=true] svg{opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-reason[aria-checked=true] span{font-weight:700!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet{bottom:var(--kb,0px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet>.sheet{max-height:calc(100vh - var(--kb,0px) - 28px)!important;overflow-y:auto!important;overscroll-behavior:contain}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra{margin:6px 0 0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-more{display:block!important;margin:6px auto 0!important;padding:10px 12px!important;border:0!important;background:none!important;box-shadow:none!important;font-size:13.5px!important;font-weight:500!important;color:var(--sp-sub)!important;text-decoration:underline;text-underline-offset:2px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra.open .report-more{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra.open .report-extra-body{grid-template-rows:1fr;opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra-in{overflow:hidden;min-height:0}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-detail{display:block;margin:14px 0 0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra.req .report-detail>span{color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-count{display:block;margin:6px 4px 2px!important;text-align:right;font-size:12.5px!important;line-height:1.4;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet.kbo h3{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet.kbo .report-reason{min-height:40px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet.kbo .grab{margin-bottom:6px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet.kbo .report-detail{margin-top:8px!important}
@media (prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-extra-body{transition:none}}
html:root:root #tmStack .pm-cnt{margin:6px 4px 0;text-align:right;font-size:12.5px;line-height:18px;color:var(--sub)}
html:root:root #tmStack .pm-cnt[hidden]{display:none}
html:root:root:root #tmStack .pm-ta{border:0!important;border-radius:12px!important;background:var(--pm-card)!important;box-shadow:none!important;max-height:120px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-detail>span{display:block;margin:0 2px 8px!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-detail textarea{display:block;box-sizing:border-box;width:100%!important;min-height:56px!important;max-height:124px!important;overflow-y:auto;margin:0!important;padding:14px 16px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:var(--sp-field)!important;box-shadow:none!important;outline:0!important;font-size:16px!important;line-height:1.5!important;color:var(--sp-text)!important;font-family:inherit;resize:none;-webkit-appearance:none;appearance:none}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-detail textarea:focus{border-color:var(--sp-text)!important;background:var(--sp-sheet)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-submit{position:sticky;bottom:0;z-index:2;margin:14px 0 0!important;padding:10px 0 0!important;background:var(--sp-sheet)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-submit button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--sp-text)!important;color:var(--sp-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.post-report-sheet .report-submit button:disabled{opacity:.3!important;background:var(--sp-text)!important;color:var(--sp-bg)!important}
/* shared done sheet: report received, exchange requested */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.sdone){background:var(--sp-sheet)!important;color:var(--sp-text);border:0!important;border-radius:28px 28px 0 0!important;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone) .grab{display:flex!important;justify-content:center;width:auto!important;height:auto!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone) .grab::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--sp-line);opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg:has(.sdone) .grab::after{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone{display:block;margin:0!important;padding:0!important;text-align:center}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone .sdic{display:flex!important;align-items:center;justify-content:center;width:56px!important;height:56px!important;margin:8px auto 14px!important;border-radius:50%!important;background:var(--sp-field)!important;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone .sdic svg{width:26px!important;height:26px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone h3{margin:0 0 6px!important;padding:0!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.3px;color:var(--sp-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone p{margin:0 0 6px!important;padding:0!important;font-size:14px!important;line-height:1.55!important;color:var(--sp-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone .xmain{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:16px 0 0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--sp-text)!important;color:var(--sp-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .sdone .xmain.secondary{border:1px solid var(--sp-line)!important;background:transparent!important;color:var(--sp-text)!important;font-weight:600!important;margin-top:10px!important}
}