.appbar{
  position:sticky; top:0; z-index:20;
  backdrop-filter: blur(12px);
  background: linear-gradient(180deg, rgba(6,10,18,.72), rgba(6,10,18,.40));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.appbar-inner{
  max-width:520px; margin:0 auto;
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
}
.ttl{font-weight:950; letter-spacing:-.3px}
.back{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:14px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.chip{
  margin-left:auto;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  display:flex; align-items:center; gap:10px;
}
.badge{
  display:inline-grid;place-items:center;
  min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;background:rgba(40,209,124,.20);
  border:1px solid rgba(40,209,124,.35);
  font-size:12px;font-weight:900;
}
.card{
  border-radius:var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: var(--shadow);
  padding:14px;
  margin:12px 0;
}
.hero{padding:16px}
.row{display:flex; gap:10px; align-items:center}
.row.spread{justify-content:space-between}
.field .label{font-weight:900;margin:6px 0}
input{
  width:100%; padding:12px 12px;
  border-radius:14px;
  background:rgba(10,18,30,.65);
  border:1px solid rgba(255,255,255,.14);
  color:var(--text);
  outline:none;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 14px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  font-weight:900;
  min-height:44px;
}
.btn.primary{
  background: linear-gradient(180deg, rgba(40,209,124,.95), rgba(32,169,102,.95));
  border:1px solid rgba(40,209,124,.55);
  color:#04130a;
}
.btn:disabled{opacity:.5}
.divider{height:1px;background:rgba(255,255,255,.10);margin:14px 0}
.hint{font-weight:900;margin-bottom:10px}
.auth{display:flex; gap:10px}
.err{margin-top:10px;color:#ffd6d6;background:rgba(255,107,107,.10);border:1px solid rgba(255,107,107,.25);padding:10px;border-radius:14px}
.warn{margin:12px 0;color:#ffe6b3;background:rgba(255,204,102,.10);border:1px solid rgba(255,204,102,.22);padding:10px;border-radius:14px}
.list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.li{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px;border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.li-title{font-weight:950}
.li-right{font-weight:950}