/* Mazar study platform shell (mazar.ccfczambia.org). The app's own styles live in mazar.css. */
:root{--font-display:'Bricolage Grotesque',system-ui,sans-serif;--font-body:'Instrument Sans',system-ui,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#050505;color:#F1EBDD;font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}
body:not(.is-app){overflow:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;clip:auto;background:#E8C170;color:#16110A;padding:.6rem 1rem;border-radius:999px;z-index:999}
.studio{position:fixed;inset:0;background:radial-gradient(120% 80% at 50% -20%,#1C1A12,transparent 60%),#050505}
.studio__boot{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;gap:7px}
.studio__boot i{width:8px;height:8px;border-radius:50%;background:#E8C170;animation:boot 1.2s infinite ease-in-out}
.studio__boot i:nth-child(2){animation-delay:.15s}.studio__boot i:nth-child(3){animation-delay:.3s}
.studio:has(.mz) .studio__boot{display:none}
@keyframes boot{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.nojs{max-width:52ch;margin:14vh auto;padding:0 1.2rem;text-align:center;display:grid;gap:1rem;justify-items:center}
.nojs h1{font-family:var(--font-display);font-size:2.4rem;margin:0;background:linear-gradient(180deg,#FFF3D6,#E8C170);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nojs p{margin:0;color:#B9B1A0}
.nojs a{color:#F6E3B0}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,#F6E3B0,#E8C170);color:#16110A!important;font-weight:700;text-decoration:none}