body{font-family:Arial,sans-serif;margin:20px}h1{background-color:#007bff;color:#fff;padding:10px;text-align:center;border-radius:5px}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#28a745;color:#fff;text-align:center}.result{margin-top:20px;white-space:pre-wrap;background-color:#f9f9f9;padding:10px;border:1px solid #ddd}.popup{display:none;position:absolute;background-color:#f9f9f9;border:1px solid #ddd;padding:10px;z-index:1000}.title{font-size:1.5em;font-weight:700;text-align:center}.subtitle{font-size:1.2em;font-weight:700;text-align:center}.bold{font-weight:700}.hidden{display:none}.large-button{background-color:#007bff;color:#fff;font-size:1.2em;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin:5px}.large-button:hover{background-color:#0056b3}.page{display:none}.page.active{display:block}