:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#050609;color:#f2f4f8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}[hidden]{display:none!important}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8cd7e5;outline-offset:4px}h1,p{margin:0}#sight-account{max-width:1440px;margin:auto;min-height:100svh;display:flex;flex-direction:column}header{min-height:82px;padding:12px 38px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-1px}.brand img{object-fit:contain;clip-path:inset(2% round 14%);filter:grayscale(1) brightness(1.55)}.header-line{font-size:11px;letter-spacing:2px;color:#89919f;margin:auto}.home{font-size:13px;color:#b8c9da;min-height:44px;display:flex;align-items:center}main{flex:1;display:grid}.auth{min-height:620px;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 10%,#64849a18,transparent 55%),radial-gradient(ellipse at 70% 80%,#574b8010,transparent 60%)}.form-wrap{width:100%;max-width:372px}.kicker{color:#92a1b2;font-size:11px;letter-spacing:2px}.auth h1{font-size:29px;line-height:1.35;font-weight:500;letter-spacing:-.7px;margin:15px 0 12px}.subtitle{font-size:14px;color:#939dab}.tabs{display:flex;border-bottom:1px solid #28303a;margin:26px 0 18px;gap:26px}.tabs button{font-size:14px;color:#828c9c;padding:4px 4px 12px;border-bottom:2px solid transparent;min-height:44px}.tabs button[aria-pressed=true]{color:#e7f4f7;border-color:#b4eaf1}.demo-note{font-size:12px;line-height:1.8;color:#8d9eaf;margin:0 0 20px}form>label{display:block;font-size:13px;color:#bdc5d1;margin-bottom:18px}input:not([type=checkbox]),textarea{width:100%;background:#10141b;color:#edf2f7;border:1px solid #2b333f;border-radius:9px;padding:12px 13px;font-size:16px;margin-top:8px;min-width:0}input::placeholder,textarea::placeholder{color:#6f7a8b}.password-field{position:relative;display:block}.password-field input{padding-right:58px}.password-field button{position:absolute;right:4px;top:9px;min-width:48px;min-height:44px;color:#9daabb;font-size:12px}.primary{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;padding:13px 17px;border-radius:30px;background:#b4eaf1;color:#0c2028;font-size:14px;min-height:46px}.primary:hover{box-shadow:0 0 25px #b4eaf121}.switch{display:flex;justify-content:center;align-items:center;gap:5px;color:#828d9c;font-size:13px;margin-top:15px;flex-wrap:wrap}.switch button{font-size:13px;color:#c8e9ef;padding:5px;min-height:44px}.auth-end{display:block;text-align:center;margin-top:26px;font-size:12px;letter-spacing:3px;color:#758298}footer{padding:24px 38px;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#7e8c9d}.profile{padding:55px 36px;display:grid;place-items:center;min-height:580px;background:radial-gradient(ellipse at 60% 0%,#516e8b1a,transparent 55%)}.profile-card{width:100%;max-width:800px;padding:34px;background:#0b0e14;border:1px solid #ffffff12;border-radius:16px}.identity{display:flex;align-items:center;gap:20px}.identity-name{min-width:0}.portrait{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#334b58,#1e263e);color:#e2f1f4;font-size:33px;border:1px solid #ffffff20;flex-shrink:0}.profile h1{font-size:29px;font-weight:500;margin:7px 0 2px;overflow-wrap:anywhere}.handle{font-size:12px;color:#7d8a9c}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #35404f;border-radius:30px;padding:10px 15px;font-size:13px;color:#c4d0df;white-space:nowrap;min-height:44px}.identity>.secondary{margin-left:auto}.profile-body{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:34px;padding-top:28px;border-top:1px solid #ffffff12}.section-label{font-size:12px;color:#8292a8;letter-spacing:1px}.about p{font-size:15px;color:#c4cdd9;line-height:1.9;margin-top:15px;white-space:pre-line;overflow-wrap:anywhere}.interests>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.interests>div>span{font-size:12px;padding:6px 10px;color:#a9c3d0;background:#16202b;border-radius:20px}.profile-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff12;margin-top:32px;padding-top:22px;font-size:12px;color:#8291a7}.profile-bottom button{color:#a4b0c3;font-size:13px;padding:7px 0;min-height:44px;white-space:nowrap}#edit-form{padding-top:25px;border-top:1px solid #ffffff12;margin-top:25px}.edit-actions{display:flex;gap:10px}.edit-actions .primary{width:auto}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0 0 22px;display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#a9baca}legend{font-size:13px;color:#bdc5d1;margin-bottom:10px}fieldset label{min-height:44px;display:flex;gap:7px;align-items:center}input[type=checkbox]{accent-color:#b4eaf1;width:18px;height:18px}
@media(max-width:650px){header{padding:calc(12px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px));min-height:70px}.header-line{display:none}.home{margin-left:auto}.brand{font-size:24px}.auth{min-height:0;padding:36px 24px 45px}.auth h1{font-size:26px}.profile{padding:30px 18px;min-height:0}.profile-card{padding:23px 20px}.identity{flex-wrap:wrap;gap:15px}.identity>.secondary{margin-left:0}.portrait{width:64px;height:64px;font-size:27px}.profile-body{grid-template-columns:1fr;gap:24px;margin-top:25px;padding-top:23px}.profile-bottom{flex-wrap:wrap}.profile h1{font-size:27px}footer{padding:22px 24px calc(24px + env(safe-area-inset-bottom,0px));font-size:11px}.kicker{letter-spacing:1px}button{-webkit-tap-highlight-color:#b4eaf120;touch-action:manipulation}}