/* UnyKorn / 3FS Morpho — frosty white liquid glass */
:root{
  --bg:#eef3f8;
  --card:rgba(255,255,255,.72);
  --sunk:rgba(255,255,255,.42);
  --border:rgba(255,255,255,.78);
  --border2:rgba(148,163,184,.45);
  --text:#0f1b2a;
  --muted:#3d5a6c;
  --dim:#68788a;
  --gold:#1b6b8a;
  --goldbg:rgba(255,255,255,.88);
  --goldbd:rgba(109,94,252,.35);
  --blue:#6d5efc;
  --bluebg:rgba(109,94,252,.10);
  --green:#14562c;
  --greenbg:#e6f5eb;
  --red:#a30d22;
  --redbg:#fdeaea;
  --morpho:#6d5efc;
  --sky:#38bdf8;
  --crimson:#a30d22;
  --glass:rgba(255,255,255,.64);
  --glass-strong:rgba(255,255,255,.88);
  --glass-line:rgba(255,255,255,.9);
  --glass-hi:#fff;
  --glass-shadow:0 20px 50px -22px rgba(64,40,86,.28),0 2px 6px -2px rgba(64,40,86,.10);
  --mono:'SF Mono','Cascadia Mono',Consolas,ui-monospace,monospace;
}
html,body{
  background:
    radial-gradient(1100px 620px at 8% -10%, rgba(109,94,252,.16), transparent 55%),
    radial-gradient(900px 520px at 92% 8%, rgba(56,189,248,.14), transparent 50%),
    radial-gradient(800px 480px at 50% 110%, rgba(163,13,34,.08), transparent 45%),
    linear-gradient(180deg,#f7fbff 0%,#eef3f8 55%,#e8eef5 100%) !important;
  color:var(--text);
  min-height:100vh;
}
.mark,.brand-mark{
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,246,251,.7)) !important;
  border:1px solid rgba(109,94,252,.28) !important;
  color:var(--morpho) !important;
  box-shadow:inset 0 1px 0 #fff, 0 8px 24px -12px rgba(64,40,86,.35);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
}
.hero,.card,.headcard,.qrbox{
  background:linear-gradient(165deg,rgba(255,255,255,.78),rgba(248,250,252,.48)) !important;
  border:1px solid var(--glass-line) !important;
  box-shadow:var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,.85) !important;
  backdrop-filter:blur(22px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
}
.hero{box-shadow:var(--glass-shadow),0 0 0 1px rgba(109,94,252,.18),0 0 40px rgba(109,94,252,.10), inset 0 1px 0 #fff !important}
nav{
  background:rgba(255,255,255,.45) !important;
  border:1px solid var(--glass-line) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
nav button.on{
  background:linear-gradient(135deg,rgba(109,94,252,.95),rgba(56,189,248,.85)) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -10px rgba(109,94,252,.55) !important;
}
.btn{
  border:0 !important;
  background:linear-gradient(135deg,#6d5efc,#38bdf8 55%,#a30d22) !important;
  color:#fff !important;
  box-shadow:0 12px 28px -12px rgba(109,94,252,.55);
}
.btn.ghost{
  background:rgba(255,255,255,.55) !important;
  border:1px solid var(--glass-line) !important;
  color:var(--text) !important;
  box-shadow:inset 0 1px 0 #fff;
}
.btn.blue{background:linear-gradient(135deg,#6d5efc,#38bdf8) !important;border:0 !important}
.pill{
  border:1px solid rgba(109,94,252,.35) !important;
  color:var(--morpho) !important;
  background:rgba(255,255,255,.65) !important;
  backdrop-filter:blur(10px);
}
.pill.off{border-color:rgba(163,13,34,.4) !important;color:var(--crimson) !important;background:rgba(253,234,234,.8) !important}
input,textarea,select{
  background:rgba(255,255,255,.7) !important;
  border:1px solid rgba(148,163,184,.4) !important;
  backdrop-filter:blur(10px);
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(109,94,252,.55) !important;
  box-shadow:0 0 0 3px rgba(109,94,252,.18) !important;
}
.addrline b,.v.neg,.note.warn{color:var(--morpho) !important}
.seed{
  background:rgba(255,255,255,.8) !important;
  border:1px solid rgba(109,94,252,.28) !important;
}
.copy{
  background:rgba(255,255,255,.7) !important;
  border:1px solid var(--glass-line) !important;
  backdrop-filter:blur(8px);
}
