.personal-overlay{
  position:fixed;inset:0;z-index:300;overflow:auto;
  padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
  display:grid;place-items:center;background:
    radial-gradient(circle at 12% 0,rgba(140,255,182,.16),transparent 34rem),
    radial-gradient(circle at 100% 24%,rgba(114,167,255,.17),transparent 30rem),
    rgba(7,9,13,.98)
}
body.personal-open{overflow:hidden}
.personal-dialog{
  width:min(100%,600px);border:1px solid rgba(255,255,255,.1);border-radius:30px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#10141c;
  box-shadow:0 28px 90px rgba(0,0,0,.55);padding:22px
}
.personal-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.personal-brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.02em}
.personal-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#07100a;display:grid;place-items:center}
.personal-logo svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.personal-close{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.06);color:var(--text);font-size:22px;cursor:pointer}
.personal-kicker{margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.personal-dialog h1{font-size:clamp(29px,8vw,42px);line-height:1.02;letter-spacing:-.05em;margin:0 0 10px}
.personal-lead{color:#b2bdcc;line-height:1.5;font-size:14px;margin:0 0 22px}
.personal-form{display:grid;gap:20px}
.personal-field{display:grid;gap:8px}
.personal-field>span,.personal-fieldset legend{font-size:11px;font-weight:800;color:#aeb8c6;letter-spacing:.04em}
.personal-field input{width:100%;height:51px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#171c25;color:var(--text);padding:0 15px;outline:none}
.personal-field input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.personal-fieldset{margin:0;padding:0;border:0;display:grid;gap:9px}
.personal-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.personal-choice{position:relative;min-width:0}
.personal-choice input{position:absolute;opacity:0;pointer-events:none}
.personal-choice span{min-height:52px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;place-items:center;text-align:center;padding:8px;color:#aeb8c6;font-size:12px;font-weight:750;line-height:1.25;cursor:pointer}
.personal-choice input:checked+span{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
.personal-plan{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(140,255,182,.08),rgba(114,167,255,.06));padding:15px}
.personal-plan-head{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.personal-plan-icon{width:38px;height:38px;border-radius:13px;background:rgba(140,255,182,.11);color:var(--accent);display:grid;place-items:center;font-size:20px}
.personal-plan-head strong{display:block;font-size:14px}.personal-plan-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.personal-pills{display:flex;gap:7px;flex-wrap:wrap}.personal-pills span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.055);font-size:10px;color:#c6cfdb}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.theme-choice{position:relative}.theme-choice input{position:absolute;opacity:0}.theme-choice span{height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:7px;color:#b8c1ce;font-size:11px;font-weight:750;cursor:pointer}.theme-choice i{width:16px;height:16px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch) 13%,transparent)}.theme-choice input:checked+span{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 8%,transparent);color:#fff}
.personal-submit{height:54px;border-radius:17px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06100a;font-weight:900;cursor:pointer;box-shadow:0 15px 34px color-mix(in srgb,var(--accent) 16%,transparent)}
.personal-privacy{display:flex;align-items:flex-start;gap:8px;color:#7e8998;font-size:10px;line-height:1.45;margin:0}.personal-privacy svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:var(--accent);stroke-width:1.8}
.personal-plan-settings{margin-top:24px}
.local-plan-card{border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(140,255,182,.075),rgba(114,167,255,.055)),var(--panel)}
.local-plan-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.local-plan-title strong{font-size:15px}.local-plan-title button{height:34px;padding:0 11px;border-radius:11px;background:rgba(255,255,255,.07);color:var(--text);font-size:11px;font-weight:750}
.local-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.local-plan-grid div{padding:11px;border-radius:14px;background:rgba(255,255,255,.035)}.local-plan-grid small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.local-plan-grid strong{font-size:12px}
.local-language{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.local-language button{height:38px;border-radius:12px;background:rgba(255,255,255,.045);color:var(--muted);font-size:11px;font-weight:800}.local-language button.active{background:rgba(140,255,182,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(140,255,182,.15)}
@media(max-width:430px){.personal-overlay{padding-left:0;padding-right:0;place-items:stretch}.personal-dialog{border-radius:0;min-height:100%;border-left:0;border-right:0;padding:20px 17px}.personal-choice-grid{gap:6px}.personal-choice span{font-size:11px;padding:7px 5px}.personal-form{gap:18px}}
@media(prefers-reduced-motion:reduce){.personal-overlay *{animation:none!important;transition:none!important}}