.account-page{max-width:960px;margin:auto}.account-card{max-width:580px;margin:22px auto;padding:30px;background:#fffef9;border:1px solid #e5e7da;border-radius:26px;box-shadow:0 12px 32px #3456430a}.account-card fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}.account-card label{display:grid;gap:8px;font-weight:650}.account-card input,.account-card select{width:100%;min-height:48px;border:1px solid #cbd6c8;border-radius:12px;padding:10px 14px;font:inherit;background:white;color:#293d34;box-sizing:border-box}.account-card input:focus-visible,.account-card select:focus-visible{outline:3px solid #f3c981;outline-offset:2px}.account-card #new-profile{display:grid;gap:16px}.account-card #new-profile[hidden]{display:none}.account-card .j-primary{min-height:50px;margin-top:8px}.account-card .j-text-button{margin-top:18px}.account-controls{display:flex;align-items:center;gap:12px}.account-controls button{min-height:44px;border:1px solid #cad9cd;border-radius:12px;background:#fffef8;padding:8px 14px;color:#365849;font:inherit;cursor:pointer}.ranking-list{display:grid;gap:14px;margin:24px 0}.ranking-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;background:#fffef8;border:1px solid #e0e5d8;border-radius:22px;padding:22px}.ranking-row.is-me{background:#edf6eb;border:2px solid #8bad8c}.rank-number{font-size:32px;text-align:center}.ranking-row h2{margin:0;font-size:22px}.ranking-row h2 small{font-size:13px;background:#d4e9d5;border-radius:8px;padding:3px 8px}.ranking-row p{margin:7px 0 0;color:#647262}.ranking-row>strong{font-size:30px;color:#416e54}.ranking-row>strong small{display:block;font-size:12px;text-align:right;letter-spacing:2px}@media(max-width:600px){.account-card{padding:22px 18px}.ranking-row{grid-template-columns:38px 1fr auto;padding:16px 12px;gap:10px}.ranking-row h2{font-size:18px}.ranking-row>strong{font-size:24px}.account-controls{gap:6px}.account-controls span{max-width:90px;overflow:hidden;text-overflow:ellipsis}}
