:root{--a:#d63b20;--m:#686868;--l:#e5e5e5}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;color:#303030;font-family:Arial,sans-serif}.app{height:100%;display:grid;grid-template-rows:44px 1fr 58px}.bar,footer{display:flex;align-items:center;gap:12px;padding:0 4vw}.bar{border-bottom:1px solid var(--l)}.chapter{color:var(--a);font-weight:900}.progress{flex:1;height:3px;background:#eee}.progress span{display:block;height:100%;background:var(--a)}