:root{--navy:#071a38;--blue:#0b4fa3;--light:#eef5ff;--gold:#f5c542;--text:#333}*{box-sizing:border-box}body{margin:0;font:18px Georgia,serif;color:var(--text);background:#f4f7fb}header{background:linear-gradient(135deg,#06142d,#0b4fa3);color:#fff;text-align:center;padding:24px 16px;border-bottom:4px solid var(--gold)}header h1{margin:0;font-size:clamp(30px,5vw,50px);text-shadow:1px 2px 3px #000}header p{margin:8px 0 0}.wrap{max-width:1280px;margin:22px auto;padding:0 16px}.card{background:#fff;border:1px solid #b9cbe1;border-radius:12px;box-shadow:0 5px 18px #17345d1f;padding:20px;margin-bottom:20px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px}label{font-weight:bold}input,select,button,.button{font:16px Georgia,serif;padding:10px 12px;border:1px solid #8aa5c6;border-radius:7px}button,.button{background:var(--blue);color:#fff;border:0;cursor:pointer;text-decoration:none;font-weight:bold}button:hover,.button:hover{background:#073b7c}table{width:100%;border-collapse:collapse;margin-top:14px}th,td{padding:11px 8px;border:1px solid #c9d5e4;text-align:center}th{background:var(--navy);color:#fff}td:first-child{text-align:left;font-weight:bold}tbody tr:nth-child(even){background:var(--light)}.result{font-weight:bold;font-size:20px;color:#073b7c}.muted{color:#667}.notice{background:#fff6d5;border-left:5px solid var(--gold);padding:12px}.scroll{overflow-x:auto}textarea{width:100%;min-height:140px;font:18px Georgia,serif;padding:12px}footer{text-align:center;background:var(--navy);color:#fff;padding:22px;margin-top:32px}@media(max-width:700px){body{font-size:16px}.card{padding:13px}th,td{padding:8px 5px}.result{font-size:17px}}