/* Atlas masterclass: the card, chapter list, player and buying screens (src/masterclass-ui.js,
   masterclass-buy.js). Shared by the desktop Videos page and the web app (hosting/app/masterclass.css
   is a copy). Each page sets the --mc-* colours; the values here are the desktop look. */
#masterclass,.mc-card{--mc-fg:#fff;--mc-fg2:rgba(255,255,255,.82);--mc-glass:rgba(255,255,255,.14);--mc-glass2:rgba(255,255,255,.24)}
.mc-modal{--mc-ink:#1d2b45;--mc-muted:#5b6f93;--mc-sheet:#fff;--mc-accent:#1560e8;--mc-accent2:#2d8cff;--mc-soft:#eaf2ff;--mc-warn-bg:#fff6e0;--mc-warn-ink:#7a5a00;--mc-ok:#1f7a52;--mc-bad:#c0392b;--mc-line:#e3eaf6}
.mc-left{display:grid;gap:8px;align-content:start}
.mc-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border:0;padding:0;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--mc-glass);color:inherit}
.mc-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mc-play{position:relative;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mc-play::after{content:'';margin-left:4px;border-left:16px solid #1560e8;border-top:10px solid transparent;border-bottom:10px solid transparent}
.mc-free{position:absolute;left:8px;bottom:8px;background:rgba(15,25,45,.78);color:#fff;font:600 11px/1.6 inherit;border-radius:9px;padding:0 8px}
.mc-right{display:grid;gap:6px;align-content:start;min-width:0}
.mc-right h2{margin:0}
.mc-price{justify-self:start;background:#fff;color:#0b3fb3;font-weight:700;border-radius:14px;padding:2px 12px}
.mc-sum{margin:0;color:var(--mc-fg2)}
.mc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}
.mc-main{border:0;border-radius:22px;padding:11px 22px;font:700 15px inherit;font-family:inherit;background:#ffd76a;color:#4a3200;cursor:pointer;box-shadow:0 3px 0 #e0b13a}
.mc-main:disabled{opacity:.7;cursor:progress}
.mc-note{margin:0;padding:8px 12px;border-radius:12px;background:rgba(255,246,224,.95);color:#7a5a00;font-weight:600}
.mc-chapters{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.mc-row{width:100%;display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;text-align:left;border:0;border-radius:14px;padding:8px 12px;background:var(--mc-glass);color:var(--mc-fg);cursor:pointer;font:inherit}
.mc-row:hover:not(:disabled),.mc-row:focus-visible{background:var(--mc-glass2);outline:0}
.mc-n{font-weight:700;text-align:center;opacity:.9}
.mc-t{display:grid;gap:4px;min-width:0}.mc-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-bar{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden}.mc-bar em{display:block;height:100%;background:#8ee6b5}
.mc-time{font-size:12px;color:var(--mc-fg2);white-space:nowrap}
.mc-go{font-size:12px;font-weight:700;background:#fff;color:#0b3fb3;border-radius:12px;padding:2px 12px;white-space:nowrap}
.mc-more{border:0;border-radius:18px;padding:8px 16px;font:700 13px inherit;font-family:inherit;cursor:pointer;background:rgba(255,255,255,.22);color:#fff}
.mc-more:hover:not(:disabled){background:rgba(255,255,255,.34)}
.mc-plan{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:2px 0;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.16);font-weight:600}
.mc-part{font-size:11.5px;color:var(--mc-fg2);font-weight:600}
.mc-locked .mc-go{background:#ffd76a;color:#4a3200}.mc-done .mc-n{color:#8ee6b5}
/* the player */
.mc-modal{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;background:rgba(10,20,40,.72);padding:12px}
.mc-sheet{position:relative;width:min(960px,100%);max-height:100%;overflow:auto;background:var(--mc-sheet);color:var(--mc-ink);border-radius:20px;padding:12px 12px 16px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.mc-close{position:absolute;right:10px;top:10px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:rgba(15,25,45,.72);color:#fff;cursor:pointer}
.mc-stage{position:relative;aspect-ratio:16/9;max-height:76vh;margin:0 auto;border-radius:14px;overflow:hidden;background:#0b1630;user-select:none;-webkit-user-select:none}
.mc-stage:fullscreen{max-height:none;border-radius:0}
.mc-video{position:absolute;inset:0;width:100%;height:100%;background:#0b1630;object-fit:contain}
.mc-wm{position:absolute;z-index:2;pointer-events:none;color:#fff;opacity:.3;font:600 15px/1.2 'Segoe UI',system-ui,sans-serif;letter-spacing:.3px;text-shadow:0 0 4px rgba(0,0,0,.7);white-space:nowrap;transition:left 1.2s ease,top 1.2s ease;user-select:none}
.mc-fs{position:absolute;left:10px;top:10px;z-index:3;width:34px;height:34px;border:0;border-radius:10px;background:rgba(15,25,45,.6);color:#fff;cursor:pointer;font-size:16px}
.mc-ptitle{margin:12px 6px 4px;font-size:17px}
.mc-pmsg{margin:8px 6px 0;padding:10px 14px;border-radius:12px;background:var(--mc-warn-bg);color:var(--mc-warn-ink);font-weight:600}
.mc-pbtns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 6px 0}
.mc-b{border:0;border-radius:20px;padding:9px 18px;font:700 14px inherit;font-family:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--mc-accent),var(--mc-accent2))}
.mc-b.ghost{background:var(--mc-soft);color:var(--mc-accent)}
/* buying screens (inside the step wizard) */
.mcb-phone{display:flex;align-items:center;gap:0;border:1px solid var(--mc-line,#d9e3f3);border-radius:12px;overflow:hidden;background:#fff}
.mcb-phone input{flex:1;min-width:0;border:0!important;outline:0;border-radius:0!important}
.mcb-prefix{padding:0 10px;font-weight:700;color:#5b6f93;background:#eef3fb;align-self:stretch;display:grid;place-items:center}
.mcb-proc,.mcb-done,.mcb-fail,.mcb-late{display:grid;gap:10px;justify-items:center;text-align:center;padding:6px 0}
.mcb-ring{width:64px;height:64px;border-radius:50%;border:4px solid #cfe0ff;border-top-color:#1560e8;animation:mcb-spin 1s linear infinite}
@keyframes mcb-spin{to{transform:rotate(360deg)}}
.mcb-approve{margin:0;font-weight:700}
.mcb-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px;justify-items:start}
.mcb-s{display:flex;align-items:center;gap:8px;opacity:.55}.mcb-s.mcb-done,.mcb-s.mcb-active{opacity:1}
.mcb-tick{width:20px;height:20px;border-radius:50%;border:2px solid #b8c8e6;display:grid;place-items:center;font-size:12px;color:#fff}
.mcb-s.mcb-done .mcb-tick{background:#1f7a52;border-color:#1f7a52}.mcb-s.mcb-active .mcb-tick{border-color:#1560e8}
.mcb-time{margin:0;font-variant-numeric:tabular-nums;color:#5b6f93}.mcb-hint{margin:0;font-size:13px;color:#7a5a00;background:#fff6e0;padding:6px 10px;border-radius:10px}
.mcb-small{margin:0;font-size:12.5px;color:#5b6f93}
.mcb-check,.mcb-x{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff}.mcb-check{background:#1f7a52}.mcb-x{background:#c0392b}
.mcb-cancel,.mcb-again{border:0;border-radius:18px;padding:7px 16px;background:#eaf2ff;color:#1560e8;font-weight:700;cursor:pointer}
.mcb-why{margin:0;font-weight:600}.mcb-safe{margin:0;color:#1f7a52;font-weight:600}
@media (prefers-reduced-motion:reduce){.mcb-ring{animation:none}.mc-wm{transition:none}}