:root{font-family:Arial,sans-serif;color:#2b3453;background:#f1f8fa}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:26px 6%;background:white;border-bottom:1px solid #dae8ed}header b{font-size:30px}header b span{color:#21bcd2}header>span{font-size:14px;color:#536579}main{max-width:1120px;margin:45px auto;padding:0 24px}section,form#create{background:white;border:1px solid #dce9ec;border-radius:18px;padding:30px;margin-bottom:26px}h1{font-size:32px;margin:10px 0 20px}h2{font-size:22px}p,footer{color:#526579;line-height:1.6}label{display:block;font-size:14px;margin-bottom:18px}input,select{display:block;width:100%;padding:13px;border:1px solid #b5cbd3;border-radius:7px;margin-top:8px;font:inherit}button{cursor:pointer;background:#283353;color:white;padding:13px 20px;border:0;border-radius:8px;font-size:15px;margin:5px 8px 5px 0}button:hover{background:#167d93}button:disabled{opacity:.5;cursor:default}.secondary{background:#e5f4f7;color:#253451}.danger{background:#a13349}.heading{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.appointment{border-top:1px solid #dce9ec;padding:20px 0}.appointment h3{margin:0 0 10px}.badge{color:#168195}#login{max-width:540px;margin:70px auto}#notice:not(:empty){padding:16px;background:#fff1d4;border-radius:8px;margin-bottom:18px}pre{white-space:pre-wrap;line-height:1.7;background:#edf8fa}pre:empty{display:none}.videos{display:grid;grid-template-columns:3fr 1fr;gap:12px}video{width:100%;background:#19243c;border-radius:14px;min-height:180px;max-height:480px}#local{transform:scaleX(-1)}footer{font-size:13px;padding:20px 0}[hidden]{display:none!important}@media(max-width:650px){header>span{display:none}.grid,.videos{grid-template-columns:1fr}section{padding:20px}h1{font-size:26px}#local{max-height:160px;min-height:100px}}