@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";.chat-inbox{display:flex;flex:1;flex-direction:column;min-width:0}.inbox-header{min-height:calc(var(--page-header-height) + env(safe-area-inset-top))}.inbox-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px}.inbox-section-heading h2{color:var(--ink);font-size:14px;font-weight:600}.inbox-section-heading>span{color:var(--accent);font-size:11px}.inbox-list{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.inbox-conversation{display:flex;align-items:center;gap:12px;width:100%;min-height:98px;padding:18px 14px;text-align:left}.inbox-conversation+.inbox-conversation{border-top:1px solid var(--border)}.inbox-conversation:hover{background:var(--subtle)}.inbox-conversation:focus-visible{outline-offset:-4px}.inbox-avatar{flex:none;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;color:var(--accent);background:var(--pink);border-radius:16px}.inbox-avatar img{width:100%;height:100%;object-fit:cover}.inbox-conversation-copy{display:flex;flex:1;flex-direction:column;gap:9px;min-width:0}.inbox-conversation-title{display:flex;align-items:center;gap:7px;min-width:0}.inbox-conversation-title strong{font-size:15px;font-weight:600}.inbox-official{padding:1px 5px;border-radius:4px;background:var(--pink);color:var(--accent);font-size:9px;font-weight:500}.inbox-preview{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.inbox-preview.typing{color:var(--accent)}.inbox-conversation.unread .inbox-preview{color:var(--ink)}.inbox-conversation-meta{display:flex;flex:none;align-items:flex-end;flex-direction:column;gap:11px;min-width:35px}.inbox-conversation-meta time{color:var(--muted);font-size:10px;white-space:nowrap}.inbox-unread{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;color:#fff;background:#f2596c;font-size:10px;font-weight:600}.inbox-row-arrow{color:var(--muted)}.inbox-error{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:var(--surface);font-size:12px;line-height:1.7}.inbox-error>span{flex:1}.inbox-error button{flex:none;padding:5px 8px;color:var(--accent)}.inbox-empty{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:28px 14px;text-align:center}.inbox-empty>span{display:grid;place-items:center;width:40px;height:40px;color:var(--accent)}.inbox-empty>span>svg{width:36px;height:36px;stroke-width:1.8}.inbox-empty h3{margin-top:5px;font-size:16px;font-weight:600}.inbox-empty p{color:var(--muted);font-size:12px;line-height:1.8}.inbox-skeleton{display:grid;gap:12px}.inbox-skeleton span{height:98px;border-radius:16px;background:var(--subtle);animation:inbox-loading 1.5s ease-in-out infinite}@keyframes inbox-loading{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.inbox-skeleton span{animation:none}}@media(max-width:360px){.inbox-conversation{gap:9px;padding:16px 11px}.inbox-avatar{width:46px;height:46px}.inbox-conversation-title strong{font-size:14px}}.wallet-page{width:100%;min-height:100dvh;color:var(--ink);background:var(--bg)}.wallet-page .wallet-page-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--border);background:var(--bg)}.wallet-page .wallet-page-header h1{text-align:center;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.wallet-page .wallet-page-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;color:var(--ink)}.wallet-page .wallet-page-back:hover{background:var(--subtle)}.wallet-page .wallet-page-content{display:flow-root;padding:24px 18px calc(28px + env(safe-area-inset-bottom))}.wallet-page .wallet-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:8px;min-height:204px;margin:0;padding:26px 24px;overflow:hidden;border:1px solid #3b5e87;border-radius:22px;background:radial-gradient(ellipse at 95% 12%,#326aaf59,transparent 63%),linear-gradient(115deg,#21334d 2%,#233e62 67%,#294e79);color:var(--ink);box-shadow:0 14px 32px #07132329,inset 0 1px #b3d5ff0a}.wallet-page .wallet-card:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-106px;top:-124px;border:1px solid #85b9ff1a;border-radius:50%;box-shadow:0 0 0 34px #85b9ff06,0 0 0 68px #85b9ff04;pointer-events:none}.wallet-page .wallet-card:after{content:"";position:absolute;z-index:-1;left:24px;bottom:0;width:60px;height:2px;background:linear-gradient(90deg,#8cbfff86,transparent);pointer-events:none}.wallet-page .wallet-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0}.wallet-page .wallet-card-top{color:#c0d3ec;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.5px}.wallet-page .wallet-balance{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0;color:#f0f6ff;font-family:Segoe UI,sans-serif;font-size:48px;font-weight:600;line-height:1.12;letter-spacing:-1px;font-variant-numeric:tabular-nums}.wallet-page .wallet-balance>small{flex:none;color:#c7dbf4;font-size:16px;font-weight:500;letter-spacing:0}.wallet-page .wallet-balance>span{min-width:0;overflow-wrap:anywhere}.wallet-page .wallet-card-caption{color:#93aecf;font-size:11px;line-height:1.5;letter-spacing:.6px}.wallet-page .wallet-card-art{width:148px;max-width:none;height:154px;margin-left:-8px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 13px 12px #07172e38)}.wallet-page .wallet-card-medium-balance .wallet-balance{font-size:34px}.wallet-page .wallet-card-medium-balance .wallet-balance>small{font-size:14px}.wallet-page .wallet-card-wide-balance{grid-template-columns:minmax(0,1fr)}.wallet-page .wallet-card-wide-balance .wallet-card-art{display:none}.wallet-page .wallet-card-wide-balance .wallet-balance{font-size:clamp(32px,10vw,46px)}.wallet-page .wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.wallet-page .wallet-actions>button{gap:8px;min-width:0;min-height:52px;padding:12px 10px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.5}.wallet-page .wallet-actions .secondary-button{border:1px solid #344a67;background:#22334b;color:#8ea5c4}.wallet-page .wallet-actions .secondary-button:disabled{opacity:1}.wallet-page .wallet-actions .primary-button{border:1px solid #4b8fe1;background:linear-gradient(135deg,#327bcc,#2468b8);color:#f3f8ff;box-shadow:0 5px 14px #0e315925,inset 0 1px #b0d7ff15}.wallet-page .wallet-actions .primary-button:hover{background:linear-gradient(135deg,#3986d9,#2c74c9)}.wallet-page .wallet-history-heading{align-items:center;min-height:36px;margin:29px 2px 13px}.wallet-page .wallet-history-heading h3{color:var(--ink);font-size:16px;font-weight:600;letter-spacing:.3px}.wallet-page .wallet-history-heading .text-button{padding-inline:6px;font-size:12px}.wallet-page .wallet-history{padding:0 15px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(135deg,#1f2f46,#1d2b40)}.wallet-page .transaction-row{gap:11px;padding:18px 0;border-bottom:1px solid #2c3d554d}.wallet-page .transaction-row:last-child{border-bottom:0}.wallet-page .transaction-icon{flex:none;width:37px;height:37px;border:1px solid #344d6d;border-radius:12px;background:#273d59;color:#88b8ee}.wallet-page .transaction-icon.withdraw{border-color:#344357;background:#25354a;color:#a1b5ce}.wallet-page .transaction-row>span:nth-child(2){min-width:0;gap:4px}.wallet-page .transaction-row strong{color:#d6e3f5;font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}.wallet-page .transaction-row small{color:#869bb8;font-size:11px;line-height:1.6}.wallet-page .transaction-row b{flex:none;max-width:43%;color:#dbe9fa;font-size:14px;font-weight:500;white-space:normal;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums;line-height:1.6}.wallet-page .empty-history{padding:39px 10px 24px;border:0;border-radius:0;background:transparent;text-align:center}.wallet-page .empty-history>svg{color:#829dbf}.wallet-page .empty-history strong{margin:15px 0 7px;color:#c4d3e7;font-size:14px;font-weight:500;line-height:1.6}.wallet-page .empty-history p{color:#8498b3;font-size:12px;line-height:1.7}.wallet-page .wallet-page-error{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.7}.wallet-page .wallet-page-error>svg{color:var(--accent)}.wallet-page .wallet-page-error>span{flex:1;min-width:0;overflow-wrap:anywhere}.wallet-page .wallet-page-error button{flex:none;min-height:36px;padding:0 7px;color:var(--accent)}.wallet-page:has(.wallet-page-unavailable){display:flex;flex-direction:column}.wallet-page:has(.wallet-page-unavailable)>.wallet-page-header{flex:none}.wallet-page .wallet-page-content:has(>.wallet-page-unavailable){display:flex;flex:1;flex-direction:column;padding-block:24px calc(24px + env(safe-area-inset-bottom))}.wallet-page .wallet-page-unavailable{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 12px;text-align:center}.wallet-page .wallet-page-unavailable>span{display:grid;place-items:center;width:36px;height:36px;color:var(--accent)}.wallet-page .wallet-page-unavailable>span>svg{width:36px;height:36px}.wallet-page .wallet-page-unavailable h2{margin-top:4px;font-size:17px;font-weight:600}.wallet-page .wallet-page-unavailable p{max-width:100%;color:var(--muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.wallet-page .wallet-page-unavailable .primary-button{margin-top:6px;min-width:140px}.wallet-page .wallet-page-skeleton{display:grid;gap:14px}.wallet-page .wallet-page-skeleton span{display:block;border-radius:17px;background:var(--subtle);animation:wallet-page-loading 1.5s ease-in-out infinite}.wallet-page .wallet-page-skeleton-balance{height:204px}.wallet-page .wallet-page-skeleton>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 16px}.wallet-page .wallet-page-skeleton>div>span{height:52px;border-radius:14px}.wallet-page .wallet-page-skeleton-history{height:78px}@keyframes wallet-page-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.wallet-page .wallet-page-skeleton span{animation:none}}@media(max-width:380px){.wallet-page .wallet-page-content{padding-inline:16px}.wallet-page .wallet-card{grid-template-columns:minmax(0,1fr) 108px;padding:24px 20px}.wallet-page .wallet-card-art{width:126px;height:140px;margin-left:-10px}.wallet-page .wallet-balance{font-size:44px}.wallet-page .wallet-card-medium-balance .wallet-balance{font-size:30px}.wallet-page .wallet-card-wide-balance{grid-template-columns:minmax(0,1fr)}.wallet-page .wallet-history{padding-inline:12px}.wallet-page .transaction-row{gap:8px}.wallet-page .transaction-row b{font-size:13px}}@media(max-width:320px){.wallet-page .wallet-card{grid-template-columns:minmax(0,1fr);min-height:188px}.wallet-page .wallet-card-art{display:none}.wallet-page .wallet-actions{gap:9px}.wallet-page .wallet-actions>button{gap:5px;font-size:12px}}.ranking-page{width:100%;min-width:0;min-height:100dvh;color:var(--ink);color-scheme:dark;background:var(--bg)}.ranking-page-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid var(--border);background:var(--bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ranking-page-back{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:10px;color:var(--icon-color);background:var(--surface);box-shadow:inset 0 1px #ffffff0a}.ranking-page-back:hover{background:var(--subtle)}.ranking-page-header h1{position:static;grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:7px;width:auto;max-width:none;min-width:0;color:var(--ink);font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal;transform:none}.ranking-page-header h1:focus{outline:none}.ranking-page-title-icon{width:20px;height:20px;color:var(--icon-color);fill:color-mix(in srgb,var(--icon-color) 18%,transparent);stroke-width:1.3;filter:drop-shadow(0 0 6px #9fbdf01a)}.ranking-page-content{display:flow-root;min-width:0;padding:10px 16px calc(24px + env(safe-area-inset-bottom))}.ranking-page-boards{display:flex;gap:3px;min-width:0;margin:0 0 10px;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ranking-page-boards button{flex:1 1 0;min-width:0;min-height:30px;padding:5px 8px;border-radius:9px;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.ranking-page-boards button.active{color:var(--accent);background:var(--pink);box-shadow:inset 0 1px #c1daff10;font-weight:600}.ranking-cover{position:relative;display:flex;align-items:center;width:100%;max-width:100%;min-width:0;aspect-ratio:3.2;padding:13px 19px;overflow:hidden;isolation:isolate;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:0 7px 25px #050e1b1a,inset 0 1px #c1daff0b}.ranking-cover-art{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center}.ranking-cover-shade{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 74%,transparent),color-mix(in srgb,var(--bg) 12%,transparent) 56%,transparent 83%)}.ranking-hero-heading{min-width:0;max-width:64%;color:var(--ink)}.ranking-eyebrow{display:block;margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:500;line-height:1.3;letter-spacing:1px}.ranking-hero-heading h2{color:var(--ink);font-size:29px;font-weight:750;line-height:1.1;letter-spacing:1px;text-shadow:0 2px 14px #0b192a54;overflow-wrap:anywhere}.ranking-hero-heading p{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4;letter-spacing:.9px}.ranking-cover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;color:var(--muted);font-size:8px;line-height:1.3}.ranking-cover-meta>svg{width:11px;height:11px}.ranking-period-pill{padding:2px 6px;border:1px solid var(--border);border-radius:10px;color:var(--accent);background:var(--pink)}.ranking-podium{display:grid;align-items:end;gap:10px;margin:24px 0 0;padding:0 0 8px;list-style:none}.ranking-podium-card{--podium-color: var(--icon-color);--podium-glow: var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:173px;padding:34px 7px 26px;border:0;color:var(--ink);background:transparent;isolation:isolate}.ranking-podium-card.place-1{--podium-color: var(--icon-color);--podium-glow: var(--accent);order:1;min-height:197px}.ranking-podium-card.place-2{order:0}.ranking-podium-card.place-3{--podium-color: var(--icon-color);--podium-glow: var(--accent);order:2}.ranking-podium-crown{position:absolute;top:0;left:50%;display:grid;place-items:center;width:40px;height:31px;transform:translate(-50%);color:var(--podium-color);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--podium-glow) 36%,transparent))}.ranking-podium-crown>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:31px;fill:var(--podium-color);stroke:#ffffffb0;stroke-width:1.2}.ranking-podium-crown>b{position:relative;margin-top:4px;color:var(--bg);font-size:12px;font-weight:800;line-height:1}.place-1 .ranking-podium-crown>b{color:var(--bg)}.place-3 .ranking-podium-crown>b{color:var(--bg)}.ranking-podium-rank{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ranking-podium-portrait{margin:7px 0 10px}.ranking-avatar{--avatar-size: 34px;display:grid;place-items:center;flex:none;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;border:1px solid var(--border);border-radius:50%;color:var(--ink);background:var(--subtle)}.ranking-avatar-initial{font-size:15px;font-weight:600;line-height:1}.ranking-avatar img{display:block;width:100%;height:100%;object-fit:cover}.ranking-podium-portrait .ranking-avatar{--avatar-size: 58px;border:2px solid var(--podium-color);box-shadow:0 0 0 3px var(--bg),0 0 13px color-mix(in srgb,var(--podium-glow) 30%,transparent)}.place-1 .ranking-podium-portrait .ranking-avatar{--avatar-size: 68px}.ranking-podium-portrait .ranking-avatar-initial{font-size:23px}.ranking-podium-title{display:inline-block;max-width:100%;margin:-3px 0 5px;padding:2px 7px;border:1px solid var(--border);border-radius:9px;color:var(--accent);background:var(--pink);font-size:8px;line-height:1.3;text-align:center;white-space:nowrap}.ranking-podium-name{display:block;max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;font-weight:650;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.place-1 .ranking-podium-name{color:var(--ink);font-size:14px}.ranking-podium-score{max-width:100%;margin-top:5px;color:var(--ink);font-size:17px;font-weight:750;line-height:1.15;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ranking-podium-score small{margin-left:3px;color:var(--muted);font-size:8px;font-weight:400}.place-1 .ranking-podium-score{color:var(--ink);font-size:19px}.ranking-podium-bio{display:block;max-width:100%;margin-top:5px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ranking-podium-stage{position:absolute;z-index:-1;bottom:2px;left:6%;width:88%;height:19px;border:1px solid var(--podium-color);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--podium-glow) 25%,var(--canvas)),var(--surface) 80%);box-shadow:0 4px 0 var(--canvas),0 0 14px color-mix(in srgb,var(--podium-glow) 24%,transparent)}.ranking-podium-illustrated{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:2;margin:12px 0 0;padding:0;isolation:isolate}.ranking-podium-art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;list-style:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent)}.ranking-podium-art>img{display:block;width:100%;height:100%;object-fit:contain}.ranking-podium-illustrated .ranking-podium-card{position:absolute;top:0;width:32%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.ranking-podium-illustrated .ranking-podium-card.place-2{left:2.5%}.ranking-podium-illustrated .ranking-podium-card.place-1{left:34%}.ranking-podium-illustrated .ranking-podium-card.place-3{left:65.5%}.ranking-podium-illustrated .ranking-podium-card:before{display:none}.ranking-podium-illustrated .ranking-podium-crown,.ranking-podium-illustrated .ranking-podium-stage{display:none}.ranking-podium-illustrated .ranking-podium-portrait{position:absolute;top:30.4%;left:50%;width:30.5%;aspect-ratio:1;margin:0;transform:translate(-50%)}.ranking-podium-illustrated .place-1 .ranking-podium-portrait{top:22.4%;width:36.5%}.ranking-podium-illustrated .ranking-podium-portrait .ranking-avatar{--avatar-size: 100%;width:100%;height:100%;border:0;background:var(--subtle);box-shadow:none}.ranking-podium-illustrated .ranking-podium-title{position:absolute;top:50.5%;left:50%;width:max-content;max-width:94%;margin:0;padding:1px 6px;transform:translate(-50%,-100%);font-size:8px;color:var(--accent);border-color:var(--border);background:var(--pink);box-shadow:0 2px 8px #0b172638}.ranking-podium-illustrated .ranking-podium-name{position:absolute;top:55%;left:50%;width:96%;margin:0;transform:translate(-50%);text-shadow:0 1px 5px var(--bg)}.ranking-podium-illustrated .place-1 .ranking-podium-name{top:52%}.ranking-podium-illustrated .ranking-podium-score{position:absolute;top:65%;left:50%;width:100%;margin:0;transform:translate(-50%);text-shadow:0 1px 5px var(--bg),0 1px 2px var(--bg)}.ranking-podium-illustrated .place-1 .ranking-podium-score{top:62.5%}.ranking-podium-illustrated .ranking-podium-bio{position:absolute;top:76.5%;left:50%;width:94%;margin:0;transform:translate(-50%);font-size:8px;text-shadow:0 1px 4px var(--bg)}.ranking-members{margin-top:12px;padding:11px 11px 3px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 10px 26px #060e1b20}.ranking-members-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;margin:0 1px 9px}.ranking-members-heading h2{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-width:0;margin:0;color:var(--ink);font-size:14px;font-weight:600;line-height:1.4}.ranking-members-title-icon{width:16px;height:16px;color:var(--icon-color)}.ranking-week-label{flex:none;color:var(--muted);font-size:10px;font-weight:400;line-height:1.4}.ranking-page-list{display:grid;gap:5px;min-width:0;margin:0 0 8px;padding:0;list-style:none}.ranking-page-record{display:grid;grid-template-columns:18px 34px minmax(0,1fr) minmax(82px,auto);align-items:center;column-gap:8px;min-height:54px;padding:8px 9px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);box-shadow:inset 0 1px #ffffff05}.ranking-page-position{color:var(--muted);font-size:12px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.ranking-name-copy{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}.ranking-page-name{display:block;min-width:0;max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;font-weight:550;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ranking-name-copy>small,.ranking-name-copy>p{display:block;max-width:100%;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ranking-page-score{display:flex;align-items:baseline;justify-content:flex-end;gap:3px;min-width:0;max-width:100%;color:var(--ink);font-size:14px;font-weight:650;line-height:1.3;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ranking-page-score small{flex:none;color:var(--muted);font-size:8px;font-weight:400}.ranking-record-trend{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;max-width:100%;color:var(--success);font-size:9px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}.ranking-record-trend>svg{width:10px;height:10px}.ranking-record-trend[data-direction=down]{color:var(--reputation-low)}.ranking-page-record[data-has-trend=true]{row-gap:1px}.ranking-page-record[data-has-trend=true]>.ranking-page-position,.ranking-page-record[data-has-trend=true]>.ranking-avatar,.ranking-page-record[data-has-trend=true]>.ranking-name-copy{grid-row:1 / span 2}.ranking-page-record[data-has-trend=true]>.ranking-page-score{grid-column:4;grid-row:1;align-self:end}.ranking-page-record[data-has-trend=true]>.ranking-record-trend{grid-column:4;grid-row:2;align-self:start}.ranking-period-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 10px;color:var(--muted);font-size:12px}.ranking-period-empty>svg{color:var(--icon-color)}.ranking-page-error{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:11px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:var(--surface);font-size:12px;line-height:1.6}.ranking-page-error>svg{color:var(--icon-color)}.ranking-page-error>span{flex:1;min-width:0;overflow-wrap:anywhere}.ranking-page-error button{flex:none;min-height:32px;padding:0 5px;color:var(--accent)}.ranking-page-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:65px 10px;text-align:center}.ranking-page-empty>svg{color:var(--icon-color)}.ranking-page-empty h2{color:var(--ink);font-size:17px;font-weight:600;line-height:1.5}.ranking-page-empty p{max-width:100%;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.ranking-page-empty button{min-width:135px;margin-top:3px}.ranking-page-skeleton{display:grid;gap:8px}.ranking-page-skeleton span{display:block;height:54px;border-radius:12px;background:var(--subtle);animation:ranking-page-loading 1.5s ease-in-out infinite}.ranking-page-skeleton .ranking-page-skeleton-hero{height:305px;margin-bottom:6px;border-radius:16px}@keyframes ranking-page-loading{50%{opacity:.45}}@media(min-width:420px){.ranking-page-header{padding-inline:17px}.ranking-page-content{padding:12px 20px calc(28px + env(safe-area-inset-bottom))}.ranking-cover{padding:16px 23px;border-radius:18px}.ranking-hero-heading h2{font-size:34px}.ranking-hero-heading p{font-size:11px}.ranking-cover-meta{margin-top:9px;font-size:9px}.ranking-podium-name{font-size:14px}.place-1 .ranking-podium-name{font-size:15px}.ranking-podium-illustrated .ranking-podium-title{padding:2px 8px;font-size:9px}.ranking-podium-illustrated .ranking-podium-bio{font-size:9px}.ranking-members{padding:13px 13px 4px;border-radius:16px}.ranking-members-heading{margin-bottom:10px}.ranking-members-heading h2{font-size:15px}.ranking-week-label{font-size:11px}.ranking-page-record{min-height:56px;column-gap:10px;padding-inline:11px}}@media(max-width:360px){.ranking-page-header{padding-inline:8px}.ranking-page-header h1{gap:5px}.ranking-page-title-icon{width:18px;height:18px}.ranking-page-back{width:33px;height:33px;border-radius:9px}.ranking-page-content{padding:9px 12px calc(22px + env(safe-area-inset-bottom))}.ranking-cover{padding:11px 15px;border-radius:14px}.ranking-eyebrow{font-size:7px;line-height:1.2}.ranking-hero-heading h2{font-size:25px}.ranking-hero-heading p{margin-top:3px;font-size:9px}.ranking-cover-meta{gap:4px;margin-top:5px;font-size:7px}.ranking-cover-meta>svg{width:9px;height:9px}.ranking-period-pill{padding:1px 4px}.ranking-podium{gap:7px}.ranking-podium-card{min-height:160px;padding-inline:4px}.ranking-podium-card.place-1{min-height:183px}.ranking-podium-portrait .ranking-avatar{--avatar-size: 50px}.place-1 .ranking-podium-portrait .ranking-avatar{--avatar-size: 61px}.ranking-podium-score{font-size:15px}.place-1 .ranking-podium-score{font-size:17px}.ranking-podium-score small{margin-left:2px;font-size:7px}.ranking-podium-illustrated{margin-top:10px}.ranking-podium-illustrated .ranking-podium-card{min-height:0;padding:0}.ranking-podium-illustrated .ranking-podium-portrait .ranking-avatar{--avatar-size: 100%}.ranking-podium-illustrated .ranking-podium-name{font-size:12px}.ranking-podium-illustrated .place-1 .ranking-podium-name{font-size:13px}.ranking-podium-illustrated .ranking-podium-score{font-size:14px}.ranking-podium-illustrated .place-1 .ranking-podium-score{font-size:16px}.ranking-podium-illustrated .ranking-podium-bio{font-size:7.5px}.ranking-members{margin-top:10px;padding:10px 9px 3px;border-radius:13px}.ranking-members-heading{gap:5px;margin-bottom:8px}.ranking-members-heading h2{gap:4px;font-size:13px}.ranking-members-title-icon{width:14px;height:14px}.ranking-page-record{grid-template-columns:15px 32px minmax(0,1fr) minmax(77px,auto);column-gap:6px;padding-inline:7px}.ranking-page-record .ranking-avatar{--avatar-size: 32px}.ranking-page-score{font-size:12px}}@media(prefers-reduced-motion:reduce){.ranking-page-skeleton span{animation:none}}.membership-page{--membership-ordinary:#b1caf1;--membership-gold:#e8cc91;--membership-platinum:#c8dfeb;--membership-diamond:#c0ccff;width:100%;min-height:100dvh;background:var(--bg);color:var(--ink)}.membership-page-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--bg)}.membership-page-header h1{text-align:center;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal;outline:none}.membership-page-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px}.membership-page-back:hover{background:var(--subtle)}.membership-page-content{padding:12px 18px calc(30px + env(safe-area-inset-bottom))}.membership-current{--membership-tone:var(--membership-ordinary);position:relative;isolation:isolate;padding:24px;min-height:226px;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#263d56,#152439);color:#e8f1ff;box-shadow:0 15px 32px #050e1b30,inset 0 1px #56708845}.membership-current[data-tier=gold]{--membership-tone:var(--membership-gold);background:linear-gradient(120deg,#3b382f,#192639)}.membership-current[data-tier=platinum]{--membership-tone:var(--membership-platinum);background:linear-gradient(120deg,#304455,#192b40)}.membership-current[data-tier=diamond]{--membership-tone:var(--membership-diamond);background:linear-gradient(120deg,#303b58,#18263c)}.membership-card-art{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:100% center;pointer-events:none;-webkit-user-select:none;user-select:none}.membership-current>.membership-card-art{inset:0 -32px auto auto;width:500px;height:186px;object-fit:contain}.membership-current[data-tier=ordinary]>.membership-card-art{inset:0 -40px 0 auto;width:610px;height:100%;object-fit:cover}.membership-card-shade{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#142236d9,#1422368c 43%,#14223614 76%),linear-gradient(0deg,#132135ed 0%,#13213530 46%,transparent 75%)}.membership-current[data-tier=ordinary] .membership-card-shade{background:linear-gradient(90deg,#192b42e6,#192b4273 48%,#192b421a 78%),linear-gradient(0deg,#17283fed,#17283f00 76%)}.membership-current-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--membership-tone);font-size:11px;font-weight:500;letter-spacing:1px}.membership-current-heading>svg{width:20px;height:20px;stroke-width:1.5;opacity:.82}.membership-current h2{position:relative;max-width:74%;margin-top:16px;color:var(--membership-tone);font-size:28px;font-weight:600;letter-spacing:1px;line-height:1.5;overflow-wrap:anywhere;text-shadow:0 2px 12px #0c182b80}.membership-topup-total{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:34px;padding-top:18px;border-top:1px solid #7b98b52a}.membership-topup-total>span{flex:none;padding-bottom:4px;color:#afc1d9;font-size:11px}.membership-topup-total strong{min-width:0;max-width:76%;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;text-align:right;letter-spacing:.3px;overflow-wrap:anywhere}.membership-topup-total strong small{font-size:11px;font-weight:500;color:#afc1d9;letter-spacing:.5px}.membership-upgrade{margin-top:20px;padding:21px;border-radius:18px;background:linear-gradient(125deg,#23354d,#1c2b41);box-shadow:inset 0 1px #51698330}.membership-upgrade-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.membership-upgrade-heading h2{font-size:12px;font-weight:500;color:var(--muted)}.membership-upgrade-heading>span{font-size:13px;font-weight:600;color:#b4d0f7}.membership-remaining{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:14px;color:#c0ccdc;font-size:12px;line-height:1.8}.membership-remaining strong{color:var(--ink);font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px}.membership-progress{height:6px;margin-top:19px;overflow:hidden;border-radius:8px;background:#132237;box-shadow:inset 0 1px 3px #0d1a2e40}.membership-progress>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#4b8fe8,#aac8fa)}.membership-progress-values{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.membership-upgrade-status{display:flex;align-items:flex-start;gap:12px}.membership-upgrade-status>svg{margin-top:2px;width:21px;height:21px;color:#99b9df;stroke-width:1.6}.membership-upgrade-status h2{font-size:14px;font-weight:600}.membership-upgrade-status p{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.9}.membership-tiers{margin-top:31px}.membership-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 16px}.membership-section-heading h2{font-size:15px;font-weight:600;letter-spacing:.2px}.membership-section-heading>span{color:var(--muted);font-size:10px}.membership-tier-list{display:grid;gap:15px}.membership-tier{--tier-color:var(--membership-gold);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:152px;padding:21px;overflow:hidden;border-radius:19px;background:#1c2b40;box-shadow:0 6px 18px #09162718,inset 0 1px #617b9740}.membership-tier[data-tier=ordinary]{--tier-color:var(--membership-ordinary)}.membership-tier[data-tier=platinum]{--tier-color:var(--membership-platinum)}.membership-tier[data-tier=diamond]{--tier-color:var(--membership-diamond)}.membership-tier .membership-card-art{object-position:78% center}.membership-tier .membership-card-shade{background:linear-gradient(90deg,#142236f0,#142236b5 39%,#1422361a 75%),linear-gradient(0deg,#142236b5,transparent 75%)}.membership-tier[data-state=current]{box-shadow:0 7px 22px #0a192e24,inset 0 0 0 1px #6896ca69}.membership-tier-name{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:75%}.membership-tier-name>svg{width:18px;height:18px;color:var(--tier-color);stroke-width:1.6}.membership-tier-name h3{min-width:0;color:var(--tier-color);font-size:16px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;letter-spacing:.6px}.membership-tier-badge{display:inline-flex;align-items:center;gap:3px;min-height:20px;padding:1px 7px;border-radius:5px;background:#122036b8;color:#b3bfd0;font-size:10px;line-height:1.7}.membership-tier-badge.current{background:#2a4763d9;color:#c9e0ff}.membership-tier-badge>svg{width:11px;height:11px}.membership-tier-threshold{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:76%;margin-top:25px}.membership-tier-threshold>span{color:#a8b7cc;font-size:11px;line-height:1.7}.membership-tier-threshold strong{min-width:0;max-width:100%;color:#e8f0fc;font-size:22px;font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:.2px;overflow-wrap:anywhere}.membership-tiers-unavailable{padding:27px 17px;border-radius:17px;background:var(--surface);color:var(--muted);font-size:12px;text-align:center;line-height:1.8}.membership-page-error{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:12px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.7}.membership-page-error>svg{color:var(--accent)}.membership-page-error>span{flex:1;min-width:0;overflow-wrap:anywhere}.membership-page-error>button{flex:none;min-height:36px;color:var(--accent)}.membership-page-skeleton{display:grid;gap:18px}.membership-page-skeleton>span{display:block;height:152px;border-radius:19px;background:var(--subtle);animation:membership-page-loading 1.5s ease-in-out infinite}.membership-page-skeleton>span:first-child{height:226px;border-radius:22px}@keyframes membership-page-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.membership-page-skeleton>span{animation:none}}@media(max-width:360px){.membership-page-content{padding-inline:14px}.membership-current{padding:21px;min-height:218px;border-radius:20px}.membership-current h2{font-size:25px}.membership-topup-total{gap:8px}.membership-topup-total strong{font-size:24px}.membership-upgrade{padding:19px}.membership-remaining strong{font-size:21px}.membership-section-heading{gap:6px}.membership-section-heading>span{font-size:10px}.membership-tier{min-height:145px;padding:19px;border-radius:17px}.membership-tier-name{gap:6px;max-width:82%}.membership-tier-name h3{font-size:15px}.membership-tier-name>svg{width:17px;height:17px}.membership-tier-badge{padding-inline:5px}.membership-tier-threshold{width:78%}.membership-tier-threshold strong{font-size:20px}}.account-security{padding:2px 0 4px}.security-account{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--subtle)}.security-account-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--accent)}.security-account>div{min-width:0}.security-account>div>span{display:block;margin-bottom:3px;color:var(--muted);font-size:11px}.security-account strong{display:block;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.security-password-heading{margin:24px 0 19px}.security-password-heading h3{font-size:17px;font-weight:600}.security-password-heading p{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.8}.security-password-intro{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.8}.security-password-form{display:flex;flex-direction:column;gap:18px}.security-password-field>label{font-size:13px;font-weight:500}.security-password-input{position:relative;margin-top:8px}.security-password-input>input{width:100%;min-width:0;min-height:50px;padding:12px 49px 12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--subtle);font-size:16px;line-height:1.5}.security-password-input>input::placeholder{color:var(--muted);font-size:11px}.security-password-input>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--pink)}.security-password-input>input[aria-invalid=true]{border-color:#c5364c}.security-password-toggle{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:44px;height:44px;border-radius:9px;color:var(--muted)}.security-password-toggle:hover{background:var(--pink);color:var(--accent)}.security-password-error{margin-top:7px;color:#bb2f44;font-size:12px;line-height:1.7}.security-form-error{margin:0;padding:11px 13px;border:1px solid #bb2f4440;border-radius:10px}.security-session-note{margin-top:-3px;color:var(--muted);font-size:11px;line-height:1.8}.security-password-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:-3px}.security-password-help{min-height:44px;margin-top:-12px;color:var(--accent);font-size:12px}.security-password-spinner{animation:security-password-spin 1s linear infinite}@keyframes security-password-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .security-password-error{color:#ff9ba9}:root[data-theme=dark] .security-password-input>input[aria-invalid=true]{border-color:#ff9ba9}@media(max-width:360px){.security-account{padding:12px}.security-account strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.security-password-spinner{animation:none}}.profile-edit-page{width:100%;min-height:100dvh;background:var(--canvas);color:var(--ink)}.profile-edit-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 13px 0;border-bottom:1px solid var(--border);background:var(--canvas)}.profile-edit-header h1{font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal;text-align:center}.profile-edit-back{display:grid;place-items:center;width:40px;height:40px;border-radius:11px}.profile-edit-back:hover:not(:disabled){background:var(--subtle)}.profile-edit-content{padding:25px 18px calc(36px + env(safe-area-inset-bottom))}.profile-settings-group{overflow:hidden;margin-bottom:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.profile-settings-group>h2{padding:19px 19px 14px;font-size:14px;font-weight:600}.profile-settings-rows{padding:0}.profile-settings-row{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;padding:13px 18px;border-top:1px solid var(--border);text-align:left}.profile-settings-row>svg:first-child{color:var(--menu-icon)}.profile-settings-label{flex:none;font-size:15px;font-weight:600}.profile-settings-value{min-width:0;max-width:48%;margin-left:auto;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.profile-settings-id{font-variant-numeric:tabular-nums;letter-spacing:.2px}.profile-settings-row>svg:last-child{margin-left:auto;color:var(--muted)}.profile-settings-value+svg:last-child,.profile-settings-avatar+svg:last-child{margin-left:0}.profile-settings-avatar-row{min-height:83px}.profile-settings-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;margin-left:auto;overflow:hidden;border-radius:50%;color:var(--menu-icon);background:var(--subtle)}.profile-settings-avatar>svg{width:33px;height:33px;fill:currentColor;stroke-width:0}.profile-settings-avatar>.image-fallback,.profile-edit-avatar-preview>.image-fallback{color:var(--menu-icon);background:var(--subtle)}.profile-settings-avatar .image-fallback>span,.profile-edit-avatar-preview .image-fallback>span{display:none}.profile-settings-avatar .image-fallback>svg{width:33px;height:33px;fill:currentColor;stroke-width:0}.profile-edit-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.profile-edit-detail-card{padding:22px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.profile-edit-field-label{display:block;margin-bottom:13px;font-size:14px;font-weight:500}.profile-edit-name-input{width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;color:var(--ink);background:var(--subtle);font-size:16px;line-height:1.5}.profile-edit-name-input:focus{border-color:var(--accent)}.profile-edit-name-input::placeholder{color:var(--muted);font-size:13px}.profile-edit-name-input[aria-invalid=true]{border-color:#c5364c}.profile-edit-note{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.9}.profile-edit-submit{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin:22px 0 0;border-radius:12px}.profile-edit-avatar-detail{display:flex;flex-direction:column;align-items:center;padding-top:33px;padding-bottom:25px}.profile-edit-avatar-button{position:relative;padding:0}.profile-edit-avatar-preview{display:grid;place-items:center;width:154px;height:154px;overflow:hidden;border:4px solid var(--surface);border-radius:50%;color:var(--menu-icon);background:var(--subtle);box-shadow:0 0 0 1px var(--border)}.profile-edit-avatar-preview .image-fallback>svg{width:54px;height:54px}.profile-edit-camera{position:absolute;right:8px;bottom:7px;display:grid;place-items:center;width:35px;height:35px;border:3px solid var(--surface);border-radius:50%;color:#fff;background:var(--filled)}.profile-edit-pick-avatar{min-height:40px;margin-top:18px;padding:7px 14px;color:var(--accent);font-size:14px;font-weight:500}.profile-edit-avatar-detail .profile-edit-note{margin-top:3px;text-align:center}.profile-edit-avatar-pending{margin-top:8px;color:var(--muted);font-size:11px}.profile-edit-cancel{width:100%;min-height:47px;margin-top:10px;color:var(--muted);font-size:13px}.profile-edit-password-detail{padding-bottom:14px}.profile-edit-error{margin-top:9px;color:#bb2f44;font-size:12px;line-height:1.7}.profile-edit-view-overview .profile-edit-error{margin:-12px 6px 20px}.profile-edit-form-error{margin-top:15px;padding:11px 13px;border:1px solid #bb2f4440;border-radius:11px}.profile-edit-success{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface);font-size:12px;line-height:1.6}.profile-edit-success>svg{color:var(--success)}.profile-edit-state{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:230px;padding:55px 20px;color:var(--muted);text-align:center;font-size:13px;line-height:1.8}.profile-edit-state>button{padding:9px 16px;border:1px solid var(--border);border-radius:10px;color:var(--accent);background:var(--surface)}.profile-edit-refresh-error{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:11px;line-height:1.6}.profile-edit-refresh-error>p{flex:1;min-width:0;color:var(--muted);overflow-wrap:anywhere}.profile-edit-refresh-error>button{flex:none;color:var(--accent)}.profile-edit-spinner{animation:profile-edit-spin 1s linear infinite}@keyframes profile-edit-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .profile-edit-error{color:#ff9ba9}:root[data-theme=dark] .profile-edit-name-input[aria-invalid=true]{border-color:#ff9ba9}@media(max-width:360px){.profile-edit-header{padding-inline:9px}.profile-edit-content{padding-inline:13px}.profile-settings-group>h2{padding-inline:16px}.profile-settings-row{gap:10px;padding-inline:16px}.profile-settings-label{font-size:13px}.profile-settings-value{font-size:12px}.profile-settings-avatar{width:43px;height:43px}.profile-edit-detail-card{padding-inline:16px}.profile-edit-avatar-preview{width:140px;height:140px}}@media(prefers-reduced-motion:reduce){.profile-edit-spinner{animation:none}}.kyc-page{display:flex;flex-direction:column;width:100%;min-height:100dvh;color:var(--ink);background:var(--bg)}.kyc-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--surface);border-bottom:1px solid var(--border)}.kyc-header h1{text-align:center;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.kyc-header button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;color:var(--icon-color)}.kyc-header button:hover:not(:disabled){background:var(--subtle)}.kyc-content{display:flex;flex:1;flex-direction:column;gap:18px;min-width:0;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.kyc-status{display:flex;align-items:center;gap:16px;padding:22px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.kyc-status>svg{color:var(--accent)}.kyc-status[data-status=approved]>svg{color:var(--success)}.kyc-status h2{font-size:19px;font-weight:600}.kyc-status p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.8}.kyc-review-reason{padding:16px 18px;border:1px solid #ff91a13d;border-radius:14px;background:var(--surface)}.kyc-review-reason strong{font-size:13px;color:#ffb2bf}.kyc-review-reason p{margin-top:7px;color:var(--ink);font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.kyc-form{display:grid;gap:18px;min-width:0}.kyc-section{min-width:0;padding:20px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.kyc-section>h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.kyc-section>h2 svg{color:var(--icon-color)}.kyc-fields{display:grid;gap:18px;margin-top:20px}.kyc-fields label{display:grid;gap:8px;min-width:0}.kyc-fields label>span{color:var(--ink);font-size:13px}.kyc-fields input,.kyc-fields select{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--canvas);color:var(--ink);font-size:14px}.kyc-fields input::placeholder{color:var(--muted);font-size:12px}.kyc-fields [aria-invalid=true]{border-color:#ff91a1}.kyc-fields small,.kyc-photo-error,.kyc-form-notice{color:#ffb2bf;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.kyc-form-notice{margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink)}.kyc-section-description{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.8}.kyc-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:18px}.kyc-photo{display:flex;flex-direction:column;gap:9px;min-width:0}.kyc-photo:last-child{grid-column:1 / -1;width:calc(50% - 6px)}.kyc-photo h3{font-size:12px;font-weight:500}.kyc-photo-preview{position:relative;display:grid;place-items:center;aspect-ratio:1.42;overflow:hidden;border:1px dashed var(--border);border-radius:11px;background:var(--canvas)}.kyc-photo:last-child .kyc-photo-preview{aspect-ratio:1}.kyc-photo-preview>span{color:var(--icon-muted)}.kyc-photo-preview>img{width:100%;height:100%;object-fit:contain}.kyc-photo-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#142030dc;color:var(--accent);font-size:11px}.kyc-photo-actions{display:flex;align-items:center;gap:6px}.kyc-upload-button{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 4px;border:1px solid var(--border);border-radius:9px;color:var(--accent);font-size:12px;cursor:pointer;overflow:hidden}.kyc-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.kyc-upload-button:focus-within{outline:3px solid #91c4ff;outline-offset:3px}.kyc-upload-button.is-disabled{cursor:default;opacity:.5}.kyc-upload-button.is-disabled input{cursor:default}.kyc-photo-actions>button{display:grid;place-items:center;flex:none;width:36px;height:40px;padding:0;color:var(--muted)}.kyc-photo-retry{min-height:40px;padding:6px 0;color:var(--accent);font-size:12px}.kyc-file-hint{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.8}.kyc-readonly-details{display:grid;gap:17px;margin:20px 0 0}.kyc-readonly-details>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.7}.kyc-readonly-details dt{color:var(--muted)}.kyc-readonly-details dd{margin:0;overflow-wrap:anywhere}.kyc-submit-area{display:grid;gap:14px}.kyc-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px}.kyc-loading,.kyc-unavailable{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 12px;text-align:center;color:var(--accent)}.kyc-loading p,.kyc-unavailable p{color:var(--muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.kyc-unavailable h2{color:var(--ink);font-size:17px}.kyc-unavailable .primary-button{min-width:140px;margin-top:6px}.kyc-load-error{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--accent);background:var(--surface)}.kyc-load-error p{flex:1;min-width:0;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.kyc-load-error button{flex:none;min-height:36px;padding:6px;color:var(--accent);font-size:12px}.kyc-spinner{animation:kyc-spin 1s linear infinite}@keyframes kyc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kyc-spinner{animation:none}}@media(max-width:360px){.kyc-content,.kyc-section{padding-inline:14px}.kyc-status{padding:18px 15px;gap:12px}.kyc-photo-actions{gap:2px}.kyc-upload-button{font-size:11px;gap:4px}.kyc-photo-actions>button{width:28px}.kyc-readonly-details>div{grid-template-columns:72px minmax(0,1fr)}}.full-photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;background:#0b1320;color:#f5f8ff;isolation:isolate}.full-photo-viewer-header{display:flex;align-items:center;gap:12px;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));border-bottom:1px solid #ffffff10}.full-photo-viewer-header h2{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.5;font-weight:600}.full-photo-viewer-count{flex-shrink:0;color:#c5cfdf;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.full-photo-viewer-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border-radius:50%;color:#f5f8ff;background:#ffffff0c}.full-photo-viewer-close:hover{background:#ffffff1c}.full-photo-viewer-close:focus-visible,.full-photo-viewer-track:focus-visible{outline:3px solid var(--accent, #007aff);outline-offset:-3px}.full-photo-viewer-track{display:flex;min-width:0;min-height:0;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch}.full-photo-viewer-track::-webkit-scrollbar{display:none}.full-photo-viewer-track.is-dragging{scroll-snap-type:none;cursor:grabbing}.full-photo-viewer-slide{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;flex:0 0 100%;min-width:0;height:100%;padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right));scroll-snap-align:center;scroll-snap-stop:always}.full-photo-viewer-slide>img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.full-photo-viewer-slide>.image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:0;width:100%;height:100%;background:transparent;color:#a8b8cf;pointer-events:none}.full-photo-viewer-empty{display:grid;place-items:center;width:100%;color:#a8b8cf}.full-photo-viewer-footer{display:grid;place-items:center;min-height:28px;padding:9px 16px calc(9px + env(safe-area-inset-bottom))}.full-photo-viewer-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.full-photo-viewer-dots>span{width:6px;height:6px;border-radius:99px;background:#ffffff4a}.full-photo-viewer-dots>span.active{width:18px;background:#e8f1ff}@media(min-width:768px){.full-photo-viewer-header{min-height:72px;padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}.full-photo-viewer-header h2{font-size:20px}.full-photo-viewer-slide{padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.full-photo-viewer-footer{min-height:40px}}@media(max-width:360px){.full-photo-viewer-header{gap:9px;padding-left:max(12px,env(safe-area-inset-left))}.full-photo-viewer-header h2{font-size:16px}.full-photo-viewer-count{font-size:12px}}.hall-profile-page{display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:480px;margin:0 auto;background:var(--bg);color:var(--ink)}.hall-profile-header{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--bg)}.hall-profile-header h1{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.hall-profile-header h1:focus{outline:none}.hall-profile-back{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;color:var(--icon-color, #9fbdf0)}.hall-profile-back:hover{color:var(--accent);background:var(--subtle)}.hall-profile-back>svg{width:22px;height:22px;stroke-width:1.8}.hall-profile-menu-wrap{position:relative;justify-self:end}.hall-profile-menu-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;color:var(--icon-color, #9fbdf0)}.hall-profile-menu-button>svg{width:22px;height:22px;stroke-width:1.8}.hall-profile-menu-button:hover{background:var(--subtle);color:var(--accent)}.hall-profile-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;min-width:148px;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent)}.hall-profile-menu>button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:9px 11px;border-radius:9px;color:var(--ink);text-align:left;font-size:12px;white-space:nowrap}.hall-profile-menu>button>svg{width:18px;height:18px;color:var(--icon-color, #9fbdf0);stroke-width:1.8}.hall-profile-menu>button:hover,.hall-profile-menu>button:focus-visible{background:var(--subtle);color:var(--accent)}.hall-profile-menu>button:hover>svg{color:var(--accent)}.hall-profile-main{width:100%}.hall-profile-hero{margin:4px 12px 14px;padding:8px;border:1px solid var(--border);border-radius:22px;background:var(--canvas)}.hall-profile-photo-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:35px;padding:0 4px 6px}.hall-profile-photo-count{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.hall-profile-photo-count>svg{width:15px;height:15px;color:var(--icon-muted, #7f93ad);stroke-width:1.8}.hall-profile-fullscreen{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;color:var(--icon-color, #9fbdf0)}.hall-profile-fullscreen>svg{width:18px;height:18px;stroke-width:1.8}.hall-profile-fullscreen:hover:not(:disabled){background:var(--subtle);color:var(--accent)}.hall-profile-photo-window{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;border-radius:16px;background:var(--canvas)}.hall-profile-photo-track{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none}.hall-profile-photo-track:has(.hall-profile-photo-slide:only-child){cursor:default}.hall-profile-photo-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.hall-profile-photo-track::-webkit-scrollbar{display:none}.hall-profile-photo-track:focus-visible{outline-offset:-4px;border-radius:15px}.hall-profile-photo-slide{flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.hall-profile-photo-slide>img{width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-drag:none}.hall-profile-photo-slide>.image-fallback{width:100%;height:100%}.hall-profile-hero-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 7px 3px}.hall-profile-photo-title{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.hall-profile-photo-dots{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;min-height:8px}.hall-profile-photo-dots>span{width:6px;height:6px;border-radius:6px;background:var(--muted);opacity:.35;transition:width .18s,opacity .18s,background .18s}.hall-profile-photo-dots>span.active{width:17px;background:var(--accent);opacity:1}.hall-profile-summary-card,.hall-profile-information{margin:0 12px 14px;padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.hall-profile-summary{display:flex;align-items:stretch;justify-content:space-between;gap:16px}.hall-profile-heading{flex:1;min-width:0}.hall-profile-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.hall-profile-name h2{min-width:0;overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.4}.hall-profile-name>span{color:var(--muted);font-size:16px}.hall-profile-activity{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.hall-profile-activity.online{color:var(--success)}.hall-profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.hall-profile-tags>span{max-width:100%;padding:5px 10px;border:1px solid var(--border);border-radius:20px;background:var(--subtle);color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.hall-profile-rating{display:flex;flex:0 0 112px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 8px;border:1px solid var(--border);border-radius:16px;background:var(--canvas);color:var(--muted);text-align:center}.hall-profile-rating-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--icon-color, #9fbdf0)}.hall-profile-rating-icon>svg{width:22px;height:22px;stroke-width:1.8}.hall-profile-rating strong{font-size:10px;font-weight:500;line-height:1.5}.hall-profile-rating-value{color:var(--ink);font-size:26px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.hall-profile-stars{display:flex;gap:2px;color:var(--icon-muted, #7f93ad)}.hall-profile-stars>svg{width:17px;height:17px;stroke-width:1.8}.hall-profile-stars .filled{color:#e6bd75}.hall-profile-rating-empty{color:var(--muted);font-size:12px}.hall-profile-information h3{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:15px;font-weight:650}.hall-profile-information h3>svg{width:20px;height:20px;color:var(--icon-color, #9fbdf0);stroke-width:1.8}.hall-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.hall-profile-facts>div{min-width:0;padding:12px 5px 10px;border:1px solid var(--border);border-radius:13px;background:var(--canvas);text-align:center}.hall-profile-facts dt{display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:8px;color:var(--muted);font-size:11px;line-height:1.5}.hall-profile-fact-icon{display:grid;place-items:center;min-height:28px;color:var(--icon-color, #9fbdf0)}.hall-profile-fact-icon>svg{width:24px;height:24px;stroke-width:1.8}.hall-profile-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-line;font-size:13px;font-weight:600;line-height:1.7}.hall-profile-facts .hall-profile-popularity{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;color:var(--accent);font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.hall-profile-popularity>span{min-width:0;max-width:100%;overflow-wrap:anywhere}.hall-profile-popularity-pending{flex:none;color:var(--icon-color, #9fbdf0);opacity:.65;animation:hall-profile-spin 1s linear infinite}.hall-profile-footer{padding:6px 12px calc(22px + env(safe-area-inset-bottom));background:var(--bg)}.hall-profile-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:100%;margin:0 auto}.hall-profile-reaction{--reaction-accent:#f3a4c8;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:104px;padding:12px 8px;border:0;border-radius:20px;background:linear-gradient(145deg,#253248,#1d2b40);box-shadow:inset 0 1px #61779224,0 5px 16px #0c192b14;color:var(--ink);touch-action:manipulation}.hall-profile-reaction.flame{--reaction-accent:#f1bd89;background:linear-gradient(145deg,#2a3345,#1e2b3e)}.hall-profile-reaction.rose{--reaction-accent:#f1a1b4;background:linear-gradient(145deg,#2a3045,#1e2b40)}.hall-profile-reaction:hover:not(:disabled){background:#293b54}.hall-profile-reaction:active:not(:disabled){transform:translateY(1px)}.hall-profile-reaction:disabled{opacity:.48;cursor:not-allowed}.hall-profile-reaction-art{display:grid;place-items:center;width:68px;height:68px;pointer-events:none}.hall-profile-reaction-art>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #0e1a2b38);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hall-profile-reaction-art[data-pressed=true]{animation:hall-reaction-bounce .38s cubic-bezier(.2,.7,.2,1)}.hall-profile-reaction-burst{position:absolute;top:15px;left:50%;z-index:2;color:var(--reaction-accent);font-size:17px;font-weight:700;line-height:1;pointer-events:none;text-shadow:0 2px 10px #112035c9;animation:hall-reaction-rise .85s ease-out both}.hall-profile-interaction-counter{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:14px;color:var(--muted);font-size:13px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}.hall-profile-interaction-counter>span:first-child{color:var(--ink);font-weight:600}.hall-profile-interaction-separator{color:var(--muted);opacity:.7}.hall-profile-reaction-error{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 13px;border-radius:12px;background:var(--surface);color:#ffb0bc;font-size:12px;line-height:1.7}.hall-profile-reaction-error>span{flex:1;min-width:0;overflow-wrap:anywhere}.hall-profile-reaction-error>button{flex:none;min-height:34px;padding:0 6px;color:var(--accent)}.hall-profile-reaction-flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;width:100%;max-width:480px;margin-inline:auto;overflow:hidden;pointer-events:none;contain:strict}.hall-profile-reaction-flight{position:absolute;display:block;width:var(--flight-size);height:var(--flight-size);pointer-events:none;will-change:transform,opacity;animation:hall-reaction-flight var(--flight-duration) linear both}.hall-profile-reaction-flight>img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 5px 8px #17203340);animation:hall-reaction-sway var(--flight-duration) cubic-bezier(.45,0,.55,1) both}@keyframes hall-reaction-flight{0%{opacity:0;transform:translate3d(-50%,-50%,0)}10%{opacity:1}70%{opacity:.92}to{opacity:0;transform:translate3d(-50%,calc(-50% - var(--flight-rise)),0)}}@keyframes hall-reaction-sway{0%{transform:translate(0) scale(.55) rotate(0)}10%{transform:translate(0) scale(1.08) rotate(calc(var(--flight-tilt) * -.4))}38%{transform:translate(var(--flight-drift-a)) scale(1) rotate(var(--flight-tilt))}70%{transform:translate(var(--flight-drift-b)) scale(.9) rotate(calc(var(--flight-tilt) * -.6))}to{transform:translate(var(--flight-end-x)) scale(.55) rotate(calc(var(--flight-tilt) * .8))}}@keyframes hall-reaction-flight-reduced{0%{opacity:0;transform:translate3d(-50%,calc(-50% - 12px),0)}30%{opacity:1}to{opacity:0;transform:translate3d(-50%,calc(-50% - 12px),0)}}@keyframes hall-reaction-bounce{0%{transform:scale(1)}42%{transform:translateY(-5px) scale(1.12)}76%{transform:translateY(1px) scale(.98)}to{transform:scale(1)}}@keyframes hall-reaction-rise{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}22%{opacity:1;transform:translate(-50%,-4px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)}}.hall-profile-favorite{display:flex;justify-content:center;align-items:center;gap:6px;min-height:34px;margin:13px auto 0;padding:5px 15px;border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:12px}.hall-profile-favorite.active{background:var(--pink);color:var(--accent)}.hall-profile-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:390px;padding:46px 30px;color:var(--muted);text-align:center}.hall-profile-state>svg{color:var(--accent)}.hall-profile-state h2{color:var(--ink);font-size:18px}.hall-profile-state p{max-width:310px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.hall-profile-state button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 18px;margin-top:4px;border-radius:11px;background:var(--filled);color:#fff;font-size:13px}.hall-profile-state button:hover{background:var(--filled-hover)}.hall-profile-loader{animation:hall-profile-spin 1s linear infinite}@keyframes hall-profile-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.hall-profile-summary-card,.hall-profile-information{padding:14px}.hall-profile-summary{gap:10px}.hall-profile-name h2{font-size:21px}.hall-profile-rating{flex-basis:102px;padding-inline:5px}.hall-profile-stars{gap:1px}.hall-profile-stars>svg{width:17px;height:17px}.hall-profile-tags{gap:5px}.hall-profile-tags>span{padding:4px 8px}.hall-profile-facts{gap:6px}.hall-profile-facts>div{padding-inline:3px}.hall-profile-facts dd{font-size:12px}.hall-profile-reactions{gap:9px}.hall-profile-reaction{min-height:96px;padding:12px 6px;border-radius:17px}.hall-profile-reaction-art{width:62px;height:62px}}@media(max-width:340px){.hall-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hall-profile-facts>div{padding:11px 8px}.hall-profile-facts dt{font-size:11px}}@media(prefers-reduced-motion:reduce){.hall-profile-loader,.hall-profile-popularity-pending,.hall-profile-reaction-art[data-pressed=true],.hall-profile-reaction-burst{animation:none}.hall-profile-reaction-burst{top:5px;transform:translate(-50%);opacity:1}.hall-profile-reaction-flight{animation-name:hall-reaction-flight-reduced;animation-duration:.3s!important}.hall-profile-reaction-flight>img{animation:none;transform:none}.hall-profile-page button,.hall-profile-photo-dots span{transition:none}}.platform-rules{min-width:0;padding:0 0 8px;color:var(--ink)}.platform-rules-list{list-style:none;margin:0;padding:0}.platform-rule-section{padding:25px 0;border-bottom:1px solid var(--border)}.platform-rule-section:first-child{padding-top:0}.platform-rule-section article{min-width:0}.platform-rule-section header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.platform-rule-number{flex:none;color:var(--accent);font-size:12px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.platform-rule-section h3{margin:0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.platform-rule-section p{margin:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95}.platform-rules-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 10px;color:var(--muted);text-align:center}.platform-rules-empty>svg{color:var(--accent)}.platform-rules-empty h3{margin:0;font-size:15px;font-weight:600;color:var(--ink)}.platform-rules-empty p{margin:0;font-size:13px;line-height:1.8}.platform-rules-error{display:flex;align-items:flex-start;gap:10px;margin:20px 0 4px;padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--subtle)}.platform-rules-error>svg{flex:none;margin-top:2px;color:var(--accent)}.platform-rules-error>div{flex:1;min-width:0}.platform-rules-error strong{font-size:13px;font-weight:600;line-height:1.7}.platform-rules-error p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.85;overflow-wrap:anywhere}.platform-rules-error button{min-height:40px;padding:6px 0 0;color:var(--accent);font-size:13px;font-weight:500}.platform-rules button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.platform-rules-spinner{animation:platform-rules-spin .9s linear infinite}@keyframes platform-rules-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.platform-rule-section{padding-block:22px}.platform-rule-section header{gap:10px}.platform-rule-section h3{font-size:15px}.platform-rule-section p{font-size:13px}.platform-rules-error{padding:12px}}@media(prefers-reduced-motion:reduce){.platform-rules-spinner{animation:none}}.platform-rules-page{width:100%;min-width:0;min-height:100dvh;color:var(--ink);background:var(--bg)}.platform-rules-page-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--border);background:var(--bg)}.platform-rules-page-header h1{margin:0;text-align:center;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.platform-rules-page-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:10px;color:var(--ink)}.platform-rules-page-back:hover{background:var(--subtle)}.platform-rules-page-back:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.platform-rules-page-content{display:flow-root;min-width:0;padding:24px 22px calc(30px + env(safe-area-inset-bottom))}@media(max-width:360px){.platform-rules-page-content{padding:20px 17px calc(26px + env(safe-area-inset-bottom))}}.support-info-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:var(--ink);background:var(--bg)}.support-info-header{display:grid;flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--bg)}.support-info-header h1{margin:0;text-align:center;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal;outline:none}.support-info-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;color:var(--icon-color)}.support-info-back:hover{background:var(--subtle)}.support-info-page button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.support-info-page svg{flex:none;color:var(--icon-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-info-content{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 24px}.support-info-hero{display:flex;align-items:center;gap:16px;min-width:0;padding:22px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.support-info-avatar{display:grid;place-items:center;flex:none;width:72px;height:72px;overflow:hidden;border-radius:50%;background:var(--subtle)}.support-info-avatar img{display:block;width:100%;height:100%;object-fit:cover}.support-info-identity{flex:1;min-width:0}.support-info-hero h2{max-width:100%;margin:0;font-size:21px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.support-info-identity p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.7}.support-info-card{margin-top:16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.support-info-card h3,.support-info-contact-guide h3{margin:0;font-size:15px;font-weight:600;line-height:1.6}.support-info-services h3{margin-bottom:18px}.support-info-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.support-info-service-item{min-width:0}.support-info-service-item>div{display:flex;align-items:center;gap:8px}.support-info-service-item h4{margin:0;font-size:13px;font-weight:500;line-height:1.6}.support-info-service-item p{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.8;overflow-wrap:anywhere}.support-info-faq h3{margin-bottom:5px}.support-info-faq details{border-bottom:1px solid var(--border)}.support-info-faq details:last-child{border-bottom:0}.support-info-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 0;font-size:13px;line-height:1.7;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.support-info-faq summary::-webkit-details-marker{display:none}.support-info-faq summary::marker{content:""}.support-info-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.support-info-faq summary svg{transition:transform .18s}.support-info-faq details[open] summary svg{transform:rotate(180deg)}.support-info-faq details p{padding:0 24px 14px 0;color:var(--muted);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.support-info-contact-guide{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--pink)}.support-info-contact-guide>svg{margin-top:2px}.support-info-contact-guide>div{min-width:0}.support-info-contact-guide h3{font-size:14px}.support-info-contact-guide p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.9}.support-info-footer{flex:none;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.support-info-return{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:12px 16px;border-radius:13px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;line-height:1.6}.support-info-return svg{color:inherit}.support-info-return:hover{background:var(--subtle)}.support-info-return.primary{background:var(--filled);color:#fff}.support-info-return.primary:hover{background:var(--filled-hover)}.support-info-error{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:13px;border-radius:13px;background:var(--surface)}.support-info-error p{flex:1;min-width:0;margin:0;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.support-info-error>button{flex:none;min-width:42px;min-height:44px;color:var(--icon-color);font-size:12px}.support-info-error>button:disabled{opacity:.5;cursor:wait}.support-info-unavailable{display:grid;justify-items:center;align-content:center;gap:14px;min-height:280px;text-align:center}.support-info-unavailable p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.support-info-unavailable>button{min-height:44px;padding:8px 16px;color:var(--icon-color);font-size:13px}.support-info-skeleton{display:grid;gap:16px}.support-info-skeleton>span{display:block;height:110px;border-radius:17px;background:var(--surface);animation:support-info-loading 1.5s ease-in-out infinite}@keyframes support-info-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.support-info-skeleton>span{animation:none}.support-info-faq summary svg{transition:none}}@media(max-width:360px){.support-info-content{padding-inline:16px}.support-info-hero{gap:13px;padding:18px 16px}.support-info-hero h2{font-size:20px}.support-info-card,.support-info-contact-guide{padding-inline:16px}.support-info-service-grid{gap:20px 12px}.support-info-service-item>div{gap:6px}.support-info-service-item h4{font-size:12px}.support-info-footer{padding-inline:16px}}.support-chat-shell{position:relative;display:flex;flex-direction:column;height:var(--support-viewport-height,100dvh);min-height:0;overflow:hidden;color:var(--ink);background:var(--canvas)}.support-chat-shell.viewing-image>:not(.support-image-page){visibility:hidden}.support-chat-shell.viewing-info>:not(.support-info-page){visibility:hidden}.support-chat-header{display:flex;flex:none;gap:10px;align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 14px 11px;border-bottom:1px solid var(--border);background:var(--surface)}.support-chat-header>.icon-button{margin-left:-5px;color:var(--muted)}.support-service-avatar{flex:none;width:40px;height:40px;object-fit:cover;border-radius:50%}.support-service-avatar.fallback{display:grid;place-items:center;color:var(--filled);background:var(--pink)}.support-service-copy{flex:1;min-width:0;margin:0;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.support-service-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;border:0;border-radius:10px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.support-service-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.support-service-trigger:active{background:var(--subtle)}.support-service-title{min-width:0;font-size:inherit;font-weight:inherit;line-height:inherit;overflow-wrap:anywhere}.support-service-chevron{flex:none;width:15px;height:15px;margin-left:-5px;color:var(--icon-muted);stroke-width:1.8}.support-chat-error{display:flex;flex:none;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;color:#b93838;background:#fff0ef;font-size:12px;line-height:1.6}.support-chat-error button{flex:none;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}.support-chat-messages{flex:1;min-height:0;padding:8px 16px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.support-chat-stream{display:flow-root;min-height:100%}.support-chat-messages:has(.support-chat-empty){padding-block:14px}.support-chat-stream:has(>.support-chat-empty){display:grid;place-items:center}.support-chat-empty{display:grid;place-items:center;gap:8px;padding:40px 16px;color:var(--muted);text-align:center}.support-chat-empty h2{margin:0;color:var(--ink);font-size:16px}.support-chat-empty p{margin:0;font-size:13px}.support-message-date{display:flex;align-items:center;gap:12px;margin:14px 18px 18px;color:var(--muted);font-size:11px}.support-message-date:before,.support-message-date:after{content:"";height:1px;flex:1;background:var(--border)}.support-message-date time{flex:none}.support-message-row{display:flex;margin-bottom:12px}.support-message-row.compact{margin-top:-6px}.support-message-row.mine{justify-content:flex-end}.support-message-bubble{max-width:85%;padding:10px 13px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 5px #23324b08}.support-message-row.mine .support-message-bubble{color:#fff;background:var(--filled);border-color:var(--filled);border-bottom-right-radius:4px}.support-message-row.staff .support-message-bubble{border-bottom-left-radius:4px}.support-message-bubble p,.support-rich-text{margin:0;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.support-message-bubble.recalled{color:var(--muted);background:transparent!important;border-style:dashed}.support-message-meta{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.mine .support-message-meta{color:#ffffffbf}.mine .support-message-meta .read{color:#d0ffef}.support-message-bubble img,.support-message-bubble video{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:8px}.support-message-image{display:block;width:100%;padding:0;border:0;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.support-message-image img{margin:auto}.support-message-image:focus-visible{outline:2px solid currentColor;outline-offset:3px}.support-image-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.support-image-header h1{flex:1;margin:0 35px 0 0;text-align:center;font-size:17px;font-weight:700}.support-image-stage{display:grid;place-items:center;flex:1;min-width:0;min-height:0;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.support-image-stage>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.support-image-error{color:var(--muted);text-align:center;font-size:14px}.support-message-bubble audio{display:block;width:260px;max-width:100%}.support-message-bubble:has(img),.support-message-bubble:has(video){width:min(85%,280px)}.support-rich-text a{color:inherit;text-decoration:underline}.support-rich-text code{padding:1px 4px;background:#0000001a;border-radius:3px}.support-rich-text blockquote{margin:4px 0;padding-left:10px;border-left:2px solid currentColor}.support-rich-text .chat-spoiler{color:transparent;background:var(--muted);cursor:pointer;border-radius:3px}.support-rich-text .chat-spoiler.revealed{color:inherit;background:#8080802e}.support-jump-wrap{position:relative;flex:none;height:0;z-index:1;display:flex;justify-content:center}.support-jump-button{position:absolute;bottom:12px;display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:22px;font-size:12px;box-shadow:0 4px 14px #23324b1a}.support-chat-composer{display:flex;flex:none;gap:8px;align-items:flex-end;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.support-chat-composer textarea{flex:1;min-width:0;min-height:44px;max-height:128px;padding:10px 12px;color:var(--ink);background:var(--subtle);border:1px solid transparent;border-radius:14px;resize:none;font:inherit;font-size:16px;line-height:1.45}.support-chat-composer textarea::placeholder{color:var(--muted);font-size:13px}.support-chat-composer button{flex:none}.support-draft-field{display:grid;flex:1;min-width:0;gap:5px}.support-draft-field textarea{width:100%}.support-character-count{color:var(--muted);text-align:right;font-size:10px}.support-hidden-file{display:none}.support-media-backdrop{position:fixed;inset:0 0 auto;height:var(--support-viewport-height,100dvh);z-index:1600;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#0000008c}.support-media-preview{width:min(440px,100%);max-height:calc(var(--support-viewport-height,100dvh) - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:18px;overflow:auto;overscroll-behavior:contain;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:18px}.support-media-preview header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.support-media-preview h2{margin:0;font-size:17px}.support-media-stage{display:grid;place-items:center;gap:14px;padding:12px;background:var(--bg);border-radius:12px}.support-media-stage img,.support-media-stage video{max-width:100%;max-height:35dvh;border-radius:8px}.support-media-stage audio{width:100%}.support-media-filename{margin:10px 0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.support-media-preview label{display:grid;gap:8px;font-size:12px}.support-media-preview textarea{width:100%;padding:10px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;resize:vertical;font:inherit;font-size:16px;line-height:1.5}.support-media-preview footer{display:flex;gap:10px;margin-top:16px}.support-media-preview footer button{flex:1}[data-theme=dark] .support-chat-error{color:#ffb7b0;background:#3c2325}.support-chat-messages{background:var(--canvas)}.support-message-bubble img,.support-media-stage img{height:auto}.auth-service-status{width:min(480px,100%);margin:0 auto;padding:12px 18px;color:#b93838;background:#fff0ef;font-size:12px;line-height:1.6}.notification-settings{display:flex;flex-direction:column;gap:20px;padding:6px 0 2px;color:var(--ink)}.notification-status{display:flex;align-items:flex-start;gap:14px}.notification-status-icon{flex:none;margin-top:2px;color:var(--muted)}.notification-settings[data-notification-state=active] .notification-status-icon{color:var(--reputation-excellent, var(--success))}.notification-settings[data-notification-state=blocked] .notification-status-icon{color:var(--reputation-average, var(--muted))}.notification-status>div{min-width:0}.notification-status strong{display:block;font-size:17px;font-weight:600;line-height:1.5}.notification-status p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.notification-permission-guide{padding:0 0 0 42px;color:var(--ink);font-size:12px;line-height:1.85}.notification-detail{display:flex;align-items:flex-start;gap:11px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.notification-detail>svg{margin-top:2px;color:var(--menu-icon, var(--muted))}.notification-detail>div{min-width:0}.notification-detail strong{display:block;font-size:13px;line-height:1.6;font-weight:600}.notification-detail p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.notification-detail p.notification-delivery-note{margin-top:11px;color:var(--ink)}.notification-settings-error{color:var(--reputation-low, #c64157);font-size:12px;line-height:1.85;overflow-wrap:anywhere}.notification-settings-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:47px;padding:12px 16px;border:1px solid transparent;border-radius:12px;background:var(--filled);color:#fff;font-size:14px;font-weight:500;line-height:1.55}.notification-settings-action:hover:not(:disabled){background:var(--filled-hover)}.notification-settings-action.secondary{border-color:var(--border);background:var(--surface);color:var(--ink)}.notification-settings-action.secondary:hover:not(:disabled){background:var(--subtle)}.notification-settings-action:disabled{opacity:.65}.notification-settings-footnote{margin-top:-10px;color:var(--muted);font-size:11px;line-height:1.8;text-align:center;overflow-wrap:anywhere}.notification-settings-spinner{animation:notification-settings-spin 1s linear infinite}@keyframes notification-settings-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.notification-settings-spinner{animation:none}}@media(max-width:360px){.notification-settings{gap:17px}.notification-status{gap:11px}.notification-permission-guide{padding-left:39px}.notification-settings-action{padding-inline:11px}}.mobile-only-notice{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;padding:calc(88px + env(safe-area-inset-top)) 28px calc(112px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 560px 420px at 50% 42%,#397fc912,transparent 72%),var(--bg);text-align:center}.mobile-only-brand{position:absolute;top:calc(36px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#94b4db;white-space:nowrap}.mobile-only-brand>span{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:500;letter-spacing:.12em}.mobile-only-brand small{padding-left:12px;border-left:1px solid #8ba7cc33;color:#8094af;font-size:9px;font-weight:500;letter-spacing:.24em}.mobile-only-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px}.mobile-only-art{position:relative;isolation:isolate;width:288px;max-width:100%;aspect-ratio:1;margin:0 0 24px;flex-shrink:0}.mobile-only-art:before{content:"";position:absolute;z-index:-1;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;background:radial-gradient(ellipse,#4d9fff1a 0%,#368dff08 40%,transparent 67%);animation:mobile-notice-glow 5.6s ease-in-out infinite}.mobile-only-art:after{content:"";position:absolute;z-index:-1;bottom:-2px;left:25%;width:50%;height:14px;border-radius:50%;background:radial-gradient(ellipse,#6cb9ff3d,#368dff12 42%,transparent 72%);animation:mobile-notice-shadow 5.6s cubic-bezier(.45,0,.55,1) infinite}.mobile-only-art img{display:block;width:100%;height:100%;object-fit:contain;animation:mobile-notice-float 5.6s cubic-bezier(.45,0,.55,1) infinite}.mobile-only-copy{display:grid;justify-items:center;gap:14px}.mobile-only-notice h1{margin:0;color:#eaf3ff;font-size:28px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-wrap:balance}.mobile-only-notice p{max-width:280px;margin:0;color:#a2b3ca;font-size:15px;line-height:1.85}@keyframes mobile-notice-float{0%,to{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-5px,0)}}@keyframes mobile-notice-glow{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes mobile-notice-shadow{0%,to{opacity:.85;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.88)}}@media(max-width:360px){.mobile-only-notice{padding-inline:24px}.mobile-only-art{width:248px}.mobile-only-notice h1{font-size:24px}.mobile-only-notice p{font-size:14px}}@media(max-height:600px){.mobile-only-notice{padding-block:calc(72px + env(safe-area-inset-top)) calc(40px + env(safe-area-inset-bottom))}.mobile-only-brand{top:calc(24px + env(safe-area-inset-top))}.mobile-only-art{width:200px;margin-bottom:20px}.mobile-only-notice h1{font-size:24px}.mobile-only-copy{gap:10px}}@media(prefers-reduced-motion:reduce){.mobile-only-art img,.mobile-only-art:before,.mobile-only-art:after{animation:none}}:root{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;color:var(--ink);background:var(--bg);--bg: #172233;--surface: #1e2d43;--canvas: #142030;--subtle: #23334b;--ink: #e3eefa;--muted: #93a5bf;--border: #2b3c54;--accent: #62a7ff;--accent-strong: #4b96f3;--filled: #0064d6;--filled-hover: #0055b5;--pink: #263d5b;--success: #79c4a6;--icon-color: #9fbdf0;--icon-muted: #7f93ad;--menu-icon: var(--icon-color);--reputation-excellent: #7ad4ad;--reputation-good: #81b8ff;--reputation-fair: #e8c077;--reputation-average: #f4a66b;--reputation-low: #ff91a1;--shadow: 0 7px 24px #23324b0a;--nav-height: calc(76px + env(safe-area-inset-bottom)) ;--page-header-height: 68px;--page-title-size: 20px;--page-title-weight: 600;--page-title-line-height: 1.6}*{box-sizing:border-box}html{scrollbar-gutter:stable both-edges}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .18s,color .18s,transform .18s}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){transform:scale(.98)}input,textarea,select{outline:0;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #91c4ff;outline-offset:3px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#cfe5ff}.app-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;background:var(--bg)}.main-content{min-height:100dvh;padding:0 18px calc(var(--nav-height) + 36px)}.main-content:not(.me-page){display:flex;flex-direction:column}.main-content:not(.me-page)>.page-view{display:flex;flex:1;flex-direction:column;min-width:0}.main-content.lobby-page{--lobby-gutter: 16px;padding:0 0 calc(var(--nav-height) + 24px)}.main-content.member-video-page{padding:0 0 calc(var(--nav-height) + 20px)}.member-video-top{position:sticky;top:0;z-index:10;background:var(--bg)}.member-video-header{display:grid;place-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 1px) 14px 0;border-bottom:1px solid var(--border)}.member-video-header h1{font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.member-video-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border)}.member-video-tabs>button{position:relative;min-height:53px;padding:12px 0 16px;color:var(--muted);font-size:14px}.member-video-tabs>button.active{color:var(--accent);font-weight:600}.member-video-tabs>button.active:after{content:"";position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:3px;background:var(--accent)}.member-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.locked-video-card{position:relative;display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:.75;padding:0;border:0;border-radius:15px;overflow:hidden;background:var(--subtle);color:#fff}.locked-video-cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.locked-video-cover>img{object-position:center 32%;image-rendering:pixelated}.locked-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#39445d,#39445d 25%,#46536b 0%,#46536b 50%) 0 0 / 44px 44px}.locked-video-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0e1a2b66,#0c1728ab);pointer-events:none}.locked-video-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:calc(100% - 16px);text-align:center;pointer-events:none;text-shadow:0 2px 14px #00000059}.locked-video-copy strong{font-size:16px;font-weight:700;line-height:1.5;white-space:nowrap}.locked-video-copy small{font-size:11px;font-weight:500;line-height:1.65;color:#ffffffe3}.locked-video-copy>svg{margin-bottom:4px;color:#ead19f;stroke-width:1.6}.member-video-empty{padding:55px 24px}@media(max-width:360px){.member-video-grid{padding:12px;gap:10px}.locked-video-copy strong{font-size:14px}.locked-video-copy small{font-size:10px}}.lobby-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--bg)}.lobby-header h1{font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal;text-align:center}.lobby-banner{position:relative;width:calc(100% - var(--lobby-gutter, 16px) - var(--lobby-gutter, 16px));margin:8px var(--lobby-gutter, 16px) 0;color:#fff;touch-action:pan-y}.lobby-banner-media{width:100%;overflow:hidden;border-radius:18px;background:#14243d}.lobby-banner-media>img{position:static;display:block;width:100%;height:auto;object-fit:contain}.lobby-banner-media>.image-fallback{height:auto;aspect-ratio:1.5;padding:24px}.lobby-pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 -10px}.lobby-pagination>button{width:44px;min-height:44px;display:grid;place-items:center;padding:0}.lobby-pagination span{display:block;width:5px;height:3px;border-radius:3px;background:#ffffff80;transition:width .2s}.lobby-pagination span.active{width:20px;background:#fff}.lobby-members{display:flex;flex:1;flex-direction:column;padding:22px var(--lobby-gutter, 16px) 0}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.lobby-card{position:relative;display:block;width:100%;min-width:0;aspect-ratio:.59;padding:0;border:0;border-radius:18px;overflow:hidden;text-align:left;color:#fff}.lobby-card>img{object-position:center 32%;transition:transform .3s}.lobby-card:hover>img{transform:scale(1.035)}.lobby-card-caption{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:7px;padding:40px 10px 12px;background:linear-gradient(transparent,#0a172de6);font-size:12px;line-height:1.5}.lobby-card-caption strong{font-size:14px;font-weight:600}.lobby-card-caption>span:nth-child(2){text-align:center;white-space:nowrap}.lobby-card-caption>span:last-child{font-size:13px;font-weight:600}@media(max-width:360px){.main-content.lobby-page{--lobby-gutter: 14px}.lobby-banner-media,.lobby-card{border-radius:16px}.lobby-card-caption{gap:4px;padding-inline:8px;font-size:10px}.lobby-card-caption strong{font-size:12px}.lobby-card-caption>span:last-child{font-size:11px}.lobby-members{padding-top:18px}.lobby-grid{gap:14px 10px}}.page-view{animation:fade-in .2s ease-out}.hall-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;position:sticky;top:0;margin:0 -18px;padding:13px 18px;background:var(--bg);z-index:10}.hall-header>.brand{justify-self:center}.hall-header>.notification-button{justify-self:end}.brand{display:flex;align-items:center;gap:9px;font-size:20px;line-height:1.1;font-weight:700;letter-spacing:.5px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;position:relative;border-radius:9px;background:var(--accent);color:#fff}.brand-mark>span{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#a6d7ff;border-radius:50%;border:2px solid var(--accent)}.brand-en{display:block;font-size:9px;letter-spacing:2.8px;color:var(--accent);font-weight:500;margin-top:4px}.location-button{display:flex;align-items:center;justify-self:start;gap:4px;min-width:0;max-width:100%;padding:0;font-size:13px;color:var(--muted);min-height:44px;white-space:nowrap}.location-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;padding:9px}.icon-button:hover{background:var(--subtle)}.notification-button{position:relative;color:#596c88}.notification-button i{position:absolute;top:9px;right:11px;width:6px;height:6px;border-radius:50%;border:1px solid var(--bg);background:#ff6671}.search-row{display:flex;align-items:center;gap:10px;margin:5px 0 20px}.search-box{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:var(--subtle);border:1px solid transparent;border-radius:13px;min-height:48px;padding:0 13px;color:#8c9ab0}.search-box:focus-within{background:var(--surface);border-color:#bfdcff}.search-box input{width:100%;min-width:0;height:46px;background:none;border:none;font-size:14px}.search-box input::placeholder{color:#8c9ab0}.search-box>button{min-width:32px;min-height:40px;display:grid;place-items:center;padding:0}.search-box.wide{margin-bottom:22px}.filter-button{position:relative;flex-shrink:0;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--pink);color:var(--accent)}.filter-button i{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;border:2px solid var(--surface);background:var(--accent);color:#fff;border-radius:50%;width:19px;height:19px;font-size:10px;font-style:normal}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h1{font-size:17px;font-weight:600;line-height:1.6}.section-title h1>span{color:var(--accent)}.section-title p{color:var(--muted);font-size:12px;margin-top:4px}.title-spark{color:#83b6ff;transform:rotate(8deg);margin-right:4px}.filter-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);margin:11px 0 16px}.filter-tabs>button{position:relative;display:flex;gap:5px;align-items:center;min-height:44px;padding:9px 0 13px;font-size:14px;color:var(--muted);white-space:nowrap}.filter-tabs>button.active{color:var(--accent);font-weight:700}.filter-tabs>button.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:23px;height:3px;border-radius:4px;background:var(--accent)}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--success);border-radius:50%}.result-count{margin-left:auto;font-size:12px;color:#95a1b4;white-space:nowrap}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.person-card{position:relative;min-width:0}.person-image{width:100%;padding:0;display:block;position:relative;aspect-ratio:.88;text-align:left;border-radius:15px;overflow:hidden}.person-image>img{object-position:center 32%;transition:transform .35s}.person-image:hover>img{transform:scale(1.035)}.match-badge{position:absolute;top:9px;left:8px;background:#fffffff0;color:#60728e;display:flex;gap:3px;align-items:center;border-radius:6px;padding:5px 6px;font-size:10px;font-weight:600}.match-badge svg{color:var(--accent)}.image-overlay{position:absolute;left:0;right:0;bottom:0;padding:35px 11px 13px;background:linear-gradient(transparent,#111e35ba);color:#fff}.person-name{display:flex;gap:5px;align-items:center;font-size:20px;font-weight:700;line-height:1.5}.person-name small{font-size:17px;font-weight:500}.person-name svg{color:#dceeff;fill:#007aff55}.person-location{display:flex;align-items:center;gap:3px;font-size:11px;color:#ffffffd0;margin-top:2px;line-height:1.5}.like-button{position:absolute;top:7px;right:6px;width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff30;color:#fff}.like-button:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.like-button.liked{background:#fff;color:#fa647d}.person-meta{padding:9px 1px 0}.person-tags{display:flex;flex-wrap:wrap;gap:5px}.person-tags span{font-size:11px;padding:3px 5px;border-radius:5px;background:var(--subtle);color:#7888a0;line-height:1.5}.availability{display:inline-flex;gap:4px;align-items:center;margin-top:6px;font-size:11px;color:#8b99ad}.availability:before{content:"";width:4px;height:4px;border-radius:50%;background:#aab5c5}.availability.online{color:var(--success)}.availability.online:before{background:var(--success)}.more-friends{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;font-size:12px;color:var(--accent);margin:8px 0 0}.rotate{transform:rotate(180deg)}.campaign-banner{position:relative;overflow:hidden;min-height:142px;border-radius:12px;padding:14px 16px 38px;margin:14px 0 8px;background:linear-gradient(120deg,#e8f4ff,#daebff);color:#23578b;touch-action:pan-y}.campaign-copy{position:relative;z-index:1}.campaign-label{display:block;letter-spacing:1.3px;font-size:9px;font-weight:600;opacity:.65}.campaign-copy h2{font-size:17px;font-weight:600;line-height:1.6}.campaign-copy p{font-size:11px;line-height:1.8;margin-top:2px;opacity:.75;max-width:86%}.campaign-copy>button{font-size:12px;font-weight:600;min-height:34px;padding:6px 12px;border-radius:18px;background:#ffffffb8;color:inherit;margin-top:10px}.campaign-symbol{position:absolute;right:17px;top:22px;color:#4b95e75c}.campaign-symbol>svg:first-child{width:38px;height:38px;stroke-width:1.6}.campaign-heart{position:absolute;right:-4px;top:53px;width:20px;height:20px;fill:#ffb0c7;stroke:none;transform:rotate(18deg)}.campaign-pagination{position:absolute;bottom:1px;left:15px;right:15px;display:flex;align-items:center}.campaign-pagination>button{width:44px;height:44px;padding:0;display:grid;place-items:center}.campaign-pagination>button>span{width:5px;height:5px;border-radius:4px;background:currentColor;opacity:.23;transition:width .2s}.campaign-pagination>button>span.active{width:16px;opacity:.75}.campaign-counter{margin-left:auto;font-size:10px;opacity:.5}.campaign-banner.green{background:linear-gradient(115deg,#e7f7ef,#d3ecdf);color:#2b7058}.campaign-banner.green .campaign-symbol{color:#57a9875c}.campaign-banner.gold{background:linear-gradient(115deg,#fff3df,#f9e6c6);color:#956626}.campaign-banner.gold .campaign-symbol{color:#cfa1576b}.community-notice{display:flex;align-items:center;gap:6px;width:100%;min-height:40px;padding:9px 0;color:#6889b3;text-align:left}.community-notice>span{font-size:11px;font-weight:600;white-space:nowrap}.community-notice>p{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.quick-section{padding:13px 0 8px;border-top:1px solid var(--border)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.quick-item{display:flex;flex-direction:column;align-items:center;padding:0 0 8px}.quick-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;margin-bottom:8px;background:var(--subtle);color:var(--accent)}.quick-icon svg{width:23px;height:23px;stroke-width:1.7}.quick-icon.pink{background:#eaf3ff;color:#428ff4}.quick-icon.orange{background:#fff1e9;color:#ef9a65}.quick-icon.purple{background:#f1edff;color:#9681d1}.quick-icon.green{background:#eaf7f0;color:#64aa8d}.quick-item strong{font-size:12px;font-weight:600}.quick-item small{font-size:10px;color:#95a1b4;margin-top:4px}.connection-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-radius:9px;background:var(--subtle);color:#73998a;padding:11px 9px;margin-top:11px}.connection-note>span{flex:1;font-size:10px;line-height:1.7}.connection-note button{font-size:10px;color:#689984;min-height:25px;padding:0}.demo-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.9;margin-top:18px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -5px 20px #23324b04}.bottom-nav>button{position:relative;z-index:1;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;font-size:12px;color:var(--muted)}.bottom-nav>button:active{transform:scale(.95)}.bottom-nav>button.active{color:var(--accent);font-weight:600}.nav-icon{position:relative;display:grid;place-items:center;width:30px;height:28px}.nav-icon>svg{stroke-width:1.8;transition:transform .2s,stroke-width .2s}.bottom-nav>button.active .nav-icon>svg{stroke-width:2.3;transform:translateY(-1px) scale(1.06)}.nav-label{line-height:1.5;white-space:nowrap}.nav-icon i{position:absolute;top:-2px;right:-5px;display:grid;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;border:2px solid var(--surface);border-radius:10px;background:#ff6671;color:#fff;padding:0 3px}.support-fab{position:fixed;bottom:calc(var(--nav-height) + 15px);right:max(15px,calc((100% - 480px)/2 + 15px));z-index:25;border:1px solid var(--border);border-radius:50%;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background:var(--surface);color:var(--accent)}.page-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-height:calc(var(--page-header-height) + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 0 12px}.page-header>div,.page-header>h1{grid-column:2;grid-row:1;min-width:0;text-align:center}.page-header h1{position:relative;width:max-content;max-width:100%;margin-inline:auto;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);letter-spacing:normal}.page-header h1>.count-pill,.page-header h1>.title-play{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.page-header .page-description{font-size:11px;color:var(--muted);margin-bottom:3px;line-height:1.8}.page-header>.icon-button{grid-column:3;grid-row:1;justify-self:end;color:var(--accent)}.count-pill{font-size:12px;color:var(--accent);background:var(--pink);border-radius:12px;padding:0 8px;font-weight:600}.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.subsection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.subsection-heading h2,.subsection-heading h3{font-size:15px;font-weight:700}.subsection-heading>span{font-size:12px;color:var(--muted)}.avatar{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:50%;overflow:hidden}.avatar img{object-position:center 25%}.chat-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.chat-list:empty{display:none}.chat-list-item{display:flex;align-items:center;gap:12px;width:100%;padding:17px 13px;border-bottom:1px solid var(--border);text-align:left}.chat-list-item:last-child{border-bottom:0}.chat-list-item:hover{background:var(--subtle)}.chat-list-item>.avatar{width:56px;height:56px}.chat-preview{display:flex;flex-direction:column;flex:1;min-width:0;gap:7px}.chat-preview>strong{display:flex;gap:5px;align-items:center;font-size:15px;font-weight:600}.chat-preview>strong svg{color:#77a9db}.chat-preview>small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:#92a0b4;font-size:11px}.chat-time i{min-width:18px;height:18px;display:grid;place-items:center;background:#ff6671;color:#fff;border-radius:50%;font-size:10px;font-style:normal}.chat-bottom-tip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#98a5b9;margin:35px 0}.chat-open{padding:0}.conversation{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-height))}.conversation-header{display:flex;align-items:center;gap:7px;padding:13px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.conversation-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;text-align:left}.conversation-person .avatar{width:40px;height:40px}.conversation-person>span:last-child{display:flex;flex-direction:column;gap:3px}.conversation-person strong{display:flex;gap:5px;align-items:center;font-size:15px}.conversation-person strong svg{color:#7dace0}.conversation-person small{font-size:11px;color:var(--muted)}.chat-safety{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 5px;color:#7e998a;background:#f0f8f4;font-size:10px;flex-shrink:0}.messages{padding:20px 15px 6px;background:var(--canvas);flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.message-date{display:block;text-align:center;font-size:11px;color:var(--muted);margin-bottom:23px}.message-line{display:flex;align-items:flex-end;gap:7px;margin-bottom:17px}.message-line>.avatar{width:30px;height:30px;align-self:flex-start;margin-top:4px}.message-bubble{max-width:73%;padding:11px 13px;border:1px solid var(--border);background:var(--surface);border-radius:2px 15px 15px;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.message-line>small{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:9px;padding-bottom:3px;white-space:nowrap}.message-line.mine{flex-direction:row-reverse}.message-line.mine>.message-bubble{color:#fff;background:linear-gradient(125deg,#1687ff,#006ce7);border-color:transparent;border-radius:15px 2px 15px 15px}.composer-dock{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.message-composer{display:flex;align-items:flex-end;gap:7px;padding:11px 12px 5px}.message-composer>textarea{resize:none;flex:1;min-width:0;width:100%;height:44px;min-height:44px;max-height:112px;font-size:16px;line-height:1.6;padding:9px 11px;background:var(--subtle);border:1px solid transparent;border-radius:14px}.message-composer>textarea::placeholder{font-size:12px;color:#8c9bb1}.emoji-button{color:#90a2bc;min-width:37px;min-height:44px;padding:3px}.emoji-button.active{color:var(--accent);background:var(--pink)}.send-button{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--filled);flex-shrink:0}.chat-demo{font-size:10px;color:var(--muted);text-align:center;padding:5px 4px 9px}.emoji-panel{display:grid;grid-template-columns:repeat(6,1fr);padding:8px 15px 4px;gap:3px;background:var(--surface)}.emoji-panel>button{min-height:42px;font-size:23px;border-radius:10px}.emoji-panel>button:hover{background:var(--subtle)}.chat-start{display:flex;flex-direction:column;align-items:center;padding:33px 10px}.chat-start>.avatar{width:73px;height:73px}.chat-start h3{margin-top:18px;font-size:17px}.chat-start p{margin-top:8px;color:var(--muted);font-size:13px}.interest-opener{display:flex;align-items:center;gap:6px;background:var(--pink);color:var(--accent);font-size:13px;padding:9px 15px;border-radius:20px;min-height:42px;margin-top:19px}.title-play{color:var(--accent)}.video-feature{display:flex;align-items:center;gap:12px;background:var(--pink);border:1px solid #e1edff;border-radius:14px;padding:17px 13px}.video-feature-icon{width:45px;height:45px;border-radius:13px;background:#ffffffae;display:grid;place-items:center;color:var(--accent)}.video-feature>div{flex:1}.video-feature strong{font-size:14px;color:#487bab}.video-feature p{font-size:12px;color:#88a3c0;margin-top:4px}.mini-vip{font-size:10px;font-weight:700;color:#91acce}.vip-bottom{display:flex;align-items:center;gap:7px;margin-top:22px;padding:15px 12px;border-radius:12px;background:#fbf3e5;color:#ae8c58}.vip-bottom>span{flex:1;font-size:12px}.vip-bottom>button{font-size:12px;font-weight:600;min-height:30px}.me-page{background:var(--canvas)}.me-header{padding-block:calc(12px + env(safe-area-inset-top)) 12px}.my-profile{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);padding:17px 13px;margin-bottom:14px;border:1px solid var(--border);border-radius:15px;text-align:left}.my-avatar{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b9dcff,#89bafd);color:#fff;border:3px solid var(--surface);flex-shrink:0}.my-avatar>button{position:absolute;right:-1px;bottom:0;display:grid;place-items:center;width:23px;height:23px;padding:0;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff}.my-avatar>button:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.my-profile-copy{flex:1;min-width:0}.my-profile-name{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:700;flex-wrap:wrap}.my-profile-name>span{font-size:10px;color:#85a5cc;padding:3px 6px;border-radius:5px;background:var(--pink);font-weight:500}.my-profile-copy p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.8}.my-profile-copy>small{display:flex;align-items:center;gap:3px;font-size:11px;color:#96a3b7;margin-top:7px}.my-profile-chevron{display:grid;place-items:center;flex:none;width:27px;height:44px;color:var(--icon-muted)}.my-profile-chevron>svg,.me-page .menu-row>svg.muted{width:18px;height:18px;color:var(--icon-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-progress{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;width:100%;margin-top:11px;padding:13px 13px 23px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.profile-progress>span:first-child{font-size:11px;color:var(--muted)}.profile-progress strong{display:flex;align-items:center;gap:3px;font-size:10px;color:#6e9ed9;font-weight:500;margin-left:auto}.progress-track{position:absolute;bottom:10px;left:13px;right:13px;height:3px;background:var(--border);border-radius:4px}.progress-track i{display:block;width:80%;height:3px;background:#8dc0ff;border-radius:4px}.score-dot{width:5px;height:5px;border-radius:50%;background:var(--success)}.membership-banner{display:flex;align-items:center;gap:10px;width:100%;padding:17px 12px;margin-bottom:20px;text-align:left;border-radius:13px;background:linear-gradient(120deg,#253f66,#4c6590);color:#f4d7a4}.crown-box{display:grid;place-items:center;width:40px;height:40px;transform:rotate(-9deg)}.membership-banner>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.membership-banner strong{font-size:14px;font-weight:600}.membership-banner small{font-size:11px;color:#c0cbdc}.vip-button{font-size:11px;font-weight:600;white-space:nowrap;padding:7px 9px;border-radius:16px;color:#755b37;background:#f7dfb7}.menu-group{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:0 13px;margin-bottom:14px}.menu-row,.setting-row{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;padding:13px 0;border-bottom:1px solid var(--border);text-align:left}.menu-row:last-child,.setting-row:last-child{border-bottom:0}.row-icon{flex-shrink:0;width:29px;height:29px;display:grid;place-items:center;color:var(--icon-color);background:transparent;border:0;border-radius:0}.row-icon svg{width:24px;height:24px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.row-copy strong,.setting-row>strong{font-size:14px;font-weight:500}.row-copy small{font-size:11px;color:#9ba8bc}.setting-row>strong{flex:1}.reputation-row{--reputation-color: var(--muted)}.reputation-row[data-score-level=excellent]{--reputation-color: var(--reputation-excellent)}.reputation-row[data-score-level=good]{--reputation-color: var(--reputation-good)}.reputation-row[data-score-level=fair]{--reputation-color: var(--reputation-fair)}.reputation-row[data-score-level=average]{--reputation-color: var(--reputation-average)}.reputation-row[data-score-level=low]{--reputation-color: var(--reputation-low)}.reputation-row>b{flex:none;color:var(--reputation-color);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.membership-value{flex:none;max-width:55%;color:var(--muted);font-size:13px;font-weight:500;line-height:1.6;text-align:right;overflow-wrap:anywhere}.muted{color:#b0bfd2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#17254166;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .15s}.modal-sheet{position:relative;width:100%;max-width:480px;max-height:92dvh;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-radius:22px 22px 0 0;padding-bottom:max(22px,env(safe-area-inset-bottom));animation:slide-up .23s}.sheet-handle{display:block;width:34px;height:4px;border-radius:4px;margin:10px auto 0;background:#d8e0eb}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 21px 8px;position:sticky;top:0;z-index:2;background:var(--surface)}.sheet-header h2{font-size:19px;font-weight:700;line-height:1.6}.sheet-header>.icon-button{min-width:38px;min-height:38px;padding:5px;background:var(--subtle)}.sheet-content{padding:8px 22px 4px}.sheet-description{margin:4px 0 20px;font-size:14px;color:var(--muted);line-height:1.9}.field-label{display:block;margin:19px 0 13px;font-size:14px;font-weight:600}.field-label>span{float:right;color:var(--accent);font-size:13px;font-weight:500}.field-label input,.field-label select,.field-label textarea{display:block;width:100%;border:1px solid var(--border);background:var(--subtle);border-radius:10px;padding:12px;font-size:16px;font-weight:400;line-height:1.7;margin-top:9px}.field-label textarea{min-height:110px;resize:vertical}.field-label>small{display:block;font-size:12px;color:var(--muted);font-weight:400;text-align:right;margin-top:5px}.segmented{display:flex;gap:4px;padding:4px;background:var(--subtle);border-radius:11px;margin-bottom:19px}.segmented>button{flex:1;min-height:40px;border-radius:8px;font-size:14px;color:var(--muted)}.segmented>button.active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 2px 7px #23324b09}.age-fields{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.age-fields>input{width:calc(50% - 15px);margin-top:10px}.primary-button,.secondary-button,.danger-button{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;min-height:47px;padding:12px 14px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.6}.primary-button{background:var(--filled);color:#fff;margin-top:20px}.primary-button:hover{background:var(--filled-hover)}.secondary-button{border:1px solid var(--border);background:var(--subtle);color:#7a8ba5}.danger-button{margin-top:12px;background:#fff0f2;color:#e46275}.text-button{min-height:36px;color:var(--accent);font-size:12px;padding:6px 0}.text-button.full{width:100%;text-align:center;margin-top:9px}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.city-grid>button{min-height:44px;font-size:14px;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:9px;border:1px solid transparent;background:var(--subtle)}.city-grid>button.active{border-color:#b7d8ff;background:var(--pink);color:var(--accent)}.sheet-grid{margin-top:4px}.empty-state{padding:30px 10px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a0c3ef}.empty-state h3{font-size:16px;color:var(--ink);margin-top:15px}.empty-state p{font-size:13px;color:var(--muted);margin:9px 0 0;line-height:1.9}.empty-state>button{max-width:245px;margin-top:0}.notification-item{display:flex;align-items:flex-start;gap:11px;padding:17px 0;width:100%;border-bottom:1px solid var(--border);text-align:left}.notification-art{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:var(--accent);background:var(--pink)}.notification-art svg{width:21px}.notification-item>span:last-child{flex:1}.notification-item strong{display:flex;align-items:center;gap:7px;font-size:14px}.notification-item strong i{width:5px;height:5px;border-radius:50%;background:#ff6671}.notification-item p{color:var(--muted);font-size:13px;margin:6px 0;line-height:1.9}.notification-item small{font-size:11px;color:#9aa9c0}.sheet-content>.setting-row{margin-bottom:22px}.wallet-card{display:flex;flex-direction:column;gap:14px;margin-top:6px;padding:23px;border-radius:15px;background:linear-gradient(130deg,#158bff,#1769d9);color:#fff;box-shadow:0 8px 20px #1175e620}.wallet-card-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#ffffffda}.wallet-card>strong{font-family:Segoe UI,sans-serif;font-size:48px;font-weight:600}.wallet-card>strong small{font-size:19px;font-weight:400}.wallet-card>span{font-size:11px;color:#ffffffb5}.wallet-actions{display:flex;gap:11px;margin-top:20px}.wallet-actions>button{flex:1;margin:0}.wallet-actions .secondary-button{color:var(--accent);background:var(--pink);border-color:#d8e9ff}.wallet-history-heading{margin:28px 0 9px}.transaction-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.transaction-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e9f7ef;color:var(--success)}.transaction-icon.withdraw{color:#8797b1;background:var(--subtle)}.transaction-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.transaction-row strong{font-size:13px;font-weight:500}.transaction-row small{font-size:11px;color:var(--muted)}.transaction-row b{font-family:Segoe UI,sans-serif;white-space:nowrap;font-size:14px;color:var(--ink);font-weight:500}.transaction-row b.topup{color:var(--success)}.empty-history{padding:28px 6px 19px;display:flex;flex-direction:column;align-items:center;color:#acbcd3}.empty-history strong{font-size:13px;color:var(--muted);margin:11px 0 7px;font-weight:500}.empty-history p{font-size:12px;color:#a4b0c4}.wallet-form-heading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 0 7px}.wallet-form-heading>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:var(--accent);background:var(--pink)}.wallet-form-heading h3{font-size:20px}.wallet-form-heading p{font-size:13px;color:var(--muted)}.amount-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.amount-options>button{display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;min-height:44px;border:1px solid var(--border);border-radius:9px}.amount-options>button.active{color:var(--accent);border-color:#bad9ff;background:var(--pink)}.info-box{display:flex;align-items:flex-start;gap:9px;background:var(--subtle);border:1px solid var(--border);border-radius:11px;color:#8497b1;padding:13px;margin:22px 0}.info-box svg{margin-top:3px}.info-box p{font-size:13px;line-height:1.9}.credit-display{display:flex;flex-direction:column;align-items:center;color:var(--success);padding:23px 10px 27px;text-align:center}.credit-display strong{font-family:Segoe UI,sans-serif;font-size:73px;color:var(--ink);line-height:1.5}.credit-display strong small{font-size:15px;font-weight:400;color:var(--muted)}.credit-display>span{padding:6px 15px;border-radius:20px;background:#eaf7ef;font-size:13px}.credit-display p{color:var(--muted);font-size:12px;margin-top:14px}.small-heading{font-size:15px;margin:10px 0}.benefit-row{display:flex;align-items:center;gap:12px;padding:13px 0}.benefit-row>svg{width:23px;color:var(--accent)}.benefit-row>span{display:flex;flex-direction:column;gap:5px}.benefit-row strong{font-size:14px;font-weight:600}.benefit-row small{font-size:12px;color:var(--muted)}.vip-hero{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--accent);background:var(--pink);padding:24px 14px 27px;margin:0 -22px 14px}.vip-hero>.eyebrow{font-size:9px;margin-top:16px;color:var(--muted)}.vip-hero h2{font-size:20px;color:var(--ink);margin-top:8px}.vip-hero p{font-size:12px;color:var(--muted);margin-top:8px}.vip-benefits{padding:0 8px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.plan-grid>button{position:relative;display:flex;flex-direction:column;gap:7px;text-align:left;padding:17px 13px;font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:12px}.plan-grid>button.active{border-color:var(--accent);background:var(--pink);color:var(--accent)}.plan-grid strong{font-family:Segoe UI,sans-serif;font-size:23px;color:var(--ink)}.plan-grid small{font-size:11px}.plan-grid svg{position:absolute;right:11px;top:15px}.ranking-list>button{display:flex;align-items:center;gap:11px;width:100%;padding:15px 0;text-align:left;border-bottom:1px solid var(--border)}.rank-number{width:24px;display:grid;place-items:center;color:#a7b3c5;font-size:15px}.rank-0{color:#d9ae54}.rank-1{color:#9aaabc}.rank-2{color:#bf977e}.rank-person{display:flex;flex-direction:column;gap:5px;flex:1}.rank-person strong{font-size:14px}.rank-person small{font-size:11px;color:var(--muted)}.rank-score{display:flex;align-items:center;gap:4px;color:#879fd1;font-size:12px}.rule-intro{text-align:center;background:#edf8f3;color:#75ad91;padding:23px;margin:0 -22px 22px}.rule-intro h2{font-size:20px;color:#47785f;margin-top:12px}.rule-intro p{font-size:12px;color:#8aa996;margin-top:9px}.rule-item{display:flex;align-items:flex-start;gap:13px;margin:22px 0}.rule-item>span{font-size:12px;color:#84abe0;letter-spacing:1px;font-weight:600;margin-top:3px}.rule-item h3{font-size:14px;margin-bottom:8px}.rule-item p{font-size:14px;color:var(--muted);line-height:1.95}.event-card{position:relative;padding:19px;background:#f8f0e7;border-radius:14px;margin:13px 0 21px}.event-icon{display:block;color:#bb9c7d;margin-bottom:15px}.event-tag{position:absolute;top:23px;right:17px;background:#ffffffb0;border-radius:6px;padding:5px 8px;color:#ac9279;font-size:11px}.event-card h3{font-size:16px;color:#8a6a4b}.event-card p{font-size:13px;line-height:1.8;color:#b0977e;margin:8px 0 16px}.event-card small{color:#ac937b;font-size:12px;line-height:2}.event-card .primary-button{background:#8b603a;margin-top:16px}.walk-event{background:#edf6f1}.walk-event h3{color:#59826b}.walk-event p,.walk-event small,.walk-event .event-tag,.walk-event .event-icon{color:#8aab99}.walk-event .primary-button{background:#357356}.edit-avatar{display:grid;place-items:center;width:83px;height:83px;margin:10px auto 23px;border-radius:50%;background:linear-gradient(140deg,#badcff,#89b9f5);color:#fff}.demo-video{width:100%;max-height:53dvh;aspect-ratio:9/16;border-radius:13px;background:#142030}.video-member{display:flex;align-items:center;gap:11px;margin-top:17px}.video-member>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.video-member strong{font-size:15px}.video-member small{color:var(--muted);font-size:12px}.video-member>.icon-button{color:#fa647d}.profile-sheet{padding-top:0}.profile-sheet>.sheet-handle{display:none}.profile-photo{height:min(330px,42dvh);position:relative;overflow:hidden}.profile-photo>img{object-position:center 30%}.profile-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 70%,#162b4355)}.profile-close,.profile-more{position:absolute;top:16px;z-index:2;background:#ffffffdf;color:#546b8b;min-width:38px;min-height:38px;padding:5px}.profile-close{left:17px}.profile-more{right:17px}.profile-match{position:absolute;z-index:1;bottom:19px;left:21px;display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:20px;color:#538aca;background:#fffffff0;font-size:12px}.profile-details{padding:22px 23px 5px}.profile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.profile-gallery>img,.profile-gallery>.image-fallback{aspect-ratio:3 / 4;height:auto;overflow:hidden;border-radius:12px}.profile-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-title h2{display:flex;align-items:center;gap:8px;font-size:26px}.profile-title small{font-size:21px;font-weight:500}.profile-title h2 svg{color:#70a7e6}.profile-title .availability{font-size:12px}.profile-location{display:flex;align-items:center;gap:4px;color:#8b9ab2;font-size:13px;margin-top:9px}.profile-location>span{margin:0 5px}.profile-interest{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 22px}.profile-interest>span{padding:7px 12px;border-radius:18px;font-size:12px;color:#6894cc;background:var(--pink)}.profile-details h3{font-size:15px;margin-bottom:10px}.profile-bio{color:var(--muted);font-size:14px;line-height:2}.profile-safety{display:flex;align-items:center;gap:6px;background:var(--subtle);color:#8b9fb2;padding:12px;border-radius:10px;font-size:11px;margin-top:19px}.profile-actions{display:flex;gap:11px;margin-top:18px}.profile-actions>.primary-button{flex:1.5;margin:0}.profile-actions>.secondary-button{flex:1}.liked{color:#f86a80}.image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;color:#ffffffcf;background:#96afc455}.image-fallback>svg{width:40px;height:40px}.image-fallback>span{font-size:11px}.avatar .image-fallback>span{display:none}.avatar .image-fallback>svg{width:22px;height:22px}.toast{position:fixed;z-index:100;left:50%;top:19px;transform:translate(-50%);width:max-content;max-width:min(91%,440px);display:flex;align-items:center;gap:8px;background:#223b59ed;color:#fff;border-radius:12px;box-shadow:0 6px 18px #23324b20;padding:12px 15px;font-size:13px;line-height:1.8;animation:fade-in .2s}.toast>svg{color:#a3d2ff}.danger{color:#e46b7d}.auth-page{min-height:100dvh;padding:0 0 max(20px,env(safe-area-inset-bottom));background:var(--surface)}.auth-hero{position:relative;height:clamp(240px,72vw,330px);overflow:hidden;background:#17304a}.auth-hero-image,.auth-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.auth-hero-image img{object-position:50% 55%}.auth-hero-shade{background:linear-gradient(180deg,#07152599,#07152500 38%,#0a1e3040)}.auth-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:max(23px,env(safe-area-inset-top)) 24px 0;color:#fff}.auth-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;line-height:1.1;letter-spacing:1px}.auth-brand .brand-mark{width:36px;height:36px;border-radius:11px;background:#2788ec;box-shadow:0 4px 15px #07152525}.auth-brand .brand-en{color:#d9e9fa;font-size:9px;letter-spacing:2.4px}.auth-region{display:flex;align-items:center;min-height:31px;padding:6px 11px;border-radius:20px;background:#091a2b65;color:#e3edf9;font-size:11px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{position:relative;z-index:2;margin-top:-25px;padding:24px 28px 5px;border:0;background:var(--surface);border-radius:26px 26px 0 0}.auth-intro{padding:0 0 21px;text-align:center}.auth-intro h1{color:var(--ink);font-size:25px;font-weight:700;line-height:1.4;letter-spacing:.3px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:23px;border:0;border-radius:12px;background:var(--subtle)}.auth-tabs>button{min-height:43px;border-radius:9px;color:var(--muted);font-weight:500;font-size:14px}.auth-tabs>button.active{color:var(--accent);background:var(--surface);font-weight:700;box-shadow:0 2px 6px #14233b0c}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field>label,.auth-label-row>label{font-size:13px;font-weight:600}.auth-field input:not([type=checkbox]){width:100%;min-width:0;min-height:54px;padding:13px 15px;border:1px solid transparent;border-radius:12px;background:var(--subtle);font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.auth-field>input,.auth-input-wrap{margin-top:8px}.auth-field input::placeholder{color:var(--muted);font-size:12px;opacity:.9}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--pink)}.auth-field input[aria-invalid=true],.auth-check input[aria-invalid=true]{border-color:#c5364c}.auth-input-wrap{position:relative}.auth-input-wrap>input{padding-right:51px!important}.auth-password-toggle{position:absolute;top:5px;right:5px;width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:9px}.auth-password-toggle:hover{background:var(--pink);color:var(--accent)}.auth-label-row{display:flex;align-items:center;justify-content:space-between;min-height:25px}.auth-label-row .auth-text-button{min-height:28px}.auth-hint{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.auth-error{color:#c5364c;font-size:12px;line-height:1.7;margin-top:7px}.auth-text-button{min-height:44px;padding:7px 0;color:var(--accent);font-size:12px;font-weight:500}.auth-forgot{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:12px;background:var(--pink);font-size:12px;line-height:1.8;color:var(--muted)}.auth-forgot>svg{color:var(--accent);margin-top:2px}.auth-forgot strong{display:block;color:var(--ink);margin-bottom:4px}.auth-check{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:12px;line-height:1.7}.auth-check input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--filled)}.auth-form-error{margin-top:0;padding:10px 12px;border-radius:9px;background:#c5364c0b}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:12px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(110deg,#137eee,#0064d6);margin-top:4px;box-shadow:0 6px 16px #0064d622}.auth-submit:hover{background:var(--filled-hover)}.auth-spinner{animation:auth-spin 1s linear infinite}.auth-switch{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;margin-top:12px}.auth-page.registering .auth-hero{height:clamp(170px,48vw,230px)}.auth-page.registering .auth-hero-image img{object-position:50% 47%}.auth-page.registering .auth-card{padding-top:21px}.auth-page.registering .auth-intro{padding-bottom:17px}.auth-page.registering .auth-tabs{margin-bottom:20px}.auth-page.registering .auth-form{gap:15px}.logout-illustration{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:var(--accent);background:var(--pink);margin:6px auto 20px}.logout-illustration~.secondary-button{margin-top:11px}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.auth-header,.auth-card{padding-inline:20px}.auth-intro h1{font-size:23px}.auth-region{font-size:10px}.auth-field input::placeholder{font-size:11px}}[data-theme=dark] .auth-error{color:#ff9ba9}[data-theme=dark] .auth-field input[aria-invalid=true]{border-color:#ff9ba9}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:481px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:22px;max-height:89dvh}}@media(max-width:360px){.main-content{padding-inline:14px}.hall-header{margin-inline:-14px;padding-inline:14px}.chat-open{padding:0}.search-box{padding-inline:10px;gap:6px}.search-box input{font-size:12px}.search-row{gap:7px}.filter-button{width:44px}.section-title h1{font-size:17px}.section-title p{font-size:11px}.filter-tabs{gap:16px}.filter-tabs>button{font-size:13px}.result-count{font-size:11px}.person-name{font-size:18px;gap:4px}.person-location{font-size:9px}.image-overlay{padding-inline:8px}.match-badge{font-size:9px;left:6px;padding:4px}.like-button{width:32px;height:32px;top:6px;right:5px}.like-button:after{top:-6px;right:-6px;bottom:-6px;left:-6px}.person-tags span,.availability{font-size:10px}.campaign-copy h2{font-size:17px}.campaign-copy p{max-width:88%;font-size:10px}.campaign-symbol{right:7px;opacity:.55}.campaign-symbol>svg:first-child{width:48px}.campaign-banner{padding-inline:14px}.quick-item strong{font-size:11px}.quick-item small{font-size:9px}.quick-icon{width:43px;height:43px}.connection-note>span{font-size:9px}.chat-list-item{gap:10px;padding-inline:10px}.chat-list-item>.avatar{width:49px;height:49px}.my-profile{padding:14px 9px;gap:9px}.my-avatar{width:58px;height:58px}.my-profile-name{font-size:18px}.my-profile-copy p{font-size:11px}.membership-banner{gap:6px}.membership-banner small{font-size:10px}.vip-button{font-size:10px;padding-inline:7px}.sheet-content,.sheet-header{padding-inline:17px}.vip-hero,.rule-intro{margin-inline:-17px}.vip-hero h2{font-size:18px}.city-grid{gap:6px}.city-grid>button{font-size:13px}.transaction-row b{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=dark] .search-box:focus-within{border-color:#456286}[data-theme=dark] .video-feature{border-color:#344c6b}[data-theme=dark] .video-feature strong{color:#b4d3f5}[data-theme=dark] .video-feature-icon{background:#ffffff0a}[data-theme=dark] .my-avatar{background:linear-gradient(135deg,#5c85b3,#2d5287)}[data-theme=dark] .match-badge{background:#1e2c42ed;color:#cee2ff}[data-theme=dark] .chat-safety{background:#203d35;color:#a0cbb9}[data-theme=dark] .campaign-banner.blue{background:linear-gradient(120deg,#233f62,#27456a);color:#c4dfff}[data-theme=dark] .campaign-banner.green{background:linear-gradient(120deg,#27443c,#2b5143);color:#bae6ce}[data-theme=dark] .campaign-banner.gold{background:linear-gradient(120deg,#493d2c,#5b482d);color:#f0d8ad}[data-theme=dark] .campaign-copy>button{background:#ffffff13}[data-theme=dark] .quick-icon.pink{background:#263f60}[data-theme=dark] .quick-icon.orange{background:#43392f}[data-theme=dark] .quick-icon.purple{background:#3b3556}[data-theme=dark] .quick-icon.green{background:#263e35}[data-theme=dark] .vip-bottom{background:#433b2d;color:#d8be94}[data-theme=dark] .rule-intro{background:#274237}[data-theme=dark] .rule-intro h2{color:#c1e6d0}[data-theme=dark] .credit-display>span,[data-theme=dark] .transaction-icon{background:#24443a}[data-theme=dark] .transaction-icon.withdraw{background:var(--subtle)}[data-theme=dark] .wallet-actions .secondary-button{border-color:#3b577b}[data-theme=dark] .danger-button{background:#493039}[data-theme=dark] .event-card{background:#443a2f}[data-theme=dark] .event-card h3{color:#e8cda9}[data-theme=dark] .walk-event{background:#2b4339}[data-theme=dark] .walk-event h3{color:#c2e3d0}[data-theme=dark] .event-tag{background:#ffffff0b}.business-error{margin:20px 14px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.business-error .secondary-button{margin-top:12px}.lobby-card{background:var(--subtle)}.lobby-card .image-fallback{background:var(--subtle);color:var(--muted)}.lobby-card-caption{overflow-wrap:anywhere}.avatar:not(:has(img)){display:grid;place-items:center;color:var(--muted);background:var(--subtle)}.my-avatar>img,.my-avatar>.image-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-media-card{position:relative;min-width:0;padding:0;aspect-ratio:.75;border-radius:15px;overflow:hidden;background:var(--subtle)}.member-media-card>img,.member-media-card>.image-fallback{width:100%;height:100%;object-fit:cover}.member-media-play{position:absolute;top:11px;right:11px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#11223899;color:#fff}.member-media-card:disabled{opacity:1}.member-media-card[aria-busy=true] .member-media-play>svg{animation:video-loading 1s linear infinite}@keyframes video-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.member-media-card[aria-busy=true] .member-media-play>svg{animation:none}}.member-video-player{display:block;width:100%;max-height:55dvh;background:#111;border-radius:12px}.member-content-image{margin:12px 0}.member-content-image>img{width:100%;height:auto;border-radius:12px}.business-preformatted{white-space:pre-wrap;overflow-wrap:anywhere}.row-copy,.my-profile-copy{overflow-wrap:anywhere}.ranking-record{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--border)}.ranking-record .rank-person{min-width:0;overflow-wrap:anywhere}.ranking-record b{font-size:13px}.business-notification{margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:12px;line-height:1.8}.business-notification p{white-space:pre-wrap;overflow-wrap:anywhere}.business-notification small{color:var(--muted)}.profile-photo:not(:has(img)){background:var(--subtle)}