/* ============================================================================
   ALMAKAN RECIPE BUILDER v85 LOOK
   Command Centre family: charcoal rail, light dense workspace, IBM Plex.
   Accent: Pomegranate #B3123E (light) / #F0617F (dark).
   Rules
   - The recipe card (.card), the kiosk (#kiosk-app) and every print/PDF
     export keep their original v84 look: the legacy colour variables are
     re-pinned to their v84 values inside those blocks below.
   - Basil green = done. Scarlet + warning icon = error. Amber = waiting.
   - No blur effects (they made phones lag).
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  --x-accent:#B3123E; --x-accent-ink:#FFFFFF; --x-accent-soft:#FBE7EC; --x-accent-hover:#960F34;
  --x-rail:#10141A; --x-rail-2:#1A2029; --x-rail-txt:rgba(255,255,255,.78); --x-rail-grp:rgba(255,255,255,.42); --x-rail-div:rgba(255,255,255,.08);
  --x-canvas:#F4F5F7; --x-surface:#FFFFFF; --x-surface-2:#F7F8FA; --x-line:#E1E5EB; --x-line-2:#CBD2DC;
  --x-fg:#151B26; --x-fg-2:#5B6576; --x-chip:#EEF1F5;
  --x-ok:#4A7C2C; --x-ok-soft:#E6F0DE; --x-warn:#9A5A00; --x-warn-soft:#FFF0D9; --x-err:#D0021B; --x-err-soft:#FDE6E8;
  --x-f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --x-f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --x-radius:8px;
  /* legacy colour names, re-pointed for the app chrome and screens */
  --navy:#1B2430; --navy-dk:#10141A; --navy-lt:#2A3443;
  --maroon:#232C39; --maroon-dk:#171E28; --maroon-lt:#364152;
  --charcoal:#10141A; --charcoal2:#1A2029;
  --amber:#B3123E; --amber-lt:#FBE7EC;
  --cream:#F4F5F7; --band:#EEF0F3;
  --red:#D0021B; --red-lt:#FDE6E8;
  --ink:#151B26; --gray:#5B6576; --line:#DCE1E8;
  --ok:#4A7C2C; --ok-dk:#36601F;
}
html[data-rb-theme="dark"]{
  --x-accent:#F0617F; --x-accent-ink:#10141A; --x-accent-soft:#3A1822; --x-accent-hover:#F48AA0;
  --x-rail:#0A0C10; --x-rail-2:#141821;
  --x-canvas:#0F1218; --x-surface:#181C24; --x-surface-2:#1F2430; --x-line:#2A3040; --x-line-2:#3A4254;
  --x-fg:#E8ECF3; --x-fg-2:#9AA3B2; --x-chip:#232B37;
  --x-ok:#8DC26A; --x-ok-soft:#1F2E17; --x-warn:#FFB547; --x-warn-soft:#33260F; --x-err:#FF5A5F; --x-err-soft:#3A1416;
}

/* --- the card, the kiosk and print keep v84 colours exactly --- */
.card, #kiosk-app, #print-host, #round-view .card{
  --navy:#1E3A5F; --navy-dk:#162C48; --navy-lt:#2B4E79;
  --maroon:#5A2323; --maroon-dk:#471919; --maroon-lt:#7A3535;
  --charcoal:#1A2233; --charcoal2:#243044;
  --amber:#C4922A; --amber-lt:#F0E4C4;
  --cream:#F4F6FA; --band:#E8EDF5;
  --red:#B03A2E; --red-lt:#FDEDEC;
  --ink:#1A2233; --gray:#7A8698; --line:#DCE3ED;
  --ok:#2d7d46; --ok-dk:#1d4a2e;
}
.card, #kiosk-app{ font-family:'Trebuchet MS',Tahoma,Candara,'Segoe UI',system-ui,sans-serif; }

/* --- speed: no glass blur anywhere --- */
*,*::before,*::after{ -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }

