:root{color:#251f35;background:#f7f4ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--primary: #7c5cff;--primary-dark: #5e45d8;--soft: #f1ecff;--line: #ece8f6;--muted: #756f83;--teal: #11a99a;--pink: #ff6fae;--green: #37b67a;--blue: #3a8fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f5f0ff,#fff 48%)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;padding:18px 16px 92px;background:#fff}.hero{display:flex;justify-content:space-between;gap:16px;padding:22px 20px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#7c5cff,#a987ff)}.hero h1,.page-heading h1,.detail-copy h1{margin:4px 0;letter-spacing:0}.hero h1{font-size:30px}.eyebrow{margin:0;font-size:12px;opacity:.82}.subtitle{margin:0;font-size:14px;opacity:.9}.hero-badge{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#fff3;font-weight:700}.filter-row,.chips,.meta-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row{margin:14px 0 18px}.filter-row .filter-pill{flex:1;min-width:0;height:40px;box-sizing:border-box}.filter-pill,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:999px;color:#4b3f67;background:#fff;box-shadow:0 8px 24px #59478d14;white-space:nowrap}.filter-pill svg{flex:none}.filter-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis}.date-filter{position:relative;cursor:pointer}.date-filter input,.date-filter select{position:absolute;inset:0;opacity:0;cursor:pointer}.clear-filter{display:inline-flex;align-items:center;justify-content:center;margin:-4px 0 18px;padding:9px 13px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-weight:700}.section{margin-top:22px}.section.compact{margin-top:14px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title span{color:var(--muted);font-size:12px}.dynamic-section-title{align-items:flex-start}.dynamic-section-title p{margin:4px 0 0;color:#8a8f99;font-size:12px;line-height:1.4}.message-section-title{align-items:flex-end}.message-section-title div{min-width:0}.message-section-title p{margin:4px 0 0;color:#8a8f99;font-size:12px;line-height:1.4}.message-section-title h2{color:#1f2430;font-size:18px;font-weight:800}.messages-heading span{display:block;margin:10px 0 14px;color:#8a8f99;font-size:13px;line-height:1.5}.show-list,.stack,.safety-list{display:grid;gap:12px}.show-card{display:grid;grid-template-columns:92px 1fr;gap:12px;width:100%;padding:12px;text-align:left;border-radius:8px;background:#fff;box-shadow:0 8px 24px #59478d14}.show-card img{width:92px;height:124px;object-fit:cover;border-radius:8px}.show-card p,.show-card h3,.show-card small,.show-card span{display:block;margin:0 0 7px}.show-card p{color:var(--primary);font-size:12px;font-weight:700}.show-card h3{font-size:19px}.show-card span,.show-card small{color:var(--muted);line-height:1.35}.show-card strong{display:inline-flex;gap:5px;align-items:center;color:var(--primary-dark)}.home-request-card{display:grid;gap:8px;width:100%;padding:14px;border-radius:8px;text-align:left;color:#251f35;background:#fff;box-shadow:0 8px 24px #59478d14}.home-request-card div{display:flex;justify-content:space-between;gap:10px;align-items:center}.home-type-tag{padding:4px 8px;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800}.home-request-card small,.home-request-card p{margin:0;color:var(--muted);line-height:1.45}.home-request-card em{color:var(--primary-dark);font-style:normal;font-weight:800}.request-card,.traffic-card,.safety-note,.form-card,.safety-card,.empty-card{padding:14px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #59478d14}.request-head{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--primary);font-weight:800}.request-head>div:nth-child(2){flex:1;min-width:0;padding-right:6px}.request-head strong{display:block;margin-bottom:5px}.type-tag{padding:3px 8px;border-radius:999px;color:#fff;font-size:12px}.tag-purple,.type-tag-purple{background:var(--primary)}.tag-green,.type-tag-green{background:var(--green)}.tag-blue,.type-tag-blue{background:var(--blue)}.request-card p{margin:12px 0;line-height:1.55}.request-session-text{margin-top:8px;color:var(--primary-dark);font-size:13px;font-weight:800}.meta-row span{padding:6px 9px;border-radius:999px;background:var(--soft);color:#5d5570;font-size:12px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:11px 14px;border-radius:8px;color:#fff;background:var(--primary);font-weight:700}.request-card-action{display:flex;align-items:center;justify-content:center;flex:none;width:88px;height:30px;margin:0;padding:0;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:700;box-sizing:border-box;white-space:nowrap}.request-card-action-sd{background:var(--green)}.request-card-action-traffic{background:var(--blue)}.request-card-action.joined,.request-card-action.own-request{color:#7b7288;background:#eceaf3}.session-grid,.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.session-card,.quick-grid button{min-height:82px;padding:12px;border-radius:8px;text-align:left;background:#fff;box-shadow:0 8px 24px #59478d14}.session-card span,.session-card strong,.session-card small{display:block}.session-card strong{margin:6px 0;color:var(--primary-dark)}.session-card small{color:var(--muted)}.quick-grid{margin-top:22px}.quick-grid button{display:flex;align-items:center;gap:8px;min-height:58px;color:#4b3f67;font-weight:700}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,460px);transform:translate(-50%);padding:9px 8px 12px;background:#fffffff5;border-top:1px solid var(--line)}.bottom-nav button{display:grid;place-items:center;gap:3px;color:#8a8496;background:transparent;font-size:11px}.bottom-nav button.active{color:var(--primary)}.detail-hero{display:grid;grid-template-columns:128px 1fr;gap:14px;margin-top:14px;padding:14px;border-radius:8px;background:#fff}.detail-hero img{width:128px;height:176px;object-fit:cover;border-radius:8px}.detail-copy p{margin:0 0 5px;color:var(--primary);font-weight:700;font-size:12px}.detail-copy span,.detail-copy strong{display:block;margin-top:8px;color:var(--muted);line-height:1.4}.count-pill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--primary-dark);font-weight:700;font-size:12px}.chips span,.chips button{padding:8px 10px;border-radius:999px;background:#fff;color:var(--primary-dark)}.chips button{border:1px solid var(--line);white-space:nowrap}.chips button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.session-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 12px}.tabs button,.segmented button{min-width:0;padding:10px 6px;border-radius:999px;color:#665d77;background:#fff;white-space:nowrap;overflow:hidden;text-align:center}.tabs button.active,.segmented button.active{color:#fff;background:var(--primary)}.traffic-card{margin-top:14px;border:1px solid rgba(17,169,154,.16)}.traffic-row{display:grid;grid-template-columns:24px 1fr;gap:8px;color:var(--teal)}.traffic-row p{margin:0 0 10px;color:#3a665f;line-height:1.5}.safety-note{margin-top:14px;border:1px solid rgba(124,92,255,.14)}.safety-note div,.safety-card div{display:flex;align-items:center;gap:7px;color:var(--primary-dark);font-weight:800}.safety-note p,.safety-card p{margin:10px 0 0;color:var(--muted);line-height:1.55}.page-heading{margin:18px 0}.page-heading h1{font-size:28px}.page-heading span{color:var(--muted)}.form-card{display:grid;gap:14px}.form-card label{display:grid;gap:8px;color:#4b3f67;font-weight:700}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfaff;color:#251f35}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.success-text{margin:0;color:var(--green);font-weight:700}@media(max-width:360px){.detail-hero,.show-card{grid-template-columns:1fr}.detail-hero img,.show-card img{width:100%;height:180px}}.session-list-card{display:grid;gap:8px;width:100%;padding:14px;border-radius:8px;text-align:left;color:#251f35;background:#fff;box-shadow:0 8px 24px #59478d14}.session-list-card strong{font-size:18px}.session-list-card span{color:var(--muted)}.session-list-card div{display:flex;gap:8px;flex-wrap:wrap}.session-list-card small{padding:6px 9px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:12px}.placeholder-card{display:grid;place-items:center;gap:10px;min-height:360px;margin-top:18px;padding:24px;border-radius:8px;text-align:center;background:#fff;box-shadow:0 8px 24px #59478d14}.placeholder-card svg{color:var(--primary)}.placeholder-card h1,.placeholder-card p{margin:0}.placeholder-card p{color:var(--muted)}.profile-list{display:grid;gap:12px}.profile-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 14px;border-radius:8px;color:#4b3f67;background:#fff;box-shadow:0 8px 24px #59478d14;font-weight:800}.segmented.two{grid-template-columns:repeat(2,1fr)}.multi-select{display:flex;flex-wrap:wrap;gap:8px}.multi-select button{padding:9px 12px;border-radius:999px;color:#665d77;background:#fff;border:1px solid var(--line)}.multi-select button.active{color:#fff;background:var(--green);border-color:var(--green)}.sd-detail{display:grid;gap:8px;margin-top:12px}.sd-line{line-height:1.45;color:#4f5960}.sd-line.strong{color:#246b51;font-weight:800}.sd-detail p{margin:4px 0 0;color:var(--muted)}.form-reminder{padding:11px 12px;border-radius:8px;color:#3c665d;background:#11a99a1a;line-height:1.45;font-size:13px}.sd-card{border:1px solid rgba(55,182,122,.18)}.sd-head{align-items:center}.sd-title-block{flex:1}.sd-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sd-chip-row span{padding:6px 10px;border-radius:999px;color:#3f5e54;background:#e8f7ef;font-size:12px;font-weight:700}.sd-chip-row.primary span{color:#246b51;background:#dcf7e9}.sd-spot,.sd-carry{margin-top:10px;color:#5f6871;line-height:1.45;font-size:13px}.sd-carry{color:#246b51;font-weight:800}.sd-note{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0!important;color:var(--muted)}.sd-empty{display:grid;gap:10px}.sd-empty strong{color:#246b51;font-size:17px}.sd-empty p{margin:0;color:var(--muted);line-height:1.5}.sd-empty button{width:100%;padding:11px 14px;border-radius:8px;color:#fff;background:#37b67a;font-weight:800}.poster-fallback{display:grid;place-items:center;min-height:124px;border-radius:8px;color:#6b607e;background:linear-gradient(135deg,#f1ecff,#e7fbf5);text-align:center;font-weight:900;padding:10px}.show-card .poster-fallback{width:92px;height:124px;min-height:124px}.detail-hero .poster-fallback{width:128px;height:176px;min-height:176px}.traffic-request-card{border:1px solid rgba(58,143,255,.18)}.traffic-chip-row span{color:#2d5f9a;background:#eef6ff}.dining-request-card{border:1px solid rgba(124,92,255,.16)}.request-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.request-chip-row span{display:inline-flex;align-items:center;max-width:100%;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.25;box-sizing:border-box;word-break:break-word}.request-chip-row-sd span{color:#246b51;background:#e8f7ef}.request-chip-row-traffic span{color:#2d5f9a;background:#eef6ff}.request-chip-row-dining span{color:var(--primary-dark);background:var(--soft)}.request-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0!important;color:var(--muted);line-height:1.55;font-size:13px}.request-status-pill{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.request-status-pill.active{color:var(--primary-dark);background:var(--soft)}.request-status-pill.ended{color:#787280;background:#eeecf4}.local-badge{display:inline-flex;margin-left:6px;padding:3px 8px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:12px;font-weight:800}.route-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.route-chips span{padding:6px 9px;border-radius:999px;color:#1d776d;background:#11a99a1a;font-size:12px;font-weight:800}.my-post-card,.message-card{display:grid;gap:7px;width:100%;padding:14px;border-radius:8px;text-align:left;color:#251f35;background:#fff;box-shadow:0 8px 24px #59478d14}.my-post-card span,.my-post-card small,.message-card small,.message-card p{color:var(--muted)}.my-post-card p,.message-card p{margin:0;line-height:1.45}.message-card div{display:flex;justify-content:space-between;align-items:center}.message-card div span{padding:4px 8px;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800}.message-card.read div span{color:#665d77;background:#f1ecff}.message-card.application-card,.chat-room-list-card{gap:8px;padding:16px;border:1px solid rgba(124,92,255,.08);border-radius:16px;color:#1f2430;box-shadow:0 12px 30px #1f24300f}.message-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.contact-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-card.application-card .contact-card-head strong,.chat-room-list-card strong{color:#1f2430;font-size:16px;font-weight:800;line-height:1.35}.message-card.application-card .contact-card-head strong{flex:1;min-width:0}.message-card.application-card small,.chat-room-list-card small{color:#6b7280;font-size:13px;line-height:1.4}.message-card.application-card small:last-child{color:#8a8f99;font-size:12px}.message-card .status-pill,.chat-room-list-card .status-pill,.chat-room-list-card .type-pill{display:inline-flex;align-items:center;width:fit-content;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;line-height:1}.message-card .status-pending{color:var(--primary-dark);background:var(--soft)}.chat-room-list-card .type-pill.dining{color:#ff6fae;background:#fff0f7}.message-card .contact-status-pill{display:inline-flex;flex-shrink:0;align-items:center;height:30px;padding:0 11px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:12px;font-weight:800;line-height:1}.chat-room-list-card .type-pill.sd{color:#37b67a;background:#e8f7ef}.chat-room-list-card .type-pill.traffic{color:#3a8fff;background:#eaf3ff}.chat-room-list-card .status-pill{color:#6b7280;background:#f3f4f6}.message-card .detail-link{justify-self:end;width:auto;min-width:62px;max-width:78px;height:30px;min-height:0;margin-top:6px;padding:0 12px;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800;box-shadow:none}.system-empty-card{padding:16px;border-radius:16px;text-align:center;color:#8a8f99;box-shadow:none}.system-empty-card strong{color:#1f2430;font-size:16px}.system-empty-card p{margin:6px 0 0;color:#8a8f99;font-size:12px;line-height:1.4}.profile-hero-card,.profile-menu-card{display:grid;margin-top:16px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 12px 30px #1f24300f}.profile-hero-card{grid-template-columns:74px 1fr;gap:14px;align-items:center}.profile-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#fff;background:var(--primary);font-size:30px;font-weight:900}.profile-main h1,.profile-main p{margin:0}.profile-main h1{margin:0;overflow:hidden;color:#1f2430;font-size:26px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.profile-main span,.profile-main p{color:var(--muted);line-height:1.45}.profile-menu-card{gap:0}.profile-menu-card h2{margin:0 0 12px;color:#1f2430;font-size:18px}.profile-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;border-bottom:1px solid rgba(31,36,48,.06);border-radius:0;text-align:left;color:#1f2430;background:transparent;box-shadow:none}.profile-menu-item.last{border-bottom:0}.profile-menu-item>span{display:grid;gap:3px;min-width:0}.profile-menu-item strong{color:#1f2430;font-size:15px}.profile-menu-item small{color:#8a8f99;font-size:12px}.profile-menu-item em{display:inline-flex;flex-shrink:0;align-items:center;margin-left:12px;color:#c0c4cc;font-size:13px;font-style:normal;font-weight:800}.profile-preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.profile-preview-tags i{padding:5px 8px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:11px;font-style:normal;font-weight:800}.profile-inline-list{display:grid;gap:8px;padding:4px 0 10px}.profile-inline-list .my-post-card{padding:12px;border-radius:12px;background:#fbfaff;box-shadow:none}.compact-empty{padding:12px;box-shadow:none}.profile-tags,.watch-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-tags span,.watch-chip-grid button{padding:8px 11px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:13px;font-weight:800}.profile-actions{display:grid;gap:10px;margin-top:16px}.profile-actions button,.link-button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border-radius:8px;color:#4b3f67;background:#fff;box-shadow:0 8px 24px #59478d14;font-weight:800}.link-button{min-height:0;padding:7px 10px;color:var(--primary-dark);box-shadow:none}.upcoming-card{display:grid;gap:7px;width:100%;padding:14px;border-radius:8px;text-align:left;color:#251f35;background:#fff;box-shadow:0 8px 24px #59478d14}.upcoming-card span,.upcoming-card p,.upcoming-card small{margin:0;color:var(--muted)}.chat-info-card,.chat-room-list-card,.exchange-card,.mock-login-card,.exchange-panel,.exchange-safety{display:grid;gap:10px;width:100%;padding:14px;border-radius:8px;text-align:left;background:#fff;box-shadow:0 8px 24px #59478d14}.chat-room-list-card div,.chat-info-card div{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-room-list-card span,.chat-room-list-card small,.chat-info-card span{color:var(--muted)}.chat-room-list-card p{margin:0;color:#4b4358;line-height:1.45}.status-active,.status-expired,.chat-room-list-card div span,.chat-room-list-card div small{display:inline-flex;align-items:center;width:fit-content;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800}.status-active,.chat-room-list-card div span{color:var(--primary-dark);background:var(--soft)}.status-expired,.chat-room-list-card div small{color:#756f83;background:#f5f2fb}.page-heading>.status-active,.page-heading>.status-expired{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;line-height:1;box-sizing:border-box}.chat-info-card div{padding-bottom:8px;border-bottom:1px solid var(--line)}.chat-info-card div:last-child{padding-bottom:0;border-bottom:0}.expired-banner{margin:12px 0;padding:12px 14px;border-radius:8px;color:#756f83;background:#f5f2fb;font-weight:700}.chat-messages{display:grid;gap:10px;margin:14px 0}.chat-message{padding:12px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #59478d0f}.chat-message p{margin:8px 0;line-height:1.5}.chat-message small{color:var(--muted)}.chat-input-row{display:grid;grid-template-columns:1fr 44px;gap:8px;margin:12px 0 14px}.chat-input-row input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;color:#251f35}.chat-input-row button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;color:#fff;background:var(--primary);font-weight:800}.chat-input-row button:disabled,.chat-input-row input:disabled,.exchange-card button:disabled,.exchange-panel button:disabled,.request-card-action:disabled{color:#9ca3af;background:#f3f4f6}.companion-section{margin-top:18px}.companion-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.companion-heading h2,.companion-heading p{margin:0}.companion-heading h2{font-size:18px}.companion-heading p{margin-top:6px;color:var(--muted);line-height:1.45;font-size:12px}.companion-empty{display:grid;gap:12px}.companion-empty button{width:100%;min-height:38px;padding:8px 14px;border-radius:10px;color:#fff;background:var(--primary);font-weight:800}.exchange-safety{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;color:var(--primary-dark)}.exchange-safety p{margin:0;color:#4b3f67;line-height:1.5}.exchange-list{display:grid;gap:12px;margin-top:14px}.exchange-card{display:grid;gap:12px;color:#251f35}.exchange-head{display:flex;align-items:center;gap:10px}.exchange-head strong,.exchange-head span{display:block}.exchange-head span,.exchange-card p,.exchange-status small,.mock-login-card span,.mock-login-card p,.exchange-panel p,.exchange-panel small{margin:0;color:var(--muted);line-height:1.45}.exchange-meta{display:flex;flex-wrap:wrap;gap:8px}.exchange-meta span,.exchange-status span,.mock-login-card div span,.exchange-panel div span{width:fit-content;padding:6px 9px;border-radius:999px;color:var(--primary-dark);background:var(--soft);font-size:12px;font-weight:800}.exchange-status{display:grid;gap:6px}.phone-login-form{display:grid;gap:10px}.phone-login-form input,.profile-edit-field input{box-sizing:border-box}.phone-login-form>input,.phone-code-row input{width:100%;min-width:0;padding:10px 12px;border:1px solid #eee8ff;border-radius:10px;color:#251f35;background:#fff}.phone-code-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;align-items:center}.phone-code-row button{width:104px;height:40px;padding:0;white-space:nowrap}.phone-login-form small,.wechat-privacy-tip{color:var(--primary-dark);font-size:12px;font-weight:800}.wechat-field{margin-top:10px}.exchange-contact-panel{display:grid!important;gap:6px!important;align-items:start!important;justify-content:stretch!important;padding:10px 12px;border-radius:12px;color:#4b3f67;background:#f8f5ff}.exchange-contact-panel strong,.exchange-contact-panel span,.exchange-contact-panel small{color:inherit}.exchange-card button,.mock-login-card button,.exchange-panel button{width:100%;padding:11px 14px;border-radius:8px;color:#fff;background:var(--primary);font-weight:800}.exchange-panel button{justify-self:center;width:86%;min-height:34px;padding:6px 14px;border-radius:999px}.mock-login-card,.exchange-panel{display:grid;gap:10px;margin-top:14px}.mock-login-card div,.exchange-panel div{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.avatar-uploader{display:grid;justify-items:center;gap:6px;width:116px}.avatar-frame{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:104px;height:104px;aspect-ratio:1 / 1;padding:0;border:0;border-radius:50%;overflow:hidden;color:#fff;background:var(--primary);font-size:34px;font-weight:900;line-height:1;cursor:pointer}.avatar-image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-caption{padding:0;color:#9a94b2;background:transparent;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.profile-hero-edit-card{display:block;padding:18px}.profile-identity-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:18px}.profile-avatar-wrap{display:grid;justify-items:center;align-content:start;width:116px;margin-top:-6px}.profile-main{min-width:0;padding-top:4px}.profile-edit-field{display:grid;grid-template-columns:36px minmax(0,1fr) 72px;align-items:center;gap:8px;margin-top:18px}.profile-edit-field span{color:#5f5872;font-size:12px;font-weight:800}.profile-edit-field input{width:100%;min-width:0;padding:8px 10px;border:1px solid #eee8ff;border-radius:10px;color:#251f35;background:#fff}.profile-edit-field button{width:72px;height:36px;padding:0;border-radius:10px;color:#fff;background:var(--primary);font-weight:800}.profile-edit-field button:disabled{color:#aaa2be;background:#eee8ff;cursor:not-allowed}.profile-edit-field input:disabled{color:#9a94b2;background:#f7f5fb}.profile-save-tip{grid-column:1 / -1;color:var(--primary);font-size:12px;font-weight:800}.usage-guide-card,.feedback-card{display:grid;gap:12px;margin:8px 0 14px 38px;padding:14px;border-radius:14px;background:#fbfaff}.usage-guide-card>strong,.feedback-card>strong{color:#1f2430;font-size:15px}.guide-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px}.guide-item b{color:var(--primary);font-size:18px;line-height:1.3}.guide-item span strong{display:block;color:#1f2430;font-size:13px}.guide-item p{margin:5px 0 0;color:#625a70;font-size:12px;line-height:1.55}.feedback-card label{display:grid;gap:6px}.feedback-card label span{color:#5f5872;font-size:12px;font-weight:800}.feedback-card select,.feedback-card input,.feedback-card textarea{width:100%;border:1px solid #eee8ff;border-radius:10px;color:#251f35;background:#fff;font:inherit}.feedback-card select,.feedback-card input{height:38px;padding:0 10px}.feedback-card textarea{min-height:100px;padding:10px;resize:vertical}.feedback-card button{height:38px;border-radius:10px;color:#fff;background:var(--primary);font-weight:800}.feedback-card small{color:#9a94b2;font-size:12px;line-height:1.45}.feedback-card em{color:var(--primary);font-size:12px;font-style:normal;font-weight:800}.bottom-nav-icon-wrap{position:relative;display:grid;place-items:center}.bottom-nav-red-dot{position:absolute;top:-3px;right:-5px;width:8px;height:8px;border:2px solid #ffffff;border-radius:999px;background:#ff4d4f;box-shadow:0 3px 8px #ff4d4f47}.message-state-group{display:grid;gap:10px}.message-state-group+.message-state-group{margin-top:12px}.message-state-group h3{margin:0;color:#5f5872;font-size:13px;font-weight:800}.message-card.unread,.chat-room-list-card.unread{border:1px solid rgba(124,92,255,.18);background:#fbf9ff;box-shadow:0 12px 28px #7c5cff1a}.message-card.unread strong,.chat-room-list-card.unread strong{font-weight:900}.message-card.read,.chat-room-list-card.read{background:#fff}.unread-dot{flex:none;width:8px;height:8px;border-radius:999px;background:#ff4d4f;box-shadow:0 3px 8px #ff4d4f47}.read-state-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;color:#8a8f99;background:#f3f4f6;font-size:12px;font-weight:800;line-height:1}.read-state-pill.unread{color:#e5484d;background:#fff0f1}.message-card div .read-state-pill{color:#8a8f99;background:#f3f4f6}.message-card div .read-state-pill.unread{color:#e5484d;background:#fff0f1}.contact-message-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;width:100%;min-height:28px;box-sizing:border-box}.contact-message-header .type-pill{justify-self:start;max-width:100%;white-space:nowrap}.read-state-wrap{display:inline-flex;align-items:center;justify-self:center;gap:6px}.chat-room-list-card .join-action,.chat-room-list-card .join-action-placeholder{justify-self:end}.chat-room-list-card .join-action{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:0;max-width:46px;height:28px;padding:0;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800;line-height:1}.chat-room-list-card .join-action-placeholder{width:46px;height:28px}.chat-room-list-card .join-action.joined{color:#74707f;background:#eceaf3}.delete-post-link{margin-top:6px;padding:9px 0 0;border-top:1px solid #f0dede;color:#c85a5a;background:transparent;font-size:12px;font-weight:800;text-align:right}.starred-session-chips{align-items:center}.session-chip-wrapper{display:inline-flex;align-items:center;flex:none;gap:4px;padding:3px 5px 3px 8px!important;border:1px solid var(--line);border-radius:999px;background:#fff!important;color:var(--primary-dark)!important}.session-chip-wrapper.active{border-color:var(--primary);background:var(--primary)!important;color:#fff!important}.session-chip-wrapper .session-select-button{padding:5px 2px;border:0;border-radius:999px;color:inherit;background:transparent;white-space:nowrap}.star-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0!important;border:0!important;border-radius:50%;color:#b8adc9!important;background:#7c5cff14!important}.session-chip-wrapper.active .star-button{color:#fff!important;background:#ffffff2e!important}.star-button.starred{color:#ffd452!important}.starred-session-card em{justify-self:start;color:var(--primary-dark);font-style:normal;font-weight:800}.message-card-main{display:grid;gap:8px;width:100%;padding:0;text-align:left;color:inherit;background:transparent;box-shadow:none}.chat-room-list-card .message-card-main strong,.chat-room-list-card .message-card-main p,.chat-room-list-card .message-card-main small{margin:0}.message-detail-panel{display:grid!important;gap:8px;margin-top:8px;padding:12px;border-radius:12px;background:#f8f5ff}.message-detail-row{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:start!important;gap:10px}.message-detail-row span{padding:0!important;color:#8a8398!important;background:transparent!important;font-size:12px;font-weight:800}.message-detail-row strong{color:#2a2438;font-size:13px;font-weight:800;line-height:1.45}.chat-room-list-card .detail-link{justify-self:end;width:auto;min-width:62px;max-width:78px;height:30px;margin-top:2px;padding:0 12px;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800;box-shadow:none}.chat-room-list-card .join-action{border:0;cursor:pointer}.chat-room-list-card .join-action.ended{color:#787280;background:#eeecf4;cursor:default}.chat-room-list-card .join-action:disabled{cursor:default}.request-card-actions{display:inline-flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:100%}.request-card-chat-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:82px;height:30px;padding:0;border-radius:999px;color:#fff;background:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}.request-card-end-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:74px;height:30px;padding:0;border-radius:999px;color:#b04455;background:#fff0f3;font-size:12px;font-weight:800;white-space:nowrap}.request-card-actions .request-card-action{width:74px}.request-card-action.ended{color:#787280;background:#eeecf4}@media(max-width:390px){.request-card-actions{gap:6px}.request-card-actions .request-card-action{width:68px}.request-card-chat-action{width:76px}.request-card-end-action{width:68px}}