header{gap:9px}header .brand{margin-right:auto;min-width:0}
#profileToggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--theme-gradient);border:1px solid hsl(var(--accent-h) 60% 65% / .45);box-shadow:inset 0 1px 2px #ffffff20,0 3px 8px #0004;color:var(--gold)}
#profileToggle svg,.profile-emblem svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#profilePopup{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:28px;border-radius:25px;border:1px solid hsl(var(--accent-h) 65% 60% / .4);background:radial-gradient(ellipse at 20% 0,hsl(var(--accent-h) 45% 25% / .6),transparent 55%),linear-gradient(145deg,var(--theme-panel),var(--theme-bg));color:#f6f5f3;box-shadow:0 25px 80px #000a,inset 1px 1px 1px #ffffff25;text-align:center;overflow:auto}
#profilePopup::backdrop{background:#000a;backdrop-filter:blur(7px)}
.profile-close{position:absolute;right:12px;top:12px;background:#ffffff09;border:1px solid #ffffff15;width:34px;height:34px;border-radius:50%;font-size:24px;color:#c3c6cf}
.profile-emblem{width:70px;height:70px;margin:3px auto 22px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,hsl(var(--accent-h) 80% 73%),hsl(var(--accent-h) 65% 30%));box-shadow:5px 7px 0 hsl(var(--accent-h) 40% 13%),0 18px 30px #0005,inset 1px 1px 2px #fff8;transform:perspective(400px) rotateY(-14deg) rotateX(8deg);color:#fff1d5}.profile-emblem svg{width:34px;height:34px}
.profile-brand{letter-spacing:.2em;font-size:9px;color:var(--gold)}#profileTitle{font-size:24px;margin:10px 0}.profile-subtitle{font-size:12px;color:#a6a8b1;margin:0 0 20px}
.profile-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#0003;border:1px solid #ffffff0d;border-radius:12px}.profile-tabs button{padding:11px 6px;border-radius:8px;background:none;color:#a7aab4;font-size:12px}.profile-tabs button[aria-pressed=true]{background:var(--theme-gradient);color:#fff;border:1px solid hsl(var(--accent-h) 50% 50% / .3)}
.profile-setup{font-size:11px;color:#c2bac0;line-height:1.5;padding:10px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04}
#profileForm{display:block;margin:0;padding:0;background:none;max-width:none}#profileForm fieldset{margin:0;padding:0;border:0;min-width:0}#profileForm label{display:block;text-align:left;font-size:11px;color:#b9bbc3;margin-bottom:11px}#profileForm input{display:block;width:100%;margin-top:5px;border:1px solid #ffffff12;background:#0002;border-radius:10px;padding:12px;font-size:12px}#profileForm button{width:100%;margin-top:4px;padding:12px;border:1px solid #ffffff20;background:linear-gradient(135deg,var(--gold),hsl(var(--accent-h) 60% 45%));color:#16151a;border-radius:10px;font-size:13px}
#profilePopup :disabled{cursor:not-allowed}#profileForm :disabled{opacity:.6}
.profile-divider{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:10px;color:#8e909a}.profile-divider span{height:1px;flex:1;background:#ffffff13}
.profile-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;width:100%;border:1px solid #ffffff25;border-radius:11px;background:#ffffff08;color:#c6c7cd;font-size:12px}.profile-google svg{width:18px;height:18px}.profile-guest{background:none;color:var(--gold);font-size:12px;padding:14px 0 0}
@media(max-width:359px){header{padding-left:12px;padding-right:12px;gap:6px}.brand img{width:36px;height:36px}.brand{font-size:19px}#themeToggle>span{display:none}#profilePopup{padding:22px}}