/* The launcher (/launch) and account area (/account), public/index.html, in the shared design system
   (0.1.0-dev.52). Loaded last: re-points the app's palette variables at the --m-* tokens and calms its
   components (cards, fields, buttons, headings) so they read like the rest of the site. */
:root,:root[data-theme="light"],:root[data-theme="dark"]{
  --bg:var(--m-bg);--surface:var(--m-surface);--surface2:var(--m-surface-2);--surface3:var(--m-surface);
  --border:var(--m-line);--border-soft:var(--m-line);--border-strong:var(--m-line-2);
  --text:var(--m-text);--text2:var(--m-text-2);--text3:var(--m-mute);
  --green:var(--m-accent);--red:var(--m-down);
  --card-bg:var(--m-surface);--card-border:1px solid var(--m-line);--card-shadow:none;
  --num:var(--m-font);--sans:var(--m-font);--r:16px
}
html body{background:var(--m-bg)!important;color:var(--m-text-2);font-family:var(--m-font);font-variant-numeric:tabular-nums}
.pane-head h1{font:300 clamp(34px,4vw,56px)/1.04 var(--m-font)!important;letter-spacing:-.03em!important;color:var(--m-text)!important}
.pane-head h1 b{font-weight:300!important}
.pane-head p{color:var(--m-text-2);font-size:16px;line-height:1.6;max-width:60ch}
.card{background:var(--m-surface)!important;border:1px solid var(--m-line)!important;border-radius:var(--m-r-lg)!important;box-shadow:none!important;padding:28px}
.card-h .title,.card-h .title b{font:400 20px var(--m-font)!important;letter-spacing:-.01em!important;color:var(--m-text)!important}
.card-h .sub{font-size:13px;color:var(--m-mute)}
.field label{font:500 13px var(--m-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--m-text-2)!important;margin-bottom:8px}
.field input[type=text],.field input[type=password],.field input[type=number],.field textarea,.field select{background:var(--m-bg)!important;border:1px solid var(--m-line-2)!important;border-radius:12px!important;color:var(--m-text)!important;font-family:var(--m-font)!important}
.field input::placeholder,.field textarea::placeholder{color:var(--m-faint)!important;font-family:var(--m-font)!important}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--m-line-3)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--m-accent) 20%,transparent)!important}
.hint{color:var(--m-mute)}
.btn{border-radius:var(--m-r-pill)!important;font:500 14px var(--m-font)!important;letter-spacing:0!important;border:1px solid var(--m-line-2)!important;background:transparent!important;color:var(--m-text)!important;box-shadow:none!important}
.btn:hover{border-color:var(--m-line-3)!important}
.btn.primary,.btn.cta,.dep-submit{background:var(--m-accent)!important;border-color:var(--m-accent)!important;color:var(--m-on-accent)!important}
.btn.primary:hover,.btn.cta:hover,.dep-submit:hover{background:var(--m-accent-2)!important;border-color:var(--m-accent-2)!important}
.dep-req{color:var(--m-accent-text)!important;text-transform:none!important;letter-spacing:0!important;font:500 11.5px var(--m-font)!important}
.dep-opt{text-transform:none!important;letter-spacing:0!important;font:400 11.5px var(--m-font)!important}
.left-sidebar{background:var(--m-bg)!important;border-right-color:var(--m-line)!important}
.ls-item{font:400 14px var(--m-font)!important;color:var(--m-text-2)!important}
.ls-item.active{color:var(--m-text)!important;box-shadow:inset 2px 0 0 var(--m-accent)!important;background:color-mix(in srgb,var(--m-text) 5%,transparent)!important}
.ls-section-label,.ls-coins-label{font:500 12px var(--m-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--m-mute)!important}
.fl-tab{font:400 15px var(--m-font)!important}
.fl-tab.on,.fl-tab[aria-selected="true"]{color:var(--m-text)!important;border-bottom-color:var(--m-text)!important}
/* summaries and notes: neutral panels with the accent as a hairline, never a yellow wash */
.dep-preview-pill,.flcf-sum{background:var(--m-surface-2)!important;border:1px solid var(--m-line-2)!important;color:var(--m-text-2)!important}
.dep-preview-pill b,.flcf-sum b{color:var(--m-text)!important;font-weight:600}
.flcf-ownwarn{background:var(--m-surface-2)!important;border-color:var(--m-line-2)!important}

/* My NFTs (0.1.0-dev.64) */
.fl-my-bar{display:flex;gap:8px;align-items:center;margin:0 0 22px;flex-wrap:wrap}
.fl-my-f{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--m-line-2);background:transparent;color:var(--m-text-2);font:400 14px var(--m-font);cursor:pointer}
.fl-my-f[aria-pressed="true"]{background:var(--m-text);border-color:var(--m-text);color:var(--m-bg)}
.fl-my-n{margin-left:auto;color:var(--m-mute);font-size:13.5px}
.fl-my-grp{margin:0 0 36px}
.fl-my-gh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.fl-my-gh a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--m-text)}
.fl-my-gh img{width:32px;height:32px;border-radius:8px;object-fit:cover}
.fl-my-gh b{font:400 18px var(--m-font)}
.fl-my-gh span{color:var(--m-mute);font-size:13.5px}
.fl-my-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.fl-my-card{border-radius:14px;overflow:hidden;background:var(--m-surface);border:1px solid var(--m-line)}
.fl-my-art{position:relative;display:block;aspect-ratio:1;background:var(--m-art-bg)}
.fl-my-art img{width:100%;height:100%;object-fit:cover;display:block}
.fl-my-tag{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:rgba(10,12,11,.66);color:#F7F4EE;font:500 11.5px var(--m-font)}
.fl-my-b{padding:12px 14px 14px}
.fl-my-b b{font-weight:500;font-size:14.5px;color:var(--m-text)}
.fl-my-tr{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.fl-my-tr span{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--m-line-2);color:var(--m-text-2)}
.fl-my-ln{display:flex;gap:12px;margin-top:10px;font-size:12.5px}
.fl-my-ln a{color:var(--m-text-2)}
.fl-my-empty{padding:48px 16px;text-align:center;color:var(--m-mute);border:1px dashed var(--m-line-2);border-radius:16px}
.fl-my-empty p{margin:0 0 16px}
@media (max-width:760px){.fl-my-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
a.btn{text-decoration:none!important}