@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);color:#e8e6e3;font-family:Courier Prime,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 15px 6vh;font-size:15px;line-height:1.6}footer{font-size:12px;position:fixed;left:0;bottom:0;width:100%;background:linear-gradient(135deg,#8b7355,#6d5a47);color:#f5f3f0;text-align:center;padding:12px 15px;display:flex;justify-content:center;align-items:center;height:50px;box-shadow:0 -3px 15px #0006;z-index:1000}footer button{padding:8px 16px;background:linear-gradient(135deg,#8b7355,#a68b5b);border:2px solid #6d5a47;border-radius:20px;color:#f5f3f0;cursor:pointer;font-weight:700;font-family:Courier Prime,monospace;font-size:12px;transition:all .3s ease;text-decoration:none;display:inline-block}footer button:hover{background:linear-gradient(135deg,#a68b5b,#8b7355);transform:translateY(-2px);box-shadow:0 4px 12px #00000080}footer a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#8b7355,#6d5a47);color:#f5f3f0;text-align:center;padding:20px 15px;box-shadow:0 3px 20px #00000080;z-index:1000}header h1{font-size:1.6em;text-shadow:2px 2px 4px rgba(0,0,0,.6);font-weight:700;letter-spacing:.8px;margin-bottom:4px}header span{font-size:.8em;opacity:.85;font-style:italic;font-weight:400}#main{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-radius:24px;padding:25px 20px;box-shadow:0 20px 50px #000000b3;width:100%;max-width:480px;margin-top:120px;margin-bottom:20px;border:1px solid #4a4a4a}#targyak{display:flex;justify-content:center;margin-bottom:30px}table{width:100%;border-collapse:collapse;font-size:.95em;background:#333;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0006}th,td{text-align:center;padding:16px 12px;border:none;border-bottom:1px solid #4a4a4a}th{background:linear-gradient(135deg,#8b7355,#6d5a47);color:#f5f3f0;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85em;padding:18px 12px}tbody tr{background:#2a2a2a;transition:all .3s ease}tbody tr:hover{background:#333}tbody tr:last-child td{border-bottom:none}input[type=number]{width:85px;padding:12px 8px;text-align:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #6d5a47;color:#e8e6e3;border-radius:12px;font-family:Courier Prime,monospace;font-size:1em;font-weight:600;transition:all .3s ease}input[type=number]:focus{border-color:#8b7355;background:linear-gradient(145deg,#333,#2a2a2a);transform:scale(1.02);outline:none;box-shadow:0 0 15px #8b735566}#buttons{display:flex;flex-direction:column;gap:12px;margin-top:25px}button{padding:16px 20px;background:linear-gradient(135deg,#8b7355,#6d5a47);border:2px solid #5a4a37;border-radius:20px;color:#f5f3f0;cursor:pointer;font-weight:700;font-family:Courier Prime,monospace;width:100%;transition:all .3s ease;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}button:hover,button:focus{background:linear-gradient(135deg,#a68b5b,#8b7355);transform:translateY(-2px);box-shadow:0 6px 20px #00000080;border-color:#8b7355}button:active{transform:translateY(0)}#reset,#delete{background:linear-gradient(135deg,#5a5a5a,#4a4a4a);border-color:#3a3a3a}#reset:hover,#delete:hover,#reset:focus,#delete:focus{background:linear-gradient(135deg,#6a6a6a,#5a5a5a);border-color:#5a5a5a}#result{text-align:center;margin-top:25px;padding:20px;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-radius:18px;color:#8b7355;font-size:1.1em;font-weight:700;border:2px solid #4a4a4a;min-height:65px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}@media (min-width: 576px){body{font-size:16px;padding:0 20px 6vh}#main{max-width:520px;padding:35px 30px;margin-top:130px}header h1{font-size:1.8em}table{font-size:1em}input[type=number]{width:90px;padding:14px 10px}}@media (min-width: 768px){body{font-size:17px}#main{max-width:600px;padding:40px 35px;margin-top:140px}header{padding:25px 20px}header h1{font-size:2em;margin-bottom:6px}header span{font-size:.85em}#buttons{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:15px}button{width:auto;min-width:180px;padding:18px 25px;font-size:1em}input[type=number]{width:95px;padding:16px 12px}th,td{padding:18px 16px}#result{font-size:1.2em;padding:25px;min-height:70px}}@media (min-width: 992px){#main{max-width:650px;padding:45px 40px}header h1{font-size:2.2em}}@media (max-width: 375px){body{font-size:14px;padding:0 10px 6vh}#main{padding:20px 15px;margin-top:110px}header{padding:15px 10px}header h1{font-size:1.4em}input[type=number]{width:75px;padding:10px 6px;font-size:.9em}th,td{padding:12px 8px}button{padding:14px 16px;font-size:.9em}#result{font-size:1em;padding:16px;min-height:55px}}