@charset "UTF-8";[data-v-0e8b0c3e] ion-modal.base-selector-modal-metallic{--border-radius: var(--hq-base-selector-modal-radius);--background: var(--hq-base-panel-surface-primary)}.base-selector-modal-toolbar[data-v-0e8b0c3e]{--background: var(--hq-shell-floating-bg);position:relative;min-height:var(--hq-base-selector-toolbar-min-height);border-bottom:0}.base-selector-modal-toolbar[data-v-0e8b0c3e] ion-buttons{border:0}.base-selector-modal-title[data-v-0e8b0c3e]{font-size:var(--hq-base-selector-title-size);font-weight:600;color:var(--hq-text);text-align:center;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.base-selector-modal-cancel[data-v-0e8b0c3e],.base-selector-modal-confirm[data-v-0e8b0c3e]{font-size:var(--hq-base-selector-action-size);--background: transparent;--background-hover: transparent;--background-activated: transparent;--border-width: 0;--border-style: none;--border-color: transparent;--box-shadow: none;border:0;box-shadow:none}.base-selector-modal-list[data-v-0e8b0c3e]{--background: var(--hq-base-panel-surface-primary)}.base-selector-modal-list[data-v-0e8b0c3e] ion-item{--min-height: var(--hq-base-selector-option-min-height)}.base-selector-modal-list[data-v-0e8b0c3e] .base-selector-modal-item--selected{--background: var(--hq-base-panel-surface-inset);--color: var(--hq-text)}.base-selector-modal-indicator[data-v-0e8b0c3e]{width:var(--hq-base-selector-indicator-size);height:var(--hq-base-selector-indicator-size);border-radius:50%;border:1px solid rgba(209,173,112,.32);display:inline-flex;align-items:center;justify-content:center;background:#080a0ea3}.base-selector-modal-indicator-dot[data-v-0e8b0c3e]{width:var(--hq-base-selector-indicator-dot-size);height:var(--hq-base-selector-indicator-dot-size);border-radius:50%;background:transparent}.base-selector-modal-indicator--selected .base-selector-modal-indicator-dot[data-v-0e8b0c3e]{background:linear-gradient(135deg,#f3d68d,#ae7f31)}.base-modal[data-v-22edef80]{padding:var(--hq-base-modal-padding-top) var(--hq-base-modal-padding-x) var(--hq-base-modal-padding-bottom);display:flex;flex-direction:column;gap:var(--hq-base-modal-gap);background:var(--hq-base-panel-surface-primary);max-height:100%;box-sizing:border-box;border:var(--hq-base-panel-border);border-radius:var(--hq-base-modal-radius);box-shadow:var(--hq-base-panel-highlight),var(--hq-base-panel-shadow)}.base-modal-header[data-v-22edef80]{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--hq-base-modal-header-min-height)}.base-modal-title[data-v-22edef80]{margin:0;text-align:center;font-size:var(--hq-base-modal-title-size);font-weight:600;color:var(--hq-text)}.base-modal-close[data-v-22edef80]{position:absolute;right:var(--hq-base-modal-close-offset-x);top:50%;transform:translateY(-50%);--padding-start: var(--hq-base-modal-close-padding-x);--padding-end: var(--hq-base-modal-close-padding-x);color:var(--hq-text-muted)}.base-modal-body[data-v-22edef80]{flex:1;overflow-y:auto;color:var(--hq-text)}.base-modal-footer[data-v-22edef80]{display:flex;gap:var(--hq-base-modal-gap);padding-top:var(--hq-base-modal-footer-padding-top);border-top:var(--hq-base-modal-footer-border)}.base-button[data-v-3fe5800e]{position:relative;--border-radius: var(--hq-base-button-radius)}.base-button-skin-metallic[data-v-3fe5800e]{--box-shadow: none}:where(.base-button-skin-metallic.base-button-tone-primary.base-button-fill-solid[data-v-3fe5800e]){--background: var(--hq-base-button-metallic-bg);--color: var(--hq-base-button-metallic-text);--box-shadow: var(--hq-base-button-solid-shadow)}:where(.base-button-skin-metallic.base-button-tone-primary.base-button-fill-solid[data-v-3fe5800e])::part(native){border:var(--hq-base-panel-border);box-shadow:var(--hq-base-button-solid-native-shadow)}:where(.base-button-skin-metallic.base-button-tone-primary.base-button-fill-outline[data-v-3fe5800e]){--background: var(--hq-base-button-outline-bg);--border-width: var(--hq-base-button-outline-border-width);--border-style: solid;--border-color: var(--hq-base-button-outline-border-color);--color: var(--hq-text)}:where(.base-button-skin-metallic.base-button-tone-primary.base-button-fill-outline[data-v-3fe5800e])::part(native){box-shadow:var(--hq-base-button-outline-native-shadow)}:where(.base-button-skin-metallic.base-button-tone-primary.base-button-fill-clear[data-v-3fe5800e]){--background: transparent;--color: var(--hq-primary-light);--box-shadow: none}.base-button-loading[data-v-3fe5800e]{cursor:wait}.base-button-spinner[data-v-3fe5800e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--hq-base-button-spinner-size);height:var(--hq-base-button-spinner-size);color:currentColor}.base-button-loading[data-v-3fe5800e]::part(native){opacity:var(--hq-base-button-loading-opacity)}.base-input[data-v-5831b3be]{display:flex;flex-direction:column;gap:var(--hq-base-input-gap)}.base-input-label[data-v-5831b3be]{font-size:var(--hq-fs-base);color:var(--gold-light);letter-spacing:var(--hq-base-input-label-letter-spacing);color:#f8d886;background:linear-gradient(180deg,#fff6d7,#f8d886 42%,#d6a24a 78%,#9b6424);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.base-input-required[data-v-5831b3be],.base-input-required-inline[data-v-5831b3be]{color:var(--ion-color-danger);margin-right:var(--hq-space-xs)}.base-input-wrapper[data-v-5831b3be]{position:relative;display:flex;align-items:center;border-radius:var(--hq-base-input-radius);padding:var(--hq-base-input-padding-y) var(--hq-base-input-padding-x);transition:border-color .2s,box-shadow .2s}.base-input-wrapper-metallic[data-v-5831b3be]{background:none;border:var(--hq-base-input-border);box-shadow:var(--hq-base-panel-highlight)}.base-input-wrapper-metallic[data-v-5831b3be]:focus-within{border-color:var(--hq-primary);box-shadow:var(--hq-base-input-focus-ring),var(--hq-base-panel-highlight)}.base-input-error .base-input-wrapper[data-v-5831b3be]{border-color:var(--ion-color-danger)}.base-input-disabled .base-input-wrapper[data-v-5831b3be]{background:var(--hq-base-input-bg);opacity:.6;cursor:not-allowed}.base-input-field[data-v-5831b3be]{flex:1;--padding-start: 0;--padding-end: 0;--color: var(--hq-text);--placeholder-color: var(--hq-text-muted);--placeholder-opacity: .72;font-size:var(--hq-base-input-field-size)}.base-input-icon[data-v-5831b3be]{font-size:var(--hq-base-input-icon-size);color:var(--hq-text-muted)}.base-input-icon-left[data-v-5831b3be]{margin-right:var(--hq-base-input-icon-gap)}.base-input-icon-right[data-v-5831b3be]{margin-left:var(--hq-base-input-icon-gap);--padding-start: var(--hq-base-input-icon-btn-padding-x);--padding-end: var(--hq-base-input-icon-btn-padding-x)}.base-input-hint[data-v-5831b3be]{font-size:var(--hq-base-input-hint-size);color:var(--hq-text-muted);margin:0;padding:0 var(--hq-space-xs)}.base-input-hint-error[data-v-5831b3be]{margin:0;color:var(--apply-agent-error-color);font-weight:600;font-size:var(--hq-fs-xs)}.base-checkbox[data-v-94cba64c]{display:flex;align-items:center;gap:var(--hq-base-checkbox-gap)}.base-checkbox--error .base-checkbox__label[data-v-94cba64c]{color:var(--ion-color-danger, #ea4e3d)}.base-checkbox__label[data-v-94cba64c]{flex:1;font-size:var(--hq-base-checkbox-label-size);color:var(--hq-text-muted);line-height:1.5}[data-v-94cba64c] .hq-checkbox{--size: var(--hq-base-checkbox-size);--border-radius: var(--hq-base-checkbox-radius);--border-width: var(--hq-base-checkbox-border-width);--border-color: rgba(209, 173, 112, .36);--background: var(--hq-base-panel-surface-inset);--background-checked: var(--hq-base-button-metallic-bg);--border-color-checked: var(--hq-border-strong);--checkmark-color: var(--hq-base-button-metallic-text)}.base-list-item[data-v-b21b9d51]{--padding-start: var(--hq-base-list-item-padding-x);--padding-end: var(--hq-base-list-item-padding-x);--background: var(--hq-base-panel-surface-secondary);margin-bottom:var(--hq-base-list-item-margin-bottom);border-radius:var(--hq-base-list-item-radius);border:var(--hq-base-list-item-border);box-shadow:var(--hq-base-panel-highlight),var(--hq-base-list-item-shadow)}.base-list-item-icon-left[data-v-b21b9d51]{font-size:var(--hq-base-list-item-left-icon-size);margin-right:var(--hq-base-list-item-left-icon-gap)}.base-list-item-title[data-v-b21b9d51]{display:flex;align-items:center;gap:var(--hq-space-md);font-size:var(--hq-base-list-item-title-size);font-weight:500;color:var(--hq-text)}.base-list-item-subtitle[data-v-b21b9d51]{margin-top:var(--hq-space-xs);font-size:var(--hq-base-list-item-subtitle-size);color:var(--hq-text-muted)}.base-list-item-badge[data-v-b21b9d51]{font-size:var(--hq-base-list-item-badge-size);padding:var(--hq-base-list-item-badge-padding);border-radius:var(--hq-base-list-item-badge-radius)}.base-list-item-end[data-v-b21b9d51]{display:flex;align-items:center;gap:var(--hq-base-list-item-end-gap)}.base-list-item-right[data-v-b21b9d51]{display:flex;align-items:center}.base-list-item-right-text[data-v-b21b9d51]{font-size:var(--hq-base-list-item-right-text-size);color:var(--hq-text-muted)}.base-list-item-right-text.highlight[data-v-b21b9d51]{color:var(--hq-primary);font-weight:500}.base-list-item-arrow[data-v-b21b9d51]{font-size:var(--hq-base-list-item-arrow-size);color:rgba(var(--ion-color-medium-rgb),.35)}.base-list-item-icon-right[data-v-b21b9d51]{font-size:var(--hq-base-list-item-right-icon-size)}.category-sidebar[data-v-2489d4fd]::-webkit-scrollbar{display:none}.category-sidebar[data-v-2489d4fd]{display:flex;flex-direction:column;scrollbar-width:none;-webkit-overflow-scrolling:touch}.is-fixed[data-v-2489d4fd]{position:fixed}.is-relative[data-v-2489d4fd]{position:relative}.category-item[data-v-2489d4fd]{width:100%;display:flex;align-items:center;transition:opacity .2s,transform .2s,background .2s,color .2s;font-weight:500;border:none;cursor:pointer;box-shadow:var(--hq-base-panel-highlight)}.layout-row[data-v-2489d4fd]{flex-direction:row;justify-content:center}.layout-col[data-v-2489d4fd]{flex-direction:column}.category-icon[data-v-2489d4fd]{-o-object-fit:contain;object-fit:contain;flex-shrink:0;display:block}.category-label[data-v-2489d4fd]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-item-inactive[data-v-2489d4fd]{color:var(--hq-category-inactive-text)}.category-item-active[data-v-2489d4fd]{background:var(--hq-shell-highlight-bg, var(--hq-category-active-bg));color:var(--hq-category-active-text, var(--hq-primary))}.category-item[data-v-2489d4fd]:hover:not(.category-item-active){opacity:.8}.category-item[data-v-2489d4fd]:active{transform:scale(.98)}.base-surface-card[data-v-d9c6838e]{background:var(--bsc-bg);border-radius:var(--bsc-radius);box-shadow:var(--hq-base-panel-highlight),var(--bsc-shadow);border:var(--bsc-border);padding:var(--bsc-padding);box-sizing:border-box;color:var(--hq-text)}.base-kv-list[data-v-619d7a8c]{display:flex;flex-direction:column}.bkv-row[data-v-619d7a8c]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hq-base-kv-row-gap);padding:var(--hq-base-kv-row-padding-y) 0}.base-kv-list.is-divided .bkv-row+.bkv-row[data-v-619d7a8c]{border-top:1px solid var(--hq-border)}.bkv-label[data-v-619d7a8c]{flex:0 0 auto;font-size:var(--hq-base-kv-label-size);color:rgba(var(--ion-color-medium-rgb),.75);white-space:nowrap}.bkv-value[data-v-619d7a8c]{flex:1;min-width:0;text-align:right;font-size:var(--hq-base-kv-value-size);color:var(--hq-text)}.bkv-value.is-truncate[data-v-619d7a8c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-floating-header[data-v-206b2f06]{position:relative;width:100%;background:var(--bfh-bg);-webkit-backdrop-filter:blur(var(--bfh-blur));backdrop-filter:blur(var(--bfh-blur));border-bottom:var(--bfh-border);z-index:20}.base-floating-header-skin-metallic[data-v-206b2f06]{box-shadow:var(--hq-base-panel-highlight),var(--hq-shell-inner-shadow)}.base-floating-header.is-sticky[data-v-206b2f06]{position:sticky;top:0}.bfh-inner[data-v-206b2f06]{display:flex;align-items:center;gap:var(--hq-base-header-gap);min-height:var(--hq-base-header-height);padding:calc(var(--bfh-safe-top, env(safe-area-inset-top, 0px)) + var(--hq-base-header-padding-y)) var(--hq-base-header-padding-x) var(--hq-base-header-padding-y);box-sizing:border-box}.bfh-left[data-v-206b2f06],.bfh-right[data-v-206b2f06]{flex:0 0 auto;display:inline-flex;align-items:center;min-width:var(--hq-base-header-side-min-width)}.bfh-title[data-v-206b2f06]{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;font-size:var(--bfh-title-size);font-weight:800;letter-spacing:var(--hq-base-header-title-letter-spacing);color:#f8d886;background:linear-gradient(180deg,#fff6d7,#f8d886 42%,#d6a24a 78%,#9b6424);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bfh-back-btn[data-v-206b2f06]{--padding-start: var(--hq-space-xs);--padding-end: var(--hq-space-xs);--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--box-shadow: none;min-height:var(--hq-base-header-back-btn-min-height);color:var(--hq-base-header-icon-color, var(--hq-text))}.bfh-back-btn ion-icon[data-v-206b2f06]{font-size:var(--hq-base-header-icon-size)}.bfh-tabs[data-v-206b2f06]{width:100%;border-top:var(--hq-base-header-tabs-border);box-shadow:var(--hq-base-panel-highlight)}.cs-modal-body[data-v-ab264bf5]{padding:0}[data-v-ab264bf5] .base-modal{padding:0;background:transparent;gap:0}[data-v-ab264bf5] .base-modal-body{overflow:visible}.cs-modal-container[data-v-ab264bf5]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.cs-modal-card[data-v-ab264bf5]{width:100%;border-radius:var(--hq-base-radius-md);border:1px solid var(--hq-overlay-border-strong);background:linear-gradient(180deg,var(--hq-overlay-card-bg-from),var(--hq-overlay-card-bg-to));box-shadow:var(--hq-shell-edge-highlight),var(--hq-shell-shadow-lg);overflow:hidden}.cs-modal-header[data-v-ab264bf5]{display:flex;align-items:center;justify-content:space-between;padding:var(--hq-space-xl);gap:var(--hq-space-lg)}.cs-modal-title[data-v-ab264bf5]{display:flex;flex-direction:column;gap:var(--hq-space-sm);min-width:0}.cs-modal-title .title[data-v-ab264bf5]{font-size:var(--hq-fs-xl);font-weight:700;color:var(--hq-text);line-height:1.2}.cs-modal-title .subtitle[data-v-ab264bf5]{font-size:var(--hq-fs-md);color:var(--hq-text-muted);line-height:1.2}.cs-modal-mascot[data-v-ab264bf5]{width:var(--hq-customer-service-mascot-size);height:var(--hq-customer-service-mascot-size);border-radius:var(--hq-customer-service-mascot-radius);-o-object-fit:cover;object-fit:cover;border:var(--hq-customer-service-mascot-border);background:#11161dd6;flex-shrink:0;box-shadow:var(--hq-shell-edge-highlight)}.cs-modal-list[data-v-ab264bf5]{padding:0 var(--hq-space-xl) var(--hq-space-xl);display:flex;flex-direction:column;gap:var(--hq-space-base)}.cs-modal-empty[data-v-ab264bf5]{padding:var(--hq-space-lg) 0;text-align:center;color:var(--hq-overlay-text-muted);font-size:var(--hq-fs-md)}[data-v-ab264bf5] .cs-item.base-list-item{margin-bottom:0;--background: var(--hq-overlay-row-bg);border:1px solid var(--hq-overlay-border);box-shadow:none}[data-v-ab264bf5] .cs-item .base-list-item-title{color:var(--hq-text);font-weight:600}[data-v-ab264bf5] .cs-item ion-label{min-width:0}[data-v-ab264bf5] .cs-item .base-list-item-end{flex-shrink:0}.cs-action-button-wrap[data-v-ab264bf5]{position:relative;display:inline-flex;align-items:center}[data-v-ab264bf5] .cs-action-button{position:relative}.cs-action-button__unread-dot[data-v-ab264bf5]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:999px;background:#ff4d4f;box-shadow:0 0 0 2px var(--hq-overlay-row-bg),0 0 8px #ff4d4f4d;pointer-events:none}[data-v-ab264bf5] .cs-item-icon{color:var(--hq-text-muted)}[data-v-ab264bf5] .cs-item-icon--telegram,[data-v-ab264bf5] .cs-item-icon--telegram-vip{color:var(--hq-telegram)}[data-v-ab264bf5] .cs-item-icon--web{color:var(--ion-color-warning)}[data-v-ab264bf5] .cs-item-icon--chatwoot{color:var(--ion-color-primary)}[data-v-ab264bf5] .cs-item-icon--channel{color:var(--ion-color-secondary)}.cs-modal-close[data-v-ab264bf5]{position:absolute;right:var(--hq-customer-service-close-offset);top:var(--hq-customer-service-close-offset);width:var(--hq-overlay-close-btn-size);height:var(--hq-overlay-close-btn-size);border-radius:var(--hq-customer-service-close-radius);border:var(--hq-customer-service-close-border);background:var(--hq-overlay-close-bg);-webkit-backdrop-filter:var(--hq-customer-service-close-backdrop-blur);backdrop-filter:var(--hq-customer-service-close-backdrop-blur);color:var(--hq-overlay-text);--color: var(--hq-overlay-text);display:grid;place-items:center;cursor:pointer;transition:all .2s;z-index:10}.cs-modal-close[data-v-ab264bf5]:hover{background:var(--hq-overlay-close-bg-hover);border-color:var(--hq-overlay-close-border-hover);transform:scale(1.05)}.close-icon[data-v-ab264bf5]{font-size:var(--hq-overlay-close-icon-size)}.customer-service-modal::part(content){overflow:visible;background:transparent}.customer-service-modal-sheet::part(content){overflow:visible;background:transparent;box-shadow:none;width:min(100% - var(--hq-customer-service-sheet-inline-gap),var(--hq-customer-service-sheet-max-width));max-width:min(100% - var(--hq-customer-service-sheet-inline-gap),var(--hq-customer-service-sheet-max-width));margin-top:auto;margin-bottom:max(var(--hq-customer-service-sheet-bottom-gap),env(safe-area-inset-bottom,0px))}.customer-service-modal-sheet::part(backdrop){background:#05080c52;-webkit-backdrop-filter:var(--hq-customer-service-sheet-backdrop-blur);backdrop-filter:var(--hq-customer-service-sheet-backdrop-blur)}.customer-service-modal{--width: 90%;--max-width: 90%;--height: auto}.pwa-push-permission-content[data-v-6a68cb98]{display:flex;flex-direction:column;align-items:center;gap:var(--hq-space-md);text-align:center}.pwa-push-permission-icon-wrap[data-v-6a68cb98]{width:calc(var(--hq-space-xl) * 2);height:calc(var(--hq-space-xl) * 2);display:grid;place-items:center;border:var(--hq-base-panel-border-strong);border-radius:50%;color:var(--hq-primary-light);background:var(--hq-primary-soft);box-shadow:var(--hq-base-panel-highlight),var(--hq-base-shadow-sm)}.pwa-push-permission-icon[data-v-6a68cb98]{font-size:calc(var(--hq-fs-xl) * 1.4)}.pwa-push-permission-copy[data-v-6a68cb98]{margin:0;max-width:28ch;line-height:1.7;color:var(--hq-text-muted)}.pwa-push-permission-modal{--width: min( calc(100vw - 32px) , 360px);--max-width: min( calc(100vw - 32px) , 360px);--height: auto;--max-height: calc(100vh - 32px) }.pwa-push-permission-modal::part(content){width:min(100vw - 32px,360px);max-width:min(100vw - 32px,360px);max-height:calc(100vh - 32px);top:50%;left:50%;margin:0;transform:translate(-50%,-50%);overflow:visible;background:transparent;box-shadow:none}.pwa-push-permission-modal::part(backdrop){background:var(--hq-overlay-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pwa-push-permission-modal .base-modal{width:100%;max-height:calc(100vh - 32px);overflow:hidden}.pwa-push-permission-modal .base-modal-footer ion-button{flex:1 1 0;margin-inline:0}.page{will-change:transform;transform:translateZ(0)}:root{--page-bg: #05080f;--panel-bg: #08111c;--card-bg: #101722;--card-bg-soft: #151d2a;--gold: #d6a24a;--gold-light: #f8d886;--gold-dark: #8b5a1f;--text-main: #f7ead0;--text-normal: #d8d8d8;--text-muted: #9ca3af;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--gold-border: rgba(214, 162, 74, .65);--soft-border: rgba(255, 255, 255, .08);--gold-glow: 0 0 16px rgba(214, 162, 74, .35);--purple-glow: 0 0 24px rgba(128, 64, 255, .35);--gold-gradient: linear-gradient(180deg, #f8d886 0%, #d6a24a 45%, #8b5a1f 100%);--card-gradient: linear-gradient(180deg, rgba(21, 29, 42, .96), rgba(8, 17, 28, .98));--purple-card-gradient: linear-gradient(135deg, rgba(128, 64, 255, .24), rgba(8, 17, 28, .96));--ion-color-primary: var(--gold);--ion-color-primary-rgb: 214, 162, 74;--ion-color-primary-contrast: #1a140b;--ion-color-primary-contrast-rgb: 26, 20, 11;--ion-color-primary-shade: #bb8e40;--ion-color-primary-tint: #dcaf62;--ion-color-secondary: #8f98a8;--ion-color-secondary-rgb: 143, 152, 168;--ion-color-secondary-contrast: #141920;--ion-color-secondary-contrast-rgb: 20, 25, 32;--ion-color-secondary-shade: #7e8694;--ion-color-secondary-tint: #9aa4b3;--ion-color-tertiary: var(--gold-light);--ion-color-tertiary-rgb: 248, 216, 134;--ion-color-tertiary-contrast: #221a11;--ion-color-tertiary-contrast-rgb: 34, 26, 17;--ion-color-tertiary-shade: #d9bd76;--ion-color-tertiary-tint: #f9df95;--ion-color-success: var(--success);--ion-color-success-rgb: 34, 197, 94;--ion-color-success-contrast: #08150f;--ion-color-success-contrast-rgb: 8, 21, 15;--ion-color-success-shade: #1ea951;--ion-color-success-tint: #38cf68;--ion-color-warning: var(--warning);--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #251b10;--ion-color-warning-contrast-rgb: 37, 27, 16;--ion-color-warning-shade: #d48709;--ion-color-warning-tint: #f6aa2f;--ion-color-danger: var(--danger);--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #250f0d;--ion-color-danger-contrast-rgb: 37, 15, 13;--ion-color-danger-shade: #d53f3f;--ion-color-danger-tint: #f16363;--ion-color-medium: #8a93a3;--ion-color-medium-rgb: 138, 147, 163;--ion-color-medium-contrast: #10151b;--ion-color-medium-contrast-rgb: 16, 21, 27;--ion-color-medium-shade: #79818f;--ion-color-medium-tint: #969ead;--ion-color-light: var(--text-main);--ion-color-light-rgb: 247, 234, 208;--ion-color-light-contrast: #191b20;--ion-color-light-contrast-rgb: 25, 27, 32;--ion-color-light-shade: #d9ceb7;--ion-color-light-tint: #f8edde;--ion-background-color: var(--page-bg);--ion-text-color: var(--text-main);--ion-toolbar-background: var(--panel-bg);--ion-toolbar-color: var(--text-main);--ion-item-background: var(--card-bg);--ion-card-background: var(--card-bg);--hq-shell-bg: var(--page-bg);--hq-shell-bg-rgb: 5, 8, 15;--hq-bg: var(--hq-shell-bg);--hq-surface: var(--card-bg);--hq-surface-alt: var(--card-bg-soft);--hq-surface-soft: var(--panel-bg);--hq-surface-elevated: var(--card-bg-soft);--hq-surface-inset: #0d1420;--hq-card-gradient: var(--gold-gradient);--hq-surface-gradient: var(--card-gradient);--hq-purple-surface-gradient: var(--purple-card-gradient);--hq-primary: var(--gold);--hq-primary-soft: rgba(214, 162, 74, .18);--hq-primary-light: var(--gold-light);--hq-primary-dark: var(--gold-dark);--hq-accent: var(--gold-light);--hq-warning: var(--warning);--hq-success: var(--success);--hq-telegram: #5fa6d9;--hq-text: var(--text-main);--hq-text-muted: var(--text-muted);--hq-text-soft: rgba(156, 163, 175, .78);--hq-border: var(--soft-border);--hq-border-strong: var(--gold-border);--hq-radius: 20px;--hq-shadow: 0 16px 38px rgba(0, 0, 0, .42);--hq-overlay-backdrop: rgba(4, 7, 12, .82);--hq-overlay-card-bg-from: rgba(16, 23, 34, .96);--hq-overlay-card-bg-to: rgba(8, 17, 28, .98);--hq-overlay-row-bg: rgba(255, 255, 255, .04);--hq-overlay-close-bg: rgba(12, 18, 29, .88);--hq-overlay-close-bg-hover: rgba(18, 27, 42, .94);--hq-overlay-surface-soft: rgba(255, 255, 255, .08);--hq-overlay-text: rgba(247, 234, 208, .94);--hq-overlay-text-muted: rgba(216, 216, 216, .74);--hq-overlay-border: rgba(214, 162, 74, .18);--hq-overlay-border-strong: rgba(214, 162, 74, .32);--hq-overlay-close-border: rgba(248, 216, 134, .82);--hq-overlay-close-border-hover: rgba(247, 234, 208, .96)}ion-toast.toast-base{--width: 60%;--max-width: 60%;--background: rgba(var(--ion-color-dark-rgb), .72);--color: rgba(var(--ion-color-light-rgb), .95);--button-color: rgba(var(--ion-color-light-rgb), .95);--border-radius: var(--hq-base-radius-sm);--box-shadow: var(--hq-base-shadow-sm);font-size:var(--hq-fs-base)}ion-toast.toast-loading{--background: rgba(var(--ion-color-dark-rgb), .72);--color: rgba(var(--ion-color-light-rgb), .95)}ion-toast::part(icon){margin-right:var(--hq-space-sm);font-size:var(--hq-fs-lg)}ion-toast.toast-success::part(icon){color:var(--ion-color-success)}ion-toast.toast-error::part(icon){color:var(--ion-color-danger)}ion-toast.toast-warning::part(icon){color:var(--ion-color-warning)}ion-toast.toast-info::part(icon){color:var(--ion-color-primary)}ion-toast.toast-loading::part(icon){color:var(--ion-color-medium)}ion-toast::part(message){font-weight:500}ion-toast::part(button){font-weight:600}:root{--hq-shell-page-bg: radial-gradient(circle at top center, rgba(128, 64, 255, .18) 0%, transparent 30%), linear-gradient(180deg, var(--page-bg) 0%, var(--panel-bg) 100%);--hq-shell-surface-primary: linear-gradient(180deg, rgba(16, 23, 34, .98) 0%, rgba(8, 17, 28, .98) 100%);--hq-shell-surface-secondary: linear-gradient(180deg, rgba(21, 29, 42, .96) 0%, rgba(16, 23, 34, .98) 100%);--hq-shell-surface-inset: linear-gradient(180deg, rgba(13, 20, 32, .98) 0%, rgba(8, 17, 28, .98) 100%);--hq-shell-surface-raised: linear-gradient(180deg, rgba(21, 29, 42, 1) 0%, rgba(16, 23, 34, 1) 100%);--hq-shell-tabbar-bg: linear-gradient(180deg, rgba(8, 17, 28, .98) 0%, rgba(5, 8, 15, 1) 100%);--hq-shell-notice-bg: linear-gradient(180deg, rgba(21, 29, 42, .98) 0%, rgba(8, 17, 28, .98) 100%);--hq-shell-floating-bg: linear-gradient(180deg, rgba(16, 23, 34, .96) 0%, rgba(8, 17, 28, .98) 100%);--hq-shell-highlight-bg: linear-gradient(180deg, rgba(248, 216, 134, .16) 0%, rgba(214, 162, 74, .08) 100%);--hq-shell-panel-border: 1px solid rgba(214, 162, 74, .24);--hq-shell-panel-border-strong: 1px solid rgba(214, 162, 74, .42);--hq-shell-edge-highlight: inset 0 1px 0 rgba(248, 216, 134, .08);--hq-shell-inner-shadow: inset 0 -1px 0 rgba(4, 7, 12, .34);--hq-shell-shadow-sm: 0 8px 18px rgba(0, 0, 0, .22);--hq-shell-shadow-md: 0 14px 28px rgba(0, 0, 0, .32);--hq-shell-shadow-lg: 0 22px 44px rgba(0, 0, 0, .42)}:root{--hq-layout-inline: 100vw;--hq-token-inline: min(var(--hq-layout-inline), 430px);--hq-layout-1vw: calc(var(--hq-layout-inline) / 100);--hq-token-1vw: calc(var(--hq-token-inline) / 100);--hq-mobile-rem: calc(var(--hq-token-inline) / 7.5)}:root{--hq-home-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--ion-font-family: var(--hq-home-font);--hq-fs-xs: clamp(9px, calc(var(--hq-token-1vw) * 2.67), 18px);--hq-fs-sm: clamp(11px, calc(var(--hq-token-1vw) * 3.2), 22px);--hq-fs-base: clamp(12px, calc(var(--hq-token-1vw) * 3.47), 23px);--hq-fs-md: clamp(13px, calc(var(--hq-token-1vw) * 3.73), 25px);--hq-fs-lg: clamp(15px, calc(var(--hq-token-1vw) * 4.27), 29px);--hq-fs-xl: clamp(18px, calc(var(--hq-token-1vw) * 5.33), 36px);--hq-fs-tabbar-label: clamp(8.53px, calc(var(--hq-mobile-rem) * .2), 11.05px);--hq-fs-tile-label: clamp(9.39px, calc(var(--hq-mobile-rem) * .22), 12.16px);--hq-fs-body-compact: clamp(10.24px, calc(var(--hq-mobile-rem) * .24), 13.26px);--hq-fs-section-title: clamp(11.09px, calc(var(--hq-mobile-rem) * .26), 14.37px)}:root{--hq-space-xs: clamp(3px, calc(var(--hq-token-1vw) * 1.07), 7px);--hq-space-sm: clamp(5px, calc(var(--hq-token-1vw) * 1.6), 11px);--hq-space-md: clamp(7px, calc(var(--hq-token-1vw) * 2.13), 14px);--hq-space-base: clamp(9px, calc(var(--hq-token-1vw) * 2.67), 18px);--hq-space-lg: clamp(11px, calc(var(--hq-token-1vw) * 3.2), 22px);--hq-space-section: clamp(15px, calc(var(--hq-token-1vw) * 4.45), 30px);--hq-space-xl: clamp(14px, calc(var(--hq-token-1vw) * 4.27), 29px);--hq-space-2xl: clamp(20px, calc(var(--hq-token-1vw) * 6.4), 43px);--hq-space-3xl: clamp(28px, calc(var(--hq-token-1vw) * 8.53), 58px);--hq-grid-gap-xs: var(--hq-space-xs);--hq-grid-gap-sm: var(--hq-space-sm);--hq-grid-gap-md: var(--hq-space-md);--hq-grid-gap-lg: var(--hq-space-lg)}:root{--hq-radius-pill: 999px;--hq-tab-gap: var(--hq-space-lg);--hq-tab-font-size: var(--hq-fs-md);--hq-tab-indicator-width-percent: 60%;--hq-tab-indicator-height: 2px;--hq-tab-indicator-radius: 1px}:root{--hq-icon-xs: clamp(10px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-icon-sm: clamp(14px, calc(var(--hq-mobile-rem) * .34), 18px);--hq-icon-md: clamp(18px, calc(var(--hq-mobile-rem) * .42), 22px);--hq-icon-lg: clamp(24px, calc(var(--hq-mobile-rem) * .6), 32px);--hq-icon-xl: clamp(36px, calc(var(--hq-mobile-rem) * .84), 48px);--hq-icon-inline: var(--hq-icon-xs);--hq-icon-action: var(--hq-icon-sm);--hq-icon-header: clamp(18px, calc(var(--hq-mobile-rem) * .5), 26px);--hq-icon-nav: clamp(22px, calc(var(--hq-mobile-rem) * .5), 26px);--hq-icon-category: clamp(16px, calc(var(--hq-mobile-rem) * .42), 22px);--hq-icon-section: clamp(16px, calc(var(--hq-mobile-rem) * .4), 20px);--hq-icon-status: clamp(24px, calc(var(--hq-mobile-rem) * .75), 40px);--hq-icon-tile: clamp(24px, calc(var(--hq-mobile-rem) * .6), 32px);--hq-icon-tabbar: clamp(22px, calc(var(--hq-mobile-rem) * .5), 26px);--hq-tile-height: clamp(48px, calc(var(--hq-mobile-rem) * 1.12), 58px)}:root{--hq-base-radius-md: clamp(14px, calc(var(--hq-token-1vw) * 4.27), 18px);--hq-base-radius-sm: clamp(10px, calc(var(--hq-token-1vw) * 3.2), 14px);--hq-base-shadow-sm: var(--hq-shell-shadow-sm);--hq-base-shadow-md: var(--hq-shell-shadow-md);--hq-base-shadow-lg: var(--hq-shell-shadow-lg);--hq-base-panel-border: 1px solid var(--gold-border);--hq-base-panel-border-strong: 1px solid rgba(248, 216, 134, .34);--hq-base-panel-surface-primary: var(--hq-shell-surface-primary);--hq-base-panel-surface-secondary: var(--hq-shell-surface-secondary);--hq-base-panel-surface-inset: var(--hq-shell-surface-inset);--hq-base-panel-highlight: var(--hq-shell-edge-highlight);--hq-base-panel-shadow: var(--hq-shell-shadow-md);--hq-base-checkbox-gap: 8px;--hq-base-checkbox-size: 20px;--hq-base-checkbox-radius: 6px;--hq-base-checkbox-border-width: 1px;--hq-base-checkbox-label-size: var(--hq-fs-sm);--hq-base-list-item-padding-x: var(--hq-space-lg);--hq-base-list-item-margin-bottom: var(--hq-space-base);--hq-base-list-item-radius: var(--hq-base-radius-md);--hq-base-list-item-shadow: var(--hq-base-shadow-sm);--hq-base-list-item-border: var(--hq-base-panel-border);--hq-base-list-item-left-icon-size: clamp(20px, calc(var(--hq-token-1vw) * 5.87), 24px);--hq-base-list-item-left-icon-gap: var(--hq-space-lg);--hq-base-list-item-title-size: var(--hq-fs-lg);--hq-base-list-item-subtitle-size: var(--hq-fs-base);--hq-base-list-item-badge-size: var(--hq-fs-xs);--hq-base-list-item-badge-padding: 2px var(--hq-space-sm);--hq-base-list-item-badge-radius: 999px;--hq-base-list-item-end-gap: var(--hq-space-xs);--hq-base-list-item-right-text-size: var(--hq-fs-base);--hq-base-list-item-arrow-size: clamp(16px, calc(var(--hq-token-1vw) * 4.8), 20px);--hq-base-list-item-right-icon-size: clamp(20px, calc(var(--hq-token-1vw) * 5.87), 24px);--hq-base-card-padding: var(--hq-space-lg);--hq-base-card-radius: var(--hq-base-radius-md);--hq-base-card-shadow: var(--hq-base-panel-shadow);--hq-base-card-border: var(--hq-base-panel-border);--hq-base-kv-row-gap: var(--hq-space-md);--hq-base-kv-row-padding-y: var(--hq-space-sm);--hq-base-kv-label-size: var(--hq-fs-sm);--hq-base-kv-value-size: var(--hq-fs-base);--hq-device-info-card-right-img-width: 14px;--hq-device-info-card-right-img-height: 20px;--hq-mobile-page-scaffold-max-width: 675px;--hq-mobile-page-scaffold-padding-x: 0px;--hq-add-to-home-screen-header-gap: 6px;--hq-tab-shell-drawer-offset-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) ;--hq-tab-shell-drawer-sheet-radius: 16px 16px 0 0;--hq-tab-shell-drawer-content-padding: var(--hq-space-sm, 12px);--hq-tab-shell-drawer-content-radius: 16px;--hq-tab-shell-drawer-image-radius: 12px;--hq-base-input-gap: var(--hq-space-sm);--hq-base-input-label-size: var(--hq-fs-base);--hq-base-input-label-letter-spacing: .4px;--hq-base-input-field-size: var(--hq-fs-base);--hq-base-input-hint-size: var(--hq-fs-sm);--hq-base-input-radius: var(--hq-base-radius-md);--hq-base-input-padding-y: var(--hq-space-sm);--hq-base-input-padding-x: var(--hq-space-lg);--hq-base-input-bg: linear-gradient(180deg, rgba(21, 29, 42, .98) 0%, rgba(16, 23, 34, .98) 100%);--hq-base-input-border: 1px solid var(--soft-border);--hq-base-input-focus-ring: var(--gold-glow), 0 0 0 1px rgba(248, 216, 134, .24);--hq-base-input-icon-size: clamp(18px, calc(var(--hq-token-1vw) * 5.33), 22px);--hq-base-input-icon-gap: var(--hq-space-md);--hq-base-input-icon-btn-padding-x: var(--hq-space-xs);--hq-base-modal-padding-top: var(--hq-space-xl);--hq-base-modal-padding-x: var(--hq-space-lg);--hq-base-modal-padding-bottom: var(--hq-space-lg);--hq-base-modal-gap: var(--hq-space-lg);--hq-base-modal-radius: var(--hq-base-radius-md);--hq-base-modal-header-min-height: 24px;--hq-base-modal-title-size: var(--hq-fs-xl);--hq-base-modal-close-offset-x: calc(-1 * var(--hq-space-md));--hq-base-modal-close-padding-x: var(--hq-space-md);--hq-base-modal-footer-padding-top: var(--hq-space-md);--hq-base-modal-footer-border: 1px solid rgba(209, 173, 112, .16);--hq-overlay-close-btn-size: clamp(34px, calc(var(--hq-mobile-rem) * .82), 38px);--hq-overlay-close-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-alert-application-action-gap: var(--hq-space-xs);--hq-alert-application-inline-padding: var(--hq-space-md);--hq-alert-application-block-padding: var(--hq-space-sm);--hq-customer-service-mascot-radius: 999px;--hq-customer-service-mascot-size: clamp(56px, calc(var(--hq-mobile-rem) * 1.28), 64px);--hq-customer-service-mascot-border: 1px solid var(--hq-overlay-border);--hq-customer-service-close-offset: clamp(10px, calc(var(--hq-mobile-rem) * .24), 12px);--hq-customer-service-close-backdrop-blur: blur(4px);--hq-customer-service-close-border: 2px solid var(--hq-overlay-close-border);--hq-customer-service-close-radius: 999px;--hq-customer-service-sheet-inline-gap: clamp(20px, calc(var(--hq-mobile-rem) * .48), 24px);--hq-customer-service-sheet-max-width: 460px;--hq-customer-service-sheet-backdrop-blur: blur(1px);--hq-customer-service-sheet-bottom-gap: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-base-selector-toolbar-min-height: var(--hq-base-header-height);--hq-base-selector-option-min-height: clamp(42px, calc(var(--hq-mobile-rem) * .96), 48px);--hq-base-selector-indicator-size: clamp(16px, calc(var(--hq-mobile-rem) * .4), 18px);--hq-base-selector-indicator-dot-size: clamp(6px, calc(var(--hq-mobile-rem) * .18), 8px);--hq-base-selector-modal-radius: 16px 16px 0 0;--hq-base-selector-title-size: var(--hq-fs-body-lg);--hq-base-selector-action-size: var(--hq-fs-body-sm);--hq-base-section-header-dot-size: clamp(5px, calc(var(--hq-mobile-rem) * .14), 7px);--hq-base-section-header-action-min-height: 44px;--hq-base-section-header-gap: var(--hq-space-lg);--hq-base-section-header-left-gap: var(--hq-space-sm);--hq-base-section-header-title-size: var(--hq-fs-lg);--hq-base-section-header-subtitle-size: var(--hq-fs-sm);--hq-base-section-header-action-text-size: var(--hq-fs-sm);--hq-base-section-header-action-icon-gap: var(--hq-space-xs);--hq-base-section-header-action-icon-size: var(--hq-base-list-item-arrow-size);--hq-notice-modal-min-height: 250px;--hq-notice-modal-inline-gap: 20px;--hq-notice-modal-sidebar-width: 100px;--hq-notice-modal-sidebar-padding: 10px 5px;--hq-notice-modal-sidebar-gap: 6px;--hq-notice-modal-sidebar-scrollbar-width: 4px;--hq-notice-modal-sidebar-scrollbar-radius: 999px;--hq-notice-modal-sidebar-item-min-height: 44px;--hq-notice-modal-sidebar-item-radius: 8px;--hq-notice-modal-sidebar-item-label-size: 12px;--hq-notice-modal-sidebar-item-gap: 8px;--hq-notice-modal-sidebar-item-icon-radius: 6px;--hq-notice-modal-sidebar-item-icon-font-size: 13px;--hq-notice-modal-content-gap: 8px;--hq-notice-modal-content-padding-bottom: 12px;--hq-notice-modal-sidebar-icon-size: var(--hq-icon-md);--hq-notice-modal-unread-dot-size: var(--hq-base-section-header-dot-size);--hq-notice-modal-unread-dot-offset-top: 6px;--hq-notice-modal-unread-dot-offset-right: 6px;--hq-notice-modal-checkbox-size: var(--hq-icon-sm);--hq-notice-modal-checkbox-gap: 6px;--hq-notice-modal-checkbox-label-size: 13px;--hq-notice-modal-checkbox-margin-top: 4px;--hq-notice-modal-checkbox-padding: 10px;--hq-notice-modal-checkbox-radius: 10px;--hq-notice-modal-checkbox-control-radius: 3px;--hq-notice-modal-checkbox-control-border-width: 1.5px;--hq-notice-modal-next-btn-offset-right: 8px;--hq-notice-modal-next-btn-radius: 999px;--hq-notice-modal-next-btn-size: clamp(26px, calc(var(--hq-mobile-rem) * .62), 30px);--hq-notice-modal-next-icon-size: var(--hq-icon-sm);--hq-notice-modal-body-font-size: var(--hq-fs-md);--hq-notice-modal-body-scrollbar-width: 4px;--hq-notice-modal-body-padding-right: 4px;--hq-notice-modal-body-scrollbar-radius: 2px;--hq-notice-modal-body-paragraph-gap: 6px;--hq-notice-modal-close-offset-bottom: -50px;--hq-register-success-modal-max-width: 420px;--hq-register-success-shell-gap: 12px;--hq-register-success-shell-radius: 20px;--hq-register-success-content-gap: clamp(14px, calc(var(--hq-mobile-rem) * .4), 18px);--hq-register-success-content-padding: clamp(16px, calc(var(--hq-mobile-rem) * .44), 18px) clamp(18px, calc(var(--hq-mobile-rem) * .54), 22px) clamp(20px, calc(var(--hq-mobile-rem) * .58), 24px);--hq-register-success-task-card-gap: 12px;--hq-register-success-task-card-min-height: 76px;--hq-register-success-task-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .36), 14px) clamp(14px, calc(var(--hq-mobile-rem) * .4), 16px);--hq-register-success-task-card-radius: 18px;--hq-register-success-task-logo-radius: 12px;--hq-register-success-task-reward-margin-top: 6px;--hq-register-success-close-size: clamp(32px, calc(var(--hq-mobile-rem) * .78), 36px);--hq-register-success-close-border: 1px solid var(--gold-border);--hq-register-success-close-icon-size: var(--hq-overlay-close-icon-size);--hq-register-success-task-logo-size: var(--hq-icon-xl);--hq-register-success-task-title-size: var(--hq-fs-md);--hq-register-success-task-reward-size: var(--hq-fs-sm);--hq-register-success-action-min-height: clamp(44px, calc(var(--hq-mobile-rem) * 1.04), 50px);--hq-register-success-action-font-size: var(--hq-fs-lg);--hq-newbie-popup-max-width: 396px;--hq-newbie-popup-dialog-radius: clamp(10px, calc(var(--hq-mobile-rem) * .23), 12px);--hq-newbie-popup-card-radius: clamp(5px, calc(var(--hq-mobile-rem) * .12), 6px);--hq-newbie-popup-card-shadow: 0 2px 4px rgba(188, 142, 96, .12);--hq-newbie-popup-button-radius: var(--hq-newbie-popup-card-radius);--hq-newbie-popup-button-radius-lg: clamp(7px, calc(var(--hq-mobile-rem) * .16), 9px);--hq-newbie-popup-progress-radius: var(--hq-newbie-popup-dialog-radius);--hq-newbie-popup-progress-width: clamp(148px, calc(var(--hq-mobile-rem) * 3.56), 178px);--hq-newbie-popup-progress-height: clamp(18px, calc(var(--hq-mobile-rem) * .4), 20px);--hq-newbie-popup-checkbox-width: clamp(18px, calc(var(--hq-mobile-rem) * .41), 21px);--hq-newbie-popup-checkbox-height: clamp(16px, calc(var(--hq-mobile-rem) * .37), 19px);--hq-newbie-popup-refresh-icon-size: clamp(13px, calc(var(--hq-mobile-rem) * .3), 15px);--hq-newbie-popup-rule-dot-size: clamp(5px, calc(var(--hq-mobile-rem) * .12), 6px);--hq-newbie-popup-rule-list-max-height: min(70vh, 653px);--hq-base-button-metallic-bg: var(--gold-gradient);--hq-base-button-metallic-text: #1a140b;--hq-base-button-outline-bg: linear-gradient(180deg, rgba(21, 29, 42, .94) 0%, rgba(16, 23, 34, .98) 100%);--hq-base-button-solid-shadow: var(--gold-glow), 0 12px 26px rgba(0, 0, 0, .24);--hq-base-button-outline-border-color: var(--gold-border);--hq-base-button-spinner-size: 20px;--hq-base-button-radius: 999px;--hq-base-button-outline-border-width: 1px;--hq-base-button-solid-native-shadow: var(--hq-base-panel-highlight), var(--hq-base-button-solid-shadow);--hq-base-button-outline-native-shadow: var(--hq-base-panel-highlight), var(--hq-base-shadow-sm);--hq-base-button-loading-opacity: .6;--hq-base-header-padding-x: var(--hq-space-lg);--hq-base-header-padding-y: 0px;--hq-base-header-height: 44px;--hq-base-header-gap: var(--hq-space-sm);--hq-base-header-title-size: var(--hq-fs-md);--hq-base-header-icon-size: clamp(18px, calc(var(--hq-token-1vw) * 5.33), 22px);--hq-base-header-bg: linear-gradient(180deg, rgba(8, 17, 28, .96) 0%, rgba(8, 17, 28, .72) 100%);--hq-base-header-blur: 12px;--hq-base-header-border: 1px solid rgba(214, 162, 74, .18);--hq-base-header-title-color: var(--hq-text);--hq-base-header-icon-color: var(--hq-primary-light);--hq-base-header-side-min-width: 44px;--hq-base-header-back-btn-min-height: 44px;--hq-base-header-title-letter-spacing: .4px;--hq-base-header-tabs-border: 1px solid rgba(209, 173, 112, .18);--hq-base-load-more-padding-y: var(--hq-space-lg);--hq-base-load-more-button-padding-x: var(--hq-space-md);--hq-base-load-more-button-min-height: 44px;--hq-base-load-more-text-size: var(--hq-fs-sm);--hq-base-load-more-icon-gap: var(--hq-space-xs);--hq-base-load-more-icon-size: var(--hq-base-list-item-arrow-size);--hq-base-category-sidebar-width: clamp(64px, calc(var(--hq-token-1vw) * 18), 90px);--hq-base-category-sidebar-padding: var(--hq-space-md) var(--hq-space-sm);--hq-base-category-sidebar-item-gap: var(--hq-space-md);--hq-base-category-sidebar-item-height: clamp(40px, calc(var(--hq-token-1vw) * 12.8), 48px);--hq-base-category-sidebar-item-padding: 0 var(--hq-space-base);--hq-base-category-sidebar-item-padding-row: var(--hq-space-md) var(--hq-space-sm);--hq-base-category-sidebar-item-padding-col: var(--hq-space-md) var(--hq-space-xs);--hq-base-category-sidebar-icon-size: clamp(18px, calc(var(--hq-token-1vw) * 5.33), 24px);--hq-base-category-sidebar-icon-text-gap: var(--hq-space-xs);--hq-base-category-sidebar-border-radius: var(--hq-base-radius-sm);--hq-base-category-sidebar-label-size: var(--hq-fs-base);--hq-base-category-sidebar-metallic-item-padding: var(--hq-base-category-sidebar-item-padding-row);--hq-base-category-sidebar-metallic-item-radius: 20px;--hq-base-category-sidebar-metallic-label-size: var(--hq-fs-sm);--hq-base-category-sidebar-metallic-label-weight: 600;--hq-border-color: var(--hq-border);--hq-border-color-active: var(--hq-border-strong);--hq-category-inactive-text: var(--hq-text-muted);--hq-category-active-text: var(--hq-primary-light);--hq-category-active-bg: rgba(214, 162, 74, .16);--hq-base-nav-item-gap: var(--hq-space-sm);--hq-base-nav-item-icon-box-size: clamp(44px, calc(var(--hq-token-1vw) * 13.33), 56px);--hq-base-nav-item-icon-size: clamp(22px, calc(var(--hq-token-1vw) * 6.67), 32px);--hq-base-nav-item-icon-radius: var(--hq-base-radius-sm);--hq-base-nav-item-label-size: var(--hq-fs-sm);--hq-base-nav-item-badge-right: calc(-1 * var(--hq-space-xs));--hq-base-nav-item-badge-top: calc(-1 * var(--hq-space-xs));--hq-base-tabs-height: clamp(48px, calc(var(--hq-token-1vw) * 13.56), 54px);--hq-base-tabs-item-padding-x: var(--hq-space-base);--hq-base-tabs-font-size: var(--hq-fs-md);--hq-base-tabs-padding-bottom: var(--hq-space-sm);--hq-base-tabs-underline-height: 2.29px;--hq-base-tabs-underline-radius: 2.3px;--hq-base-tabs-shell-padding: 4px;--hq-base-tabs-item-min-height: 44px;--hq-base-tabs-label-gap: var(--hq-space-xs);--hq-base-tabs-badge-padding-x: var(--hq-space-sm);--hq-base-tabs-badge-line-height: 16px;--hq-tabbar-height: clamp(56px, calc(var(--hq-mobile-rem) * 1.2), 62px);--hq-tabbar-padding: clamp(7px, calc(var(--hq-mobile-rem) * .16), 8px) clamp(6px, calc(var(--hq-mobile-rem) * .14), 8px) 0;--hq-tabbar-item-height: clamp(48px, calc(var(--hq-mobile-rem) * 1.08), 52px);--hq-tabbar-item-gap: clamp(2px, calc(var(--hq-mobile-rem) * .05), 3px);--hq-tabbar-icon-size: var(--hq-icon-tabbar);--hq-tabbar-label-size: var(--hq-fs-tabbar-label);--hq-tabbar-label-line-height: 1.1;--hq-tabbar-radius: clamp(22px, calc(var(--hq-mobile-rem) * .5), 24px);--hq-tabbar-safe-bg-height: calc(var(--hq-tabbar-height) + 22px + env(safe-area-inset-bottom, 0px));--hq-tabbar-side-inset: clamp(6px, calc(var(--hq-mobile-rem) * .14), 8px);--hq-tabbar-bottom-offset: calc(clamp(6px, calc(var(--hq-mobile-rem) * .14), 8px) + env(safe-area-inset-bottom, 0px)) ;--hq-tabbar-highlight-inset: 14px;--hq-tabbar-button-padding-x: 2px;--hq-tabbar-content-padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) }:root{--hq-form-container-max-width: 400px}.form-container{max-width:var(--hq-form-container-max-width);margin:0 auto}@media(max-width:768px){.form-container{max-width:100%}}:root{--hq-record-card-radius: var(--hq-base-radius-md, 16px);--hq-record-card-padding: var(--hq-space-lg);--hq-record-filter-bar-padding: 14px 14px 8px;--hq-record-filter-gap: var(--hq-space-sm);--hq-record-filter-chip-min-height: clamp(32px, calc(var(--hq-mobile-rem) * .82), 38px);--hq-record-filter-chip-radius: 14px;--hq-record-filter-chip-padding-x: 9px;--hq-record-item-margin: 0 12px 10px;--hq-record-item-radius: 18px;--hq-record-item-icon-size: 42px;--hq-record-amount-size: var(--hq-fs-lg);--hq-record-meta-size: var(--hq-fs-sm);--hq-record-loadmore-height: 44px;--hq-record-loadmore-radius: 16px}ion-modal{--max-width: 100%;--max-height: 100%}ion-loading.page-loading,.page-loading{--background: var(--hq-shell-surface-secondary);--color: var(--hq-primary-light) !important;--spinner-color: var(--ion-color-primary);--border-radius: var(--hq-base-radius-md);--box-shadow: var(--hq-base-shadow-md);--max-width: min(86vw, 360px)}ion-loading.page-loading::part(message){color:var(--hq-primary-light)!important}.page-loading .loading-wrapper,.page-loading .loading-content,.page-loading .loading-message{color:var(--hq-primary-light)!important}ion-loading.page-loading::part(backdrop){background:var(--hq-overlay-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ion-loading.page-loading::part(wrapper){border:1px solid var(--hq-overlay-border)}ion-alert.hq-alert{--background: var(--hq-surface);--color: var(--hq-text);--backdrop-opacity: .78;--button-color: var(--hq-primary-light);--border-radius: var(--hq-base-radius-md);--box-shadow: var(--hq-base-shadow-md);--max-width: min(88vw, 360px);--hq-alert-button-min-height: clamp(40px, calc(var(--hq-token-1vw) * 11.2), 46px)}ion-alert.hq-alert::part(backdrop){background:var(--hq-overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ion-alert.hq-alert::part(wrapper){background:var(--hq-surface);border:1px solid var(--hq-overlay-border-strong);border-radius:var(--hq-base-radius-md);box-shadow:var(--hq-base-shadow-md);color:var(--hq-text)}ion-alert.hq-alert::part(header){color:var(--hq-text);font-size:var(--hq-fs-lg);font-weight:700}ion-alert.hq-alert::part(message){color:var(--hq-overlay-text-muted);font-size:var(--hq-fs-base);line-height:1.6}ion-alert.hq-alert::part(button-group){border-top:1px solid var(--hq-overlay-border);padding:var(--hq-space-sm)}ion-alert.hq-alert::part(button){min-height:var(--hq-alert-button-min-height);color:var(--hq-primary-light);font-weight:600}ion-alert.hq-alert::part(button):last-child{background:var(--gold-gradient);border-radius:999px;color:var(--ion-color-primary-contrast)}ion-alert.hq-alert .alert-wrapper{background:var(--hq-surface)!important;border:1px solid var(--hq-overlay-border-strong);border-radius:var(--hq-base-radius-md);box-shadow:var(--hq-base-shadow-md);color:var(--hq-text)!important}ion-alert.hq-alert .alert-title{color:var(--hq-text)!important;font-size:var(--hq-fs-lg);font-weight:700}ion-alert.hq-alert .alert-message{color:var(--hq-overlay-text-muted)!important;font-size:var(--hq-fs-base);line-height:1.6}ion-alert.hq-alert .alert-button-group{border-top:1px solid var(--hq-overlay-border);padding:var(--hq-space-sm)}ion-alert.hq-alert .alert-button{min-height:var(--hq-alert-button-min-height);color:var(--hq-primary-light)!important;font-weight:600;padding-top:0!important;padding-bottom:0!important}ion-alert.hq-alert .alert-button-role-confirm{background:var(--gold-gradient);border-radius:999px;color:var(--ion-color-primary-contrast)!important}ion-alert.hq-alert--task-application .alert-button-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hq-alert-application-action-gap);padding:var(--hq-alert-application-block-padding) var(--hq-alert-application-inline-padding) var(--hq-alert-application-inline-padding)}ion-alert.hq-alert--task-application .alert-button{width:auto;min-width:0;min-height:44px;margin:0}ion-alert.hq-alert--task-application .alert-button-role-confirm{grid-column:1/-1}body{margin:0;padding:0;background:var(--hq-shell-page-bg, var(--hq-home-bg, #1b212a));color:var(--hq-text);font-family:var(--hq-home-font);overflow:hidden}html,body,#app{width:100%;height:100%}ion-page{background:var(--hq-shell-page-bg, var(--hq-shell-bg));color:var(--hq-text)}body.web-preview-mode{background:#0f141b}@media(min-width:676px)and (min-height:500px){body.web-preview-mode{--hq-layout-inline: min(430px, 56.25vh , 100vw)}body.web-preview-mode #app{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0;box-sizing:border-box;overflow:hidden}body.web-preview-mode ion-app{width:min(430px,56.25vh,100vw);height:100vh;border-radius:16px;overflow:hidden;box-shadow:0 28px 64px #04060a7a,0 0 0 1px #d1ad7029;background:var(--hq-shell-bg);position:relative}body.web-preview-mode ion-app .fixed{position:absolute}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.margin-top{margin-top:16px}.margin-bottom{margin-bottom:16px}.padding{padding:16px}.border-radius{border-radius:8px}.border{border:1px solid var(--hq-border, rgba(113, 122, 136, .72))}ion-toolbar{--background: var(--hq-shell-surface-primary);--color: var(--text);border-bottom:1px solid rgba(209,173,112,.18)}ion-button{--background: linear-gradient(180deg, #ffe9a8 0%, #f8d886 24%, #d6a24a 56%, #9b6424 100%);--color: var(--ion-color-primary-contrast);--border-radius: 999px;--box-shadow: var(--hq-base-button-solid-shadow, 0 12px 24px rgba(5, 8, 12, .22))}ion-button.ion-color-secondary{--background: var(--hq-shell-surface-secondary);--color: var(--text)}ion-button.ion-color-success{--background: var(--success)}ion-button.ion-color-warning{--background: var(--warning)}ion-button.ion-color-danger{--background: var(--danger)}ion-item{--border-color: var(--border);--border-radius: 12px;--background: var(--hq-shell-surface-secondary)}ion-input{--border-radius: 12px;--background: transparent;--color: var(--hq-text);--placeholder-color: var(--hq-text-muted);border:0}ion-label{color:var(--hq-text)}.hero{text-align:center;margin-bottom:24px}.hero h1{font-size:24px;margin-bottom:8px}.hero p{color:var(--hq-text-muted);font-size:14px}.footer-actions{margin-top:32px}.service-info{text-align:center}.content-loading{color:var(--hq-text-muted);text-align:center;margin-top:24px}.user-card{padding:16px;border:1px solid rgba(209,173,112,.24);border-radius:8px;margin-bottom:16px;background:var(--hq-shell-surface-secondary)}@media(max-width:768px){.hero h1{font-size:20px}}.page-dark{min-height:100%;background:radial-gradient(circle at top center,rgba(128,64,255,.16) 0%,transparent 28%),linear-gradient(180deg,var(--page-bg) 0%,var(--panel-bg) 100%);color:var(--text-normal)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--hq-space-md, 8px);min-height:calc(56px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,#08111cf5,#08111cb8);border-bottom:1px solid rgba(214,162,74,.18);box-shadow:inset 0 1px #f8d8860f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-main)}.gold-card,.form-card,.game-card,.game-list-item,.empty-state{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--gold-border);box-shadow:0 14px 30px #00000047}.gold-card,.form-card,.game-card,.game-list-item{background:linear-gradient(180deg,#101722f5,#151d2afa)}.gold-card:before,.gold-panel:before,.form-card:before,.game-card:before,.game-list-item:before,.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(248,216,134,.08) 0%,transparent 22%)}.gold-panel{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at top right,rgba(128,64,255,.14) 0%,transparent 32%),linear-gradient(180deg,#08111cfa,#101722fa);border:1px solid rgba(214,162,74,.24);box-shadow:0 18px 40px #00000052}.gold-button,button.gold-button,ion-button.gold-button{--background: var(--gold-gradient);--color: #1a140b;--border-radius: 999px;--box-shadow: var(--gold-glow), 0 10px 24px rgba(139, 90, 31, .28);--padding-start: 22px;--padding-end: 22px;--ripple-color: rgba(26, 20, 11, .14);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid rgba(248,216,134,.22);border-radius:999px;background:var(--gold-gradient);color:#1a140b;font-weight:700;box-shadow:var(--gold-glow),0 10px 24px #8b5a1f47}.ghost-gold-button,button.ghost-gold-button,ion-button.ghost-gold-button{--background: linear-gradient(180deg, rgba(21, 29, 42, .94) 0%, rgba(16, 23, 34, .98) 100%);--color: var(--text-main);--border-color: var(--gold-border);--border-radius: 999px;--box-shadow: 0 10px 22px rgba(0, 0, 0, .22);--padding-start: 22px;--padding-end: 22px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--gold-border);border-radius:999px;background:linear-gradient(180deg,#151d2af0,#101722fa);color:var(--text-main);font-weight:600}.section-title{position:relative;display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1;letter-spacing:.4px;color:#f8d886;background:linear-gradient(180deg,#fff6d7,#f8d886 42%,#d6a24a 78%,#9b6424);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;border-radius:999px;border:1px solid var(--gold-border);background:#d6a24a1f;color:var(--gold-light);font-size:var(--hq-fs-xs, 12px);font-weight:700;line-height:1}.status-chip.is-success{border-color:#22c55e52;background:#22c55e1f;color:var(--success)}.status-chip.is-danger{border-color:#ef444452;background:#ef44441f;color:var(--danger)}.status-chip.is-warning{border-color:#f59e0b52;background:#f59e0b1f;color:var(--warning)}.category-tabs{display:flex;align-items:stretch;gap:var(--hq-tab-gap, 12px);width:100%;padding-bottom:var(--hq-space-sm, 6px);border-bottom:1px solid rgba(214,162,74,.22)}.category-tabs__item{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--hq-space-base, 10px);border:0;background:transparent;color:var(--text-muted);font-size:var(--hq-fs-md, 14px);font-weight:600}.category-tabs__item.is-active{color:var(--gold-light)}.category-tabs__item.is-active:after{content:"";position:absolute;left:50%;bottom:0;width:60%;height:2px;border-radius:999px;transform:translate(-50%);background:var(--gold-gradient);box-shadow:var(--gold-glow)}.game-card{display:flex;flex-direction:column;gap:8px;padding:10px;color:var(--text-main)}.game-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;color:var(--text-normal)}.bottom-tabbar,.tab-shell-dock{--background: linear-gradient(180deg, rgba(8, 17, 28, .98) 0%, rgba(5, 8, 15, 1) 100%);--color: var(--text-muted);--color-selected: var(--gold-light);border-top:1px solid rgba(214,162,74,.24);box-shadow:inset 0 1px #f8d8860f,0 -12px 28px #00000057}.tab-shell-dock__button{font-size:var(--hq-tabbar-label-size);--padding-start: 0;--padding-end: 0;--ripple-color: transparent;min-height:var(--hq-tabbar-item-height);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hq-tabbar-item-gap);border-radius:var(--hq-tabbar-radius);color:color-mix(in srgb,var(--text-main) 52%,transparent);background:transparent;box-sizing:border-box}.tab-shell-dock__button.is-active{color:var(--gold-light);background:linear-gradient(180deg,#f8d8862e,#d6a24a0a);box-shadow:inset 0 1px #f8d88614}.tab-shell-dock__button ion-icon{font-size:var(--hq-tabbar-icon-size)}.tab-shell-dock__icon{width:var(--hq-tabbar-icon-size);height:var(--hq-tabbar-icon-size);-o-object-fit:contain;object-fit:contain;display:block}.tab-shell-dock__button ion-label{margin-top:4px;font-size:var(--hq-tabbar-label-size);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;width:100%;text-align:center;background:radial-gradient(circle at top center,rgba(128,64,255,.12) 0%,transparent 34%),linear-gradient(180deg,#101722eb,#08111cfa)}.empty-state__icon,.empty-icon{color:var(--gold);filter:drop-shadow(0 0 14px rgba(214,162,74,.22))}.empty-state__title,.empty-text{color:var(--text-main);font-size:var(--hq-fs-lg, 18px);font-weight:700}.empty-state__desc,.empty-desc{max-width:24em;color:var(--text-muted);font-size:var(--hq-fs-base, 14px);line-height:1.5}.form-card{padding:var(--hq-space-lg, 16px)}.gold-input{width:100%;border:1px solid var(--soft-border);border-radius:18px;background:linear-gradient(180deg,#151d2afa,#101722fa);color:var(--text-main);box-shadow:inset 0 1px #f8d8860a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.gold-input:focus-within{border-color:var(--gold-border);box-shadow:var(--gold-glow),inset 0 1px #f8d8860f}.gold-input input,.gold-input textarea,.gold-input .native-input,.gold-input .native-textarea,.gold-input ion-input,.gold-input ion-textarea{color:var(--text-main)}.gold-input input::-moz-placeholder,.gold-input textarea::-moz-placeholder,.gold-input .native-input::-moz-placeholder,.gold-input .native-textarea::-moz-placeholder{color:var(--text-muted)}.gold-input input::placeholder,.gold-input textarea::placeholder,.gold-input .native-input::placeholder,.gold-input .native-textarea::placeholder{color:var(--text-muted)}:where(.login-page,.register-page,.forget-password-page){--background: var(--hq-shell-page-bg);--auth-page-bg: var(--hq-shell-page-bg);--auth-card-bg: var(--hq-shell-surface-primary);--auth-card-bg-secondary: var(--hq-shell-surface-secondary);--auth-card-bg-inset: var(--hq-shell-surface-inset);--auth-banner-bg: var(--hq-shell-surface-raised);--auth-border: rgba(209, 173, 112, .24);--auth-border-strong: rgba(209, 173, 112, .42);--auth-radius: var(--hq-auth-panel-radius);--auth-radius-inner: var(--hq-auth-panel-radius-inner);--auth-shadow: var(--hq-shell-edge-highlight), var(--hq-shell-shadow-lg);--auth-panel-shadow: var(--hq-shell-edge-highlight), var(--hq-shell-shadow-md);--auth-icon-left: var(--hq-text-muted);--auth-icon-right: var(--hq-primary-light);--auth-icon-btn-hover-bg: rgba(227, 195, 137, .12);--auth-icon-btn-active-bg: rgba(227, 195, 137, .18);--auth-input-h: var(--hq-auth-input-height);--auth-input-py: var(--hq-auth-input-padding-y);--auth-input-px: var(--hq-auth-input-padding-x);--auth-field-gap: var(--hq-auth-field-gap);--auth-btn-h: var(--hq-auth-button-height);--auth-banner-padding: 4px;--auth-banner-margin-bottom: 12px;--auth-banner-max-image-height: min(28vh, 196px);--auth-link-bg: var(--hq-shell-surface-secondary);--auth-link-shadow: var(--hq-shell-edge-highlight), var(--hq-shell-shadow-sm)}ion-page.login-page,ion-page.register-page,ion-page.forget-password-page{background:var(--auth-page-bg);color:var(--hq-text)}.auth-shell-metallic{background:var(--auth-page-bg);color:var(--hq-text)}.auth-shell-frame{min-height:100%}.auth-content{--background: transparent;--padding-top: 0;--padding-bottom: 24px;--padding-start: 0;--padding-end: 0;position:relative;color:var(--hq-text)}.auth-content::part(background){background:var(--auth-page-bg)}.auth-content::part(scroll){background:radial-gradient(circle at top,rgba(212,180,119,.18),transparent 22%),var(--auth-page-bg);scrollbar-width:none;-ms-overflow-style:none}.auth-content::part(scroll)::-webkit-scrollbar{width:0;height:0;display:none}.banner{width:100%;display:flex;align-items:flex-start;overflow:hidden;position:relative;margin-bottom:var(--auth-banner-margin-bottom);padding:var(--auth-banner-padding);background:var(--auth-banner-bg);border:1px solid var(--auth-border-strong);border-top:0;border-radius:0 0 24px 24px;box-shadow:var(--auth-panel-shadow)}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(227,195,137,.16),transparent 30%);pointer-events:none}.banner .back-fab{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;z-index:2;--background: rgba(8, 12, 18, .76);--background-hover: rgba(18, 24, 34, .9);--background-activated: rgba(24, 31, 42, .96);--box-shadow: 0 4px 12px rgba(4, 7, 12, .32);--border-radius: 50%;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;--color: var(--hq-primary-light);width:40px;height:40px;color:var(--hq-primary-light);-webkit-backdrop-filter:none;backdrop-filter:none}.banner img{width:100%;height:auto;max-height:var(--auth-banner-max-image-height);display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;border-radius:18px}.auth-card{width:100%;max-width:430px;margin:0 auto 18px;padding:0 12px;position:relative;z-index:1;box-sizing:border-box}.auth-scaffold{display:grid;gap:12px;padding:16px;background:var(--auth-card-bg);border-radius:var(--auth-radius);border:1px solid var(--auth-border-strong);box-shadow:var(--auth-shadow);position:relative;overflow:hidden}.auth-scaffold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,245,225,.04),transparent 22%);pointer-events:none}.auth-scaffold .auth-tabs-metallic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:4px;padding:4px;background:var(--auth-card-bg-secondary);border:1px solid var(--auth-border);border-radius:16px;box-shadow:var(--hq-shell-edge-highlight)}.auth-scaffold .auth-tab-metallic{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid transparent;border-radius:var(--auth-radius-inner);background:transparent;color:var(--hq-text-muted);font-weight:700;font-size:15px;position:relative;transition:color .16s ease,background .16s ease,border-color .16s ease}.auth-scaffold .auth-tab-metallic ion-icon{font-size:18px;color:currentColor}.auth-scaffold .auth-tab-metallic.active{color:var(--hq-primary-light);background:linear-gradient(180deg,#e3c3892e,#c6945214);border-color:var(--auth-border);box-shadow:inset 0 1px #fff5e114}.auth-scaffold .auth-tab-metallic:after{content:"";position:absolute;left:50%;bottom:6px;transform:translate(-50%) scaleX(.42);width:56%;height:3px;border-radius:999px;background:var(--hq-card-gradient);opacity:0;transition:transform .16s ease,opacity .16s ease}.auth-scaffold .auth-tab-metallic.active:after{opacity:1;transform:translate(-50%) scaleX(1)}.auth-scaffold .sub-title{margin:0 4px 2px;color:var(--hq-text-muted);font-size:var(--hq-fs-sm);line-height:1.5}.auth-scaffold .form-group{margin-bottom:var(--auth-field-gap)}.auth-scaffold .auth-field-metallic{margin-left:auto;margin-right:auto}.auth-scaffold .auth-field-label{display:inline-flex;align-items:center;gap:4px;margin:0 4px 6px;color:var(--hq-text-muted);font-size:var(--hq-fs-sm);line-height:1.4}.auth-scaffold .input-wrap{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--auth-input-h);box-sizing:border-box;padding:var(--auth-input-py) var(--auth-input-px);background:var(--auth-card-bg-inset);border:1px solid rgba(113,122,136,.82);border-radius:var(--auth-radius-inner);box-shadow:var(--hq-shell-edge-highlight),inset 0 1px #ffffff08;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.auth-scaffold .input-wrap:focus-within{border-color:var(--auth-border-strong);box-shadow:0 0 0 1px #e3c3892e,0 0 0 3px #c694521f,var(--hq-shell-edge-highlight);transform:translateY(-1px)}.auth-scaffold .input-wrap ion-input{flex:1;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;--color: var(--hq-text);--placeholder-color: var(--hq-text-muted);--placeholder-opacity: .82}.auth-card ion-input{border:none;--background: transparent}.auth-scaffold .input-wrap>ion-icon{font-size:18px;color:var(--auth-icon-left)}.auth-scaffold .auth-field-label .required-mark{color:var(--hq-primary-light);font-weight:800;font-size:14px;line-height:1}.auth-scaffold .input-wrap:focus-within>ion-icon:not([style]){color:var(--hq-primary-light)}.auth-scaffold .input-wrap>ion-button.eye{--padding-start: 6px;--padding-end: 6px;--border-radius: 12px;--background: transparent;--background-hover: var(--auth-icon-btn-hover-bg);--background-activated: var(--auth-icon-btn-active-bg);--background-focused: var(--auth-icon-btn-hover-bg);--box-shadow: none;--color: var(--auth-icon-right);border:1px solid transparent}.auth-scaffold .input-wrap>ion-button.eye>ion-icon{font-size:18px}.auth-scaffold .form-group.error .input-wrap{border-color:rgba(var(--ion-color-danger-rgb),.78);box-shadow:0 0 0 1px rgba(var(--ion-color-danger-rgb),.22),var(--hq-shell-edge-highlight)}.auth-scaffold .hint{margin:6px 4px 0;font-size:12px;color:var(--ion-color-danger)}.hq-checkbox{--size: var(--hq-auth-entry-checkbox-size);--border-radius: var(--hq-auth-entry-checkbox-radius);--border-width: 1px;--border-color: rgba(209, 173, 112, .36);--background: var(--auth-card-bg-inset);--background-checked: var(--hq-card-gradient);--border-color-checked: var(--auth-border-strong);--checkmark-color: var(--ion-color-primary-contrast)}.auth-scaffold .submit{margin-top:4px;margin-bottom:8px;height:var(--auth-btn-h);font-size:16px;letter-spacing:.04em;--border-radius: 14px;--background: var(--hq-card-gradient);--color: var(--ion-color-primary-contrast);--box-shadow: 0 14px 28px rgba(5, 8, 12, .24), 0 4px 12px rgba(var(--ion-color-primary-rgb), .18)}.auth-scaffold .link-row{display:grid;gap:var(--hq-space-sm);margin-top:2px}.auth-scaffold .link-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-scaffold .link-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-scaffold .link-row button{min-height:40px;padding:0 10px;border:1px solid var(--auth-border);border-radius:999px;background:var(--auth-link-bg);color:var(--hq-primary-light);font-weight:600;font-size:13px;box-shadow:var(--auth-link-shadow)}.auth-scaffold .link-row button:active{transform:translateY(1px)}ion-modal.agreement-modal-sheet{--width: var(--hq-auth-agreement-modal-host-width);--max-width: var(--hq-auth-agreement-modal-host-max-width);--height: var(--hq-auth-agreement-modal-host-height);--max-height: var(--hq-auth-agreement-modal-host-max-height);--background: var(--hq-shell-floating-bg);--border-radius: var(--hq-auth-agreement-modal-host-radius);--box-shadow: var(--hq-shell-shadow-lg)}ion-modal.agreement-modal-sheet::part(content){border-radius:var(--hq-auth-agreement-modal-host-radius);overflow:hidden;border:1px solid var(--auth-border);background:var(--hq-shell-floating-bg)}@media(max-height:940px){:where(.login-page,.register-page){--auth-input-h: clamp(40px, calc(var(--hq-mobile-rem) * 1.71), 42px);--auth-input-py: clamp(7px, calc(var(--hq-mobile-rem) * .37), 8px);--auth-field-gap: clamp(8px, calc(var(--hq-mobile-rem) * .43), 10px);--auth-btn-h: clamp(42px, calc(var(--hq-mobile-rem) * 1.79), 44px);--auth-banner-margin-bottom: 10px;--auth-banner-max-image-height: min(24vh, 176px)}.auth-scaffold{padding:14px}}@media(max-height:860px){:where(.login-page,.register-page){--auth-input-h: clamp(38px, calc(var(--hq-mobile-rem) * 1.6), 40px);--auth-input-py: clamp(6px, calc(var(--hq-mobile-rem) * .32), 7px);--auth-field-gap: clamp(7px, calc(var(--hq-mobile-rem) * .37), 8px);--auth-btn-h: clamp(40px, calc(var(--hq-mobile-rem) * 1.71), 42px);--auth-banner-max-image-height: min(21vh, 150px)}.auth-content{--padding-bottom: 14px}.auth-scaffold{padding:12px}.auth-scaffold .auth-tab-metallic{min-height:42px}.auth-scaffold .sub-title{font-size:12px}}:root{--hq-header-top-banner-height: clamp(35.62px, calc(var(--hq-token-1vw) * 11.13), 47.89px);--hq-header-top-banner-right-padding: clamp(7.12px, calc(var(--hq-token-1vw) * 2.23), 9.58px);--hq-header-top-close-padding-x: clamp(14.27px, calc(var(--hq-token-1vw) * 4.45), 19.17px);--hq-header-top-close-icon-size: clamp(14.26px, calc(var(--hq-token-1vw) * 4.45), 19.16px);--hq-header-top-content-max-width: 374px;--hq-header-download-btn-width: clamp(85.5px, calc(var(--hq-token-1vw) * 26.72), 115px);--hq-header-download-btn-height: clamp(28.9px, calc(var(--hq-token-1vw) * 9.01), 38.8px);--hq-header-download-btn-font-size: clamp(14px, calc(var(--hq-token-1vw) * 4.91), 18.4px);--hq-header-download-btn-padding-x: clamp(6.96px, calc(var(--hq-token-1vw) * 2.17), 9.36px);--hq-header-download-btn-radius: clamp(7.12px, calc(var(--hq-token-1vw) * 2.23), 9.58px);--hq-header-logo-row-height: clamp(58px, calc(var(--hq-token-1vw) * 19.83), 90px);--hq-header-logo-row-padding-left: clamp(6px, calc(var(--hq-token-1vw) * 2.23), 8.35px);--hq-header-logo-row-padding-right: clamp(12px, calc(var(--hq-token-1vw) * 4.45), 16.69px);--hq-header-logo-width: auto;--hq-header-logo-height: 40px;--hq-header-logo-max-width: 114px;--hq-header-balance-icon-size: clamp(15px, calc(var(--hq-mobile-rem) * .38), 20px);--hq-header-refresh-icon-size: clamp(12px, calc(var(--hq-mobile-rem) * .33), 16px);--hq-header-action-button-size: clamp(30px, calc(var(--hq-mobile-rem) * .76), 38px);--hq-header-action-icon-size: var(--hq-icon-header);--hq-header-language-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .56), 28px);--hq-header-search-icon-width: clamp(34px, calc(var(--hq-token-1vw) * 12.02), 45.09px);--hq-header-search-icon-height: clamp(30px, calc(var(--hq-token-1vw) * 10.52), 39.45px);--hq-header-search-font-size: clamp(14px, calc(var(--hq-token-1vw) * 4.91), 18.4px);--hq-header-search-line-height: 1.171875;--hq-header-search-padding-top: clamp(2px, calc(var(--hq-token-1vw) * .64), 2.4px);--hq-header-search-padding-bottom: clamp(.7px, calc(var(--hq-token-1vw) * .21), .8px);--hq-banner-aspect-ratio: 3.409;--hq-banner-radius: var(--hq-home-section-radius);--hq-jackpot-aspect-ratio: 4.076;--hq-home-padding-x: var(--hq-space-lg);--hq-home-padding-top: var(--hq-space-base);--hq-home-shell-bg: var(--hq-shell-page-bg);--hq-home-shell-surface: var(--hq-shell-surface-primary);--hq-home-shell-surface-alt: var(--hq-shell-surface-secondary);--hq-home-shell-surface-inset: var(--hq-shell-surface-inset);--hq-home-shell-surface-raised: var(--hq-shell-surface-raised);--hq-home-header-surface: linear-gradient(180deg, rgba(57, 65, 77, .98) 0%, rgba(26, 32, 41, .98) 100%);--hq-home-notice-surface: var(--hq-shell-notice-bg);--hq-home-footer-surface: linear-gradient(180deg, rgba(37, 44, 54, .96) 0%, rgba(22, 27, 35, .98) 100%);--hq-home-chip-surface: var(--hq-shell-surface-inset);--hq-home-shell-border: var(--hq-shell-panel-border);--hq-home-shell-border-strong: var(--hq-shell-panel-border-strong);--hq-home-shell-highlight: var(--hq-shell-edge-highlight);--hq-home-shell-shadow: var(--hq-shell-shadow-md);--hq-home-shell-shadow-lg: var(--hq-shell-shadow-lg);--hq-home-section-radius: clamp(16px, calc(var(--hq-token-1vw) * 4.8), 20px);--hq-home-section-radius-inner: clamp(12px, calc(var(--hq-token-1vw) * 3.73), 16px);--hq-home-shell-panel-chrome-padding: clamp(4px, calc(var(--hq-token-1vw) * 1.07), 6px);--hq-home-banner-height: clamp(180px, calc(var(--hq-token-1vw) * 52), 220px);--hq-home-jackpot-min-height: clamp(88px, calc(var(--hq-token-1vw) * 23), 116px);--hq-home-auth-panel-padding: clamp(12px, calc(var(--hq-token-1vw) * 3.2), 16px);--hq-home-game-shell-padding: clamp(12px, calc(var(--hq-token-1vw) * 3.2), 18px);--hq-home-game-shell-padding-top: clamp(8px, calc(var(--hq-token-1vw) * 2.13), 12px);--hq-home-game-content-padding-top: clamp(4px, calc(var(--hq-token-1vw) * 1.07), 8px);--hq-section-gap: var(--hq-space-section);--hq-section-gap-lg: var(--hq-space-section);--hq-home-block-gap: clamp(8px, calc(var(--hq-token-1vw) * 2.13), 14px);--hq-home-game-section-gap: clamp(4px, calc(var(--hq-token-1vw) * 1.07), 10px);--hq-home-header-sticky-top: 0px;--hq-home-category-sticky-top: calc( var(--hq-header-top-banner-height) + var(--hq-base-header-height) + var(--hq-base-header-padding-y) * 2 + var(--hq-home-padding-top) );--hq-marquee-height: clamp(28px, calc(var(--hq-token-1vw) * 7.47), 32px);--hq-marquee-radius: clamp(12px, calc(var(--hq-token-1vw) * 3.73), 18px);--hq-marquee-gap: clamp(6px, calc(var(--hq-token-1vw) * 1.6), 10px);--hq-marquee-padding-x: clamp(14px, calc(var(--hq-token-1vw) * 3.73), 18px);--hq-marquee-padding-y: clamp(4px, calc(var(--hq-token-1vw) * 1.07), 6px);--hq-marquee-icon-width: clamp(20px, calc(var(--hq-token-1vw) * 5.33), 28px);--hq-marquee-icon-height: clamp(18px, calc(var(--hq-token-1vw) * 4.8), 22px);--hq-marquee-text-size: var(--hq-fs-sm);--hq-marquee-text-height: 20px;--hq-marquee-button-width: clamp(32px, calc(var(--hq-token-1vw) * 8.53), 36px);--hq-marquee-button-height: clamp(28px, calc(var(--hq-token-1vw) * 7.47), 32px);--hq-marquee-button-radius: var(--hq-space-sm);--hq-marquee-button-icon-size: clamp(12px, calc(var(--hq-token-1vw) * 3.73), 16px);--hq-marquee-dot-size: clamp(5px, calc(var(--hq-mobile-rem) * .12), 6px);--hq-marquee-badge-min-width: clamp(18px, calc(var(--hq-mobile-rem) * .46), 22px);--hq-marquee-badge-height: clamp(15px, calc(var(--hq-mobile-rem) * .4), 18px);--hq-marquee-badge-font-size: clamp(9px, calc(var(--hq-mobile-rem) * .22), 10px);--hq-marquee-arrow-size: clamp(14px, calc(var(--hq-mobile-rem) * .36), 16px);--hq-showcase-tab-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .33), 17px);--hq-showcase-tab-padding-y: clamp(2px, calc(var(--hq-mobile-rem) * .1), 8px);--hq-showcase-tab-padding-x: clamp(8px, calc(var(--hq-mobile-rem) * .24), 12px);--hq-showcase-tab-search-font-size: clamp(11.5px, calc(var(--hq-mobile-rem) * .26), 13.5px);--hq-showcase-tab-search-height: clamp(30px, calc(var(--hq-mobile-rem) * .72), 36px);--hq-showcase-tab-search-min-width: clamp(42px, calc(var(--hq-mobile-rem) * 1.04), 52px);--hq-showcase-tab-search-padding-x: clamp(8px, calc(var(--hq-mobile-rem) * .24), 12px);--hq-showcase-tab-indicator-inline: clamp(10px, calc(var(--hq-mobile-rem) * .28), 12px);--hq-auth-grid-gap: clamp(8px, calc(var(--hq-token-1vw) * 2.4), 16px);--hq-auth-container-padding-x: 0;--hq-action-tile-height: var(--hq-tile-height);--hq-action-tile-min-touch-height: 44px;--hq-action-tile-icon-size: var(--hq-icon-tile);--hq-action-tile-label-size: var(--hq-fs-tile-label);--hq-action-tile-label-line-height: 1.2;--hq-action-tile-gap: clamp(2px, calc(var(--hq-mobile-rem) * .08), 6px);--hq-action-tile-padding: clamp(6px, calc(var(--hq-mobile-rem) * .14), 10px) clamp(4px, calc(var(--hq-mobile-rem) * .1), 6px) clamp(5px, calc(var(--hq-mobile-rem) * .12), 8px);--hq-action-tile-radius: clamp(10px, calc(var(--hq-mobile-rem) * .24), 12px);--hq-auth-btn-height: clamp(30px, calc(var(--hq-token-1vw) * 8.5), 50px);--hq-auth-btn-radius: clamp(5px, calc(var(--hq-token-1vw) * 1.6), 10px);--hq-auth-btn-font-size: clamp(12px, calc(var(--hq-token-1vw) * 3.47), 22px);--hq-auth-btn-line-height: 1;--hq-auth-btn-border-width: 1px;--hq-auth-btn-shadow: var(--hq-home-shell-highlight), var(--hq-shell-shadow-sm);--hq-auth-btn-shadow-primary: 0 14px 26px rgba(5, 8, 12, .26), 0 4px 10px rgba(var(--ion-color-primary-rgb), .18);--hq-auth-btn-letter-spacing: .05em;--hq-auth-btn-padding-x: clamp(3px, calc(var(--hq-token-1vw) * .8), 6px);--hq-auth-action-height: var(--hq-action-tile-height);--hq-auth-action-icon-width: var(--hq-action-tile-icon-size);--hq-auth-action-icon-height: var(--hq-action-tile-icon-size);--hq-auth-action-icon-gap: var(--hq-action-tile-gap);--hq-auth-action-label-font-size: var(--hq-action-tile-label-size);--hq-auth-action-padding: var(--hq-action-tile-padding);--hq-auth-badge-height: clamp(11.09px, calc(var(--hq-token-1vw) * 3.47), 23.42px);--hq-auth-badge-padding-x: clamp(3.41px, calc(var(--hq-token-1vw) * 1.07), 7.22px);--hq-auth-badge-radius: clamp(5.55px, calc(var(--hq-token-1vw) * 1.73), 11.68px);--hq-auth-badge-font-size: clamp(7.68px, calc(var(--hq-token-1vw) * 2.4), 16.2px);--hq-auth-badge-right: clamp(-13.45px, calc(var(--hq-token-1vw) * -4.2), -28.35px);--hq-auth-badge-translate-y: calc(-1 * var(--hq-auth-badge-radius));--hq-auth-badge-bg: #EA4E3D;--hq-auth-badge-color: #FFFF00;--hq-auth-badge-radius-corners: var(--hq-auth-badge-radius) var(--hq-auth-badge-radius) var(--hq-auth-badge-radius) 0;--hq-more-panel-radius: clamp(16px, calc(var(--hq-token-1vw) * 4.8), 18px);--hq-more-panel-padding: clamp(12px, calc(var(--hq-token-1vw) * 3.73), 18px);--hq-more-panel-shadow: var(--hq-home-shell-shadow-lg);--hq-more-panel-side-gap: var(--hq-space-lg);--hq-more-panel-max-width: 420px;--hq-more-panel-col-gap: clamp(9px, calc(var(--hq-token-1vw) * 2.4), 16.2px);--hq-more-panel-row-gap: clamp(11.2px, calc(var(--hq-token-1vw) * 2.99), 20.16px);--hq-more-panel-item-gap: clamp(5.6px, calc(var(--hq-token-1vw) * 1.49), 10.08px);--hq-more-panel-item-font-size: clamp(14px, calc(var(--hq-token-1vw) * 4.27), 20px);--hq-more-panel-icon-width: clamp(36px, calc(var(--hq-token-1vw) * 9.6), 52px);--hq-more-panel-icon-height: clamp(36px, calc(var(--hq-token-1vw) * 9.6), 52px);--hq-more-panel-icon-font-size: clamp(20px, calc(var(--hq-token-1vw) * 5.33), 36px);--hq-more-panel-badge-top: clamp(-6.5px, calc(var(--hq-token-1vw) * -1.73), -11.69px);--hq-more-panel-badge-right: clamp(-2px, calc(var(--hq-token-1vw) * -.53), -3.6px);--hq-more-panel-badge-height: clamp(13px, calc(var(--hq-token-1vw) * 3.47), 23.39px);--hq-more-panel-badge-padding: clamp(4px, calc(var(--hq-token-1vw) * 1.07), 7.2px);--hq-more-panel-badge-font-size: clamp(11px, calc(var(--hq-token-1vw) * 2.93), 19.8px);--hq-more-panel-badge-radius: clamp(6.5px, calc(var(--hq-token-1vw) * 1.73), 11.69px);--hq-more-panel-badge-bg: var(--ion-color-danger);--hq-more-panel-badge-color: var(--hq-auth-badge-color);--hq-more-modal-icon-size: clamp(36px, calc(var(--hq-token-1vw) * 10.67), 65px);--hq-sidebar-width: 70px;--hq-sidebar-padding: 6px;--hq-sidebar-item-gap: 8px;--hq-sidebar-item-radius: 12px;--hq-sidebar-icon-height: 20px;--hq-category-sidebar-width: 75px;--hq-category-sidebar-padding: 18px 0 0;--hq-category-item-height: 44px;--hq-category-item-gap: 14px;--hq-category-icon-size: 30px;--hq-category-icon-width: 40.08px;--hq-category-item-width: 125.25px;--hq-category-item-padding: 0 5px 0 2.5px;--hq-category-item-shadow: 0 2.5px 5.85px rgba(188, 142, 96, .12);--hq-category-font-size: 20px;--hq-category-font-weight: 400;--hq-category-line-height: 1.171875;--hq-game-grid-columns: 3;--hq-game-grid-gap: var(--hq-grid-gap-xs);--hq-game-card-radius: clamp(13px, calc(var(--hq-token-1vw) * 3.47), 14px);--hq-game-card-image-radius: clamp(13.09px, calc(var(--hq-token-1vw) * 3.49), 14px);--hq-game-card-thumb-size: 78.41px;--hq-game-card-padding: 0;--hq-game-card-thumb-name-gap: clamp(3.5px, calc(var(--hq-token-1vw) * .93), 5px);--hq-game-card-aspect-ratio: 1;--hq-game-card-bg: var(--hq-home-shell-surface-inset);--hq-game-card-text-color: var(--hq-text)}@media(max-width:390px){:root{--hq-game-lobby-card-name-size: clamp(12px, calc(var(--hq-token-1vw) * 3.2), 14px)}}@media(max-height:700px){:root{--hq-category-item-gap: 12px}}:root{--hq-game-card-name-font-size: clamp(12.6px, calc(var(--hq-token-1vw) * 3.36), 16px);--hq-game-card-name-line-height: 1.46;--hq-game-card-name-font-weight: 400;--hq-game-favorite-btn-size: 22px;--hq-game-favorite-btn-offset: 4px;--hq-game-favorite-btn-icon-size: 12px;--hq-game-favorite-btn-bg: linear-gradient(180deg, rgba(95, 67, 38, .92), rgba(53, 37, 22, .96));--hq-game-favorite-btn-active-bg: radial-gradient(circle at 35% 28%, #ffe7b6, #d1a35a 60%, #8b632f 100%);--hq-game-favorite-btn-color: var(--hq-primary-light);--hq-game-favorite-btn-active-color: #fff7e8;--hq-game-favorite-btn-border-color: rgba(230, 199, 136, .26);--hq-game-grid-empty-min-height: calc( var(--hq-game-card-thumb-size) * 2 + var(--hq-game-grid-gap) + var(--hq-game-card-thumb-name-gap) * 2 + var(--hq-game-card-name-font-size) * 2.4 );--hq-game-tab-loading-medallion-size: 78px;--hq-game-tab-empty-icon-size: clamp(56px, calc(var(--hq-mobile-rem) * 1.42), 72px);--hq-tab-gap: 0;--hq-tab-title-height: clamp(40px, calc(var(--hq-token-1vw) * 10.67), 42px);--hq-tab-font-size: clamp(13.8px, calc(var(--hq-token-1vw) * 3.68), 18px);--hq-tab-font-weight: 400;--hq-tab-active-color: var(--hq-primary-light);--hq-tab-inactive-color: var(--hq-text-muted);--hq-tab-bar-padding-bottom: .8px;--hq-tab-indicator-height: 2.29px;--hq-tab-indicator-width: 27.5px;--hq-tab-indicator-radius: 999px;--hq-tab-item-padding-x: clamp(1px, calc(var(--hq-token-1vw) * .31), 2px);--hq-game-list-padding-top: clamp(11px, calc(var(--hq-token-1vw) * 2.93), 16px);--hq-game-list-padding-bottom: clamp(17px, calc(var(--hq-token-1vw) * 4.53), 24px);--hq-game-lobby-search-height: 43px;--hq-game-lobby-search-radius: 32px;--hq-game-lobby-board-radius: 30px;--hq-game-lobby-board-padding: clamp(12px, calc(var(--hq-token-1vw) * 3.5), 18px);--hq-game-lobby-sidebar-padding: 8px;--hq-game-lobby-sidebar-gap: 12px;--hq-game-lobby-pagination-height: 54px;--hq-game-lobby-card-name-size: clamp(13px, calc(var(--hq-token-1vw) * 3.5), 16px);--hq-game-lobby-card-name-weight: 500;--hq-game-lobby-card-name-line-height: 1.35;--hq-game-lobby-card-image-radius: 16px;--hq-game-lobby-tab-divider: rgba(209, 173, 112, .2);--hq-game-ordinary-gap: clamp(9px, calc(var(--hq-token-1vw) * 2.93), 12px);--hq-game-ordinary-item-height: clamp(96px, calc(var(--hq-token-1vw) * 28), 116.38px);--hq-game-ordinary-radius: clamp(7px, calc(var(--hq-token-1vw) * 2.1), 8.06px);--hq-game-ordinary-shadow: var(--hq-shell-shadow-sm);--hq-game-section-title-font-size: var(--hq-tab-font-size);--hq-game-section-title-color: var(--hq-text);--hq-game-section-action-font-size: 13px;--hq-game-section-action-color: var(--hq-primary-light);--hq-game-section-icon-width: clamp(24px, calc(var(--hq-token-1vw) * 7.5), 30px);--hq-game-section-icon-font-size: 18px;--hq-game-section-icon-height: clamp(18px, calc(var(--hq-token-1vw) * 5.6), 23px);--hq-footer-padding-top: clamp(11px, calc(var(--hq-token-1vw) * 3.06), 12px);--hq-footer-padding-x: clamp(11px, calc(var(--hq-token-1vw) * 3.06), 12px);--hq-footer-padding-bottom: clamp(22px, calc(var(--hq-token-1vw) * 6.12), 23px);--hq-footer-section-gap: clamp(14px, calc(var(--hq-token-1vw) * 4.6), 17.2px);--hq-footer-block-gap: clamp(10px, calc(var(--hq-token-1vw) * 3.3), 12.27px);--hq-footer-block-padding-top: clamp(2px, calc(var(--hq-token-1vw) * .64), 2.4px);--hq-footer-block-padding-bottom: clamp(5px, calc(var(--hq-token-1vw) * 1.53), 5.74px);--hq-footer-border-color: rgba(209, 173, 112, .18);--hq-footer-title-font-size: clamp(13.5px, calc(var(--hq-token-1vw) * 3.9), 14.9px);--hq-footer-title-color: var(--hq-text-muted);--hq-footer-desc-font-size: clamp(10px, calc(var(--hq-token-1vw) * 3), 10.3px);--hq-footer-desc-line-height: 1.17;--hq-footer-desc-color: var(--hq-text-soft);--hq-footer-highlight-color: var(--hq-primary-light);--hq-footer-highlight-bg: rgba(227, 195, 137, .12);--hq-footer-icon-size: clamp(36px, calc(var(--hq-token-1vw) * 10.7), 40.16px);--hq-footer-contact-gap: clamp(9px, calc(var(--hq-token-1vw) * 3), 11.47px);--hq-footer-social-gap: clamp(6px, calc(var(--hq-token-1vw) * 2), 8px);--hq-footer-social-height: clamp(30px, calc(var(--hq-token-1vw) * 8.5), 37px);--hq-footer-legal-font-size: clamp(10px, calc(var(--hq-token-1vw) * 3), 10.3px);--hq-footer-legal-line-height: 1.17;--hq-game-footer-gap: clamp(5px, calc(var(--hq-token-1vw) * 1.33), 8px);--hq-game-footer-stats-padding-top: clamp(1.6px, calc(var(--hq-token-1vw) * .43), 2px);--hq-game-footer-stats-padding-bottom: .8px;--hq-game-footer-stats-font-size: clamp(13.8px, calc(var(--hq-token-1vw) * 3.68), 16px);--hq-game-footer-stats-line-height: 1.17;--hq-game-footer-stats-color: var(--hq-text-muted);--hq-home-game-block-mask-text-font-size: 12px;--hq-game-footer-trigger-font-size: clamp(13.8px, calc(var(--hq-token-1vw) * 3.68), 16px);--hq-game-footer-trigger-color: var(--hq-primary-light);--hq-home-game-block-mask-icon-max-width: 72px;--hq-game-footer-trigger-icon-size: clamp(10px, calc(var(--hq-token-1vw) * 2.67), 12px);--hq-quick-action-cols: 4;--hq-quick-action-gap: var(--hq-grid-gap-md);--hq-quick-action-padding-y: var(--hq-space-base);--hq-quick-action-icon-size: 22px;--hq-quick-action-badge-size: 14px;--hq-quick-action-badge-radius-tl: var(--hq-auth-badge-radius);--hq-quick-action-badge-radius-tr: var(--hq-auth-badge-radius);--hq-quick-action-badge-radius-bl: var(--hq-auth-badge-radius);--hq-quick-action-badge-radius-br: 0;--hq-primary: var(--ion-color-primary);--hq-primary-light: var(--ion-color-tertiary);--hq-primary-dark: #7f552e;--hq-gradient-register: var(--hq-card-gradient);--hq-gradient-badge: var(--hq-shell-highlight-bg);--hq-border-color: rgba(113, 122, 136, .72);--hq-border-color-active: rgba(209, 173, 112, .42);--hq-bg-active: rgba(var(--ion-color-primary-rgb), .12);--hq-shadow-card: var(--hq-shell-shadow-sm);--hq-shadow-section: var(--hq-shell-shadow-md);--hq-category-active-bg: rgba(var(--ion-color-primary-rgb), .18);--hq-category-active-text: var(--hq-primary-light);--hq-category-inactive-text: var(--hq-text-muted)}:root{--hq-fund-card-radius: var(--hq-base-radius-md, 16px);--hq-fund-card-padding: var(--hq-space-lg);--hq-fund-chip-height: clamp(32px, calc(var(--hq-mobile-rem) * .82), 38px);--hq-fund-chip-padding-x: var(--hq-record-filter-chip-padding-x);--hq-fund-chip-radius: var(--hq-record-filter-chip-radius);--hq-fund-amount-size: var(--hq-fs-lg);--hq-fund-meta-size: var(--hq-fs-sm);--hq-fund-metallic-surface-border: 1px solid rgba(214, 173, 96, .22);--hq-fund-metallic-surface-background: linear-gradient(180deg, rgba(11, 17, 27, .98), rgba(6, 10, 18, .98));--hq-fund-metallic-surface-shadow: inset 0 1px 0 rgba(255, 227, 168, .05), 0 0 0 1px rgba(89, 59, 20, .18);--hq-fund-record-metallic-border: 1px solid var(--gold-border);--hq-fund-record-metallic-background: var(--card-gradient);--hq-fund-record-metallic-shadow: inset 0 1px 0 color-mix(in srgb, var(--gold-light) 10%, transparent), 0 14px 24px rgba(0, 0, 0, .18);--hq-fund-record-shell-text-color: color-mix(in srgb, var(--text-main) 72%, transparent);--hq-fund-metallic-emphasis-line-height: 1.25;--hq-fund-metallic-emphasis-letter-spacing: .4px;--hq-fund-metallic-emphasis-color: #f8d886;--hq-fund-metallic-emphasis-gradient: linear-gradient(180deg, #fff6d7 0%, #f8d886 42%, #d6a24a 78%, #9b6424 100%);--hq-fund-warning-text-color: color-mix(in srgb, var(--warning) 88%, white 12%)}:root{--deposit-header-height: clamp(75px, calc(var(--hq-token-1vw) * 27.37), 102.69px);--deposit-title-font-size: clamp(22px, calc(var(--hq-token-1vw) * 8.77), 32.9px);--deposit-title-line-height: 3.12em;--deposit-title-color: #333333;--deposit-close-btn-width: clamp(60px, calc(var(--hq-token-1vw) * 21.91), 82.15px);--deposit-extra-btn-padding: clamp(8px, calc(var(--hq-token-1vw) * 2.74), 10.27px);--deposit-extra-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .58), 24px);--deposit-refresh-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .4), 16px);--deposit-payment-header-padding-y: clamp(16px, calc(var(--hq-token-1vw) * 5.48), 20.54px);--deposit-payment-header-padding-x: clamp(16px, calc(var(--hq-token-1vw) * 5.43), 20.34px);--deposit-payment-title-font-size: clamp(18px, calc(var(--hq-token-1vw) * 6.56), 24.6px);--deposit-payment-title-weight: 700;--deposit-payment-title-color: #333333;--deposit-currency-box-height: clamp(32px, calc(var(--hq-token-1vw) * 11.06), 41.48px);--deposit-currency-box-border: 1px solid #E3E3E3;--deposit-currency-box-radius: clamp(16px, calc(var(--hq-token-1vw) * 5.48), 20.54px);--deposit-currency-icon-size: clamp(24px, calc(var(--hq-mobile-rem) * .68), 34px);--deposit-currency-icon-radius: clamp(14px, calc(var(--hq-token-1vw) * 4.65), 17.45px);--deposit-currency-icon-gradient: linear-gradient(135deg, #FF9A44 0%, #FC603D 100%);--deposit-amount-font-size: clamp(17px, calc(var(--hq-token-1vw) * 6.03), 22.6px);--deposit-amount-color: #E67E23;--deposit-amount-border-width: 1.6px;--deposit-amount-line-height: 1.17em;--deposit-tabs-border-bottom: .8px solid #E3E3E3;--deposit-tab-font-size: clamp(13px, calc(var(--hq-token-1vw) * 4.27), 16px);--deposit-tab-padding: clamp(10px, calc(var(--hq-token-1vw) * 3.2), 12px) clamp(6px, calc(var(--hq-token-1vw) * 2.13), 8px);--deposit-tab-active-color: #F37022;--deposit-tab-inactive-color: #333333;--deposit-tab-indicator-height: 3px;--deposit-tab-indicator-radius: 4.11px;--deposit-tab-indicator-color: #F37022;--deposit-badge-bg: #D11D1D;--deposit-badge-color: #ffffff;--deposit-badge-font-size: clamp(10px, calc(var(--hq-token-1vw) * 2.93), 11px);--deposit-badge-padding: clamp(2px, calc(var(--hq-token-1vw) * .53), 2px) clamp(5px, calc(var(--hq-token-1vw) * 1.6), 6px);--deposit-badge-radius: clamp(11px, calc(var(--hq-token-1vw) * 3.56), 13.35px) clamp(11px, calc(var(--hq-token-1vw) * 3.56), 13.35px) clamp(11px, calc(var(--hq-token-1vw) * 3.56), 13.35px) 0;--deposit-channel-gap: clamp(10px, calc(var(--hq-token-1vw) * 3.2), 12px);--deposit-channel-padding: clamp(12px, calc(var(--hq-token-1vw) * 4.27), 16px);--deposit-channel-border: 1px solid #F37022;--deposit-channel-radius: clamp(8px, calc(var(--hq-token-1vw) * 2.74), 10.27px);--deposit-channel-bg: #ffffff;--deposit-channel-hover-bg: #FFF7F1;--deposit-channel-icon-size: clamp(34px, calc(var(--hq-token-1vw) * 10.67), 40px);--deposit-channel-icon-radius: clamp(6px, calc(var(--hq-token-1vw) * 2.13), 8px);--deposit-channel-icon-gradient: linear-gradient(135deg, #FF9A44 0%, #FC603D 100%);--deposit-channel-name-font-size: clamp(14px, calc(var(--hq-token-1vw) * 4.27), 16px);--deposit-channel-name-color: #333333;--deposit-modal-bg: #ffffff;--deposit-modal-radius: clamp(17px, calc(var(--hq-token-1vw) * 5.48), 20.54px) clamp(17px, calc(var(--hq-token-1vw) * 5.48), 20.54px) 0 0;--deposit-modal-padding: clamp(12px, calc(var(--hq-token-1vw) * 4.27), 16px);--deposit-modal-gap: clamp(12px, calc(var(--hq-token-1vw) * 4.27), 16px);--deposit-home-shell-padding: clamp(5px, calc(var(--hq-mobile-rem) * .24), 10px) clamp(5px, calc(var(--hq-mobile-rem) * .18), 5px);--deposit-balance-card-gap: clamp(10px, calc(var(--hq-mobile-rem) * .38), 14px);--deposit-balance-card-padding: 0 clamp(12px, calc(var(--hq-mobile-rem) * .43), 16px);--deposit-balance-card-radius: clamp(16px, calc(var(--hq-mobile-rem) * .54), 20px);--deposit-balance-label-font-size: var(--hq-fs-body-compact);--deposit-balance-value-gap: clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-balance-value-radius: clamp(12px, calc(var(--hq-mobile-rem) * .38), 14px);--deposit-balance-value-box-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.02), 38px);--deposit-balance-value-box-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .32), 12px);--deposit-balance-coin-size: clamp(14px, calc(var(--hq-mobile-rem) * .43), 16px);--deposit-balance-value-font-size: var(--hq-fs-body-compact);--deposit-balance-refresh-size: clamp(28px, calc(var(--hq-mobile-rem) * .86), 32px);--deposit-balance-inline-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 8px);--deposit-balance-inline-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .16), 6px);--deposit-hero-banner-min-height: clamp(124px, calc(var(--hq-mobile-rem) * 4.37), 164px);--deposit-hero-banner-radius: clamp(18px, calc(var(--hq-mobile-rem) * .59), 22px);--deposit-section-label-margin-bottom: clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-section-label-font-size: var(--hq-fs-body-compact);--deposit-section-label-tracking: clamp(.2px, calc(var(--hq-mobile-rem) * .01), .4px);--deposit-method-grid-gap: clamp(3px, calc(var(--hq-mobile-rem) * .16), 6px);--deposit-method-card-min-height: clamp(60px, calc(var(--hq-mobile-rem) * 1.7), 64px);--deposit-method-card-padding: clamp(7px, calc(var(--hq-mobile-rem) * .21), 8px) clamp(5px, calc(var(--hq-mobile-rem) * .16), 6px) clamp(5px, calc(var(--hq-mobile-rem) * .16), 6px);--deposit-method-card-radius: var(--hq-base-radius-md, 16px);--deposit-method-content-gap: clamp(2px, calc(var(--hq-mobile-rem) * .08), 3px);--deposit-method-logo-size: clamp(22px, calc(var(--hq-mobile-rem) * .64), 24px);--deposit-method-logo-padding: clamp(2px, calc(var(--hq-mobile-rem) * .08), 3px);--deposit-method-logo-usdt-radius: clamp(10px, calc(var(--hq-mobile-rem) * .32), 12px);--deposit-method-check-size: clamp(14px, calc(var(--hq-mobile-rem) * .43), 16px);--deposit-method-check-inset: clamp(3px, calc(var(--hq-mobile-rem) * .11), 4px);--deposit-method-check-icon-size: clamp(9px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-method-name-font-size: clamp(9px, calc(var(--hq-mobile-rem) * .26), 10px);--deposit-method-badge-inset-top: clamp(4px, calc(var(--hq-mobile-rem) * .16), 6px);--deposit-method-badge-reserved-space: clamp(10px, calc(var(--hq-mobile-rem) * .43), 14px);--deposit-hosted-channel-min-height: clamp(62px, calc(var(--hq-mobile-rem) * 1.76), 66px);--deposit-hosted-channel-padding: clamp(10px, calc(var(--hq-mobile-rem) * .32), 12px) clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px) clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-hosted-channel-content-gap: clamp(3px, calc(var(--hq-mobile-rem) * .1), 4px);--deposit-hosted-channel-content-padding-top: var(--deposit-method-badge-reserved-space);--deposit-hosted-channel-name-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .32), 12px);--deposit-hosted-channel-range-font-size: var(--hq-fs-xs);--deposit-hosted-channel-check-inset: clamp(4px, calc(var(--hq-mobile-rem) * .13), 5px);--deposit-channel-badge-min-height: clamp(16px, calc(var(--hq-mobile-rem) * .54), 18px);--deposit-channel-badge-padding: clamp(2px, calc(var(--hq-mobile-rem) * .08), 2px) clamp(6px, calc(var(--hq-mobile-rem) * .24), 7px);--deposit-channel-badge-font-size: clamp(8px, calc(var(--hq-mobile-rem) * .24), 9px);--deposit-amount-grid-gap: clamp(6px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-amount-option-min-width: clamp(126px, calc(var(--hq-mobile-rem) * 4), 150px);--deposit-quick-amount-min-height: clamp(52px, calc(var(--hq-mobile-rem) * 1.4), 52px);--deposit-quick-amount-radius: clamp(12px, calc(var(--hq-mobile-rem) * .38), 14px);--deposit-quick-amount-content-gap: clamp(2px, calc(var(--hq-mobile-rem) * .08), 3px);--deposit-amount-card-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 8px);--deposit-amount-card-padding: clamp(10px, calc(var(--hq-mobile-rem) * .32), 12px) clamp(12px, calc(var(--hq-mobile-rem) * .37), 14px) clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-amount-card-radius: clamp(16px, calc(var(--hq-mobile-rem) * .48), 18px);--deposit-amount-label-font-size: var(--hq-fs-body-compact);--deposit-amount-main-min-height: clamp(52px, calc(var(--hq-mobile-rem) * 1.49), 56px);--deposit-amount-main-gap: clamp(7px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-amount-main-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .32), 12px);--deposit-amount-main-radius: var(--hq-base-radius-md, 16px);--deposit-amount-coin-size: clamp(24px, calc(var(--hq-mobile-rem) * .75), 28px);--deposit-amount-input-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .38), 14px);--deposit-amount-clear-size: clamp(28px, calc(var(--hq-mobile-rem) * .86), 32px);--deposit-amount-clear-font-size: clamp(20px, calc(var(--hq-mobile-rem) * .64), 24px);--deposit-actions-main-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 8px);--deposit-actions-shell-padding: clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px) 0;--deposit-actions-shell-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 8px);--deposit-actions-summary-padding: clamp(9px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-actions-placeholder-title-size: clamp(11px, calc(var(--hq-mobile-rem) * .35), 13px);--deposit-actions-helper-size: clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-actions-metric-value-size: clamp(11px, calc(var(--hq-mobile-rem) * .35), 13px);--deposit-actions-divider-height: clamp(28px, calc(var(--hq-mobile-rem) * .91), 34px);--deposit-actions-divider-margin-x: clamp(3px, calc(var(--hq-mobile-rem) * .16), 5px);--deposit-actions-summary-gap: clamp(3px, calc(var(--hq-mobile-rem) * .13), 4px);--deposit-actions-metric-gap: clamp(2px, calc(var(--hq-mobile-rem) * .1), 3px);--deposit-primary-btn-min-width: clamp(132px, calc(var(--hq-mobile-rem) * 4.11), 148px);--deposit-primary-btn-height: clamp(44px, calc(var(--hq-mobile-rem) * 1.23), 46px);--deposit-primary-btn-font-size: clamp(15px, calc(var(--hq-mobile-rem) * .43), 16px);--deposit-primary-btn-radius: clamp(10px, calc(var(--hq-mobile-rem) * .38), 12px);--deposit-extra-action-btn-width: clamp(28px, calc(var(--hq-mobile-rem) * .96), 30px);--deposit-extra-action-btn-height: clamp(20px, calc(var(--hq-mobile-rem) * .64), 24px);--deposit-content-padding: clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px) 0;--deposit-hosted-method-range-min-height: clamp(13px, calc(var(--hq-mobile-rem) * .43), 14px);--deposit-hosted-method-range-font-size: clamp(10px, calc(var(--hq-mobile-rem) * .3), 11px);--deposit-hosted-method-range-line-height: clamp(13px, calc(var(--hq-mobile-rem) * .43), 14px);--deposit-fiat-summary-gap: clamp(4px, calc(var(--hq-mobile-rem) * .16), 6px);--deposit-fiat-summary-card-gap: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--deposit-fiat-summary-card-padding: clamp(10px, calc(var(--hq-mobile-rem) * .37), 12px) clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-fiat-summary-card-radius: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--deposit-fiat-summary-estimate-gap: clamp(3px, calc(var(--hq-mobile-rem) * .16), 4px);--deposit-fiat-summary-label-size: var(--hq-fs-xs);--deposit-fiat-summary-amount-size: var(--hq-fs-body-compact);--deposit-fiat-summary-settlement-size: var(--hq-fs-body-compact);--deposit-fiat-summary-chip-padding: clamp(5px, calc(var(--hq-mobile-rem) * .16), 6px) clamp(8px, calc(var(--hq-mobile-rem) * .27), 10px);--deposit-fiat-summary-chip-radius: 999px;--deposit-fiat-summary-amount-padding: 0 clamp(2px, calc(var(--hq-mobile-rem) * .08), 3px);--deposit-fiat-summary-settlement-amount-gap: clamp(3px, calc(var(--hq-mobile-rem) * .16), 4px);--deposit-loading-dot-size: clamp(7px, calc(var(--hq-mobile-rem) * .27), 8px);--deposit-section-subtitle-size: clamp(10px, calc(var(--hq-mobile-rem) * .3), 12px);--deposit-section-subtitle-color: #8c8b8b;--deposit-method-badge-font-size: clamp(9px, calc(var(--hq-mobile-rem) * .3), 10px);--deposit-method-badge-padding: clamp(2px, calc(var(--hq-mobile-rem) * .1), 3px) clamp(6px, calc(var(--hq-mobile-rem) * .24), 7px);--deposit-warning-padding: clamp(12px, calc(var(--hq-mobile-rem) * .43), 14px);--deposit-warning-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--deposit-danger-notice-gap: clamp(10px, calc(var(--hq-mobile-rem) * .38), 12px);--deposit-danger-notice-margin-top: clamp(2px, calc(var(--hq-mobile-rem) * .1), 3px);--deposit-danger-notice-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 14px) clamp(12px, calc(var(--hq-mobile-rem) * .48), 16px);--deposit-danger-notice-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 16px);--deposit-danger-notice-icon-size: clamp(22px, calc(var(--hq-mobile-rem) * .83), 26px);--deposit-danger-notice-text-size: var(--hq-fs-body-compact);--deposit-info-notice-padding: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px) clamp(12px, calc(var(--hq-mobile-rem) * .48), 16px);--deposit-info-notice-radius: clamp(14px, calc(var(--hq-mobile-rem) * .59), 18px);--deposit-info-notice-header-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--deposit-info-notice-title-wrap-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--deposit-info-notice-title-icon-size: clamp(18px, calc(var(--hq-mobile-rem) * .7), 22px);--deposit-info-notice-title-size: var(--hq-fs-base);--deposit-info-notice-toggle-size: clamp(18px, calc(var(--hq-mobile-rem) * .64), 20px);--deposit-info-notice-body-margin-top: clamp(8px, calc(var(--hq-mobile-rem) * .38), 12px);--deposit-info-notice-body-paragraph-gap: clamp(3px, calc(var(--hq-mobile-rem) * .16), 4px);--deposit-info-notice-body-size: var(--hq-fs-body-compact);--deposit-info-notice-warning-gap: clamp(8px, calc(var(--hq-mobile-rem) * .21), 10px) clamp(12px, calc(var(--hq-mobile-rem) * .64), 18px);--deposit-info-notice-warning-line-margin-top: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--deposit-info-notice-warning-item-gap: clamp(5px, calc(var(--hq-mobile-rem) * .21), 6px);--deposit-info-notice-warning-icon-size: clamp(13px, calc(var(--hq-mobile-rem) * .48), 15px);--deposit-rmb-confirm-amount-size: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 56px);--deposit-rmb-confirm-summary-size: var(--hq-fs-base);--deposit-rmb-confirm-disclaimer-size: var(--hq-fs-sm);--deposit-rmb-confirm-countdown-size: var(--hq-fs-sm);--hq-deposit-record-loading-text-size: var(--hq-fs-sm);--hq-deposit-record-meta-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .16), 5px);--hq-deposit-record-meta-gap: clamp(3px, calc(var(--hq-mobile-rem) * .13), 4px);--hq-deposit-payinfo-copy-btn-size: clamp(32px, calc(var(--hq-mobile-rem) * 1.02), 36px);--hq-deposit-payinfo-detail-copy-btn-size: clamp(36px, calc(var(--hq-mobile-rem) * 1.12), 40px);--hq-deposit-payinfo-copy-icon-size: clamp(18px, calc(var(--hq-mobile-rem) * .59), 20px);--hq-deposit-payinfo-footer-reserved-space: clamp(128px, calc(var(--hq-mobile-rem) * 4.48), 140px);--hq-deposit-payinfo-footer-padding-bottom: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 50px);--hq-deposit-payinfo-loading-state-padding: clamp(72px, calc(var(--hq-mobile-rem) * 3.2), 100px) clamp(16px, calc(var(--hq-mobile-rem) * .64), 20px);--hq-deposit-payinfo-loading-text-margin-top: clamp(8px, calc(var(--hq-mobile-rem) * .38), 12px);--hq-deposit-payinfo-loading-text-size: var(--hq-fs-sm);--hq-deposit-payinfo-warning-padding: 0 clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-deposit-payinfo-warning-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-deposit-payinfo-status-icon-size: clamp(72px, calc(var(--hq-mobile-rem) * 3.52), 88px);--hq-deposit-payinfo-primary-btn-height: clamp(44px, calc(var(--hq-mobile-rem) * 1.6), 50px);--hq-deposit-payinfo-card-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-deposit-payinfo-status-padding: clamp(6px, calc(var(--hq-mobile-rem) * .32), 8px) 0 clamp(4px, calc(var(--hq-mobile-rem) * .16), 4px);--hq-deposit-payinfo-qr-card-margin-top: clamp(12px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-deposit-payinfo-qr-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-deposit-payinfo-qr-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-deposit-payinfo-qr-image-size: clamp(132px, calc(var(--hq-mobile-rem) * 4.8), 160px);--hq-deposit-payinfo-qr-image-radius: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-deposit-payinfo-qr-image-padding: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-deposit-wanbi-frame-min-height: clamp(420px, calc(var(--hq-mobile-rem) * 14.93), 500px);--hq-deposit-wanbi-frame-close-btn-size: clamp(40px, calc(var(--hq-mobile-rem) * 1.49), 44px)}:root{--hq-withdraw-wallet-actions-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 8px);--hq-withdraw-wallet-summary-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-withdraw-wallet-icon-size: clamp(24px, calc(var(--hq-mobile-rem) * .75), 28px);--hq-withdraw-wallet-refresh-size: clamp(28px, calc(var(--hq-mobile-rem) * .96), 32px);--hq-withdraw-wallet-refresh-icon-size: clamp(15px, calc(var(--hq-mobile-rem) * .48), 18px);--hq-withdraw-wallet-subtitle-margin-top: clamp(2px, calc(var(--hq-mobile-rem) * .16), 4px);--hq-withdraw-wallet-subtitle-size: clamp(12px, calc(var(--hq-mobile-rem) * .4), 13px);--hq-withdraw-form-gap: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-withdraw-form-row-label-width: clamp(82px, calc(var(--hq-mobile-rem) * 2.99), 96px);--hq-withdraw-form-row-gap: clamp(10px, calc(var(--hq-mobile-rem) * .38), 12px);--hq-withdraw-form-stacked-gap: clamp(6px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-withdraw-inline-gap: clamp(6px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-withdraw-control-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.39), 46px);--hq-withdraw-control-radius: clamp(14px, calc(var(--hq-mobile-rem) * .54), 16px);--hq-withdraw-control-inner-gap: clamp(10px, calc(var(--hq-mobile-rem) * .38), 12px);--hq-withdraw-control-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-withdraw-action-btn-radius: clamp(12px, calc(var(--hq-mobile-rem) * .43), 14px);--hq-withdraw-action-btn-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-withdraw-inline-icon-btn-size: clamp(20px, calc(var(--hq-mobile-rem) * .64), 22px);--hq-withdraw-submit-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-withdraw-submit-btn-height: clamp(46px, calc(var(--hq-mobile-rem) * 1.49), 52px);--hq-withdraw-submit-btn-radius: 999px;--hq-withdraw-record-item-icon-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-withdraw-hint-amount-padding-x: clamp(2px, calc(var(--hq-mobile-rem) * .08), 2px);--hq-withdraw-record-cancel-height: clamp(22px, calc(var(--hq-mobile-rem) * .7), 24px);--hq-withdraw-record-meta-gap: clamp(2px, calc(var(--hq-mobile-rem) * .1), 3px);--hq-withdraw-record-meta-padding-y: clamp(6px, calc(var(--hq-mobile-rem) * .24), 7px);--hq-withdraw-loading-state-padding: clamp(72px, calc(var(--hq-mobile-rem) * 3.2), 100px) clamp(16px, calc(var(--hq-mobile-rem) * .64), 20px);--hq-withdraw-record-icon-size: var(--hq-record-item-icon-size);--hq-withdraw-record-amount-size: clamp(18px, calc(var(--hq-mobile-rem) * .54), 22px)}:root{--hq-promo-touch-target-size: 44px;--hq-promo-page-inline-padding: clamp(10px, calc(var(--hq-mobile-rem) * .2), 12px);--hq-promo-header-height: clamp(50px, calc(var(--hq-token-1vw) * 13.76), 56px);--hq-promo-tabs-shell-padding: clamp(6px, calc(var(--hq-mobile-rem) * .12), 7px) clamp(12px, calc(var(--hq-mobile-rem) * .3), 16px) 0;--hq-promo-tabs-min-height: 44px;--hq-promo-shell-panel-padding: 0px;--hq-promo-shell-panel-gap: clamp(9px, calc(var(--hq-mobile-rem) * .2), 12px);--hq-promo-shell-panel-radius: clamp(16px, calc(var(--hq-mobile-rem) * .32), 18px);--hq-promo-tabs-height: var(--hq-promo-tabs-min-height);--hq-promo-tab-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-tab-padding-bottom: var(--hq-space-sm);--hq-promo-tab-item-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-tab-underline-height: clamp(2px, calc(var(--hq-token-1vw) * .61), 2.3px);--hq-promo-tab-underline-radius: clamp(2px, calc(var(--hq-token-1vw) * .61), 2.3px);--hq-promo-tab-sidebar-width: clamp(86px, calc(var(--hq-token-1vw) * 24), 110px);--hq-promo-tab-height: clamp(38px, calc(var(--hq-token-1vw) * 11.73), 42px);--hq-promo-tab-gap: var(--hq-space-sm);--hq-promo-tab-padding: var(--hq-space-sm) var(--hq-space-xs);--hq-promo-tab-icon-size: clamp(18px, calc(var(--hq-token-1vw) * 5.33), 22px);--hq-promo-tab-icon-width: clamp(24px, calc(var(--hq-token-1vw) * 6.67), 28px);--hq-promo-tab-icon-text-gap: var(--hq-space-xs);--hq-promo-tab-letter-spacing: normal;--hq-promo-tab-active-letter-spacing: .4px;--hq-promo-tab-radius: 8px;--hq-promo-tab-shadow: 0 1.72px 4.02px rgba(188, 142, 96, .12);--hq-promo-tabs-shell-highlight-shadow: inset 0 1px 0 rgba(255, 227, 168, .04);--hq-promo-tab-bg: var(--hq-surface);--hq-promo-tab-bg-active: var(--hq-surface-soft);--hq-promo-card-radius: clamp(18px, calc(var(--hq-mobile-rem) * .75), 22px);--hq-promo-card-padding: clamp(14px, calc(var(--hq-mobile-rem) * .59), 18px);--hq-promo-card-gap: clamp(12px, calc(var(--hq-mobile-rem) * .43), 14px);--hq-promo-image-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-promo-image-card-min-height: clamp(120px, calc(var(--hq-mobile-rem) * 2.43), 142px);--hq-promo-image-card-content-height: clamp(32px, calc(var(--hq-mobile-rem) * .6), 35px);--hq-promo-image-card-content-padding: clamp(5px, calc(var(--hq-mobile-rem) * .1), 6px) clamp(9px, calc(var(--hq-mobile-rem) * .2), 11px);--hq-promo-image-card-badge-min-height: clamp(22px, calc(var(--hq-mobile-rem) * .86), 24px);--hq-promo-image-card-badge-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-image-card-badge-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .38), 12px);--hq-promo-image-card-badge-radius: 999px;--hq-promo-image-card-title-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-promo-image-card-detail-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-image-card-subtitle-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-image-card-highlight-size: clamp(11px, calc(var(--hq-mobile-rem) * .4), 12px);--hq-promo-image-card-cta-min-width: clamp(96px, calc(var(--hq-mobile-rem) * 3.31), 104px);--hq-promo-image-card-cta-height: clamp(34px, calc(var(--hq-mobile-rem) * 1.28), 36px);--hq-promo-image-card-cta-padding-x: clamp(14px, calc(var(--hq-mobile-rem) * .54), 16px);--hq-promo-image-card-cta-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-promo-task-panel-padding: 0px;--hq-promo-task-top-action-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.39), 38px);--hq-promo-task-top-action-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-promo-task-list-gap: 6px;--hq-promo-task-tip-gap: clamp(7px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-promo-task-tip-min-height: clamp(29px, calc(var(--hq-mobile-rem) * 1.23), 31px);--hq-promo-task-tip-padding: 3px clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-task-tip-radius: clamp(9px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-tip-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .54), 15px);--hq-promo-task-tip-action-icon-size: clamp(13px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-promo-task-tip-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-task-card-radius: clamp(15px, calc(var(--hq-mobile-rem) * .64), 17px);--hq-promo-task-card-padding: clamp(7px, calc(var(--hq-mobile-rem) * .27), 8px) clamp(10px, calc(var(--hq-mobile-rem) * .43), 11px);--hq-promo-task-card-icon-size: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 42px);--hq-promo-task-card-icon-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 11px);--hq-promo-task-card-title-size: clamp(16px, calc(var(--hq-mobile-rem) * .64), 17px);--hq-promo-task-card-desc-size: clamp(12px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-task-card-header-gap: clamp(4px, calc(var(--hq-mobile-rem) * .21), 5px);--hq-promo-task-detail-button-height: clamp(25px, calc(var(--hq-mobile-rem) * 1.01), 26px);--hq-promo-task-card-detail-btn-size: clamp(22px, calc(var(--hq-mobile-rem) * .86), 24px);--hq-promo-task-card-detail-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .54), 16px);--hq-promo-task-condition-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-promo-task-condition-min-height: clamp(28px, calc(var(--hq-mobile-rem) * 1.17), 30px);--hq-promo-task-condition-padding: 3px clamp(6px, calc(var(--hq-mobile-rem) * .27), 7px);--hq-promo-task-condition-radius: clamp(8px, calc(var(--hq-mobile-rem) * .32), 9px);--hq-promo-task-condition-icon-size: clamp(15px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-promo-task-condition-text-size: clamp(13px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-promo-task-progress-chip-min-width: clamp(76px, calc(var(--hq-mobile-rem) * 3.09), 82px);--hq-promo-task-progress-chip-height: clamp(26px, calc(var(--hq-mobile-rem) * 1.07), 28px);--hq-promo-task-progress-chip-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-promo-task-progress-chip-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-task-progress-bar-height: clamp(8px, calc(var(--hq-mobile-rem) * .32), 9px);--hq-promo-task-progress-text-size: clamp(12px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-task-tier-node-width: clamp(34px, calc(var(--hq-mobile-rem) * 1.39), 36px);--hq-promo-task-tier-node-height: clamp(25px, calc(var(--hq-mobile-rem) * 1.01), 26px);--hq-promo-task-tier-gap: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-tier-arrow-size: 25px;--hq-promo-task-tier-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .21), 5px);--hq-promo-task-card-body-gap: clamp(4px, calc(var(--hq-mobile-rem) * .16), 5px);--hq-promo-task-footer-padding-top: clamp(3px, calc(var(--hq-mobile-rem) * .16), 4px);--hq-promo-task-reward-gap: clamp(5px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-promo-task-reward-meta-gap: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-promo-task-reward-label-size: clamp(12px, calc(var(--hq-mobile-rem) * .43), 13px);--hq-promo-task-reward-size: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-promo-task-audit-height: clamp(18px, calc(var(--hq-mobile-rem) * .75), 20px);--hq-promo-task-audit-padding-x: clamp(7px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-promo-task-audit-size: clamp(10px, calc(var(--hq-mobile-rem) * .38), 11px);--hq-promo-task-audit-icon-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-task-status-min-width: clamp(88px, calc(var(--hq-mobile-rem) * 3.57), 96px);--hq-promo-task-status-height: clamp(32px, calc(var(--hq-mobile-rem) * 1.28), 34px);--hq-promo-task-status-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .54), 15px);--hq-promo-task-claim-button-min-width: clamp(88px, calc(var(--hq-mobile-rem) * 3.57), 96px);--hq-promo-task-support-button-min-width: clamp(104px, calc(var(--hq-mobile-rem) * 4.16), 110px);--hq-promo-task-claim-button-height: clamp(32px, calc(var(--hq-mobile-rem) * 1.28), 34px);--hq-promo-task-claim-button-radius: clamp(10px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-claim-button-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .54), 15px);--hq-promo-vip-panel-padding: 0px;--hq-promo-vip-grid-gap: clamp(6px, calc(var(--hq-mobile-rem) * .14), 8px);--hq-promo-vip-grid-item-min-height: clamp(38px, calc(var(--hq-mobile-rem) * .7), 40px);--hq-promo-vip-grid-item-radius: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-promo-vip-grid-item-padding: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px) clamp(6px, calc(var(--hq-mobile-rem) * .32), 8px);--hq-promo-vip-grid-item-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-vip-grid-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .86), 22px);--hq-promo-vip-grid-narrow-gap: 2px;--hq-promo-vip-grid-narrow-icon-size: 18px;--hq-promo-vip-grid-narrow-padding: 3px 2px;--hq-promo-vip-card-radius: clamp(20px, calc(var(--hq-mobile-rem) * .91), 22px);--hq-promo-vip-card-min-height: clamp(172px, calc(var(--hq-mobile-rem) * 7.47), 188px);--hq-promo-vip-card-padding: clamp(16px, calc(var(--hq-mobile-rem) * .75), 18px);--hq-promo-vip-badge-size: clamp(94px, calc(var(--hq-mobile-rem) * 4.59), 122px);--hq-promo-vip-badge-small-size: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 48px);--hq-promo-vip-badge-number-size: clamp(22px, calc(var(--hq-mobile-rem) * .96), 24px);--hq-promo-vip-status-radius: 999px;--hq-promo-vip-status-padding: clamp(3px, calc(var(--hq-mobile-rem) * .13), 4px) clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-vip-status-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .38), 11px);--hq-promo-vip-level-size: clamp(32px, calc(var(--hq-token-1vw) * 8.8), 40px);--hq-promo-vip-metric-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-promo-vip-metric-padding-top: clamp(16px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-promo-vip-metric-value-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 15px);--hq-promo-vip-section-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-vip-section-icon-size: 20px;--hq-promo-vip-table-radius: clamp(20px, calc(var(--hq-mobile-rem) * .91), 22px);--hq-promo-vip-table-padding: clamp(12px, calc(var(--hq-mobile-rem) * .59), 14px);--hq-promo-vip-table-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 13px);--hq-promo-vip-table-min-width: 560px;--hq-promo-vip-rules-radius: clamp(20px, calc(var(--hq-mobile-rem) * .91), 22px);--hq-promo-vip-rules-padding: clamp(16px, calc(var(--hq-mobile-rem) * .75), 18px);--hq-promo-vip-rules-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-vip-rules-item-title-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 15px);--hq-promo-vip-rules-body-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 13px);--hq-promo-interest-amount-size: clamp(28px, calc(var(--hq-token-1vw) * 8.53), 32px);--hq-promo-interest-button-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 44px);--hq-promo-interest-rate-badge-bg: #fc603d;--hq-promo-interest-rate-badge-padding: clamp(4px, calc(var(--hq-mobile-rem) * .16), 4px) clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-promo-interest-rate-badge-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-interest-rate-badge-radius: 999px;--hq-promo-interest-modal-input-size: clamp(22px, calc(var(--hq-mobile-rem) * .96), 24px);--hq-promo-interest-modal-placeholder-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-promo-overview-card-radius: clamp(16px, calc(var(--hq-mobile-rem) * .32), 18px);--hq-promo-overview-card-padding: clamp(13px, calc(var(--hq-mobile-rem) * .26), 15px);--hq-promo-overview-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-promo-overview-header-gap: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-overview-header-padding-bottom: clamp(7px, calc(var(--hq-mobile-rem) * .16), 9px);--hq-promo-overview-action-visual-height: clamp(30px, calc(var(--hq-mobile-rem) * .54), 32px);--hq-promo-overview-value-size: clamp(24px, calc(var(--hq-mobile-rem) * 1.28), 24px);--hq-promo-overview-label-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-filter-bar-gap: clamp(8px, calc(var(--hq-mobile-rem) * .18), 10px);--hq-promo-filter-pill-visual-height: clamp(36px, calc(var(--hq-mobile-rem) * .66), 38px);--hq-promo-filter-pill-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-filter-pill-radius: clamp(10px, calc(var(--hq-mobile-rem) * .22), 12px);--hq-promo-filter-pill-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 13px);--hq-promo-filter-pill-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .54), 16px);--hq-promo-record-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-promo-record-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-record-card-meta-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-record-card-title-size: clamp(14px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-promo-record-card-amount-size: clamp(18px, calc(var(--hq-mobile-rem) * .34), 20px);--hq-promo-record-card-amount-block-min-width: clamp(96px, calc(var(--hq-mobile-rem) * 4.27), 112px);--hq-promo-record-card-body-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 13px);--hq-promo-record-card-action-height: clamp(36px, calc(var(--hq-mobile-rem) * .66), 40px);--hq-promo-record-card-action-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-record-card-action-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-promo-record-card-tag-padding: 2px 8px;--hq-promo-record-card-tag-font-size: clamp(10px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-record-card-tag-radius: 4px;--hq-promo-empty-state-padding: clamp(20px, calc(var(--hq-mobile-rem) * .6), 28px) clamp(14px, calc(var(--hq-mobile-rem) * .59), 18px);--hq-promo-empty-state-art-width: clamp(88px, calc(var(--hq-mobile-rem) * 2.4), 100px);--hq-promo-empty-state-icon-size: clamp(64px, calc(var(--hq-mobile-rem) * 2.99), 80px);--hq-promo-empty-state-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-promo-empty-state-text-size: clamp(12px, calc(var(--hq-mobile-rem) * .24), 14px);--hq-promo-empty-state-hint-size: clamp(12px, calc(var(--hq-mobile-rem) * .22), 13px);--hq-promo-loading-state-padding: clamp(60px, calc(var(--hq-mobile-rem) * 2.67), 100px) clamp(20px, calc(var(--hq-mobile-rem) * .8), 24px);--hq-promo-loading-spinner-size: 32px;--hq-promo-loading-text-margin-top: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-loading-text-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-promo-filter-modal-padding: clamp(20px, calc(var(--hq-mobile-rem) * .96), 24px);--hq-promo-filter-modal-radius: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-filter-modal-min-height: clamp(260px, calc(var(--hq-mobile-rem) * 12.27), 300px);--hq-promo-filter-modal-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-filter-option-padding: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px) clamp(12px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-promo-filter-option-radius: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-filter-option-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-promo-action-shell-padding: clamp(10px, calc(var(--hq-mobile-rem) * .4), 12px) 0 calc(var(--hq-promo-action-bottom) + env(safe-area-inset-bottom, 0px));--hq-promo-action-shell-gap: var(--hq-space-md);--hq-promo-action-button-width: clamp(68px, calc(var(--hq-token-1vw) * 20), 80px);--hq-promo-action-button-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.6), 42px);--hq-promo-action-padding-x: var(--hq-space-md);--hq-promo-action-bottom: var(--hq-space-lg);--hq-promo-action-radius: 8px;--hq-promo-action-icon-size: clamp(14px, calc(var(--hq-token-1vw) * 4), 16px);--hq-promo-action-font-size: var(--hq-fs-base);--hq-promo-action-font-size-sm: var(--hq-fs-sm);--hq-promo-activity-sidebar-width: var(--hq-promo-tab-sidebar-width);--hq-promo-activity-scroll-gap: var(--hq-promo-shell-panel-gap);--hq-promo-activity-list-gap: var(--hq-promo-shell-panel-gap);--hq-promo-activity-list-padding-bottom: clamp(76px, calc(var(--hq-mobile-rem) * 3.52), 92px);--hq-promo-task-detail-page-gap: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-detail-page-padding: var(--hq-promo-shell-panel-padding) 0 var(--hq-space-xl);--hq-promo-task-detail-card-radius: var(--hq-promo-card-radius);--hq-promo-task-detail-hero-padding: clamp(12px, calc(var(--hq-mobile-rem) * .59), 14px);--hq-promo-task-detail-hero-gap: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-detail-main-gap: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-detail-icon-size: clamp(44px, calc(var(--hq-mobile-rem) * 1.92), 48px);--hq-promo-task-detail-icon-radius: clamp(11px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-task-detail-icon-font-size: clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-promo-task-detail-copy-gap: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-promo-task-detail-title-size: clamp(17px, calc(var(--hq-mobile-rem) * .75), 18px);--hq-promo-task-detail-desc-size: clamp(12px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-task-detail-meta-gap: clamp(7px, calc(var(--hq-mobile-rem) * .32), 8px);--hq-promo-task-detail-chip-padding: clamp(7px, calc(var(--hq-mobile-rem) * .38), 9px) clamp(9px, calc(var(--hq-mobile-rem) * .43), 11px);--hq-promo-task-detail-chip-radius: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-promo-task-detail-chip-gap: clamp(4px, calc(var(--hq-mobile-rem) * .21), 4px);--hq-promo-task-detail-chip-label-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-task-detail-chip-value-size: clamp(14px, calc(var(--hq-mobile-rem) * .64), 15px);--hq-promo-task-detail-section-padding: clamp(11px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-task-detail-section-gap: var(--hq-space-sm);--hq-promo-task-detail-section-title-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 15px);--hq-promo-task-detail-table-font-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-promo-task-detail-table-cell-padding: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-promo-task-detail-rich-size: clamp(12px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-task-detail-rich-image-radius: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-promo-task-detail-empty-shell-padding: clamp(20px, calc(var(--hq-mobile-rem) * .96), 24px) clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-task-detail-empty-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .7), 16px);--hq-promo-task-detail-empty-hint-size: clamp(12px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-activity-detail-shell-gap: var(--hq-promo-shell-panel-gap);--hq-promo-activity-detail-page-padding-bottom: var(--hq-space-xl);--hq-promo-activity-detail-banner-radius: var(--hq-promo-image-card-radius);--hq-promo-activity-detail-section-radius: var(--hq-promo-card-radius);--hq-promo-activity-detail-section-padding: var(--hq-promo-card-padding);--hq-promo-activity-detail-section-gap: var(--hq-space-sm);--hq-promo-activity-detail-section-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-promo-activity-detail-rich-size: clamp(12px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-promo-activity-detail-rich-image-radius: var(--hq-promo-task-detail-rich-image-radius);--hq-promo-activity-detail-footer-padding: var(--hq-space-md) var(--hq-space-lg);--hq-promo-activity-detail-footer-padding-bottom: var(--hq-space-md);--promo-sidebar-width: 70px;--promo-sidebar-item-height: 68px;--promo-sidebar-item-gap: 4px;--promo-sidebar-icon-size: 24px;--promo-sidebar-label-size: 12px;--promo-sidebar-active-bg: #fff7f1;--promo-action-btn-height: var(--hq-promo-action-button-height);--promo-action-gap: var(--hq-promo-action-shell-gap);--vip-badge-size: var(--hq-promo-vip-badge-size);--vip-badge-number-size: var(--hq-promo-vip-badge-number-size);--vip-card-padding: var(--hq-promo-vip-card-padding);--vip-badge-small-size: var(--hq-promo-vip-badge-small-size);--vip-tag-bg: #fc603d;--interest-amount-font-size: var(--hq-promo-interest-amount-size);--interest-btn-height: var(--hq-promo-interest-button-height);--interest-rate-badge-bg: var(--hq-promo-interest-rate-badge-bg);--promo-image-card-radius: var(--hq-promo-image-card-radius);--promo-image-card-shadow: 0 4px 12px rgba(0, 0, 0, .06);--promo-image-card-margin-bottom: var(--hq-space-sm);--promo-image-card-height: var(--hq-promo-image-card-min-height);--promo-image-card-badge-padding: 0 var(--hq-promo-image-card-badge-padding-x);--promo-image-card-badge-font-size: var(--hq-promo-image-card-badge-font-size);--promo-image-card-badge-radius: var(--hq-promo-image-card-badge-radius);--promo-image-card-image-bg: var(--ion-color-light)}:root{--hq-message-shell-header-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px) clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px) clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-message-shell-header-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-message-shell-header-icon-size: clamp(32px, calc(var(--hq-mobile-rem) * 1.39), 36px);--hq-message-shell-header-icon-radius: 999px;--hq-message-shell-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-message-shell-tabs-padding: 0 clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px) clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-message-shell-tab-min-width: clamp(58px, calc(var(--hq-mobile-rem) * 2.56), 64px);--hq-message-shell-tab-min-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.71), 44px);--hq-message-shell-tab-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px) clamp(4px, calc(var(--hq-mobile-rem) * .16), 6px) clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-message-shell-tab-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-shell-tab-underline-width: clamp(30px, calc(var(--hq-mobile-rem) * 1.49), 34px);--hq-message-shell-tab-underline-height: clamp(2px, calc(var(--hq-mobile-rem) * .11), 2px);--hq-message-shell-tab-badge-min-width: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-message-shell-tab-badge-padding-x: clamp(4px, calc(var(--hq-mobile-rem) * .21), 5px);--hq-message-shell-tab-badge-font-size: clamp(10px, calc(var(--hq-mobile-rem) * .43), 10px);--hq-message-shell-tab-badge-line-height: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-message-shell-panel-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px) clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px) clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-message-shell-panel-gap: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-shell-panel-radius: clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-message-filter-grid-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-message-filter-control-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.55), 40px);--hq-message-filter-control-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-filter-control-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-message-filter-control-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-filter-search-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.55), 40px);--hq-message-filter-search-icon-size: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-message-filter-search-icon-left: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-message-filter-search-padding-left: clamp(30px, calc(var(--hq-mobile-rem) * 1.33), 34px);--hq-message-list-card-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-message-list-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-message-list-card-padding-x: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-list-card-label-margin-y: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-message-list-row-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-message-list-icon-size: clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-message-list-title-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-list-meta-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-message-list-time-margin-top: clamp(6px, calc(var(--hq-mobile-rem) * .27), 6px);--hq-message-empty-state-padding: clamp(56px, calc(var(--hq-mobile-rem) * 2.45), 64px) clamp(20px, calc(var(--hq-mobile-rem) * .8), 24px);--hq-message-empty-state-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-loading-state-padding: var(--hq-message-empty-state-padding);--hq-feedback-shell-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px) clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px) clamp(24px, calc(var(--hq-mobile-rem) * 1.07), 28px);--hq-feedback-shell-gap: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-tab-shell-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-tab-shell-padding: clamp(4px, calc(var(--hq-mobile-rem) * .16), 4px);--hq-feedback-tab-shell-radius: 999px;--hq-feedback-tab-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.55), 40px);--hq-feedback-tab-radius: 999px;--hq-feedback-tab-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-card-radius: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-field-gap: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-feedback-label-gap: clamp(6px, calc(var(--hq-mobile-rem) * .27), 6px);--hq-feedback-label-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-control-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.71), 44px);--hq-feedback-control-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-control-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-control-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 14px);--hq-feedback-control-icon-size: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-textarea-min-height: clamp(110px, calc(var(--hq-mobile-rem) * 4.8), 124px);--hq-feedback-counter-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-counter-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .16), 4px);--hq-feedback-upload-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-upload-square-size: clamp(88px, calc(var(--hq-mobile-rem) * 4), 96px);--hq-feedback-upload-square-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-upload-plus-size: clamp(38px, calc(var(--hq-mobile-rem) * 1.76), 42px);--hq-feedback-upload-tip-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-attachment-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-attachment-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-attachment-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-attachment-preview-size: clamp(52px, calc(var(--hq-mobile-rem) * 2.29), 56px);--hq-feedback-attachment-preview-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-primary-button-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.71), 44px);--hq-feedback-primary-button-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-feedback-primary-button-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 15px);--hq-feedback-primary-button-radius: 999px;--hq-feedback-reward-card-margin-top: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-reward-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-reward-card-radius: clamp(12px, calc(var(--hq-mobile-rem) * .43), 14px);--hq-feedback-reward-title-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 14px);--hq-feedback-reward-text-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-feedback-list-gap: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-list-item-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-list-item-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-list-row-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-feedback-status-chip-padding: clamp(3px, calc(var(--hq-mobile-rem) * .11), 4px) clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-feedback-status-chip-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-content-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-feedback-meta-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-loading-min-height: clamp(150px, calc(var(--hq-mobile-rem) * 6.67), 168px);--hq-feedback-detail-shell-gap: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-detail-shell-padding: 0 clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px) clamp(20px, calc(var(--hq-mobile-rem) * .91), 24px);--hq-feedback-detail-shell-radius: clamp(20px, calc(var(--hq-mobile-rem) * .91), 22px);--hq-feedback-detail-hero-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-hero-padding: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px) clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px) clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-feedback-detail-hero-radius: 0 0 clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px) clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-detail-overline-size: clamp(11px, calc(var(--hq-mobile-rem) * .43), 11px);--hq-feedback-detail-heading-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-title-size: clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-feedback-detail-status-padding: clamp(4px, calc(var(--hq-mobile-rem) * .16), 4px) clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-status-font-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-detail-subtitle-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-detail-body-gap: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-detail-summary-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-section-padding: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-feedback-detail-section-radius: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-feedback-detail-summary-value-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-detail-reward-gap: clamp(8px, calc(var(--hq-mobile-rem) * .32), 10px);--hq-feedback-detail-reward-size: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-feedback-detail-section-head-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-content-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-detail-content-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-detail-attachment-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-attachment-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-attachment-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-feedback-detail-attachment-preview-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-attachment-name-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-detail-empty-size: clamp(12px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-feedback-detail-preview-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-message-detail-loading-padding: clamp(28px, calc(var(--hq-mobile-rem) * 1.28), 32px) 0;--hq-message-detail-card-padding: var(--hq-space-lg);--hq-message-detail-card-radius: var(--hq-base-radius-md);--hq-message-detail-title-margin-bottom: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-feedback-detail-page-padding-bottom: var(--hq-space-xl)}:root{--hq-customer-service-card-padding: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-customer-service-card-radius: clamp(16px, calc(var(--hq-mobile-rem) * .7), 18px);--hq-customer-service-card-gap: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-customer-service-avatar-size: clamp(52px, calc(var(--hq-mobile-rem) * 2.29), 56px);--hq-customer-service-avatar-radius: 999px;--hq-customer-service-copy-gap: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-customer-service-title-size: clamp(15px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-customer-service-subtitle-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 13px);--hq-customer-service-action-height: clamp(34px, calc(var(--hq-mobile-rem) * 1.44), 36px);--hq-customer-service-action-padding-x: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-customer-service-action-radius: 999px;--hq-customer-service-action-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-customer-service-shell-padding: calc(var(--hq-space-xl) + env(safe-area-inset-top, 0px)) var(--hq-space-lg) calc(var(--hq-space-2xl) + env(safe-area-inset-bottom, 0px));--hq-customer-service-shell-gap: var(--hq-space-md);--hq-customer-service-header-gap: var(--hq-space-md);--hq-customer-service-back-button-size: clamp(40px, calc(var(--hq-mobile-rem) * 1.81), 42px);--hq-customer-service-panel-padding: var(--hq-space-lg);--hq-customer-service-panel-radius: calc(var(--hq-base-radius-md) + 4px);--hq-customer-service-bubble-row-gap: clamp(8px, calc(var(--hq-mobile-rem) * .43), 10px);--hq-customer-service-chat-avatar-size: clamp(34px, calc(var(--hq-mobile-rem) * 1.55), 36px);--hq-customer-service-bubble-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px) clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-customer-service-bubble-radius: clamp(16px, calc(var(--hq-mobile-rem) * .8), 18px);--hq-customer-service-composer-padding: var(--hq-space-lg);--hq-customer-service-textarea-min-height: clamp(88px, calc(var(--hq-mobile-rem) * 4), 96px);--hq-customer-service-textarea-padding: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px) clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-customer-service-primary-action-height: clamp(42px, calc(var(--hq-mobile-rem) * 1.87), 44px);--hq-customer-service-primary-action-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-customer-service-selector-shell-padding: calc(var(--hq-space-sm) + env(safe-area-inset-top, 0px)) var(--hq-space-lg) calc(var(--hq-space-2xl) + env(safe-area-inset-bottom, 0px));--hq-customer-service-selector-shell-gap: var(--hq-space-sm);--hq-customer-service-selector-header-gap: var(--hq-space-sm);--hq-customer-service-selector-header-margin-bottom: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-customer-service-selector-panel-padding: var(--hq-space-md);--hq-customer-service-selector-panel-min-height: 46vh;--hq-customer-service-selector-avatar-size: clamp(44px, calc(var(--hq-mobile-rem) * 2.03), 48px)}:root{--hq-mine-shell-bg: var(--hq-shell-page-bg);--hq-mine-shell-bg-gradient: radial-gradient(circle at 14% -8%, color-mix(in srgb, var(--gold-light) 14%, transparent), transparent 32%), linear-gradient(180deg, #111722 0%, var(--page-bg) 34%, #06080c 100%);--hq-mine-panel-surface-primary: var(--hq-shell-surface-primary);--hq-mine-panel-surface-secondary: var(--hq-shell-surface-secondary);--hq-mine-panel-surface-inset: var(--hq-shell-surface-inset);--hq-mine-panel-border: var(--hq-shell-panel-border);--hq-mine-panel-border-strong: var(--hq-shell-panel-border-strong);--hq-mine-panel-highlight: var(--hq-shell-edge-highlight);--hq-mine-panel-shadow-sm: var(--hq-shell-shadow-sm);--hq-mine-panel-shadow: var(--hq-shell-shadow-md);--hq-mine-panel-shadow-lg: var(--hq-shell-shadow-lg);--hq-mine-control-border-color: color-mix(in srgb, var(--gold-border) 42%, transparent);--hq-mine-control-bg: color-mix(in srgb, var(--card-bg) 78%, transparent);--hq-mine-text-emphasis: #f2c46f;--hq-mine-text-primary: #dfb467;--hq-mine-text-secondary: #aa9674;--hq-mine-text-muted: #756c5e;--hq-mine-text-on-gold: #241805;--hq-mine-key-text: var(--hq-mine-text-emphasis);--hq-mine-entry-text: var(--hq-mine-text-primary);--hq-mine-entry-text-muted: var(--hq-mine-text-secondary);--hq-mine-entry-surface: linear-gradient(180deg, rgba(11, 17, 27, .98), rgba(6, 10, 18, .98));--hq-mine-entry-border: 1px solid color-mix(in srgb, var(--gold-border) 70%, transparent);--hq-mine-header-padding: var(--hq-space-md);--hq-mine-header-padding-x: var(--hq-space-lg);--hq-mine-header-padding-bottom: var(--hq-space-lg);--hq-mine-header-gradient: radial-gradient(circle at 82% 0%, rgba(214, 162, 74, .1), transparent 38%), linear-gradient(180deg, rgba(35, 43, 55, .98) 0%, rgba(17, 23, 33, .98) 100%);--hq-mine-header-fade-offset: clamp(-14px, calc(var(--hq-mobile-rem) * -.24), -10px);--hq-mine-header-fade-height: clamp(20px, calc(var(--hq-mobile-rem) * .48), 28px);--hq-mine-nav-btn-size: 40px;--hq-mine-nav-btn-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .42), 22px);--hq-mine-nav-gap: var(--hq-space-md);--hq-mine-nav-btn-radius: 999px;--hq-mine-nav-btn-border-color: color-mix(in srgb, var(--gold-border) 68%, transparent);--hq-mine-nav-btn-bg: color-mix(in srgb, var(--card-bg) 72%, transparent);--hq-mine-topbar-title-letter-spacing: .08em;--hq-mine-profile-padding-top: var(--hq-space-sm);--hq-mine-profile-padding-bottom: var(--hq-space-base);--hq-mine-profile-gap: var(--hq-space-lg);--hq-mine-avatar-size: clamp(48px, calc(var(--hq-mobile-rem) * 1.04), 56px);--hq-mine-avatar-shadow: var(--hq-mine-panel-shadow-sm);--hq-mine-avatar-border-color: color-mix(in srgb, var(--gold-border) 42%, transparent);--hq-mine-guest-title-size: var(--hq-fs-base);--hq-mine-user-name-size: var(--hq-fs-base);--hq-mine-user-id-size: var(--hq-fs-body-compact);--hq-mine-user-info-gap: var(--hq-space-sm);--hq-mine-button-radius: clamp(14px, calc(var(--hq-mobile-rem) * .32), 18px);--hq-mine-button-font-size: var(--hq-fs-sm);--hq-mine-profile-card-radius: var(--hq-mine-quick-actions-radius);--hq-mine-profile-name-max-width: clamp(120px, calc(var(--hq-mobile-rem) * 4.69), 132px);--hq-mine-profile-copy-btn-size: clamp(24px, calc(var(--hq-mobile-rem) * .48), 28px);--hq-mine-profile-copy-icon-size: var(--hq-fs-sm);--hq-mine-profile-balance-pill-padding: var(--hq-space-sm) var(--hq-space-md) var(--hq-space-sm) var(--hq-space-base);--hq-mine-profile-balance-refresh-size: clamp(28px, calc(var(--hq-mobile-rem) * .54), 32px);--hq-mine-profile-balance-coin-size: clamp(16px, calc(var(--hq-mobile-rem) * .69), 18px);--hq-mine-balance-pill-padding: var(--hq-space-sm) var(--hq-space-md);--hq-mine-balance-pill-radius: 999px;--hq-mine-balance-pill-bg: var(--hq-mine-panel-surface-inset);--hq-mine-balance-pill-shadow: var(--hq-mine-panel-shadow-sm);--hq-mine-balance-font-size: var(--hq-fs-body-compact);--hq-mine-balance-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .32), 18px);--hq-mine-quick-actions-padding: var(--hq-space-md) var(--hq-space-xs) var(--hq-space-sm);--hq-mine-quick-actions-min-height: clamp(88px, calc(var(--hq-mobile-rem) * 1.84), 96px);--hq-mine-quick-actions-radius: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-mine-action-item-padding-top: var(--hq-space-sm);--hq-mine-action-item-padding-x: var(--hq-space-base);--hq-mine-action-item-padding-bottom: 2px;--hq-mine-action-item-gap: var(--hq-space-sm);--hq-mine-action-icon-size: clamp(24px, calc(var(--hq-mobile-rem) * .56), 32px);--hq-mine-action-item-min-height: 72px;--hq-mine-action-icon-visual-size: clamp(32px, calc(var(--hq-mobile-rem) * .66), 38px);--hq-mine-action-label-size: var(--hq-fs-body-compact);--hq-mine-vip-margin: 0 var(--hq-space-lg) var(--hq-space-lg);--hq-mine-vip-padding: clamp(12px, calc(var(--hq-mobile-rem) * .28), 16px) clamp(12px, calc(var(--hq-mobile-rem) * .28), 16px) var(--hq-space-lg);--hq-mine-vip-radius: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-mine-vip-min-height: clamp(100px, calc(var(--hq-mobile-rem) * 1.84), 106px);--hq-mine-vip-gap: var(--hq-space-lg);--hq-mine-vip-gradient: linear-gradient(135deg, #4a3c26 0%, #c69452 48%, #7f552e 100%);--hq-mine-vip-border: 1px solid color-mix(in srgb, var(--gold-border) 68%, transparent);--hq-mine-vip-shadow: 0 18px 30px rgba(5, 8, 12, .3);--hq-mine-vip-inset-bg: rgba(17, 22, 29, .38);--hq-mine-vip-inset-border: rgba(255, 245, 225, .22);--hq-mine-vip-strong-text: #fff0cf;--hq-mine-vip-muted-text: rgba(255, 239, 205, .76);--hq-mine-vip-decoration: radial-gradient(circle at 20% 20%, rgba(255, 245, 225, .2), rgba(255, 255, 255, 0) 55%), radial-gradient(circle at 70% 60%, rgba(227, 195, 137, .16), rgba(255, 255, 255, 0) 60%);--hq-mine-vip-level-gap: var(--hq-space-md);--hq-mine-vip-circle-size: clamp(30px, calc(var(--hq-mobile-rem) * .68), 38px);--hq-mine-vip-circle-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-mine-vip-level-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .32), 18px);--hq-mine-vip-progress-gap: var(--hq-space-sm);--hq-mine-vip-bar-width: clamp(90px, calc(var(--hq-mobile-rem) * 1.96), 106px);--hq-mine-vip-bar-height: clamp(5px, calc(var(--hq-mobile-rem) * .12), 7px);--hq-mine-vip-score-size: var(--hq-fs-xs);--hq-mine-vip-level-letter-spacing: .2px;--hq-mine-vip-sub-pill-padding-y: 1px;--hq-mine-vip-sub-pill-padding-x: var(--hq-mine-vip-progress-gap);--hq-mine-vip-arrow-offset-top: 2px;--hq-mine-vip-title-size: var(--hq-fs-body-compact);--hq-mine-vip-sub-size: var(--hq-fs-xs);--hq-mine-vip-arrow-size: clamp(16px, calc(var(--hq-mobile-rem) * .36), 20px);--hq-mine-menu-padding: 0 var(--hq-space-lg) clamp(12px, calc(var(--hq-mobile-rem) * .28), 16px);--hq-mine-menu-group-margin-bottom: var(--hq-space-base);--hq-mine-menu-group-radius: clamp(12px, calc(var(--hq-mobile-rem) * .28), 14px);--hq-mine-menu-group-shadow: var(--hq-mine-panel-shadow);--hq-mine-menu-item-padding: var(--hq-space-lg);--hq-mine-menu-item-min-height: clamp(52px, calc(var(--hq-mobile-rem) * .94), 54px);--hq-mine-menu-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .44), 24px);--hq-mine-menu-arrow-size: clamp(16px, calc(var(--hq-mobile-rem) * .36), 20px);--hq-mine-menu-right-text-size: var(--hq-fs-sm);--hq-mine-menu-right-text-margin: var(--hq-space-sm);--hq-mine-menu-end-gap: var(--hq-space-xs);--hq-mine-menu-divider-color: color-mix(in srgb, var(--gold-border) 22%, transparent);--hq-mine-menu-arrow-color: var(--hq-mine-text-muted);--hq-mine-menu-divider-width: 1px;--hq-mine-menu-label-letter-spacing: .4px;--hq-mine-icon-btn-size: clamp(18px, calc(var(--hq-mobile-rem) * .4), 22px);--hq-mine-finance-panel-margin: 0 var(--hq-space-lg) var(--hq-space-lg);--hq-mine-finance-panel-padding: var(--hq-space-lg);--hq-mine-finance-panel-radius: var(--hq-space-lg);--hq-mine-finance-panel-shadow: var(--hq-mine-panel-shadow);--hq-mine-finance-panel-border: var(--hq-mine-panel-border);--hq-mine-finance-panel-text: var(--hq-mine-text-primary);--hq-mine-finance-panel-text-muted: var(--hq-mine-text-secondary);--hq-mine-finance-panel-icon: var(--hq-mine-text-emphasis);--hq-mine-finance-panel-top-gap: var(--hq-space-md);--hq-mine-finance-panel-top-margin-bottom: var(--hq-space-lg);--hq-mine-finance-panel-action-height: clamp(40px, calc(var(--hq-mobile-rem) * .88), 44px);--hq-mine-finance-panel-action-radius: 12px;--hq-mine-finance-panel-action-content-gap: var(--hq-space-sm);--hq-mine-finance-panel-action-padding-y: 6px;--hq-mine-finance-panel-action-padding-x: var(--hq-space-lg);--hq-mine-finance-panel-action-font-size: var(--hq-fs-base);--hq-mine-finance-panel-action-text: var(--hq-mine-text-on-gold);--hq-mine-finance-panel-action-secondary-bg: var(--hq-mine-panel-surface-secondary);--hq-mine-finance-panel-action-icon-size: clamp(20px, calc(var(--hq-mobile-rem) * .44), 22px);--hq-mine-finance-panel-action-border-width: 1px;--hq-mine-finance-panel-action-border-color: color-mix(in srgb, var(--gold-border) 56%, transparent);--hq-mine-finance-panel-grid-gap: var(--hq-grid-gap-md);--hq-mine-finance-panel-item-gap: var(--hq-space-sm);--hq-mine-finance-panel-item-padding-y: var(--hq-space-xs);--hq-mine-finance-panel-item-min-height: 72px;--hq-mine-finance-panel-item-icon-size: clamp(22px, calc(var(--hq-mobile-rem) * .5), 28px);--hq-mine-finance-panel-item-radius: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-mine-finance-panel-item-visual-icon-size: clamp(32px, calc(var(--hq-mobile-rem) * .72), 38px);--hq-mine-finance-panel-item-font-size: var(--hq-fs-body-compact);--hq-mine-record-filter-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.39), 44px);--hq-mine-record-filter-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-mine-record-filter-icon-size: clamp(16px, calc(var(--hq-mobile-rem) * .54), 18px);--hq-mine-record-summary-radius: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-mine-record-table-radius: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-mine-record-range-height: clamp(34px, calc(var(--hq-mobile-rem) * 1.17), 36px);--hq-mine-record-range-radius: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-mine-record-range-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .48), 16px);--hq-mine-record-loading-text-margin-top: 12px;--hq-mine-record-loading-text-size: 14px;--hq-mine-security-heading-size: clamp(20px, calc(var(--hq-mobile-rem) * .85), 22px);--hq-mine-security-section-title-size: var(--hq-fs-sm);--hq-mine-security-arrow-size: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-mine-security-contact-gap: var(--hq-space-lg);--hq-mine-security-contact-margin-top: var(--hq-space-lg);--hq-mine-security-note-title-size: var(--hq-fs-sm);--hq-mine-security-password-gap: var(--hq-space-lg);--hq-mine-security-password-margin-top: var(--hq-space-lg);--hq-mine-download-heading-size: clamp(20px, calc(var(--hq-mobile-rem) * .85), 22px);--hq-mine-download-icon-size: clamp(36px, calc(var(--hq-mobile-rem) * 1.39), 40px);--hq-mine-download-icon-radius: clamp(8px, calc(var(--hq-mobile-rem) * .43), 10px);--hq-mine-download-icon-ion-size: clamp(18px, calc(var(--hq-mobile-rem) * .69), 20px);--hq-mine-download-button-radius: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-mine-invite-shell-gap: var(--hq-space-lg);--hq-mine-invite-shell-padding: var(--hq-space-sm);--hq-mine-invite-banner-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-mine-invite-banner-min-height: clamp(204px, calc(var(--hq-mobile-rem) * 7.68), 220px);--hq-mine-invite-link-box-padding-y: var(--hq-space-sm);--hq-mine-invite-link-box-padding-x: var(--hq-space-lg);--hq-mine-invite-link-box-radius: var(--hq-mine-invite-banner-radius);--hq-mine-invite-link-copy-radius: var(--hq-mine-invite-banner-radius);--hq-mine-invite-link-copy-min-width: clamp(64px, calc(var(--hq-mobile-rem) * 2.35), 72px);--hq-mine-invite-link-copy-min-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.28), 40px);--hq-mine-invite-link-copy-padding-inline: var(--hq-space-sm);--hq-mine-invite-stat-min-column: clamp(108px, calc(var(--hq-mobile-rem) * 4.05), 132px);--hq-mine-invite-action-radius: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-mine-invite-action-padding-y: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-mine-invite-action-padding-x: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-mine-invite-action-icon-size: clamp(16px, calc(var(--hq-mobile-rem) * .64), 18px);--hq-mine-invite-promo-kicker-margin-bottom: var(--hq-space-sm);--hq-mine-invite-kicker-font-size: var(--hq-fs-sm);--hq-mine-invite-promo-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .32), 16px);--hq-mine-invite-promo-title-size: var(--hq-fs-lg);--hq-mine-invite-promo-link-border-color: color-mix(in srgb, var(--gold-border) 28%, transparent);--hq-mine-invite-promo-copy-height: clamp(36px, calc(var(--hq-mobile-rem) * .7), 40px);--hq-mine-invite-promo-copy-border-color: color-mix(in srgb, var(--gold-border) 52%, transparent);--hq-mine-invite-promo-overlay: linear-gradient(90deg, rgba(7, 11, 17, .94) 0%, rgba(10, 15, 23, .86) 58%, rgba(44, 31, 13, .68) 100%);--hq-mine-invite-promo-copy-bg: linear-gradient(135deg, var(--gold-light), var(--gold-dark));--hq-mine-invite-promo-copy-text: #241805;--hq-mine-invite-promo-title-text: var(--hq-mine-text-emphasis);--hq-mine-invite-promo-detail-text: var(--hq-mine-text-secondary);--hq-mine-invite-promo-link-text: var(--hq-mine-text-secondary);--hq-mine-apply-agent-intro-padding-y: var(--hq-space-lg);--hq-mine-apply-agent-intro-padding-x: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-mine-apply-agent-intro-radius: clamp(14px, calc(var(--hq-mobile-rem) * .64), 16px);--hq-mine-apply-agent-options-gap: var(--hq-space-base);--hq-mine-apply-agent-checkbox-gap: var(--hq-space-base);--hq-mine-apply-agent-checkbox-padding-y: var(--hq-space-md);--hq-mine-apply-agent-checkbox-padding-x: var(--hq-space-lg);--hq-mine-apply-agent-chip-padding-y: var(--hq-space-md);--hq-mine-apply-agent-chip-padding-x: clamp(14px, calc(var(--hq-mobile-rem) * .69), 16px);--hq-mine-apply-agent-textarea-gap: var(--hq-space-md);--hq-mine-apply-agent-textarea-padding-y: var(--hq-space-lg);--hq-mine-apply-agent-textarea-padding-x: var(--hq-mine-apply-agent-intro-padding-x);--hq-mine-apply-agent-textarea-min-height: clamp(88px, calc(var(--hq-mobile-rem) * 3.46), 96px);--hq-mine-apply-agent-proof-gap: var(--hq-space-lg);--hq-mine-apply-agent-upload-gap: var(--hq-space-base);--hq-mine-apply-agent-upload-padding-y: var(--hq-space-lg);--hq-mine-apply-agent-upload-padding-x: var(--hq-mine-apply-agent-intro-padding-x)}:root{--hq-wallet-shell-gap: clamp(10px, calc(var(--hq-mobile-rem) * .43), 14px);--hq-wallet-shell-padding: clamp(10px, calc(var(--hq-mobile-rem) * .43), 14px);--hq-wallet-nav-btn-size: clamp(38px, calc(var(--hq-mobile-rem) * 1.39), 44px);--hq-wallet-nav-btn-icon-size: clamp(18px, calc(var(--hq-mobile-rem) * .59), 22px);--hq-wallet-summary-min-height: clamp(190px, calc(var(--hq-mobile-rem) * 7.47), 220px);--hq-wallet-summary-copy-max-width: clamp(210px, 64%, 260px);--hq-wallet-summary-split-radius: clamp(14px, calc(var(--hq-mobile-rem) * .64), 18px);--hq-wallet-overview-divider-width: 1px;--hq-wallet-summary-amount-size: clamp(32px, calc(var(--hq-mobile-rem) * 1.81), 40px);--hq-wallet-heading-letter-spacing: .4px;--hq-wallet-value-letter-spacing: .4px;--hq-wallet-card-radius: var(--hq-base-radius-md, 16px);--hq-wallet-card-padding: var(--hq-space-lg);--hq-wallet-action-icon-size: clamp(38px, calc(var(--hq-mobile-rem) * 1.39), 44px);--hq-wallet-action-icon-radius: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-wallet-security-icon-size: clamp(44px, calc(var(--hq-mobile-rem) * 1.65), 52px);--hq-wallet-security-icon-radius: clamp(14px, calc(var(--hq-mobile-rem) * .54), 16px);--hq-wallet-venue-row-radius: var(--hq-wallet-card-radius);--hq-wallet-venue-logo-size: clamp(32px, calc(var(--hq-mobile-rem) * 1.17), 36px);--hq-wallet-venue-logo-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-wallet-card-badge-min-height: clamp(24px, calc(var(--hq-mobile-rem) * .91), 28px);--hq-wallet-card-badge-radius: 999px;--hq-wallet-card-actions-gap: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-wallet-card-summary-refresh-size: clamp(28px, calc(var(--hq-mobile-rem) * .96), 32px);--hq-wallet-card-summary-refresh-icon-size: clamp(15px, calc(var(--hq-mobile-rem) * .48), 18px);--hq-wallet-add-card-surface-radius: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-wallet-add-card-surface-shadow: inset 0 1px 0 color-mix(in srgb, var(--gold-light) 10%, transparent), 0 14px 24px rgba(0, 0, 0, .18);--hq-wallet-add-card-tab-min-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.39), 44px);--hq-wallet-add-card-protocol-min-height: clamp(46px, calc(var(--hq-mobile-rem) * 1.6), 50px);--hq-wallet-add-card-protocol-radius: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-wallet-add-card-protocol-gap: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-wallet-add-card-protocol-padding-x: clamp(12px, calc(var(--hq-mobile-rem) * .54), 14px);--hq-wallet-add-form-divider-height: 1px;--hq-wallet-add-card-banner-radius: var(--hq-wallet-add-card-surface-radius);--hq-wallet-add-card-button-radius: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px)}:root{--hq-auth-input-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.76), 46px);--hq-auth-input-padding-y: clamp(7px, calc(var(--hq-mobile-rem) * .43), 10px);--hq-auth-input-padding-x: clamp(12px, calc(var(--hq-mobile-rem) * .59), 14px);--hq-auth-field-gap: clamp(8px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-auth-button-height: clamp(42px, calc(var(--hq-mobile-rem) * 1.84), 48px);--hq-auth-panel-radius: clamp(16px, calc(var(--hq-mobile-rem) * .78), 18px);--hq-auth-panel-radius-inner: clamp(12px, calc(var(--hq-mobile-rem) * .62), 14px);--hq-auth-field-max-width: min(100%, 32rem);--hq-auth-forgot-panel-gap: clamp(12px, calc(var(--hq-mobile-rem) * .64), 14px);--hq-auth-forgot-stepper-radius: var(--hq-auth-panel-radius-inner);--hq-auth-forgot-stepper-padding-y: clamp(10px, calc(var(--hq-mobile-rem) * .53), 12px);--hq-auth-forgot-stepper-padding-x: clamp(10px, calc(var(--hq-mobile-rem) * .48), 12px);--hq-auth-forgot-stepper-track-width: clamp(20px, calc(var(--hq-mobile-rem) * 1.12), 26px);--hq-auth-forgot-step-circle-size: clamp(28px, calc(var(--hq-mobile-rem) * 1.28), 30px);--hq-auth-forgot-card-padding: clamp(12px, calc(var(--hq-mobile-rem) * .53), 14px);--hq-auth-forgot-card-radius: clamp(14px, calc(var(--hq-mobile-rem) * .69), 16px);--hq-auth-forgot-proof-min-height: clamp(112px, calc(var(--hq-mobile-rem) * 5.12), 132px);--hq-auth-forgot-proof-max-height: clamp(156px, calc(var(--hq-mobile-rem) * 7.2), 180px);--hq-auth-forgot-proof-option-min-width: clamp(132px, calc(var(--hq-mobile-rem) * 6.08), 160px);--hq-auth-entry-checkbox-margin-top: clamp(10px, calc(var(--hq-mobile-rem) * .52), 12px);--hq-auth-entry-checkbox-gap: clamp(5px, calc(var(--hq-mobile-rem) * .28), 6px);--hq-auth-entry-checkbox-size: clamp(18px, calc(var(--hq-mobile-rem) * .8), 20px);--hq-auth-entry-checkbox-radius: clamp(3px, calc(var(--hq-mobile-rem) * .18), 6px);--hq-auth-entry-checkbox-label-size: clamp(12px, calc(var(--hq-mobile-rem) * .55), 13px);--hq-auth-entry-submit-margin-top: clamp(32px, calc(var(--hq-mobile-rem) * 1.76), 40px);--hq-auth-entry-submit-margin-bottom: clamp(8px, calc(var(--hq-mobile-rem) * .43), 10px);--hq-auth-entry-link-row-height: clamp(28px, calc(var(--hq-mobile-rem) * 1.31), 30px);--hq-auth-entry-link-row-gap: clamp(0px, calc(var(--hq-mobile-rem) * .16), 8px);--hq-auth-captcha-margin-top: var(--hq-space-sm);--hq-auth-captcha-slide-min-width: 320px;--hq-auth-captcha-slide-max-width: 360px;--hq-auth-captcha-slide-side-gap: 32px;--hq-auth-captcha-slide-height: 40px;--hq-auth-agreement-modal-padding-top: clamp(16px, calc(var(--hq-mobile-rem) * .8), 18px);--hq-auth-agreement-modal-padding-x: clamp(14px, calc(var(--hq-mobile-rem) * .7), 16px);--hq-auth-agreement-modal-padding-bottom: clamp(14px, calc(var(--hq-mobile-rem) * .7), 16px);--hq-auth-agreement-modal-gap: clamp(10px, calc(var(--hq-mobile-rem) * .58), 12px);--hq-auth-agreement-modal-title-size: clamp(20px, calc(var(--hq-mobile-rem) * 1.02), 22px);--hq-auth-agreement-modal-body-max-height: min(52vh, 380px);--hq-auth-agreement-modal-body-font-size: clamp(14px, calc(var(--hq-mobile-rem) * .7), 15px);--hq-auth-agreement-modal-confirm-min-height: clamp(40px, calc(var(--hq-mobile-rem) * 1.9), 42px);--hq-auth-agreement-modal-confirm-font-size: clamp(13px, calc(var(--hq-mobile-rem) * .67), 14px);--hq-auth-agreement-modal-sheet-width: min( calc(100vw - 20px) , 520px);--hq-auth-agreement-modal-host-width: calc(100% - 24px) ;--hq-auth-agreement-modal-host-max-width: 420px;--hq-auth-agreement-modal-host-height: min(72vh, 520px);--hq-auth-agreement-modal-host-max-height: min(72vh, 520px);--hq-auth-agreement-modal-host-radius: 18px;--hq-auth-password-strength-margin-top: var(--hq-space-xs);--hq-auth-password-strength-margin-bottom: var(--hq-space-base);--hq-auth-password-strength-title-margin-bottom: var(--hq-space-sm);--hq-auth-password-strength-bars-gap: var(--hq-space-xs);--hq-auth-password-strength-bars-margin-bottom: var(--hq-space-sm);--hq-auth-password-strength-bar-height: 6px;--hq-auth-password-strength-rule-gap: var(--hq-space-sm);--hq-auth-password-strength-rule-font-size: var(--hq-fs-sm);--hq-auth-password-strength-icon-size: 13.76px;--hq-ld-container-max-width: 430px;--hq-ld-container-padding-x: 11.5px;--hq-ld-header-height: 50.84px;--hq-ld-header-title-size: 17.2px;--hq-ld-header-icon-color: var(--hq-text);--hq-ld-brand-height: 40px;--hq-ld-brand-padding: 0 var(--hq-space-lg);--hq-ld-brand-radius: 999px;--hq-ld-logo-height: 22px;--hq-ld-logo-max-width: 120px;--hq-ld-user-card-height: 64.84px;--hq-ld-user-card-padding-x: 11.48px;--hq-ld-user-logo-box-width: 131.95px;--hq-ld-user-logo-box-height: 39.99px;--hq-ld-user-sep-width: 1.14px;--hq-ld-user-sep-height: 25.25px;--hq-ld-user-sep-padding-x: 17.22px;--hq-ld-user-line-gap: 5.74px;--hq-ld-user-label-size: 12.4px;--hq-ld-user-value-size: 12.4px;--hq-ld-user-label-color: var(--hq-text-muted);--hq-ld-user-value-color: var(--hq-text);--hq-ld-split-line-height: .8px;--hq-ld-split-line-color: var(--hq-border);--hq-ld-copy-icon-width: 17px;--hq-ld-copy-icon-height: 15px;--hq-ld-copy-btn-padding: var(--hq-space-xs);--hq-ld-idle-height: 53px;--hq-ld-idle-padding-top: 16.61px;--hq-ld-idle-padding-bottom: 15.49px;--hq-ld-idle-padding-x: 11.48px;--hq-ld-idle-title-size: 13.8px;--hq-ld-idle-value-size: 12.4px;--hq-ld-idle-value-color: var(--hq-primary);--hq-ld-idle-arrow-size: 13.77px;--hq-ld-idle-arrow-gap: 1.14px;--hq-ld-idle-modal-title-size: 16px;--hq-ld-idle-modal-cancel-size: 14px;--hq-ld-footer-padding-top: 11.5px;--hq-ld-footer-padding-x: 11.5px;--hq-ld-footer-padding-bottom: calc(23px + env(safe-area-inset-bottom, 0px)) ;--hq-ld-footer-shadow: 0px -1.72px 5.74px 0px rgba(0, 0, 0, .1);--hq-ld-footer-bg: var(--hq-surface, #ffffff);--hq-ld-save-btn-height: 40px;--hq-ld-save-btn-font-size: 14px;--hq-ld-save-btn-radius: 8px;--hq-ld-save-btn-shadow: var(--hq-base-button-solid-shadow);--hq-ld-device-gap: 11.5px;--hq-ld-device-padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) ;--hq-ld-status-icon-width: 18.93px;--hq-ld-status-icon-height: 16.06px;--hq-ld-status-check-color: #04be02;--hq-ld-status-cross-color: #ea4d3d}:root{--hq-event-main-tabs-gap: var(--hq-space-md);--hq-event-main-tabs-padding-y: var(--hq-space-md);--hq-event-main-tabs-border: 1px solid var(--hq-border);--hq-event-main-tab-padding-y: var(--hq-space-sm);--hq-event-main-tab-padding-x: var(--hq-space-md);--hq-event-sub-tabs-gap: var(--hq-space-md);--hq-event-sub-tabs-border: 1px solid var(--hq-border);--hq-event-sub-tab-gap: var(--hq-space-lg);--hq-event-sub-tab-padding-bottom: var(--hq-space-sm);--hq-event-sub-tab-indicator-width: 20px;--hq-event-sub-tab-indicator-height: 2px;--hq-event-sub-tab-indicator-radius: 1px;--hq-event-list-padding-y: var(--hq-space-section);--hq-event-empty-padding-y: 60px;--hq-event-empty-padding-x: 20px;--hq-event-empty-icon-size: 64px;--hq-event-empty-icon-margin-bottom: 16px;--hq-event-empty-text-size: 16px;--hq-event-empty-text-margin-bottom: 8px;--hq-event-empty-desc-size: 14px;--hq-event-loading-padding-y: 60px;--hq-event-loading-padding-x: 20px;--hq-event-loading-text-margin-top: 12px;--hq-event-loading-text-size: 14px;--hq-event-card-radius: var(--hq-base-radius-md, 16px);--hq-event-card-padding: var(--hq-space-lg);--hq-event-card-image-radius: 10px;--hq-event-card-image-aspect-ratio: 2.2;--hq-event-card-content-margin-top: 10px;--hq-event-card-title-size: 15px;--hq-event-card-desc-size: 13px;--hq-event-card-desc-margin-top: 6px;--hq-event-card-meta-size: 12px;--hq-event-card-meta-margin-top: 8px;--hq-event-card-status-margin-top: 8px;--hq-event-card-badge-padding-y: 2px;--hq-event-card-badge-padding-x: 8px;--hq-event-card-badge-font-size: 11px;--hq-event-card-badge-radius: 4px;--hq-event-card-button-height: 38px;--hq-event-card-button-radius: 8px;--hq-event-card-button-font-size: 14px;--hq-event-card-button-margin-top: 12px}:root{--hq-agent-card-radius: var(--hq-base-radius-md, 16px);--hq-agent-card-padding: var(--hq-space-lg);--hq-agent-center-card-radius: clamp(8px, calc(var(--hq-mobile-rem) * .38), 10px);--hq-agent-center-card-padding: var(--hq-space-base);--hq-agent-center-label-color: var(--hq-text-muted);--hq-agent-center-header-title-size: clamp(16px, calc(var(--hq-mobile-rem) * .8), 18px);--hq-agent-center-tab-height: clamp(36px, calc(var(--hq-mobile-rem) * 1.49), 40px);--hq-agent-center-tab-font-size: var(--hq-fs-sm);--hq-agent-center-tab-padding-x: var(--hq-space-md);--hq-agent-center-tab-padding-bottom: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-agent-center-social-icon-size: clamp(34px, calc(var(--hq-mobile-rem) * 1.49), 40px);--hq-agent-center-share-qr-box-size: clamp(108px, calc(var(--hq-mobile-rem) * 4.48), 128px);--hq-agent-center-share-qr-image-size: clamp(96px, calc(var(--hq-mobile-rem) * 3.89), 112px);--hq-agent-invite-copy-btn-size: clamp(26px, calc(var(--hq-mobile-rem) * 1.12), 28px);--hq-agent-invite-copy-btn-radius: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-agent-invite-link-box-radius: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-agent-invite-social-item-gap: var(--hq-space-xs);--hq-agent-invite-social-label-size: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-agent-info-row-gap: var(--hq-space-lg);--hq-agent-info-level-icon-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-agent-info-badge-size: clamp(16px, calc(var(--hq-mobile-rem) * .75), 18px);--hq-agent-panel-shell-padding: var(--hq-space-section);--hq-agent-panel-shell-gap: var(--hq-space-section);--hq-agent-commission-summary-gap: var(--hq-space-md);--hq-agent-commission-metric-radius: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-agent-commission-metric-gap: var(--hq-space-xs);--hq-agent-commission-action-radius: var(--hq-agent-commission-metric-radius);--hq-agent-commission-action-padding-y: var(--hq-space-md);--hq-agent-commission-action-padding-x: var(--hq-space-lg);--hq-agent-commission-filter-gap: var(--hq-space-md);--hq-agent-commission-filter-input-radius: var(--hq-agent-commission-metric-radius);--hq-agent-commission-filter-input-padding-y: clamp(10px, calc(var(--hq-mobile-rem) * .43), 12px);--hq-agent-commission-filter-input-padding-x: var(--hq-space-lg);--hq-agent-commission-record-radius: clamp(12px, calc(var(--hq-mobile-rem) * .48), 14px);--hq-agent-rule-tutorial-card-padding: var(--hq-agent-center-card-padding);--hq-agent-rule-tier-radius: var(--hq-agent-center-card-radius);--hq-agent-event-title-gap: clamp(2px, calc(var(--hq-mobile-rem) * .11), 4px);--hq-agent-event-arrow-size: clamp(14px, calc(var(--hq-mobile-rem) * .59), 16px);--hq-agent-event-action-radius: var(--hq-agent-commission-metric-radius);--hq-agent-event-action-padding-y: var(--hq-space-sm);--hq-agent-event-action-padding-x: var(--hq-space-lg);--hq-agent-data-chip-padding-y: clamp(6px, calc(var(--hq-mobile-rem) * .27), 8px);--hq-agent-data-chip-padding-x: var(--hq-space-lg);--hq-agent-data-field-gap: var(--hq-space-md);--hq-agent-data-input-radius: var(--hq-agent-commission-metric-radius);--hq-agent-data-input-padding-y: var(--hq-agent-commission-filter-input-padding-y);--hq-agent-data-input-padding-x: var(--hq-agent-commission-filter-input-padding-x);--hq-agent-data-metric-radius: var(--hq-agent-commission-metric-radius);--hq-agent-data-metric-gap: var(--hq-agent-commission-metric-gap);--hq-agent-data-record-radius: var(--hq-agent-commission-record-radius);--hq-agent-data-note-margin-top: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-agent-data-selector-radius: var(--hq-agent-commission-record-radius);--hq-agent-data-status-padding-y: clamp(4px, calc(var(--hq-mobile-rem) * .21), 6px);--hq-agent-data-status-padding-x: var(--hq-space-sm)}:root{--primary: var(--hq-primary, #c69452);--bg: var(--hq-surface, #1b212a);--text: var(--hq-text, #f4ead8);--border: var(--hq-border, #5d6572);--secondary: var(--hq-surface, #262d37);--success: var(--hq-success, #4fc38c);--warning: var(--hq-warning, #d6a764);--danger: var(--ion-color-danger, #d56b61);--hq-home-bg: var(--hq-shell-bg);--hq-home-header-height: 75.025px;--hq-home-grid-gap: 10.0053px;--hq-home-grid-padding: 15.008px;--hq-gradient-register: linear-gradient(180deg, #dec288 0%, #c69452 52%, #8a6239 100%);--hq-promo-action-btn-width: clamp(68px, calc(var(--hq-token-1vw) * 20), 80px);--hq-promo-action-btn-height: clamp(32px, calc(var(--hq-token-1vw) * 9.33), 38px);--hq-promo-action-gap: var(--hq-space-md);--hq-promo-action-padding-x: var(--hq-space-md);--hq-promo-action-bottom: var(--hq-space-lg);--hq-promo-action-radius: 8px;--hq-promo-action-icon-size: clamp(14px, calc(var(--hq-token-1vw) * 4), 16px);--hq-promo-action-font-size: var(--hq-fs-base);--hq-promo-action-font-size-sm: var(--hq-fs-sm)}