/* interactive clock and unit converter */
.mc-box{border:2px solid var(--ink);border-radius:14px;padding:18px 20px;background:#fff;box-shadow:6px 6px 0 var(--pencil);margin:16px 0 26px}
.mc-box h2{margin:0 0 8px;font-size:1.3rem}
.mc-wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.mc-face{width:min(340px,100%);height:auto;touch-action:none;user-select:none;-webkit-user-select:none;flex:0 0 auto}
.mc-face .mc-m,.mc-face .mc-mk,.mc-face .mc-h,.mc-face .mc-hk{cursor:grab}
.mc-side{flex:1 1 240px;min-width:0}
.mc-dig{font-size:2.6rem;font-weight:800;margin:0;font-variant-numeric:tabular-nums;color:var(--ink)}
.mc-words{font-size:1.25rem;font-weight:600;margin:4px 0}
.mc-24{color:var(--muted);margin:0 0 8px}
.mc-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.mc-btns .btn{min-height:48px}
.mc-opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.mc-opts .chip{font:inherit;font-weight:600;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;min-height:48px;cursor:pointer}
.mc-opts .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mc-qbox{background:#f4f7ff;border-radius:10px;padding:10px 12px;margin-top:8px}
.mc-qin{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.mc-qin label{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px}
.mc-qin input{font:inherit;font-size:1.3rem;font-weight:700;width:76px;min-height:48px;padding:6px 10px;border:1.5px solid var(--line);border-radius:8px;box-sizing:border-box}
.mc-qin .btn{min-height:48px}
.mc-fb.good{color:#15803d;font-weight:700}.mc-fb.bad{color:#b42318;font-weight:600}
.mc-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0}
.mc-row label{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px}
.mc-row input,.mc-row select{font:inherit;font-size:1.1rem;min-height:48px;padding:6px 10px;border:1.5px solid var(--line);border-radius:8px;box-sizing:border-box;background:#fff}
.mc-row input{width:130px;font-weight:700}
.mc-row select{max-width:100%}
.mc-swap{min-height:48px;min-width:48px;font-size:1.2rem}
.mc-big{font-size:1.6rem;font-weight:800;margin:10px 0}
.mc-steps p{margin:6px 0}.mc-note{color:var(--muted);font-size:.95rem}
.mc-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.mc-kinds .chip{font:inherit;font-weight:600;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 16px;min-height:48px;cursor:pointer}
.mc-kinds .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mc-thead{font-weight:700;margin:12px 0 4px}
@media print{body.mc-printing *{visibility:hidden}body.mc-printing .mc-face,body.mc-printing .mc-face *{visibility:visible}body.mc-printing .mc-face{position:fixed;left:10%;top:10%;width:80%}}