/* Общая раскладка экранов-«страниц» (.me: тест-панель и профиль) и тест-панель (#/admin). Профиль — profile.css. */
.me { display: flex; flex-direction: column; gap: 14px; padding: calc(12px + var(--safe-t)) 16px calc(var(--tabbar-h) + 24px); }
.me-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.me-top b { margin: 0; font: 700 28px/1.15 var(--f-body); letter-spacing: -.02em; }
.me-top small { color: var(--muted); font-weight: 500; }
.res { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 10px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); font-weight: 700; }
.res svg { width: 16px; height: 16px; color: var(--lavender); }
.me-top .res b { font: 700 15px var(--f-body); letter-spacing: 0; }
.me-level { display: flex; flex-direction: column; gap: 8px; }
.me-level .lvl-row b { min-width: 40px; height: 40px; border-radius: 12px; font-size: 22px; }
.me-level small { color: var(--muted); font-size: 12.5px; }
.taste { margin: 0; color: var(--muted); font-size: 13px; }
.reset { align-self: center; min-height: 40px; font-size: 13px; color: var(--muted); text-decoration: underline; }

/* ---------- тест-панель (#/admin) ---------- */
.adm-link { align-self: center; }
.adm-g { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-row { align-items: center; }
.adm .adm-b { min-height: 38px; padding: 0 14px; font-size: 13px; }
.adm .adm-b:disabled { opacity: .4; }
.adm-set { min-height: 38px; padding: 0 10px; border-radius: 12px; background: var(--surface); color: var(--ink); border: 1px solid var(--line); font: 500 13px var(--f-body); }
.adm-box { margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); }
.adm-st { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; font-size: 13px; }
.adm-st dt { color: var(--muted); }
.adm-st dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.adm-st small { font-weight: 400; color: var(--muted); }
.adm-out { white-space: pre-wrap; font: 12px/1.5 ui-monospace, Consolas, monospace; color: var(--ink); }
.adm-plans { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.adm-plans li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }
.adm-plans li div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.adm-plans li b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-plans li small { color: var(--muted); font-size: 12px; }