/* ---------- screen heads ---------- */
.mk .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.mk .sh-eye{font-family:var(--m-caps);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--m-brand);display:flex;align-items:center;gap:8px}
.mk .sh h1{font-family:var(--m-disp);font-weight:600;font-size:38px;line-height:1.05;margin-top:6px}
.mk .sh p{color:var(--m-muted);font-size:13.5px;margin-top:6px;max-width:64ch}
.mk.phone .sh{flex-direction:column;align-items:stretch;gap:12px}
.mk.phone .sh h1{font-size:30px}

/* summary strip (Lists, Spam, Saved) */
.mk .strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border:1px solid var(--m-gl);background:linear-gradient(180deg,#0f152a,#0a0f1e);position:relative;overflow:hidden}
.mk .strip > div{padding:14px 20px 16px;display:grid;gap:2px;border-left:1px solid var(--m-gl);min-width:0}
.mk .strip > div:first-child{border-left:0}
.mk .strip .lbl{font-family:var(--m-caps);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--m-muted)}
.mk .strip b{font-family:var(--m-disp);font-size:30px;font-weight:600;line-height:1.1}
.mk .strip .sub{font-size:11.5px;color:var(--m-muted)}
.mk .strip b.g{color:var(--m-good)} .mk .strip b.a{color:var(--m-amber)} .mk .strip b.m{color:var(--m-muted)}
.mk.phone .strip{grid-auto-flow:row;grid-template-columns:1fr 1fr}
.mk.phone .strip > div{padding:12px 14px;border-left:0;border-top:1px solid var(--m-gl)}
.mk.phone .strip > div:nth-child(-n+2){border-top:0}
.mk.phone .strip > div:nth-child(even){border-left:1px solid var(--m-gl)}
.mk.phone .strip b{font-size:24px}

/* gold foil text */
.mk .foil{background:linear-gradient(100deg,#a17e3f 0%,#e8cd8b 30%,#fff3d0 45%,#d9b56d 60%,#a8843f 82%,#e2c27d 100%);background-size:220% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.mk .enter .foil{animation:foil 1.8s ease-out both}
@keyframes foil{from{background-position:100% 0}to{background-position:0 0}}

/* ---------- Lists ---------- */
.mk .lists{display:grid;gap:14px}
.mk .lc{position:relative;border:1px solid var(--m-line);background:linear-gradient(180deg,var(--m-panel),#0b1020);padding:18px 22px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;gap:22px;align-items:center;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}
.mk .lc:hover{border-color:var(--m-gl);transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mk .lc.proc{border-color:rgba(147,170,240,.35)}
.mk .lc-n{font-family:var(--m-disp);font-size:22px;font-weight:600;line-height:1.15}
.mk .lc-f{color:var(--m-muted);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk .lc-f > .ic + span{flex:1 1 0;min-width:0}
.mk .lc-c{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mk .cnt{display:grid;gap:1px}
.mk .cnt span{font-family:var(--m-caps);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--m-muted)}
.mk .cnt b{font-family:var(--m-disp);font-size:24px;font-weight:600;line-height:1.1;display:inline-block}
.mk .cnt.g b{color:var(--m-good)} .mk .cnt.a b{color:var(--m-amber)} .mk .cnt.m b{color:var(--m-muted)}
.mk .cnt b.flash{animation:flash .6s ease-out}
@keyframes flash{0%{text-shadow:0 0 14px rgba(226,194,125,.9);transform:translateY(-2px)}100%{text-shadow:none;transform:none}}
.mk .mix{grid-column:1/-1;height:4px;display:flex;background:rgba(242,235,219,.06);overflow:hidden}
.mk .mix i{display:block;height:100%;transition:width .6s var(--ease)}
.mk .mix .g{background:var(--m-good)} .mk .mix .a{background:var(--m-amber)} .mk .mix .m{background:#3a4160}
.mk .prog{grid-column:1/-1;display:grid;gap:6px}
.mk .prog-t{display:flex;justify-content:space-between;font-size:11.5px;color:var(--m-blue)}
.mk .prog-b{height:3px;background:rgba(147,170,240,.15);position:relative;overflow:hidden}
.mk .prog-b i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#5d74c4,#93aaf0);transition:width .6s var(--ease)}
.mk .prog-b i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-100%);animation:sheen 1.4s ease-in-out infinite}
@keyframes sheen{to{transform:translateX(100%)}}
.mk .lc-go{align-self:center}
.mk.phone .lc{grid-template-columns:1fr;gap:12px;padding:16px}
.mk.phone .lc-c{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mk.phone .cnt b{font-size:20px}
.mk.phone .lc-go{display:none}