/* --- base --- */
body{ font-family:var(--x-f-body); background:var(--x-canvas); color:var(--x-fg); }
input,textarea,select{ font-family:var(--x-f-body); }
input:focus,textarea:focus,select:focus{ outline:2px solid var(--x-accent); border-color:var(--x-accent); }
:focus-visible{ outline:2px solid var(--x-accent); outline-offset:2px; }
.num,.x-num{ font-family:var(--x-f-mono); font-variant-numeric:tabular-nums; }
/* Legacy screens stay on a light page even in dark mode (their panels are drawn light). */
html[data-rb-theme="dark"] body{ background:#E9ECF1; }
html[data-rb-theme="dark"] body.x-screen-v85{ background:var(--x-canvas); }
/* Legacy screens and every full-screen tool keep the light palette in dark mode. */
html[data-rb-theme="dark"] body:not(.x-screen-v85) #screen,
html[data-rb-theme="dark"] .modal-backdrop, html[data-rb-theme="dark"] #viewer,
html[data-rb-theme="dark"] #triage-screen, html[data-rb-theme="dark"] #menueng-screen{
  --x-accent:#B3123E; --x-accent-ink:#FFFFFF; --x-accent-soft:#FBE7EC; --x-accent-hover:#960F34;
  --x-canvas:#F4F5F7; --x-surface:#FFFFFF; --x-surface-2:#F7F8FA; --x-line:#E1E5EB; --x-line-2:#CBD2DC;
  --x-fg:#151B26; --x-fg-2:#5B6576; --x-chip:#EEF1F5;
  --x-ok:#4A7C2C; --x-ok-soft:#E6F0DE; --x-warn:#9A5A00; --x-warn-soft:#FFF0D9; --x-err:#D0021B; --x-err-soft:#FDE6E8;
  color:#151B26; color-scheme:light;
}
html[data-rb-theme="dark"] .sb-new{ color:#10141A; }

/* --- top bar: light, thin --- */
#topbar{ background:var(--x-surface); color:var(--x-fg); border-bottom:1px solid var(--x-line); padding:10px 16px; box-shadow:none; }
#topbar h1{ font-size:15px; letter-spacing:.02em; font-weight:600; }
#topbar .sub{ color:var(--x-fg-2); letter-spacing:.06em; font-size:10.5px; }
#topbar .hamb, #topbar .refreshbtn{ background:var(--x-chip); color:var(--x-fg); }
#topbar .backbtn{ background:none; color:var(--x-accent); font-weight:600; }
#topbar .auth-btn{ background:var(--x-chip); color:var(--x-fg); border:0; }
#topbar .me-topbtn{ background:var(--x-chip); color:var(--x-fg); }
html[data-rb-theme="dark"] #topbar{ background:var(--x-surface); color:var(--x-fg); border-bottom-color:var(--x-line); }

/* --- sidebar: charcoal rail --- */
#sidebar{ background:var(--x-rail); color:var(--x-rail-txt); border-right:1px solid var(--x-rail-div); font-family:var(--x-f-body); }
.sb-head{ border-bottom:1px solid var(--x-rail-div); }
.sb-head .s{ color:var(--x-rail-grp); }
.sb-jumpbox{ background:rgba(255,255,255,.07)!important; border-color:transparent!important; }
.sb-new{ background:var(--x-accent); color:var(--x-accent-ink); border-radius:var(--x-radius); }
.sb-new:active{ background:var(--x-accent-hover); }
.sb-grp{ color:var(--x-rail-grp)!important; letter-spacing:.09em; }
.sb-item{ color:var(--x-rail-txt); border-left:0; margin:1px 8px; padding:9px 10px; border-radius:7px; }
.sb-item:hover{ background:rgba(255,255,255,.06); color:#fff; }
.sb-item.on{ background:rgba(240,97,127,.18); color:#fff; box-shadow:inset 3px 0 0 var(--x-accent); }
.sb-item .c{ background:rgba(255,255,255,.12); }
.sb-item .c.x-bdg{ background:var(--x-accent); color:var(--x-accent-ink); }
.sb-foot{ border-top:1px solid var(--x-rail-div); }
.sb-empty{ color:var(--x-rail-grp); }
#x-theme-btn{ display:flex; align-items:center; gap:8px; margin:6px 16px 2px; background:rgba(255,255,255,.08); color:#fff; border-radius:7px; padding:8px 10px; font-size:12.5px; width:calc(100% - 32px); }

@media (max-width:1099px){ #sidebar:not(.open){ box-shadow:none; } }
/* --- bottom edit tabs + save bar --- */
#tabs{ background:var(--x-surface); border-top:1px solid var(--x-line); }
#tabs button{ color:var(--x-fg-2); }
#tabs button.on{ color:var(--x-accent); border-top-color:var(--x-accent); }
#savebar button{ background:var(--x-accent); color:var(--x-accent-ink); border:0; box-shadow:0 4px 14px rgba(16,20,26,.18); }

/* --- legacy blocks, quietened --- */
.sec-head{ background:var(--x-rail-2); color:#fff; letter-spacing:.08em; }
.bigbtn{ background:var(--x-accent)!important; color:var(--x-accent-ink)!important; border:0!important; border-radius:var(--x-radius)!important; box-shadow:none!important; }
.folder-head{ background:var(--x-rail-2); }
.toast{ background:var(--x-rail)!important; color:#fff!important; border-radius:var(--x-radius)!important; }
.modal-head{ background:var(--x-rail-2); color:#fff; }

.modal-ok{ background:var(--x-accent); color:var(--x-accent-ink); border-radius:var(--x-radius); }
@media (max-width:820px){ #topbar .sub{ display:none; } #topbar .applogo{ display:none!important; } #topbar h1{ font-size:14px; } }
.acc-seg.on-none{ background:#5B6576; color:#fff; }
.acc-seg.on-edit{ background:var(--x-accent); color:var(--x-accent-ink); }
.acc-seg.on-view{ background:#232C39; color:#fff; }
/* --- viewer: Request Edit lives in its own module now --- */
#viewer-reqedit-btn{ display:none!important; }

/* ======================= v85 SCREENS (x-*) ======================= */
body.x-screen-v85 #screen{ max-width:none; padding-left:0; padding-right:0; }
.x-screen{ max-width:1080px; margin:0 auto; padding:18px 16px 120px; display:grid; gap:14px; color:var(--x-fg); font-family:var(--x-f-body); }
.x-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.x-head h2{ margin:0; font-size:19px; font-weight:600; letter-spacing:-.01em; text-wrap:balance; }
.x-sub{ color:var(--x-fg-2); font-size:12.5px; }
.x-lbl{ font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--x-fg-2); font-weight:600; }
.x-card{ background:var(--x-surface); border:1px solid var(--x-line); border-radius:10px; padding:14px; display:grid; gap:10px; min-width:0; }
.x-grid2{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; }
.x-row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.x-sp{ flex:1; }
.x-btn{ border:0; border-radius:var(--x-radius); background:var(--x-accent); color:var(--x-accent-ink); font:600 13.5px var(--x-f-body); padding:10px 16px; cursor:pointer; min-height:40px; }
.x-btn:hover{ background:var(--x-accent-hover); }
.x-btn.o{ background:transparent; color:var(--x-accent); box-shadow:inset 0 0 0 1.5px var(--x-accent); }
.x-btn.g{ background:var(--x-chip); color:var(--x-fg); }
.x-btn.ok{ background:var(--x-ok); color:#fff; }
html[data-rb-theme="dark"] .x-btn.ok{ color:#10141A; }
.x-btn.big{ width:100%; padding:14px; font-size:15px; min-height:48px; }
.x-btn[disabled]{ opacity:.55; cursor:default; }
.x-pill{ display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:600; padding:2px 9px; border-radius:99px; white-space:nowrap; }
.x-p-ok{ background:var(--x-ok-soft); color:var(--x-ok); }
.x-p-warn{ background:var(--x-warn-soft); color:var(--x-warn); }
.x-p-err{ background:var(--x-err-soft); color:var(--x-err); }
.x-p-a{ background:var(--x-accent-soft); color:var(--x-accent); }
.x-p-n{ background:var(--x-chip); color:var(--x-fg-2); }
.x-err{ display:flex; gap:8px; align-items:flex-start; background:var(--x-err-soft); color:var(--x-err); border-radius:var(--x-radius); padding:9px 11px; font-size:13px; font-weight:600; }
.x-err::before{ content:'⚠'; }
.x-info{ background:var(--x-surface-2); border:1px solid var(--x-line); border-radius:var(--x-radius); padding:9px 11px; font-size:13px; color:var(--x-fg-2); }
.x-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.x-chip{ border:1px solid var(--x-line); background:var(--x-surface); color:var(--x-fg); border-radius:99px; padding:7px 12px; font:500 13px var(--x-f-body); cursor:pointer; min-height:36px; }
.x-chip.on{ background:var(--x-accent); border-color:var(--x-accent); color:var(--x-accent-ink); font-weight:600; }
.x-input{ width:100%; border:1px solid var(--x-line-2); background:var(--x-surface); color:var(--x-fg); border-radius:var(--x-radius); padding:10px 11px; font:14px var(--x-f-body); }
.x-input::placeholder{ color:var(--x-fg-2); }
.x-tile{ display:grid; grid-template-columns:1fr auto; gap:4px 10px; align-items:center; background:var(--x-surface); border:1px solid var(--x-line); border-radius:10px; padding:12px 14px; cursor:pointer; text-align:left; width:100%; color:var(--x-fg); font-family:var(--x-f-body); }
.x-tile:hover{ border-color:var(--x-line-2); }
.x-tile .t{ font-weight:600; font-size:14px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.x-tile .s{ grid-column:1/-1; color:var(--x-fg-2); font-size:12px; }
.x-tile.done{ border-color:var(--x-ok); }
.x-list{ display:grid; gap:8px; }
.x-empty{ text-align:center; color:var(--x-fg-2); padding:26px 12px; border:1px dashed var(--x-line-2); border-radius:10px; font-size:13.5px; }
.x-tbl-wrap{ overflow-x:auto; }
.x-tbl{ width:100%; border-collapse:collapse; font-size:13px; }
.x-tbl th{ text-align:left; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--x-fg-2); font-weight:600; padding:7px 8px; border-bottom:1px solid var(--x-line); white-space:nowrap; }
.x-tbl td{ padding:7px 8px; border-bottom:1px solid var(--x-line); vertical-align:top; }
.x-tbl td.n{ text-align:right; font-family:var(--x-f-mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
.x-tbl tr.del td{ background:var(--x-err-soft); color:var(--x-err); }
.x-tbl tr.del td:not(:first-child){ text-decoration:line-through; }
.x-tbl tr.add td{ background:var(--x-ok-soft); color:var(--x-ok); font-weight:600; }
.x-tbl td.chg{ background:var(--x-warn-soft); color:var(--x-warn); font-weight:700; }
.x-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.x-stat{ background:var(--x-surface); border:1px solid var(--x-line); border-radius:10px; padding:12px 14px; text-align:left; cursor:pointer; color:var(--x-fg); font-family:var(--x-f-body); display:grid; gap:2px; }
.x-stat b{ font:600 22px var(--x-f-mono); }
.x-stat.hot b{ color:var(--x-accent); }
.x-stat span{ font-size:12px; color:var(--x-fg-2); }
.x-sheet-back{ position:fixed; inset:0; background:rgba(10,12,16,.5); z-index:900; display:grid; place-items:center; padding:16px; }
.x-sheet{ background:var(--x-surface); color:var(--x-fg); border-radius:14px; width:min(560px,100%); max-height:calc(100dvh - 32px); overflow:auto; padding:18px; display:grid; gap:14px; font-family:var(--x-f-body); }
.x-sheet h3{ margin:0; font-size:17px; }
@media (max-width:640px){ .x-sheet-back{ place-items:end center; padding:0; } .x-sheet{ border-radius:16px 16px 0 0; width:100%; padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)); } }

/* score buttons (tasting) */
.x-score{ display:grid; grid-template-columns:96px repeat(5,minmax(34px,1fr)); gap:5px; align-items:center; }
.x-score b{ font-size:12.5px; font-weight:600; }
.x-score button{ border:1px solid var(--x-line); background:var(--x-surface); color:var(--x-fg); border-radius:7px; padding:8px 0; font:600 13px var(--x-f-body); cursor:pointer; min-height:38px; }
.x-score button.on{ background:var(--x-accent); border-color:var(--x-accent); color:var(--x-accent-ink); }
.x-round{ border-left:3px solid var(--x-line-2); padding-left:10px; display:grid; gap:3px; font-size:13px; }
.x-round.cur{ border-left-color:var(--x-accent); }
.x-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:3px; text-align:center; font-size:12.5px; }
.x-cal span,.x-cal button{ padding:7px 0; border-radius:6px; border:0; background:none; color:var(--x-fg); font:inherit; }
.x-cal .h{ color:var(--x-fg-2); font-size:10.5px; }
.x-cal .has{ background:var(--x-accent-soft); color:var(--x-accent); font-weight:700; cursor:pointer; }
.x-cal .sel{ background:var(--x-accent); color:var(--x-accent-ink); font-weight:700; }
.x-cal .mut{ opacity:.35; }
.x-pin-dots{ display:flex; gap:12px; justify-content:center; }
.x-pin-dots i{ width:15px; height:15px; border-radius:50%; border:2px solid var(--x-accent); }
.x-pin-dots i.f{ background:var(--x-accent); }
.x-pad{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.x-pad button{ border:1px solid var(--x-line); background:var(--x-surface); color:var(--x-fg); border-radius:12px; padding:16px 0; font:600 22px var(--x-f-body); cursor:pointer; }
.x-code{ font:600 30px var(--x-f-mono); letter-spacing:.22em; text-align:center; }

/* ======================= SIGN-IN (Orbit) ======================= */
#x-login{ position:fixed; inset:0; z-index:4000; background:#0E1A2B; color:#E7EBF1; display:grid; grid-template-columns:minmax(0,1fr) 400px; grid-template-rows:auto 1fr; column-gap:48px; padding:44px 64px; overflow:auto; font-family:var(--x-f-body); }
#x-login .lg-head{ grid-column:1/-1; display:flex; flex-direction:column; gap:6px; }
#x-login .lg-head h1{ margin:0; font-size:28px; font-weight:700; letter-spacing:.06em; color:#fff; line-height:1.15; text-wrap:balance; }
#x-login .lg-tag{ font-family:var(--x-f-mono); font-size:12px; letter-spacing:.2em; color:#7F8EA8; }
#x-login .orbit{ position:relative; width:min(560px,100%); aspect-ratio:1; align-self:center; justify-self:center; max-width:100%; }
#x-login .orbit .ring{ position:absolute; left:8.33%; top:8.33%; width:83.33%; height:83.33%; border-radius:50%; border:1px solid #23344F; }
#x-login .orbit .ring2{ position:absolute; left:20%; top:20%; width:60%; height:60%; border-radius:50%; border:1px solid rgba(240,97,127,.35); }
#x-login .orbit .core{ position:absolute; left:25.83%; top:25.83%; width:48.33%; height:48.33%; border-radius:50%; background:#12223A; border:1px solid #2A3B57; display:grid; place-items:center; box-shadow:0 0 0 6px rgba(179,18,62,.35); }
#x-login .orbit .core img{ width:48%; height:auto; }
#x-login .orb-l{ position:absolute; width:20%; height:10.67%; display:flex; align-items:center; justify-content:center; }
#x-login .orb-l img{ display:block; object-fit:contain; }
#x-login .login-card{ align-self:center; background:#16253B; border:1px solid #2A3B57; border-radius:14px; padding:30px 28px; width:100%; color:#E7EBF1; display:grid; gap:4px; }
#x-login .login-card h2{ margin:0 0 2px; font-size:20px; font-weight:600; color:#fff; }
#x-login .login-card p{ font-size:12.5px; color:#A9B6CA; margin:0 0 12px; line-height:1.5; }
#x-login label{ display:block; font-size:12px; font-weight:600; color:#A9B6CA; margin:6px 0 5px; }
#x-login input{ width:100%; height:46px; padding:0 12px; border:1px solid #34486A; border-radius:8px; font-size:15px; font-family:inherit; background:#0E1A2B; color:#fff; }
#x-login input::placeholder{ color:#6F7E97; }
#x-login input:focus{ outline:2px solid #F0617F; border-color:#F0617F; }
#x-login .lg-btn{ width:100%; height:48px; background:#B3123E; color:#fff; border:0; border-radius:8px; font-size:15px; font-weight:600; margin-top:10px; cursor:pointer; }
#x-login .lg-btn:hover{ background:#C8174A; }
#x-login .lg-btn[disabled]{ opacity:.6; }
#x-login .lg-link{ background:none; border:0; color:#F48AA0; font-size:13px; font-weight:500; padding:10px 0 0; cursor:pointer; text-align:left; font-family:inherit; }
#x-login .lg-link:hover{ color:#FFC2CF; }
#x-login .lg-msg{ font-size:12.5px; line-height:1.5; margin:4px 0 6px; color:#C9D4E4; }
#x-login .lg-msg.err{ color:#FF8A8F; font-weight:600; }
#x-login .lg-msg.err::before{ content:'⚠ '; }
#x-login .lg-msg:empty{ display:none; }
#x-login .lg-note{ font-size:11.5px; color:#8A97AD; margin:14px 0 0; line-height:1.5; }
#x-login .lg-steps{ font-family:var(--x-f-mono); font-size:11px; letter-spacing:.12em; color:#F48AA0; }
@media (max-width:980px){
  #x-login{ grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; padding:26px 16px 32px; row-gap:16px; justify-items:center; }
  #x-login .lg-head{ align-items:center; text-align:center; }
  #x-login .lg-head h1{ font-size:21px; }
  #x-login .orbit{ width:min(250px,66vw); }
  #x-login .login-card{ max-width:420px; padding:24px 18px; }
}

/* ======================= PHONE ======================= */
#x-bnav{ display:none; }
@media (max-width:820px){
  body.v85-signed-in:not(.v85-editing):not(.kiosk-on) #x-bnav{ display:grid; }
  #x-bnav{ position:fixed; left:0; right:0; bottom:0; z-index:70; grid-template-columns:repeat(4,1fr); background:var(--x-surface); border-top:1px solid var(--x-line); padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px)); }
  #x-bnav button{ display:grid; justify-items:center; gap:2px; background:none; border:0; color:var(--x-fg-2); font:500 10.5px var(--x-f-body); padding:5px 0; min-height:48px; cursor:pointer; }
  #x-bnav button i{ font-style:normal; font-size:19px; line-height:1; }
  #x-bnav button.on{ color:var(--x-accent); font-weight:700; }
  #x-bnav .bdg{ background:var(--x-accent); color:var(--x-accent-ink); border-radius:99px; font-size:9.5px; padding:0 5px; margin-left:2px; }
  .x-screen{ padding:14px 12px 96px; }
  .x-grid2{ grid-template-columns:1fr; }
  .x-hide-phone{ display:none!important; }
  #screen{ padding-bottom:96px; }
}
@media (prefers-reduced-motion:reduce){ *{ transition:none!important; animation:none!important; } }

/* One-time database move (admin only) */
#x-move{ position:fixed; inset:0; z-index:4100; background:#0E1A2B; color:#E7EBF1; display:grid; place-items:center; padding:24px 16px; overflow:auto; font-family:var(--x-f-body); }
#x-move .mv-card{ width:min(560px,100%); background:#16253B; border:1px solid #2A3B57; border-radius:14px; padding:28px; display:grid; gap:12px; }
#x-move .mv-tag{ font-family:var(--x-f-mono); font-size:11.5px; letter-spacing:.18em; color:#7F8EA8; }
#x-move h2{ margin:0; font-size:22px; color:#fff; line-height:1.25; }
#x-move p{ margin:0; font-size:14px; line-height:1.55; color:#C9D2DF; }
#x-move .mv-big{ font-size:16px; color:#fff; font-weight:600; }
#x-move .mv-note{ font-size:12.5px; color:#7F8EA8; }
#x-move .mv-err{ color:#FF8A8A; font-weight:600; }
#x-move .mv-bar{ height:8px; border-radius:6px; background:#0E1A2B; overflow:hidden; border:1px solid #2A3B57; }
#x-move .mv-bar i{ display:block; height:100%; background:#F0617F; transition:width .4s; }
#x-move .mv-foot{ display:flex; justify-content:flex-end; }
#x-move .x-btn.g{ background:transparent; color:#C9D2DF; border:1px solid #2A3B57; }