/* Additions for the live site (login, Kira's pages, real video player) */
[hidden]{display:none!important}
html,body{margin:0}
.loading{color:var(--muted);text-align:center;padding-block:80px}
.muted{color:var(--muted)}
.linkbtn{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:13px;padding:4px}
.linkbtn:hover{color:var(--ink)}
.linkbtn.danger{color:#F2B8A8}

.login{max-width:440px;margin:12vh auto 0;border-radius:var(--r-lg);padding:32px 28px;text-align:center}
.logo.big{font-family:var(--display);font-weight:700;font-size:40px;color:var(--ink);margin-bottom:10px}
.login h1{font-family:var(--display);font-weight:500;font-size:26px;margin:0 0 6px}
.login .muted{margin:0 0 22px;font-size:15px}
.lform{display:flex;flex-direction:column;gap:10px;text-align:right;margin-top:14px}
.lform label{font-size:14px;color:var(--muted)}
.lform input,.addform input{width:100%;font:inherit;font-size:16px;padding:12px 16px;border-radius:14px;border:1px solid var(--edge);background:rgba(20,8,4,.18);color:var(--ink)}
.lform input::placeholder,.addform input::placeholder{color:var(--muted)}
.lform .btn{margin-top:6px}
.lmsg{min-height:1.4em;margin:16px 0 0;font-size:14px;color:var(--ink);line-height:1.6}

.video.player{background:#000;display:block}
.video.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.addform{border-radius:var(--r-lg);padding:20px 22px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end;margin-bottom:18px}
.addform label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.addform .lmsg{grid-column:1/-1;margin:0}
@media (max-width:620px){.addform{grid-template-columns:1fr}}
.count{color:var(--muted);font-size:13px}
.srow{border-radius:var(--r-md);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.srow b{display:block}
.srow small{color:var(--muted);font-size:13px}
.confirm{font-size:13px;color:var(--muted)}
.sav{display:grid;place-items:center;font-weight:700;color:var(--on-glow);background:linear-gradient(135deg,var(--glow),var(--rose))}
.sh small{display:block}
#whoName{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.disclaimer{margin-top:14px;border:1px solid var(--edge);border-radius:var(--r-md);padding:12px 16px;font-size:13.5px;line-height:1.7;color:var(--muted);background:rgba(20,8,4,.15)}
.disclaimer b{color:var(--ink);font-weight:500}
.disclaimer .em{display:block;margin-top:4px;color:var(--ink)}

.consent{max-width:560px;text-align:right}
.consent h1,.consent .logo{text-align:center}
.ctext{font-size:15px;line-height:1.75;margin:16px 0 18px}
.ctext p{margin:0 0 10px}
.ctext b{font-weight:500;color:var(--ink)}
.ctext .em{color:var(--ink);font-size:14px}
.check{display:flex;gap:10px;align-items:center;font-size:16px;margin:0 0 16px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:#E8C08A}
.consent .btn{width:100%}
.consent .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.cstate{display:block;color:var(--muted);font-size:12.5px}

.medwrap{margin:0 0 14px}
.medtitle{margin:0 0 8px;font-size:14px;color:var(--glow)}
.medwrap .video{margin-top:0}

.medcall{border-radius:var(--r-md);padding:16px 20px;margin:14px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid rgba(246,211,91,.45)}
.medcall b{display:block;font-size:17px;margin-bottom:4px}
.medcall span{color:var(--muted);font-size:14.5px;line-height:1.6}
.medcall .btn{flex-shrink:0}