/* tip 20260805-profset1 · Profile Settings UI · light interactive */
html[data-vy-profset1="20260805-profset1"]{
  --ps-ink:#0f172a; --ps-mute:#64748b; --ps-line:#d8e1ec; --ps-brand:#155eef;
  --ps-brand-deep:#1e3a8a; --ps-ok:#047857; --ps-err:#b42318; --ps-surface:#fff;
}
.mp-chip.mp-settings-open,
#mpSettingsBtn{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  min-height:44px; padding:0 14px; border-radius:12px; border:1px solid var(--ps-line,#d8e1ec);
  background:rgba(255,255,255,.95); color:var(--ps-brand-deep,#1e3a8a);
  font:650 14px/1 Onest,system-ui,sans-serif; cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#mpSettingsBtn:hover{ transform:translateY(-1px); border-color:#b6c7de; box-shadow:0 8px 18px rgba(15,23,42,.08); }
#mpSettingsBtn:active{ transform:translateY(1px); }

.ps-root[hidden]{ display:none !important; }
.ps-root{
  position:fixed; inset:0; z-index:2147482500;
  display:grid; place-items:end center;
  padding:0; pointer-events:none;
}
.ps-root.is-open{ pointer-events:auto; }
.ps-scrim{
  position:absolute; inset:0; background:rgba(15,23,42,.38);
  backdrop-filter:blur(4px); opacity:0; transition:opacity .22s ease;
}
.ps-root.is-open .ps-scrim{ opacity:1; }
.ps-panel{
  position:relative; z-index:1; width:min(520px,100%);
  max-height:min(92vh,860px); overflow:auto; overscroll-behavior:contain;
  background:linear-gradient(180deg,#fff 0%, #f7fafc 100%);
  border:1px solid var(--ps-line,#d8e1ec); border-radius:22px 22px 0 0;
  box-shadow:0 -18px 48px rgba(15,23,42,.16);
  padding:1rem 1.1rem calc(1.25rem + env(safe-area-inset-bottom));
  transform:translateY(110%); transition:transform .28s cubic-bezier(.22,1,.36,1);
  color:var(--ps-ink,#0f172a); font-family:Onest,system-ui,sans-serif;
}
.ps-root.is-open .ps-panel{ transform:translateY(0); }
@media (min-width:720px){
  .ps-root{ place-items:center; padding:24px; }
  .ps-panel{ border-radius:22px; max-height:min(88vh,820px); transform:translateY(18px) scale(.98); opacity:0; transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .22s ease; }
  .ps-root.is-open .ps-panel{ transform:none; opacity:1; }
}

.ps-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:.85rem; }
.ps-head h2{
  margin:0; font-family:Unbounded,system-ui,sans-serif; font-size:1.15rem; letter-spacing:-.03em; font-weight:700;
}
.ps-head p{ margin:.28rem 0 0; color:var(--ps-mute,#64748b); font-size:.86rem; line-height:1.4; }
.ps-close{
  width:40px; height:40px; border-radius:12px; border:1px solid var(--ps-line,#d8e1ec);
  background:#fff; color:var(--ps-ink,#0f172a); font-size:1.25rem; cursor:pointer; flex:none;
}
.ps-close:hover{ background:#f1f5f9; }

.ps-av-row{ display:flex; align-items:center; gap:1rem; margin:0 0 1rem; }
.ps-av{
  width:84px; height:84px; border-radius:50%; overflow:hidden; flex:none;
  display:grid; place-items:center; color:#fff; font:700 1.35rem Unbounded,system-ui;
  background:linear-gradient(135deg,#155eef,#0ea5e9);
  border:3px solid #fff; box-shadow:0 0 0 2px rgba(21,94,239,.35), 0 10px 24px rgba(21,94,239,.18);
  transition:transform .18s ease;
}
.ps-av:hover{ transform:scale(1.03); }
.ps-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.ps-av-actions{ display:flex; flex-wrap:wrap; gap:.45rem; }
.ps-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.35rem;
  min-height:40px; padding:0 12px; border-radius:12px; border:1px solid var(--ps-line,#d8e1ec);
  background:#fff; color:var(--ps-brand-deep,#1e3a8a); font:650 13px/1 Onest,system-ui; cursor:pointer;
  transition:transform .14s ease, background .14s ease, border-color .14s ease;
}
.ps-btn:hover{ transform:translateY(-1px); border-color:#b6c7de; }
.ps-btn.primary{ background:var(--ps-brand,#155eef); color:#fff; border-color:transparent; }
.ps-btn.primary:hover{ background:#0b4ed1; }
.ps-btn.ghost{ background:rgba(255,255,255,.9); }
.ps-btn:disabled{ opacity:.55; cursor:wait; transform:none; }

.ps-grid{ display:grid; gap:.85rem; }
.ps-field{ display:flex; flex-direction:column; gap:.35rem; }
.ps-field label{ font:650 .82rem/1.2 Onest,system-ui; color:#334155; }
.ps-field .help{ font-size:.75rem; color:var(--ps-mute,#64748b); line-height:1.4; }
.ps-field input, .ps-field textarea, .ps-field select{
  width:100%; box-sizing:border-box; min-height:44px; padding:0 12px;
  border:1px solid var(--ps-line,#d8e1ec); border-radius:12px; background:#fff;
  color:var(--ps-ink,#0f172a); font:500 14px/1.35 Onest,system-ui; outline:none;
  transition:border-color .14s ease, box-shadow .14s ease;
}
.ps-field textarea{ min-height:88px; padding:10px 12px; resize:vertical; }
.ps-field input:focus, .ps-field textarea:focus, .ps-field select:focus{
  border-color:var(--ps-brand,#155eef); box-shadow:0 0 0 3px rgba(21,94,239,.14);
}
.ps-field input.ps-misaligned-fix{
  max-width:100%; display:block;
}

.ps-sec{
  margin-top:.35rem; padding:.85rem .9rem; border-radius:16px;
  background:linear-gradient(180deg,#fbfdff,#f8fafc); border:1px solid #e8eef6;
}
.ps-sec-title{ font:700 .9rem/1 Onest,system-ui; margin:0 0 .55rem; color:var(--ps-brand-deep,#1e3a8a); }
.ps-row{
  display:flex; align-items:center; gap:12px; padding:.55rem 0;
  border-bottom:1px solid #e8eef6;
}
.ps-row:last-child{ border-bottom:0; padding-bottom:0; }
.ps-row .st{ flex:1; min-width:0; }
.ps-row .a{ font:650 .9rem/1.25 Onest,system-ui; }
.ps-row .b{ font-size:.76rem; color:var(--ps-mute,#64748b); margin-top:.15rem; line-height:1.35; }

.ps-switch{ position:relative; width:44px; height:26px; flex:none; }
.ps-switch input{ position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
.ps-switch .track{
  display:block; width:44px; height:26px; border-radius:999px; background:#cbd5e1;
  border:1px solid #b6c3d4; transition:background .16s ease;
}
.ps-switch .thumb{
  position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%;
  background:#fff; box-shadow:0 1px 4px rgba(15,23,42,.2); transition:transform .16s ease; pointer-events:none;
}
.ps-switch input:checked ~ .track{ background:var(--ps-brand,#155eef); border-color:var(--ps-brand,#155eef); }
.ps-switch input:checked ~ .thumb{ transform:translateX(18px); }

.ps-foot{
  display:flex; flex-wrap:wrap; gap:.55rem; justify-content:flex-end;
  margin-top:1rem; padding-top:.85rem; border-top:1px solid #e8eef6;
  position:sticky; bottom:0; background:linear-gradient(180deg,rgba(247,250,252,0),#f7fafc 28%);
}
.ps-status{
  margin:.55rem 0 0; min-height:1.2em; font-size:.82rem; color:var(--ps-mute,#64748b);
}
.ps-status.ok{ color:var(--ps-ok,#047857); font-weight:650; }
.ps-status.err{ color:var(--ps-err,#b42318); font-weight:650; }

html.ps-compact .mp-shell{ width:min(520px, calc(100% - 1.2rem)); }
html.ps-compact .mp-identity{ padding:.95rem 1rem; }
html.ps-noanim *, html.ps-noanim *::before{ transition:none !important; animation:none !important; }

@media (prefers-reduced-motion: reduce){
  .ps-panel, .ps-scrim, #mpSettingsBtn{ transition:none !important; }
}