/* ===== v34 ===== */
/* verified mark */
.vfy{display:inline-flex;width:1.05em;height:1.05em;vertical-align:-.16em;margin-left:2px;flex:none}
.vfy svg{width:100%;height:100%}

/* deleting messages */
.bub.canDel{cursor:pointer}
.bub.del{background:#eef0f4!important;color:#7b8394!important;font-style:italic;border:1px dashed #c9ced8}
.bub.del svg{width:14px;height:14px;vertical-align:-2px}
.mdel{align-self:flex-end;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:6px 8px;margin:-2px 0 6px;font-size:.82rem;box-shadow:0 4px 14px rgba(30,40,70,.08)}
.mdel .btn{padding:4px 10px}

/* the manager's activity page */
.achd{display:flex;gap:14px;align-items:center}
.achd h2{margin:0 0 4px}
.acf{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.acf .chip{font-size:.8rem;padding:5px 12px;flex:none}
.acday{margin:14px 0 6px;font-size:.82rem;color:#6b7690;text-transform:uppercase;letter-spacing:.04em}
.acday:first-child{margin-top:0}
.acrow{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid #eef0f5}
.acrow[data-post]{cursor:pointer}
.acrow time{font-size:.78rem;color:#8a93a8;white-space:nowrap}
.aci{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#3b6fd8;flex:none}
.aci svg{width:16px;height:16px}
.aci.k-quiz_pass{background:#e6f7ee;color:#1f9d5b}.aci.k-quiz_try{background:#fff4e0;color:#c27a10}
.aci.k-reaction{background:#ffe9ee;color:#d9415f}.aci.k-message{background:#efeafd;color:#6b4fd8}
.aci.k-device_new,.aci.k-device_seen{background:#eef0f4;color:#58627a}.aci.k-certificate{background:#fff2d6;color:#b07a10}

/* analytics */
.ankpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
@media(min-width:700px){.ankpi{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ankpi .card{margin:0;text-align:center;padding:14px 8px}
.ankpi b{display:block;font-size:1.7rem;line-height:1.1;color:#2563d8}
.ankpi span{font-size:.8rem;color:#6b7690}
.angrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:700px){.angrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.anb{margin:0}.anb h3{margin:0 0 8px;font-size:.95rem}
.anr{display:grid;grid-template-columns:minmax(0,40%) 1fr auto;gap:8px;align-items:center;font-size:.84rem;padding:3px 0}
.anr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anr i{height:8px;border-radius:9px;background:linear-gradient(90deg,#3b82f6,#60a5fa);width:var(--w);min-width:4px}
.anu{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #eef0f5;cursor:pointer}
.anu .muted.small{overflow-wrap:anywhere}
.anu svg{width:13px;height:13px;vertical-align:-2px}
.anw{text-align:right;white-space:nowrap}
.pill.bad{background:#fde3e6;color:#c52d4b}

/* tags */
.tghead .tgbig{font-size:1.6rem;font-weight:800;color:#2563d8}
.tgown{font-weight:700;cursor:pointer;color:#2563d8}
.tgmgr{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef0f5}
.tgq{border:2px solid #ffd27a;background:#fffaf0}
.tgqi,.tgpi{margin-bottom:6px}
.tgqi>.row,.tgpi>.row{margin:-6px 0 12px}
.tg em.pend{background:#ffb020;color:#3a2600}

/* the quote of the day */
.qtc{position:relative;border-radius:22px;overflow:hidden;border:3px solid #2a2230;background:#f2c27f;aspect-ratio:1/1;max-width:520px;margin:6px auto 4px;display:flex;align-items:flex-end}
.qtart{position:absolute;inset:0}.qtart svg{width:100%;height:100%;display:block}
.qtb{position:relative;margin:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.93);border:2px solid #2a2230;width:100%}
.qtk{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:800;color:#8a4b2b;text-transform:uppercase;letter-spacing:.05em}
.qtk svg{width:14px;height:14px}
.qtx{font-family:Georgia,'Times New Roman',serif;font-size:1.16rem;line-height:1.45;margin:6px 0 4px;color:#2a2230}
.qtx::before{content:'“'}.qtx::after{content:'”'}
.qts{margin:0;font-size:.86rem;color:#5b6170;font-weight:600}

/* books in the app's style */
.bkw{position:relative;display:flex;flex-direction:column}
.bkadm{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.bkadm .btn{padding:3px 8px;font-size:.74rem}
.bkapp .bkv{display:block;padding:0}
.bktext{max-width:680px;margin:0 auto;padding:22px 20px 40px;font-family:Georgia,'Times New Roman',serif;line-height:1.7;color:#2a2230}
.bktext h1{font-family:inherit;font-size:1.7em;line-height:1.25;margin:0 0 .3em;text-align:center}
.bktext .bkby{text-align:center;color:#6b7690;font-style:italic;margin:0 0 1.4em}
.bktext h2{font-size:1.22em;line-height:1.3;margin:1.2em 0 .5em;color:#1f3a5f}
.bktext p{margin:0 0 .9em;text-align:left;hyphens:auto;overflow-wrap:break-word}
.bktext figure{margin:1em auto;text-align:center}
.bktext figure img{max-width:100%;max-height:70vh;height:auto;width:auto;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.bktext figure.full img{max-height:none;width:100%;border-radius:4px}
#bkr .ic.sm{font-weight:800;font-size:.82rem}

/* the welcome page */
.auth.landing{display:block;place-items:initial;max-width:980px;margin:0 auto;padding:0 16px 40px;min-height:100vh}
.lhead{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:12px 0;background:linear-gradient(#f6f8fc 70%,rgba(246,248,252,0))}
.lbtn{display:inline-flex;align-items:center;gap:6px;border:2px solid #2563d8;color:#2563d8;background:#fff;border-radius:99px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}
.lbtn svg{width:16px;height:16px}
.lbtn.solid{background:#2563d8;color:#fff}
.lhero{max-width:none!important;display:grid;gap:12px;justify-items:center;text-align:center;padding:10px 0 6px;background:none;box-shadow:none;border:0}
.lhero .aulang{justify-self:center}
.llogo{transform:scale(1.15);margin:6px 0}
.ltag{font-size:1.1rem;max-width:560px;margin:0;color:#33405a}
.lart{display:block;width:100%;max-width:620px;aspect-ratio:4/3;max-height:340px;border-radius:24px;overflow:hidden;border:3px solid #2a2230}
.lart svg{width:100%;height:100%;display:block}
.lcard{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:16px 18px;margin:12px 0;box-shadow:0 6px 22px rgba(30,50,90,.08)}
.lcard h2{margin:0 0 4px;font-size:1.15rem}.lcard p{margin:0;color:#3d4a63;line-height:1.5}
.lic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f0ff;color:#2563d8;flex:none}
.lic svg{width:22px;height:22px}
.lget h2{text-align:center;margin:24px 0 12px}
.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lfeat{background:#fff;border-radius:18px;padding:10px 10px 12px;box-shadow:0 6px 18px rgba(30,50,90,.07);display:flex;flex-direction:column;gap:4px}
.lfa{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:2.5px solid #2a2230}
.lfa svg{width:100%;height:100%;display:block}
.lfeat b{font-size:.95rem;margin-top:4px}.lfeat p{margin:0;font-size:.82rem;color:#4b5670;line-height:1.4}
.lnote{text-align:center;margin:14px auto 0;max-width:560px}
.lend{display:grid;justify-items:center;gap:8px;margin:24px 0 10px}
.lback{display:inline-flex;align-items:center;gap:4px;margin-bottom:6px}
.lback svg{width:15px;height:15px}