body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at center,#0f0c1b,#020205);color:#f8fafc;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.calculator-app{width:100%;max-width:850px;margin:20px;padding:20px;box-sizing:border-box}.calc-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px}.calc-header h1{font-size:2rem;font-weight:900;margin:0;background:linear-gradient(45deg,#ff007f,#7f00ff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,0,127,.2)}.header-icon{width:28px;height:28px}.glow-pink{color:#ff007f;filter:drop-shadow(0 0 8px #ff007f)}.glow-blue{color:#0ff;filter:drop-shadow(0 0 8px #00ffff)}.spin-slow{animation:spin 8s linear infinite}.calc-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 768px){.calc-layout{grid-template-columns:1fr}}.calc-main{background:#0f0c1ed9;border:2px solid rgba(255,0,127,.15);border-radius:24px;padding:20px;box-shadow:0 20px 50px #0009,inset 0 0 20px #ff007f0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.calc-screen{position:relative;background:#05030a;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:18px;min-height:85px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 0 15px #000000e6}.screen-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(0,255,255,.1),transparent);pointer-events:none}.formula-display{font-size:1.3rem;color:#94a3b8;word-break:break-all;text-align:right;font-family:Courier New,Courier,monospace}.result-display{font-size:2.1rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.6);font-family:Courier New,Courier,monospace}.mode-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.badge-local{background:#00ffff1a;border:1px solid rgba(0,255,255,.2);color:#0ff;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700}.badge-status{font-size:.75rem;color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:6px;font-weight:700}.calc-keyboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key-btn{background:#19142dcc;border:1px solid rgba(255,255,255,.05);border-radius:14px;color:#f1f5f9;font-size:1.3rem;font-weight:600;padding:16px 0;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.key-btn:hover{background:#ffffff14;border-color:#00ffff4d;transform:translateY(-1px)}.key-btn:active{transform:translateY(1px)}.key-btn.action{background:#ef44441a;color:#f87171;border-color:#ef444433}.key-btn.op{background:#7f00ff26;color:#a78bfa;border-color:#7f00ff40}.key-btn.equal{background:linear-gradient(135deg,#ff007f,#7f00ff);color:#fff;grid-row:span 2;height:100%;border:none;box-shadow:0 0 15px #ff007f66}.key-btn.equal:hover{box-shadow:0 0 25px #ff007f99}.key-btn.zero{grid-column:span 2}.calc-sidebar{background:#0f0c1e66;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:20px;display:flex;flex-direction:column}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:16px}.history-list{flex-grow:1;overflow-y:auto;max-height:340px;display:flex;flex-direction:column;gap:10px}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569;height:180px;text-align:center}.empty-icon{margin-bottom:10px;opacity:.4}.history-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px}.item-math{display:flex;justify-content:space-between;font-family:monospace;margin-bottom:6px}.item-formula{color:#94a3b8}.item-result{color:#0ff;font-weight:700}.item-comment{font-size:.75rem;color:#a78bfa;display:flex;align-items:center;gap:6px}.comment-spark{color:#f43f5e}.egg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030207e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.egg-modal{background:radial-gradient(circle at top,#1a0b2e,#05020a);border:2px solid #ff007f;border-radius:28px;max-width:480px;width:100%;padding:25px;box-shadow:0 0 50px #ff007f66;text-align:center;box-sizing:border-box}.egg-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:15px}.egg-trophy-icon{width:40px;height:40px;color:#facc15;filter:drop-shadow(0 0 8px #facc15)}.egg-header h2{font-size:1.3rem;color:#ff007f;margin:0;text-shadow:0 0 8px rgba(255,0,127,.5)}.portal-container{position:relative;width:160px;height:160px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.portal-ring{position:absolute;border-radius:50%;border:2px dashed transparent}.ring-1{width:150px;height:150px;border-color:#ff007f;animation:spin 4s linear infinite;box-shadow:0 0 15px #ff007f4d}.ring-2{width:120px;height:120px;border-color:#7f00ff;animation:spin-reverse 6s linear infinite;box-shadow:inset 0 0 15px #7f00ff4d}.ring-3{width:90px;height:90px;border-color:#0ff;animation:spin 3s linear infinite}.portal-core{width:60px;height:60px;background:radial-gradient(circle,#ff007f,#7f00ff);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px #ff007f;animation:pulse 1s ease-in-out infinite alternate}.portal-icon{color:#fff;filter:drop-shadow(0 0 5px white)}.egg-story{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;margin-bottom:20px}.egg-title{font-size:1.1rem;font-weight:700;color:#0ff;margin:0 0 8px}.highlight-formula{font-family:monospace;font-size:1.1rem;color:#facc15;background:#facc151a;padding:6px;border-radius:6px;display:inline-block;margin:8px 0}.egg-desc{font-size:.9rem;color:#cbd5e1;line-height:1.5;margin:0}.voice-wave{display:flex;justify-content:center;gap:4px;margin-top:12px}.voice-wave span{width:3px;height:12px;background:#0ff;border-radius:2px;animation:wave .8s ease-in-out infinite alternate}.voice-wave span:nth-child(2){animation-delay:.15s}.voice-wave span:nth-child(3){animation-delay:.3s}.voice-wave span:nth-child(4){animation-delay:.45s}.voice-wave span:nth-child(5){animation-delay:.6s}.egg-actions{display:flex;gap:10px}.egg-btn{flex:1;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;border:none;font-size:.9rem;transition:opacity .15s}.egg-btn.speak{background:#7f00ff;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.egg-btn.close{background:#ef4444;color:#fff}.egg-btn:hover{opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 15px #ff007f}to{transform:scale(1.1);box-shadow:0 0 30px #ff007f}}@keyframes wave{0%{height:4px}to{height:18px}}