/* Personal identity and a small content collection; preferences have their own view. */
html[data-theme] #ritm-account.ritm-profile{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:0;border-radius:20px;border:1px solid var(--web-border);background:var(--web-panel);color:var(--tx);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 24px 80px #0004;box-sizing:border-box}
html[data-theme] #ritm-account.ritm-profile [hidden]{display:none!important}
html[data-theme] #ritm-account.ritm-profile .profile-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:6px;min-height:60px;padding:8px 12px 8px 22px;margin:0;max-width:none;width:100%;box-sizing:border-box;background:var(--web-panel);border-bottom:1px solid var(--web-border);box-shadow:none;backdrop-filter:none}
html[data-theme] #ritm-account.ritm-profile .account-title{flex:1;min-width:0;margin:0;font-size:17px;letter-spacing:0;color:var(--tx)}
html[data-theme] #ritm-account.ritm-profile .profile-topbar button{display:flex;align-items:center;justify-content:center;position:relative;float:none;width:44px;height:44px;min-height:44px;padding:10px;margin:0;flex:0 0 44px;border-radius:50%;border:0;background:transparent;color:var(--tx);cursor:pointer;pointer-events:auto;touch-action:manipulation}
html[data-theme] #ritm-account.ritm-profile .profile-topbar button:hover{background:var(--web-raised)}
.profile-topbar svg{width:23px;height:23px;pointer-events:none}
html[data-theme] #ritm-account.ritm-profile #account-form{display:block;padding:24px;margin:0}
html[data-theme] #ritm-account.ritm-profile .profile-identity{padding:4px 0 0;text-align:center}
html[data-theme] #ritm-account.ritm-profile .account-profile-summary{display:flex;align-items:center;flex-direction:column;gap:15px;margin:0;order:initial}
html[data-theme] #ritm-account.ritm-profile .account-profile-avatar{width:90px;height:90px;flex:0 0 90px;font-size:36px;border:3px solid var(--web-panel);box-shadow:0 0 0 1px var(--web-border),0 8px 24px #0001}
html[data-theme] #ritm-account.ritm-profile .account-profile-summary>div{display:grid;gap:7px;width:100%;min-width:0}
html[data-theme] #ritm-account.ritm-profile .account-profile-name{font-size:27px;line-height:1.15;letter-spacing:-.7px;overflow-wrap:anywhere;color:var(--tx)}
html[data-theme] #ritm-account.ritm-profile .account-profile-summary small{font-size:11px;color:var(--mu);letter-spacing:.03em}
.profile-bio{font-size:14px;line-height:1.65;color:var(--mu);white-space:pre-wrap;overflow-wrap:anywhere;margin:15px auto 0;max-width:350px}
html[data-theme] #ritm-account.ritm-profile .profile-identity-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 24px}
html[data-theme] #ritm-account.ritm-profile .profile-identity-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:auto;padding:9px 16px;border-radius:999px;margin:0;background:var(--web-raised);color:var(--tx);border:1px solid var(--web-border);font:600 12px/1.3 system-ui;box-shadow:none}
html[data-theme] #ritm-account.ritm-profile .profile-identity-actions [data-profile-edit]{background:var(--action-red);border-color:var(--action-red);color:#fff}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 26px;padding:18px 0;border-top:1px solid var(--web-border);border-bottom:1px solid var(--web-border);text-align:center;gap:8px}
.profile-stats dd{font-size:21px;font-weight:750;line-height:1.2;margin:0;color:var(--tx)}.profile-stats dt{font-size:11px;margin-top:6px;color:var(--mu)}.profile-stats>div+div{border-left:1px solid var(--web-border)}
.profile-collection-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.profile-collection-head h3{font-size:17px;letter-spacing:-.3px;margin:0}
html[data-theme] #ritm-account.ritm-profile [data-profile-all]{display:inline-flex;width:auto;min-height:36px;padding:8px 0;margin:0;background:transparent;border:0;color:var(--active-red);font-size:12px;white-space:nowrap;box-shadow:none}
html[data-theme] #ritm-account.ritm-profile .profile-track{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:9px 0;margin:0;border:0;border-bottom:1px solid var(--web-border);border-radius:0;text-align:left;background:transparent;color:var(--tx);box-shadow:none}
.profile-track img{width:45px;height:45px;border-radius:6px;object-fit:cover;flex:none}.profile-track>span{flex:1;min-width:0}.profile-track b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4}.profile-track small{display:block;font-size:11px;color:var(--mu);margin-top:4px;font-weight:400}.profile-track svg{width:20px;height:20px;color:var(--active-red);flex:none}
.profile-empty{font-size:13px;line-height:1.6;color:var(--mu);padding:18px 0;margin:0}
html[data-theme] #ritm-account.ritm-profile .profile-edit-panel{border:1px solid var(--web-border);background:var(--web-raised);border-radius:12px;padding:16px;margin:0 0 24px}
html[data-theme] #ritm-account.ritm-profile .account-profile-fields{padding:0;border:0;background:none;margin-bottom:14px}
html[data-theme] #ritm-account.ritm-profile .profile-settings{padding:0}
html[data-theme] #ritm-account.ritm-profile .profile-settings .account-email{font-size:12px;line-height:1.6;color:var(--mu);margin:0 0 18px;overflow-wrap:anywhere}
html[data-theme] #ritm-account.ritm-profile .profile-language-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid var(--web-border);min-height:52px;font-size:13px}
html[data-theme] #ritm-account.ritm-profile .account-language{float:none;width:auto;max-width:170px;margin:0;font-size:13px;min-height:38px;border:1px solid var(--web-border);background:var(--web-raised);color:var(--tx);border-radius:8px;padding:8px}
html[data-theme] #ritm-account.ritm-profile .account-kind-summary{margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--web-border);border-radius:0;font-size:12px}
html[data-theme] #ritm-account.ritm-profile .account-kind-summary b{font-size:12px;font-weight:500;color:var(--mu)}
html[data-theme] #ritm-account.ritm-profile .profile-settings>:is(button,a),html[data-theme] #ritm-account.ritm-profile .safety-account>:is(button,a){display:flex;align-items:center;min-height:48px;width:100%;padding:13px 0;margin:0;border:0;border-bottom:1px solid var(--web-border);border-radius:0;background:transparent;color:var(--tx);font:500 13px/1.4 system-ui;text-align:left;box-shadow:none;text-decoration:none;box-sizing:border-box}
html[data-theme] #ritm-account.ritm-profile .profile-settings .profile-admin{color:var(--active-red);font-weight:700}
html[data-theme] #ritm-account.ritm-profile .profile-settings [value=logout],html[data-theme] #ritm-account.ritm-profile .safety-account .safety-danger{color:var(--active-red)}
html[data-theme] #ritm-account.ritm-profile .safety-account{display:block;margin:14px 0 0;padding:0;border:0}
html[data-theme] #ritm-account.ritm-profile #account-message{padding:0 24px;margin:0 0 16px;font-size:12px}html[data-theme] #ritm-account.ritm-profile #account-message:empty{display:none}
@media(max-width:380px){html[data-theme] #ritm-account.ritm-profile #account-form{padding:20px}html[data-theme] #ritm-account.ritm-profile .account-profile-name{font-size:24px}}