*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,sans-serif}body{padding:20px;background-color:#f9f9f9;color:#111}body h1,body h2,body h3{margin-bottom:10px;color:#333}body p{margin-bottom:20px;color:#555}body nav{margin-bottom:20px;text-align:center}body nav span{display:inline-block;margin:0 10px;padding:8px 16px;cursor:pointer;border-radius:5px;background-color:#e0e0e0;color:#000;transition:background-color .2s}body nav span:hover{background-color:#ccc}body #calc-body .tab{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.05)}body select,body input{margin-right:10px;margin-bottom:10px;padding:5px;border-radius:4px;border:1px solid #ccc;background:#fff;color:#000}body button{padding:6px 12px;border:none;background-color:#07f;color:#fff;font-weight:bold;border-radius:4px;cursor:pointer}body button:hover{background-color:#005ec2}body table{width:100%;border-collapse:collapse;margin-top:20px}body table thead{background-color:#eee}body table thead th{padding:10px;color:#111;border-bottom:2px solid #ccc}body table tbody td{padding:10px;border-bottom:1px solid #ddd}body footer{margin-top:40px;text-align:center;color:#999;font-size:.9rem}body[data-theme=dark]{background-color:#111;color:#f0f0f0}body[data-theme=dark] h1,body[data-theme=dark] h2,body[data-theme=dark] h3{color:#ffce00}body[data-theme=dark] p{color:#ccc}body[data-theme=dark] nav span{background-color:#222;color:#fff}body[data-theme=dark] nav span:hover{background-color:#444}body[data-theme=dark] #calc-body .tab{background-color:#1a1a1a;box-shadow:0 0 10px rgba(255,206,0,.1)}body[data-theme=dark] select,body[data-theme=dark] input{background:#333;color:#fff;border:1px solid #555}body[data-theme=dark] button{background-color:#ffce00;color:#000}body[data-theme=dark] button:hover{background-color:#e6ba00}body[data-theme=dark] table thead{background-color:#222}body[data-theme=dark] table thead th{color:#ffce00;border-bottom:2px solid #444}body[data-theme=dark] table tbody td{border-bottom:1px solid #333}body[data-theme=dark] footer{color:#666}