*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{width:100%;max-width:400px}.calculator{background:#2d2d2d;border-radius:20px;padding:20px;box-shadow:0 10px 50px #00000080}.display{background:#1a1a1a;border-radius:10px;padding:20px;margin-bottom:20px;min-height:100px;display:flex;align-items:center;justify-content:flex-end}.display-text{color:#fff;font-size:48px;font-weight:700;text-align:right;word-wrap:break-word;word-break:break-all;max-width:100%}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn{background:#505050;color:#fff;border:none;border-radius:10px;font-size:24px;font-weight:700;padding:20px;cursor:pointer;transition:all .2s ease;min-height:70px}.btn:hover{filter:brightness(1.2)}.btn:active{transform:scale(.95)}.btn-function{background:#a5a5a5;color:#1a1a1a}.btn-operator{background:#ff9500}.btn-operator.active{background:#fff;color:#ff9500}.btn-zero{grid-column:span 2}.btn-equals{background:#ff9500}@media (max-width: 480px){.display-text{font-size:36px}.btn{font-size:20px;padding:15px;min-height:60px}}@media (max-width: 360px){.display-text{font-size:28px}.btn{font-size:18px;padding:12px;min-height:50px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#505050;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#666}*{scrollbar-width:thin;scrollbar-color:#505050 #1a1a1a}