:root{--ep:#E8486A;--ep-d:#c73055;--ep-l:#ffedf1;--ep-txt:#1a1a2e;--ep-mut:#8a8a9a;--ep-bdr:#ebebf0;--ep-bg:#f7f7fb;--ep-wh:#ffffff;--ep-grn:#16a34a;--ep-r:14px;--ep-rs:9px}
.ep-wrap{max-width:480px;margin:0 auto;background:var(--ep-bg);font-family:-apple-system,'SF Pro Display',BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:48px}
/* topbar */
.ep-bar{position:sticky;top:0;z-index:200;background:var(--ep-wh);border-bottom:1px solid var(--ep-bdr);display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.ep-bar-title{font-size:17px;font-weight:700;color:var(--ep-txt);margin:0;letter-spacing:-.3px}
.ep-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ep-bg);color:var(--ep-txt);text-decoration:none;border:none;cursor:pointer;transition:background .15s}
.ep-back-btn:hover{background:var(--ep-bdr)}
.ep-save-top{background:none;border:none;font-size:15px;font-weight:600;color:var(--ep-);cursor:pointer;padding:4px 0;color:var(--ep)}
.ep-save-top:hover{color:var(--ep-d)}
/* notice */
.ep-notice{margin:12px 20px 0;padding:12px 16px;border-radius:var(--ep-rs);font-size:14px;font-weight:500;display:none}
.ep-notice.ok{background:#ecfdf5;color:#065f46;display:block}
.ep-notice.er{background:#fef2f2;color:#991b1b;display:block}
/* avatar */
.ep-ava-sec{display:flex;flex-direction:column;align-items:center;padding:28px 20px 20px}
.ep-ava-wrap{position:relative;width:104px;height:104px}
.ep-ava-img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--ep-wh);box-shadow:0 4px 16px rgba(232,72,106,.18);display:block}
.ep-ava-ph{width:104px;height:104px;border-radius:50%;background:#f0f0f5;display:flex;align-items:center;justify-content:center;color:var(--ep-mut);border:3px solid var(--ep-wh);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ep-ava-cam{position:absolute;bottom:4px;right:4px;width:30px;height:30px;border-radius:50%;background:var(--ep);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(232,72,106,.45);transition:transform .15s,background .15s;border:none}
.ep-ava-cam:hover{transform:scale(1.1);background:var(--ep-d)}
.ep-ava-hint{margin:12px 0 0;font-size:13px;color:var(--ep-mut)}
/* sections */
.ep-sec{background:var(--ep-wh);border-radius:var(--ep-r);margin:12px 16px;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow:hidden}
.ep-sec-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ep-mut);margin:0;padding:14px 16px 6px}
.ep-dvd{height:1px;background:var(--ep-bdr);margin:0 16px}
/* field rows */
.ep-row{display:flex;align-items:center;gap:12px;padding:14px 16px;transition:background .12s;position:relative}
.ep-row:hover{background:#fafafa}
.ep-ico{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--ep-l);color:var(--ep);display:flex;align-items:center;justify-content:center}
.ep-bod{flex:1;min-width:0}
.ep-lbl{display:block;font-size:11px;font-weight:700;color:var(--ep-mut);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
.ep-inp,.ep-sel{display:block;width:100%;font-size:15px;font-weight:500;color:var(--ep-txt);background:none;border:none;outline:none;padding:0;font-family:inherit;-webkit-appearance:none}
.ep-inp::placeholder{color:var(--ep-mut);font-weight:400}
.ep-inp:disabled{color:var(--ep-mut);cursor:not-allowed}
.ep-sel{cursor:pointer}
.ep-chv{flex-shrink:0;color:#d0d0d8}
.ep-verified{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ep-grn);flex-shrink:0;white-space:nowrap}
/* age slider */
.ep-age-val{font-size:22px;font-weight:700;color:var(--ep-txt)}
.ep-age-unit{font-size:13px;font-weight:400;color:var(--ep-mut);margin-left:3px}
.ep-slider-wrap{display:flex;align-items:center;gap:10px;padding:2px 16px 16px}
.ep-slider-lim{font-size:12px;color:var(--ep-mut);flex-shrink:0;min-width:20px;text-align:center}
.ep-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--ep) 0%,var(--ep) var(--ep-pct,10%),var(--ep-bdr) var(--ep-pct,10%),var(--ep-bdr) 100%)}
.ep-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ep);border:3px solid #fff;box-shadow:0 2px 8px rgba(232,72,106,.4);cursor:pointer;transition:transform .12s}
.ep-slider::-webkit-slider-thumb:active{transform:scale(1.15)}
.ep-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ep);border:3px solid #fff;cursor:pointer}
/* textarea */
.ep-ta{width:100%;min-height:88px;padding:8px 16px;font-size:15px;color:var(--ep-txt);font-family:inherit;background:none;border:none;outline:none;resize:none;box-sizing:border-box;line-height:1.6}
.ep-ta::placeholder{color:var(--ep-mut)}
.ep-cc{text-align:right;font-size:12px;color:var(--ep-mut);padding:4px 16px 12px}
/* radio rows */
.ep-rrow{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;position:relative;transition:background .12s}
.ep-rrow:hover{background:#fafafa}
.ep-rrow+.ep-rrow{border-top:1px solid var(--ep-bdr)}
.ep-rinp{position:absolute;opacity:0;pointer-events:none}
.ep-rdot{width:20px;height:20px;border-radius:50%;border:2px solid var(--ep-bdr);flex-shrink:0;margin-left:auto;transition:border-color .15s,background .15s}
.ep-rrow.on .ep-rdot{border-color:var(--ep);background:var(--ep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='3' fill='white'/%3E%3C/svg%3E") no-repeat center}
.ep-rlbl{flex:1;font-size:15px;font-weight:500;color:var(--ep-txt);cursor:pointer}
.ep-rrow.on .ep-rlbl{color:var(--ep)}
.ep-rrow.on .ep-ico{background:var(--ep-l)}
/* save */
.ep-save-wrap{padding:24px 16px 0}
.ep-save-btn{width:100%;height:54px;border-radius:27px;border:none;background:linear-gradient(135deg,var(--ep) 0%,#ff6b8a 100%);color:#fff;font-size:16px;font-weight:700;letter-spacing:.2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 20px rgba(232,72,106,.38);position:relative;overflow:hidden;font-family:inherit}
.ep-save-btn:hover{transform:translateY(-1px);box-shadow:0 9px 26px rgba(232,72,106,.48)}
.ep-save-btn:active{transform:scale(.98)}
.ep-save-btn.ld .ep-stxt{opacity:0}
.ep-save-btn.ld .ep-spin{display:block}
.ep-spin{display:none;width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:epspin .7s linear infinite;position:absolute}
@keyframes epspin{to{transform:rotate(360deg)}}