:root{--bg:#f4f2ee;--paper:#fffdfa;--line:#e4e0d9;--text:#4e5150;--muted:#92938e;--primary:#b8797b;--primary-dark:#a6676a;--primary-soft:#eadbd7;--read-unread:#a48e8f;--read-read:#6f9877;--sage:#9eaaa0;--lav:#aaa7b3;--shadow:0 14px 38px #4b46401a}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}body{color:var(--text);background:#272727}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}button svg{display:block}.app-shell{background:var(--bg);width:min(100%,680px);height:100dvh;min-height:640px;margin:auto;position:relative;overflow:hidden}.theme-rose{--bg:#f4f2ee;--paper:#fffdfa;--line:#e4e0d9;--text:#4e5150;--muted:#92938e;--primary:#b8797b;--primary-dark:#a6676a;--primary-soft:#eadbd7;--read-unread:#a48e8f;--read-read:#6f9877}.theme-sage{--bg:#edf0eb;--paper:#fbfcf8;--line:#d8dfd7;--text:#4d5550;--muted:#8b958f;--primary:#809587;--primary-dark:#697f71;--primary-soft:#dce6de;--read-unread:#8b958f;--read-read:#63856c}.theme-mist{--bg:#edf0f2;--paper:#fafcfd;--line:#d9dfe4;--text:#4d5359;--muted:#8b9299;--primary:#8296aa;--primary-dark:#6b8298;--primary-soft:#dce4eb;--read-unread:#8795a1;--read-read:#668f88}.theme-oat{--bg:#f2eee8;--paper:#fdfbf7;--line:#e3dbd1;--text:#56504a;--muted:#968d84;--primary:#b08f73;--primary-dark:#97765c;--primary-soft:#eadfd3;--read-unread:#9c8b7e;--read-read:#718d72}.page-scroll{height:100dvh;overflow:auto}.brand{text-align:center;line-height:1.05}.brand strong{letter-spacing:1.5px;color:#3f4240;font-family:Georgia,Times New Roman,serif;font-size:25px}.brand span{letter-spacing:4px;color:var(--muted);margin-top:6px;font-size:10px;display:block}.gate,.auth-page{background:radial-gradient(circle at 50% 0,var(--paper) 0,var(--bg) 58%,var(--line) 130%);flex-direction:column;align-items:center;padding:60px 24px 40px;display:flex}.gate>.brand,.auth-page>.brand{margin-bottom:50px}.gate-card,.auth-card{width:min(100%,460px);box-shadow:var(--shadow);background:#fffdfaeb;border:1px solid #e4e0d9d9;border-radius:26px;padding:34px}.gate-card.compact{max-width:460px}.eyebrow{letter-spacing:3px;color:var(--primary);font-size:11px;font-weight:700}.gate-card h1,.auth-card h1{color:#484b49;margin:13px 0 9px;font-size:29px}.sub{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.gender-grid{grid-template-columns:1fr 1fr;gap:14px;margin:28px 0;display:grid}.gender-card{border:1px solid var(--line);color:#696b68;text-align:center;background:#fbfaf7;border-radius:18px;flex-direction:column;align-items:center;padding:24px 12px;transition:all .2s;display:flex}.gender-card>.default-avatar{margin:0 auto 12px;display:grid}.gender-card b{font-size:17px;display:block}.gender-card small{color:#b0afa9;letter-spacing:1px;margin-top:4px;font-size:11px;display:block}.gender-card.selected{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px);box-shadow:0 8px 20px #b8797b24}.gender-card.selected>.default-avatar.male{color:#6d8494}.gender-card.selected>.default-avatar.female{color:#a36d75}.agreement{color:#888983;align-items:flex-start;gap:9px;margin:8px 0 20px;font-size:12px;line-height:1.7;display:flex}.agreement input{accent-color:var(--primary);margin-top:4px}.agreement label{cursor:pointer}.agreement button{color:var(--primary-dark);font-size:inherit;line-height:inherit;vertical-align:baseline;padding:0;display:inline}.agreement button:hover{text-underline-offset:3px;text-decoration:underline}.primary-btn{background:var(--primary);color:#fff;border-radius:27px;width:100%;height:52px;font-weight:600;transition:all .2s;box-shadow:0 9px 20px #b8797b2e}.primary-btn:hover{background:var(--primary-dark)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;background:#d3cfca}.safe-note,.auth-safe{color:#a0a09b;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;display:flex}.age-list{margin:25px 0 18px}.age-option{text-align:left;width:100%;color:var(--text);border-bottom:1px solid #ece8e1;align-items:center;gap:14px;padding:17px 6px;display:flex}.age-option:first-child{border-top:1px solid #ece8e1}.age-option .age-radio{border:1px solid #c8c5bf;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.age-option.selected .age-radio{border-color:var(--primary)}.age-option .age-radio i{background:var(--primary);border-radius:50%;width:10px;height:10px}.age-option div{flex:1}.age-option b{font-size:16px;display:block}.age-option small{color:#a3a39d;margin-top:4px;display:block}.age-option>svg{color:#aaa8a2}.age-option.disabled{cursor:not-allowed;opacity:.48}.age-option.disabled b:after{content:"暂未开放";background:var(--primary-soft);color:var(--primary-dark);border-radius:7px;margin-left:8px;padding:2px 6px;font-size:8px;font-weight:500}.blocked-note{color:#9c7070;background:#f2e7e3;border-radius:10px;gap:8px;margin-bottom:15px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.age-select-card{border:1px solid var(--line);background:linear-gradient(135deg,var(--paper),var(--primary-soft));min-height:94px;color:var(--primary-dark);border-radius:18px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:28px 0 12px;padding:17px 18px;display:grid;position:relative}.age-select-card div span,.age-select-card div b{display:block}.age-select-card div span{color:var(--muted);font-size:11px}.age-select-card div b{color:var(--text);margin-top:4px;font-size:18px;font-weight:500}.age-select-card select{border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));background:var(--paper);min-width:104px;height:42px;color:var(--text);border-radius:12px;outline:none;padding:0 12px;font-size:13px}.adult-note{background:var(--bg);color:var(--muted);border-radius:11px;align-items:center;gap:7px;margin:0 0 22px;padding:10px 12px;font-size:11px;display:flex}.adult-note svg{color:var(--primary-dark)}.auth-page{padding-top:55px}.auth-page>.brand{margin-bottom:42px}.auth-card{max-width:460px}.form{margin:25px 0}.form label{margin-bottom:16px;display:block}.form label>span{color:#777973;align-items:center;gap:7px;margin-bottom:7px;font-size:12px;display:flex}.form input{border:1px solid var(--line);color:#4d504e;background:#fbfaf7;border-radius:12px;outline:none;width:100%;height:50px;padding:0 14px}.form input:focus{border-color:#c99b9d}.code-row{gap:8px;display:flex}.code-row input{flex:1}.code-row button{border:1px solid var(--line);width:104px;color:var(--primary-dark);border-radius:12px;font-size:12px}.code-row button:disabled{color:#aaa}.form-error{color:#a9676a;background:#f5e7e4;border-radius:9px;margin:-5px 0 14px;padding:9px 12px;font-size:12px}.form-notice{color:#66766a;background:#e6eee7;border-radius:9px;margin:-5px 0 14px;padding:9px 12px;font-size:12px}.switch-auth{color:var(--primary-dark);margin:17px auto 0;font-size:13px;display:block}.auth-legal{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-top:15px;display:flex}.auth-legal button{color:var(--muted);padding:2px;font-size:11px}.auth-legal button:hover{color:var(--primary-dark)}.auth-legal i{background:var(--line);border-radius:50%;width:3px;height:3px}.flow-back{color:var(--muted);margin:14px auto 0;font-size:12px;display:block}.flow-back:hover{color:var(--primary-dark)}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:center;height:68px;padding:0 18px;display:flex;position:relative}.icon-btn{color:#3e403f;padding:5px}.topbar .brand{position:absolute;left:50%;transform:translate(-50%)}.topbar .brand strong{letter-spacing:1.8px;font-size:28px}.topbar .brand span{letter-spacing:4.2px;margin-top:3px;font-size:10px}.topbar .brand strong{font-size:21px}.topbar .brand span{letter-spacing:3px;font-size:9px}.avatar-btn{border-radius:50%;margin-left:auto;padding:0;transition:all .2s}.avatar-btn:hover{transform:translateY(-1px)}.default-avatar{border:1px solid #5a626921;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.default-avatar.male{color:#6d8494;background:#dce5eb}.default-avatar.female{color:#a36d75;background:#eadbdc}.default-avatar.large{flex:0 0 76px;width:76px;height:76px}.chat-page,.match-page{height:calc(100dvh - 68px);position:relative}.chat-info{padding:24px 30px 0;font-size:14px}.chat-info p{margin:0 0 17px;font-size:14px;line-height:1.6}.chat-info i{background:#c9a86a;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.chat-info i.connected{background:#77a47c}.chat-info i.offline{background:#c9a86a}.chat-info i.closed,.chat-info i.error{background:#b8797b}.socket-state{float:right;color:#a78c5c;margin-top:4px;font-size:12px}.socket-state.connected{color:#6c9471}.socket-state.offline{color:#a78c5c}.socket-state.closed,.socket-state.error{color:#ad6f72}.chat-leave-btn{color:var(--muted);flex:none;align-items:center;gap:3px;padding:2px 0;font-size:11px;display:flex}.chat-leave-btn:hover{color:#ad6f72}.hint{color:#666b68;align-items:center;display:flex}.hint>span:first-child{color:#8c8e8b;margin-right:10px}.hint-copy{flex:1;min-width:0}.notice{background:var(--primary-soft);color:var(--primary-dark);border-radius:9px;align-items:center;gap:9px;margin:0 26px;padding:14px 18px;font-size:14px;display:flex}.messages{padding:20px 24px;position:absolute;inset:155px 0 88px;overflow:auto}.chat-empty{text-align:center;color:var(--muted);position:absolute;top:47%;left:0;right:0;transform:translateY(-50%)}.empty-avatar{background:var(--primary-soft);width:72px;height:72px;color:var(--primary);border-radius:50%;place-items:center;margin:auto;display:grid}.chat-empty h3{color:#6c6f6c;margin:15px 0 5px;font-size:19px}.chat-empty p{margin:0;font-size:14px}.bubble{overflow-wrap:anywhere;word-break:break-word;touch-action:pan-y;-webkit-touch-callout:none;border-radius:17px;width:fit-content;max-width:76%;margin:8px 0;padding:11px 15px;line-height:1.55;position:relative}.bubble.mine{background:var(--primary);color:#fff;border-bottom-right-radius:5px;margin-left:auto}.bubble.theirs{background:var(--paper);color:var(--text);border:1px solid var(--line);border-bottom-left-radius:5px;margin-right:auto}.bubble.media-bubble{min-width:0;padding:5px;overflow:visible}.message-image-link{border-radius:12px;padding:0;line-height:0;display:block;overflow:hidden}.message-image{object-fit:cover;border-radius:12px;width:auto;max-width:min(310px,66vw);max-height:330px;display:block}.message-audio{width:min(260px,62vw);height:40px;display:block}.bubble.recalled-bubble{cursor:default;padding:11px 15px;font-size:14px;font-style:normal}.bubble.mine.recalled-bubble{background:var(--primary);color:#ffffffc7}.bubble.theirs.recalled-bubble{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.read-status{white-space:nowrap;font-size:10px;font-style:normal;line-height:1;position:absolute;bottom:3px;right:calc(100% + 7px)}.read-status.unread{color:var(--read-unread)}.read-status.read{color:var(--read-read)}.recalled-content{white-space:nowrap}.image-preview-layer{z-index:40;width:min(100%,680px);height:100svh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:#1b1b1ae8;place-items:center;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.image-preview-layer img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;display:block;box-shadow:0 18px 55px #00000047}.image-preview-close{right:18px;top:calc(18px + env(safe-area-inset-top));color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute}.recall-layer{z-index:41;background:#2c2b2975;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.recall-card{background:var(--paper);border-radius:20px;width:100%;padding:22px 20px 14px;box-shadow:0 -12px 36px #00000029}.recall-card>b{color:var(--text);font-size:16px;font-weight:500;display:block}.recall-card>p{color:var(--muted);margin:7px 0 18px;font-size:12px;line-height:1.6}.recall-card>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.recall-card>div button{background:var(--bg);color:var(--text);border-radius:14px;padding:12px}.recall-card>div button.danger{background:var(--primary);color:#fff}.chat-error{z-index:3;color:#a9676a;background:#f5e7e4;border-radius:9px;width:max-content;max-width:90%;padding:7px 12px;font-size:12px;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.uploading-tip{z-index:8;background:var(--paper);box-shadow:var(--shadow);color:var(--primary-dark);border-radius:18px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);align-items:center;gap:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.composer-tool{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--text);border-radius:50%;flex:0 0 44px;place-items:center;padding:0;line-height:0;transition:all .15s;display:grid}.composer-tool svg{stroke-width:1.8px;width:23px;height:23px}.composer-tool:hover{border-color:var(--primary);color:var(--primary)}.composer-tool.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.composer-tool:disabled{color:#bbb;border-color:var(--line);cursor:not-allowed}.leave-btn{border:1px solid color-mix(in srgb,var(--primary) 48%,var(--line));background:var(--primary-soft);height:44px;color:var(--primary-dark);white-space:nowrap;border-radius:15px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.leave-btn svg{stroke-width:1.8px}.composer-input{background:var(--bg);border:1px solid #0000;border-radius:15px;flex:1;align-items:center;min-width:0;height:44px;padding-left:14px;transition:all .15s;display:flex}.composer-input:focus-within{border-color:color-mix(in srgb,var(--primary) 42%,transparent);background:var(--paper)}.composer-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.composer-input button{width:40px;height:40px;color:var(--primary);flex:0 0 40px;place-items:center;padding:0;display:grid}.composer-input button svg{width:20px;height:20px}.composer-input button:disabled{color:#bbb;cursor:not-allowed}.voice-hold{border:1px solid var(--line);background:var(--bg);min-width:0;height:44px;color:var(--text);letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:15px;flex:1;font-size:14px;font-weight:500;transition:all .12s}.voice-hold.recording{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);transform:scale(.985)}.voice-hold:disabled{color:#aaa;cursor:not-allowed}.hidden-file{display:none}.media-panel{z-index:7;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:14px 15px 12px;position:absolute;bottom:74px;left:14px;right:14px;box-shadow:0 14px 36px #36322f29}.media-panel-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;display:flex}.media-panel-head button{color:var(--muted);place-items:center;padding:2px;display:grid}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.emoji-grid button{border-radius:8px;place-items:center;height:32px;padding:0;font-size:20px;line-height:1;transition:all .15s;display:grid}@media (hover:hover) and (pointer:fine){.emoji-grid button:hover{background:var(--primary-soft);transform:translateY(-1px)}}.media-actions{align-items:center;gap:10px;display:flex}.media-actions button{background:var(--bg);color:var(--text);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.media-actions button svg{color:var(--primary)}.media-actions button.recording{color:#a55f62;background:#f5e3df}.media-actions button.recording svg{color:#b25c60}.media-actions button:disabled{opacity:.5;cursor:not-allowed}.media-limit{color:var(--muted);margin-left:auto;font-size:10px}.match-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px 40px;display:flex}.match-orbit{border:1px solid #d6d2ca;border-radius:50%;place-items:center;width:190px;height:190px;animation:8s linear infinite spin;display:grid;position:relative}.match-orbit:before{content:"";border:1px dashed #d8d4cd;border-radius:50%;position:absolute;inset:28px}.orbit-dot{background:var(--primary);width:13px;height:13px;box-shadow:0 0 0 7px var(--primary-soft);border-radius:50%;position:absolute;top:15px;left:50%}.orbit-core{background:var(--paper);width:98px;height:98px;box-shadow:var(--shadow);color:var(--primary);border-radius:50%;place-items:center;animation:8s linear infinite counter;display:grid}.orbit-core small{letter-spacing:2px;color:#a09f99;margin-top:62px;font-size:9px;position:absolute}.match-badge{letter-spacing:3px;color:var(--primary);margin-top:30px;font-size:10px}.match-page h1{margin:10px 0 8px;font-size:23px;font-weight:600}.match-page p{color:var(--muted);margin:0}.progress{background:#e3dfd8;border-radius:5px;width:220px;height:5px;margin:25px 0 12px;overflow:hidden}.progress span{background:var(--primary);border-radius:5px;width:35%;height:100%;animation:1.5s ease-in-out infinite loading;display:block}.match-tip{color:#aaa9a3;margin-bottom:20px;font-size:11px}.ghost-btn{color:#888983;background:#faf8f4;border:1px solid #d5d1ca;border-radius:22px;padding:10px 22px}.drawer-layer,.modal-layer{z-index:20;background:#2c2b2975;position:absolute;inset:0}.drawer-layer{opacity:0;pointer-events:none;transition:all .25s}.drawer-layer.show{opacity:1;pointer-events:auto}.drawer{background:var(--paper);width:min(84%,338px);height:100%;color:var(--text);scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow:auto;box-shadow:12px 0 40px #0000001f}.profile-drawer{margin-left:auto;box-shadow:-12px 0 40px #0000001f}.drawer-head{z-index:2;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex;position:sticky;top:0}.drawer-head h2{letter-spacing:.4px;margin:0;font-size:17px;font-weight:500}.drawer-head p{color:var(--muted);margin:3px 0 0;font-size:10px}.round-close{background:var(--bg);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;padding:0;line-height:0;transition:all .15s;display:grid}.round-close:hover{background:var(--primary-soft);color:var(--primary-dark)}.profile-settings-body{background:var(--bg);min-height:calc(100% - 68px);padding:12px 0 20px}.settings-section{margin:13px 12px 0}.settings-group{border:1px solid var(--line);background:var(--paper);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #44403c09}.setting-row{border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:54px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.settings-group>:last-child{border-bottom:0}.setting-row b{font-size:13px;font-weight:500}.setting-row small{max-width:172px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.setting-row.link span{color:var(--muted);align-items:center;gap:2px;font-size:14px;display:flex}.switch{background:#e3e1dc;border-radius:16px;flex:none;align-items:center;width:40px;height:23px;padding:3px;display:flex}.switch i{background:#bbb9b4;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 4px #0000001f}.switch.on{background:#ead7d4;justify-content:flex-end}.switch.on i{background:var(--primary)}.section-title{color:var(--muted);letter-spacing:1.4px;background:0 0;padding:0 4px 6px;font-size:10px}.menu-link{color:var(--primary);align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.menu-link em{color:var(--muted);margin-left:auto;font-size:14px;font-style:normal}.menu-link.muted{color:#777973}.theme-select{color:var(--primary);border:1px solid var(--line);background:var(--bg);border-radius:9px;align-items:center;gap:4px;padding:5px 7px;display:flex}.theme-select select{max-width:74px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px}.setting-button>svg{color:var(--muted);transition:transform .2s}.setting-button>svg.expanded{transform:rotate(90deg)}.interest-panel{background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 12px 12px;display:grid}.interest-panel button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.interest-panel button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.interest-panel button:disabled{opacity:.45;cursor:not-allowed}.interest-panel p{color:var(--muted);grid-column:1/-1;margin:3px 0 0;font-size:10px;line-height:1.5}.setting-error{color:#a9676a;background:#f5e7e4;border-radius:9px;margin:12px;padding:8px 10px;font-size:11px}.menu-link.compact{border-bottom:1px solid var(--line);width:100%;color:var(--text)}.legal-menu-link>svg:last-child{color:var(--muted);margin-left:auto}.logout-link{text-align:left;color:var(--primary)!important}.profile-card{border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));background:linear-gradient(135deg,var(--paper),var(--primary-soft));border-radius:16px;align-items:center;gap:13px;margin:0 12px;padding:14px;display:flex}.profile-card .default-avatar.large{flex-basis:58px;width:58px;height:58px}.profile-card h3{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:500}.profile-card p{color:var(--muted);margin:0 0 4px;font-size:12px}.profile-card small{color:var(--muted);font-size:10px}.profile-edit-row{border-bottom:1px solid var(--line);min-height:52px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.profile-options{background:var(--bg);border-radius:11px;gap:5px;padding:3px;display:flex}.profile-options button{color:var(--muted);border-radius:8px;padding:6px 8px;font-size:10px;transition:all .15s}.profile-options button.selected{background:var(--paper);color:var(--primary-dark);box-shadow:0 2px 8px #46423e17}.profile-options button:disabled{cursor:wait;opacity:.65}.profile-input-row>span{align-items:center;gap:6px;display:flex}.profile-input-row input{border:1px solid var(--line);background:var(--bg);width:180px;height:34px;color:var(--text);text-align:right;border-radius:10px;outline:none;padding:0 10px;font-size:11px}.profile-input-row input:focus,.profile-select-row select:focus{border-color:var(--primary)}.profile-select-row select{border:1px solid var(--line);background:var(--bg);width:112px;height:34px;color:var(--text);border-radius:10px;outline:none;padding:0 9px;font-size:11px}.profile-save-row{padding:10px 12px}.profile-save-row button{background:var(--primary);color:#fff;border-radius:11px;width:100%;height:36px;font-size:11px;transition:all .15s}.profile-save-row button.saved{background:#79977f}.profile-save-row button:disabled{opacity:.55}.safety-on{color:#65806d;background:#e3ece5;border-radius:9px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:flex}.location-line{color:var(--primary-dark);align-items:center;gap:5px;display:flex;font-size:13px!important}.location-line small{color:var(--muted);margin-left:auto;font-size:10px}.peer-interest-line{color:var(--primary-dark);align-items:center;gap:5px;display:flex;font-size:13px!important}.peer-interest-tags{align-items:center;gap:5px;min-width:0;display:flex}.peer-interest-tags em{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap;border-radius:10px;padding:3px 7px;font-size:10px;font-style:normal}.filtered-message-note{color:inherit;opacity:.68;border-top:1px solid;align-items:center;gap:3px;margin-top:5px;padding-top:5px;font-size:8px;display:flex}.preference-select{border:1px solid var(--line);background:var(--bg);width:128px;height:34px;color:var(--text);border-radius:10px;outline:none;padding:0 9px;font-size:10px}.preference-select.location-select{width:128px}.preference-select:focus{border-color:var(--primary)}.sound-controls{align-items:center;gap:8px;display:flex}.sound-select{width:74px}.chat-page.detail-lines-1 .messages{top:190px}.chat-page.detail-lines-2 .messages{top:225px}.spin{color:var(--primary);animation:1s linear infinite spin}.modal-layer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:18px;display:grid}.modal{border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));background:var(--paper);text-align:center;border-radius:24px;width:min(100%,356px);padding:26px 24px 22px;overflow:hidden;box-shadow:0 24px 70px #2a272540}.leave-modal-icon{background:var(--primary-soft);width:52px;height:52px;color:var(--primary-dark);border-radius:18px;place-items:center;margin:0 auto 13px;display:grid;transform:rotate(-3deg)}.leave-eyebrow{color:var(--primary);letter-spacing:2px;font-size:9px;font-weight:600;display:block}.modal h2{color:var(--text);margin:8px 0 9px;font-size:20px;font-weight:500}.modal>p{max-width:278px;color:var(--muted);margin:0 auto 16px;font-size:13px;line-height:1.75}.leave-rematch-tip{background:var(--bg);color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.leave-rematch-tip svg{color:var(--primary)}.modal-error{margin:12px 0 0}.modal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.modal-actions button{border:1px solid var(--line);background:var(--paper);height:42px;color:var(--text);border-radius:13px;font-size:13px;transition:all .15s}.modal-actions button:hover{border-color:var(--primary);color:var(--primary-dark)}.modal-actions button:disabled{opacity:.55;cursor:not-allowed}.modal-actions .danger{background:var(--primary);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 22%,transparent);border-color:#0000}.modal-actions .danger:hover{background:var(--primary-dark);color:#fff}.legal-layer{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2827258c;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.legal-sheet{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:24px;flex-direction:column;width:min(100%,620px);height:min(100%,780px);display:flex;overflow:hidden;box-shadow:0 28px 80px #23211f4d}.legal-head{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:none;grid-template-columns:40px 1fr 34px;align-items:center;gap:10px;padding:14px 16px;display:grid}.legal-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary-dark);border-radius:13px;place-items:center;display:grid}.legal-icon.privacy{color:#6e8675;background:#dfe8e1}.legal-head h2{color:var(--text);margin:0;font-size:16px;font-weight:500}.legal-head p{color:var(--muted);margin:3px 0 0;font-size:9px}.legal-head>button{background:var(--bg);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.legal-content{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:18px 22px 28px;overflow-y:auto}.legal-summary{border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(135deg,var(--paper),var(--primary-soft));border-radius:15px;margin-bottom:20px;padding:15px 16px}.legal-summary b{color:var(--text);font-size:14px;font-weight:500;display:block}.legal-summary p{color:var(--muted)!important;margin:5px 0 0!important;font-size:11px!important}.legal-content section{padding:0 2px 17px}.legal-content section+section{border-top:1px solid var(--line);padding-top:17px}.legal-content h3{color:var(--text);margin:0 0 9px;font-size:14px;font-weight:600}.legal-content p{color:#6d716e;text-align:justify;margin:0 0 8px;font-size:12px;line-height:1.85}.legal-content p:last-child{margin-bottom:0}.legal-basis{background:var(--bg);color:var(--muted);border-radius:13px;padding:13px 14px}.legal-basis b{color:var(--text);font-size:11px;font-weight:500}.legal-basis p{margin:4px 0 0;font-size:10px;line-height:1.7}.legal-footer{padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);flex:none}.legal-footer button{background:var(--primary);color:#fff;border-radius:13px;width:100%;height:42px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counter{to{transform:rotate(-360deg)}}@keyframes loading{0%{transform:translate(-120px)}50%{transform:translate(90px)}to{transform:translate(220px)}}@media (width<=520px){.gate,.auth-page{padding:45px 16px 28px}.gate>.brand,.auth-page>.brand{margin-bottom:35px}.gate-card,.auth-card{border-radius:22px;padding:27px 22px}.topbar{height:60px}.chat-page,.match-page{height:calc(100dvh - 60px)}.drawer-head{height:60px}.profile-settings-body{min-height:calc(100% - 60px)}.chat-info{padding:22px 22px 0;font-size:14px}.notice{margin:0 20px}.drawer{width:min(88%,320px)}.profile-card{align-items:flex-start}.profile-card small{display:none}.setting-row small{max-width:145px}.profile-input-row input{width:150px}.preference-select,.preference-select.location-select{width:118px}.match-page h1{font-size:21px}.composer{gap:5px;padding-left:8px;padding-right:8px}.composer-tool{flex-basis:41px;width:41px;height:41px}.composer-tool svg{width:22px;height:22px}.composer-input,.voice-hold{height:43px}.leave-btn{height:41px;padding:0 8px}.media-panel{left:8px;right:8px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.media-limit{display:none}.legal-layer{padding:0}.legal-sheet{border:0;border-radius:0;height:100%}.legal-content{padding:17px 18px 28px}}.chat-info i.peer-left{background:#b8797b}.socket-state.peer-left{color:#ad6f72}.chat-info i.self-left{background:#9b9d98}.socket-state.self-left{color:#858984}.peer-left-notice{text-align:center;color:#8d6567;background:#f8ece9;border:1px solid #e2c9c5;border-radius:14px;width:min(100%,360px);margin:22px auto;padding:18px}.peer-left-notice.self-left{border-color:var(--line);background:var(--paper);color:var(--text);box-shadow:0 8px 24px #3e3a360f}.peer-left-notice b,.peer-left-notice span{display:block}.peer-left-notice span{color:#9b8583;margin:7px 0 14px;font-size:13px}.peer-left-notice button{background:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}@media (width<=380px){.composer{gap:4px;padding-left:6px;padding-right:6px}.composer-tool{flex-basis:38px;width:38px;height:38px}.composer-tool svg{width:20px;height:20px}.composer-input,.voice-hold{height:40px}.composer-input{padding-left:10px}.composer-input input{font-size:16px}.leave-btn{border-radius:50%;flex-basis:38px;width:38px;height:38px;padding:0}.leave-btn span{display:none}.chat-info{padding-left:16px;padding-right:16px}.notice{margin:0 14px;padding:12px 14px;font-size:12px}.messages{padding-left:14px;padding-right:14px}.message-image{max-width:min(250px,68vw)}}