body{font-family:Kosugi Maru;font-weight:400;font-style:normal;font-size:20px}.header{max-width:300px;margin:0 auto}.kyotaku-container{display:flex;align-items:center;gap:5px}b{font-size:24px;font-weight:700;font-style:bold}.button-container{display:flex;justify-content:center;margin-bottom:20px;grid-template-columns:repeat(2,1fr);gap:20px}.calculator{max-width:300px;margin:0 auto;background-color:#f0f0f0;border-radius:10px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.display{background-color:#fff;padding:10px;font-size:24px;text-align:right;align-items:center;margin-bottom:10px;border-radius:5px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calculator button{padding:15px;font-size:20px;border:none;background-color:#fff;color:#333;border-radius:5px;cursor:pointer;transition:background-color .3s}.calculator button:hover{background-color:#e0e0e0}.calculator .clear-btn{background-color:#ff4136;color:#fff}.calculator .clear-btn:hover{background-color:#ff1a1a}@media (max-width:320px){.calculator{padding:10px}.keypad{gap:5px}.calculator button{padding:10px;font-size:16px}}