.calculator{background:linear-gradient(135deg,#262626,#1a1a1a);border-radius:32px;padding:32px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(181,131,90,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calculator-header{text-align:center;margin-bottom:32px;position:relative}.header-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(181,131,90,.2) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.calculator-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px;position:relative}.calculator-subtitle{font-size:14px;color:#a3a3a3;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.calculator-body{position:relative;z-index:1}.display-container{position:relative;margin-bottom:24px}.display-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse,rgba(181,131,90,.15) 0%,transparent 70%);filter:blur(30px);pointer-events:none}.display{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:16px;padding:32px 24px;text-align:right;font-size:56px;font-weight:300;color:#fff;min-height:120px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 2px 8px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;word-break:break-all;position:relative;letter-spacing:-1px;transition:all .3s ease}.buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-button{aspect-ratio:1;border:none;border-radius:16px;font-size:28px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d}.calc-button.wide{grid-column:span 2;aspect-ratio:2/1}.button-content{position:relative;z-index:2;display:block}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;transition:transform .4s ease;pointer-events:none}.calc-button:active .button-glow{transform:translate(-50%,-50%) scale(2)}.calc-button.digit{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);color:#fff}.calc-button.digit:hover{background:linear-gradient(135deg,#333,#262626);transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 0 1px #ffffff1a}.calc-button.digit:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d,0 0 0 1px #ffffff0d}.calc-button.function{background:linear-gradient(135deg,#3a3a3a,#2f2f2f);color:#fff}.calc-button.function:hover{background:linear-gradient(135deg,#444,#363636);transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 0 1px #ffffff1a}.calc-button.function:active{transform:translateY(0)}.calc-button.operator{background:linear-gradient(135deg,#b5835a,#a07550);color:#fff;font-weight:600}.calc-button.operator:hover{background:linear-gradient(135deg,#c69368,#b5835a);transform:translateY(-2px);box-shadow:0 6px 20px #b5835a66,0 0 0 1px #ffffff1a}.calc-button.operator:active,.calc-button.operator.active{background:linear-gradient(135deg,#d4a378,#c69368);transform:translateY(0);box-shadow:0 2px 8px #b5835a4d,0 0 0 1px #ffffff1a,inset 0 2px 4px #0003}@media(max-width:480px){.calculator{padding:24px;border-radius:24px}.calculator-title{font-size:24px}.display{font-size:48px;padding:24px 20px;min-height:100px}.calc-button{font-size:24px}.buttons-grid{gap:8px}}@media(prefers-reduced-motion:reduce){.calculator,.calc-button,.display,.button-glow{animation:none;transition:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}#root{width:100%;max-width:480px}