@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0014;--surface: #1A0028;--primary: #00F5FF;--primary-dark: #00C2D1;--accent: #FF006E;--text: #F0F0FF;--text-muted: #A8A8C8;--border: #2A1845;--success: #10B981;--warning: #F59E0B;--danger: #FF006E;--radius: 8px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #00F5FF26;--neon-glow-primary: 0 0 8px var(--primary), 0 0 16px var(--primary), 0 0 24px var(--primary);--neon-glow-accent: 0 0 8px var(--accent), 0 0 16px var(--accent), 0 0 24px var(--accent);--primary-dark-rgb: 0, 194, 209}body{margin:0;padding:0;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px),var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;position:relative}.app-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:90vw;width:450px;box-sizing:border-box}.cloud-badge{position:absolute;top:10px;right:10px;background-color:var(--surface);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius);font-size:.8em;display:flex;align-items:center;gap:5px;box-shadow:var(--shadow);z-index:10}.loading-spinner{border:2px solid var(--primary-dark);border-top:2px solid var(--primary);border-radius:50%;width:12px;height:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloud-toast{position:fixed;top:20px;background:rgba(var(--primary-dark-rgb),.9);color:var(--text);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--neon-glow-primary);z-index:1000;font-size:.9em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.calculator-wrapper{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:15px;position:relative;width:100%}.calculator-screen{background:#000;border:2px solid var(--primary);border-radius:var(--radius);padding:15px;text-align:right;margin-bottom:15px;box-shadow:inset 0 0 10px #00f5ff80,0 0 15px var(--primary)}.expression-preview{font-size:1.2em;color:var(--text-muted);min-height:1.2em;overflow-x:auto;white-space:nowrap;font-family:JetBrains Mono,monospace}.display{font-family:Orbitron,monospace;font-size:3em;color:var(--primary);min-height:1.5em;overflow-x:auto;white-space:nowrap;text-shadow:var(--neon-glow-primary)}.button-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calc-button{background:var(--border);color:var(--text);border:none;border-radius:var(--radius);padding:15px 0;font-size:1.2em;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #0000004d;font-family:JetBrains Mono,monospace;display:flex;justify-content:center;align-items:center}.calc-button:hover{background:var(--primary-dark);color:var(--text);box-shadow:var(--neon-glow-primary)}.calc-button:active{background:var(--primary);color:var(--bg);box-shadow:none}.clear-button{background:var(--danger);color:var(--text);font-weight:700}.clear-button:hover{background:#f39;box-shadow:var(--neon-glow-accent)}.operator-button{background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:var(--bg);font-weight:700}.operator-button:hover{background:linear-gradient(145deg,var(--primary-dark),var(--primary));box-shadow:var(--neon-glow-primary)}.equals-button{background:var(--accent);color:var(--text);font-weight:700;grid-column:span 2}.equals-button:hover{background:#f39;box-shadow:var(--neon-glow-accent)}.func-button,.memory-button{background:var(--border);color:var(--text-muted);font-size:.9em}.func-button:hover,.memory-button:hover{background:var(--primary-dark);color:var(--text);box-shadow:0 0 10px var(--primary)}.angle-toggle{grid-column:span 2}.history-toggle-button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 15px;font-size:1em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center;box-shadow:var(--shadow);margin-top:10px}.history-toggle-button:hover{background:var(--primary-dark);box-shadow:var(--neon-glow-primary)}.history-panel{position:absolute;top:0;right:0;width:300px;height:100%;background:#1a0028d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:2px solid var(--primary);border-radius:var(--radius);box-shadow:-5px 0 15px #00f5ff33;padding:20px;display:flex;flex-direction:column;gap:15px;z-index:50;overflow-y:auto}.history-panel h3{font-family:Orbitron,monospace;color:var(--primary);text-shadow:var(--neon-glow-primary);margin-top:0;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.clear-history-button{background:var(--danger);color:var(--text);border:none;border-radius:var(--radius);padding:8px 12px;font-size:.9em;cursor:pointer;display:flex;align-items:center;gap:5px;justify-content:center;transition:all .2s ease}.clear-history-button:hover{background:#f39;box-shadow:var(--neon-glow-accent)}.history-list{flex-grow:1;overflow-y:auto;padding-right:5px}.history-item{background:var(--border);border-radius:var(--radius);padding:10px 15px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.history-item:hover{border-color:var(--primary);box-shadow:0 0 10px #00f5ff4d}.history-expr{font-size:.9em;color:var(--text-muted)}.history-result{font-size:1.2em;color:var(--primary);font-weight:700}.no-history{color:var(--text-muted);text-align:center;margin-top:20px}@media (max-width: 768px){.app-container{width:100%;padding:10px}.calculator-wrapper{padding:15px}.display{font-size:2.5em}.expression-preview{font-size:1em}.button-grid{grid-template-columns:repeat(5,1fr)}.calc-button{padding:12px 0;font-size:1em}.equals-button,.angle-toggle{grid-column:span 1}.history-panel{width:100%;border-left:none;border-top:2px solid var(--primary);border-radius:var(--radius);top:auto;bottom:0;height:50%;left:0;right:0;transform:translateY(100%)}.history-panel[style*="transform: translateY(0)"]{transform:translateY(0)!important}.history-toggle-button{width:100%}}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:var(--surface);border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:10px;border:2px solid var(--surface)}.history-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}