.display-container{background:var(--display-bg);border-radius:25px;padding:30px;margin-bottom:30px;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-inset),0 0 30px #667eea33;border:2px solid rgba(255,255,255,.1);animation:slideIn .6s ease-out;position:relative;overflow:hidden}.display-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.display-history{font-size:18px;color:var(--text-secondary);min-height:28px;text-align:right;margin-bottom:12px;opacity:.8;word-wrap:break-word;overflow-wrap:break-word;font-weight:400;letter-spacing:.5px}.display{font-size:56px;font-weight:700;text-align:right;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(102,126,234,.3),0 0 40px rgba(102,126,234,.1);transition:all .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f093fb,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease infinite}@keyframes textShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.display-container.glow{animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:inset 0 4px 15px #0009,0 0 30px #667eea66,0 0 60px #667eea33}50%{box-shadow:inset 0 4px 15px #0009,0 0 50px #667eea99,0 0 100px #667eea66,0 0 150px #f093fb33}}@media (max-width: 480px){.display-container{min-height:120px;padding:20px}.display{font-size:40px}.display-history{font-size:16px}}@media (max-width: 360px){.display{font-size:32px}}.btn{border:none;border-radius:20px;font-size:26px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);padding:24px;color:var(--text-primary);box-shadow:0 8px 25px #0006,0 3px 10px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden;font-family:Inter,sans-serif;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn:hover:before{width:400px;height:400px}.btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #00000080,0 5px 15px #0000004d,inset 0 1px #fff3;filter:brightness(1.15) saturate(1.1)}.btn:active,.btn.pressed{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #0006,inset 0 2px 5px #0000004d}.btn-number{background:var(--btn-number);box-shadow:0 8px 25px #0006,0 3px 10px #0003,inset 0 1px #ffffff1a,inset 0 -2px 5px #0000004d}.btn-number:hover{background:linear-gradient(145deg,#253a5e,#1f2f4e,#1a3a6b);box-shadow:0 12px 35px #00000080,0 5px 15px #0000004d,0 0 20px #667eea4d}.btn-operator{background:var(--btn-operator);box-shadow:0 8px 25px #e945604d,0 3px 10px #0003,inset 0 1px #ffffff26}.btn-operator:hover{background:linear-gradient(145deg,#ff7ba8,#ff6b9d,#e94560);box-shadow:0 12px 35px #e9456066,0 5px 15px #0000004d,0 0 25px #e9456066}.btn-function{background:var(--btn-function);font-size:22px;font-weight:500;box-shadow:0 8px 25px #0f34604d,0 3px 10px #0003,inset 0 1px #ffffff1a}.btn-function:hover{background:linear-gradient(145deg,#3a4d7a,#2d3561,#1a3a6b);box-shadow:0 12px 35px #0f346066,0 5px 15px #0000004d,0 0 20px #667eea4d}.btn-advanced{background:var(--btn-advanced);font-size:20px;font-weight:500;box-shadow:0 8px 25px #5334834d,0 3px 10px #0003,inset 0 1px #ffffff1a}.btn-advanced:hover{background:linear-gradient(145deg,#7a5ca8,#6a4c93,#533483);box-shadow:0 12px 35px #53348366,0 5px 15px #0000004d,0 0 25px #f093fb4d}.btn-equals{background:var(--btn-equals);font-size:28px;font-weight:700;box-shadow:0 8px 25px #f093fb66,0 3px 10px #0003,inset 0 1px #fff3}.btn-equals:hover{background:linear-gradient(135deg,#ffb3d9,#ff9a9e,#fecfef);box-shadow:0 12px 35px #f093fb80,0 5px 15px #0000004d,0 0 30px #f093fb80}.btn.pressed{animation:pulse .2s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@media (max-width: 480px){.btn{font-size:22px;padding:18px}.btn-function,.btn-advanced{font-size:18px}.btn-equals{font-size:24px}}@media (max-width: 360px){.btn{font-size:20px;padding:15px}}.calculator-wrapper{display:flex;justify-content:center;align-items:center;animation:slideIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.calculator{background:var(--calculator-bg);border-radius:35px;padding:35px;box-shadow:var(--shadow),var(--glow-blue);width:100%;max-width:440px;border:2px solid rgba(255,255,255,.15);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(240,147,251,.15) 0%,transparent 50%);animation:rotate 25s linear infinite;pointer-events:none}.calculator:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:35px;padding:2px;background:linear-gradient(135deg,#667eea4d,#f093fb4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.advanced-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.calculator.error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 480px){.calculator{padding:20px;border-radius:25px}.buttons-grid,.advanced-buttons{gap:10px}}@media (max-width: 360px){.calculator{padding:15px}.buttons-grid,.advanced-buttons{gap:8px}}@media (max-height: 500px) and (orientation: landscape){.calculator{padding:15px}}.header{text-align:center;padding:35px 25px;background:#ffffff1f;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:25px;box-shadow:0 10px 40px #0000004d,0 0 30px #667eea33,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.15);animation:slideDown .7s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(240,147,251,.1) 0%,transparent 70%);animation:rotate 15s linear infinite;pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:42px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#fff,#f093fb,#667eea);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(240,147,251,.3);letter-spacing:-1px;animation:titleGradient 4s ease infinite;position:relative;z-index:1}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:14px;color:var(--text-secondary);opacity:.9;font-weight:400;letter-spacing:.5px}@media (max-width: 480px){.title{font-size:28px}.subtitle{font-size:12px}}.footer{text-align:center;padding:25px;background:#ffffff1f;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:25px;font-size:14px;color:var(--text-secondary);border:2px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d,0 0 30px #667eea33,inset 0 1px #fff3;animation:slideUp .7s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite reverse;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.footer{font-size:11px;padding:15px}}.app{width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 30%, #f093fb 60%, #4facfe 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--calculator-bg: linear-gradient(145deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--display-bg: linear-gradient(145deg, #0a0a1a 0%, #0f0f1e 50%, #1a1a2e 100%);--btn-number: linear-gradient(145deg, #1e2749 0%, #16213e 50%, #0f3460 100%);--btn-operator: linear-gradient(145deg, #ff6b9d 0%, #e94560 50%, #c73650 100%);--btn-function: linear-gradient(145deg, #2d3561 0%, #0f3460 50%, #16213e 100%);--btn-advanced: linear-gradient(145deg, #6a4c93 0%, #533483 50%, #3d2563 100%);--btn-equals: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);--text-primary: #ffffff;--text-secondary: #b8b8d4;--shadow: 0 25px 80px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .3);--shadow-hover: 0 30px 90px rgba(0, 0, 0, .6), 0 15px 40px rgba(0, 0, 0, .4);--shadow-inset: inset 0 4px 15px rgba(0, 0, 0, .6), inset 0 -2px 10px rgba(255, 255, 255, .05);--glow-blue: 0 0 20px rgba(102, 126, 234, .4), 0 0 40px rgba(102, 126, 234, .2);--glow-pink: 0 0 20px rgba(240, 147, 251, .4), 0 0 40px rgba(240, 147, 251, .2)}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-gradient);background-attachment:fixed;background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(118,75,162,.2) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(20px) translate(-10px)}}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;z-index:1}.app{width:100%;max-width:480px;display:flex;flex-direction:column;gap:30px;animation:fadeIn 1s ease-out;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}