init geek calc

styles.css

@@ -0,0 +1 @@
+:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#0f0;--text-secondary:#00ff00;--accent:#00ff00;--border:#333;--error:#f55;--success:#5f5;--hc-bg-primary:#000;--hc-text-primary:#fff;--hc-border:#fff}@media(prefers-contrast:high){:root{--bg-primary:var(--hc-bg-primary);--text-primary:var(--hc-text-primary);--border:var(--hc-border)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Courier New','Monaco','Menlo',monospace;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;padding:20px}.container{max-width:800px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}header{text-align:center;margin-bottom:20px}#ascii-banner{color:var(--text-primary);font-size:14px;line-height:1.2;margin:0 auto;text-align:center;font-family:monospace;white-space:pre;user-select:text}main{flex:1;display:flex;flex-direction:column;align-items:center}.calculator{width:100%;max-width:400px;background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 0 20px rgba(0,255,0,0.2)}.display{background-color:#000;padding:15px;border:1px solid var(--border);border-radius:4px;margin-bottom:15px;min-height:80px;position:relative;font-family:monospace;font-size:1.5rem;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expression{min-height:1.5rem;color:#aaa}.result{min-height:2rem;margin-top:5px;color:var(--text-primary)}.cursor{display:inline-block;width:8px;height:1.5rem;background-color:var(--text-primary);margin-left:2px;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.history{margin-bottom:15px;max-height:100px;overflow-y:auto;border:1px solid var(--border);border-radius:4px;padding:10px;font-size:0.9rem}.history-item{padding:3px 0;cursor:pointer;border-bottom:1px solid #333}.history-item:hover{background-color:#222}.command-palette{position:fixed;top:20%;left:50%;transform:translateX(-50%);width:90%;max-width:500px;background-color:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;padding:15px;z-index:100}#command-input{width:100%;padding:10px;background-color:#000;color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:1rem}#command-suggestions{list-style:none;margin-top:10px}#command-suggestions li{padding:5px;cursor:pointer;border-bottom:1px solid #333}#command-suggestions li:hover{background-color:#222}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.btn{padding:15px;font-size:1.2rem;font-family:monospace;border:none;border-radius:4px;cursor:pointer;transition:all 0.2s;font-weight:bold}.btn:focus{outline:2px solid var(--accent);outline-offset:2px}.btn:hover{opacity:0.9;transform:scale(1.02)}.num{background-color:#333;color:var(--text-primary)}.num:hover{background-color:#444}.op{background-color:#555;color:var(--text-primary)}.op:hover{background-color:#666}.func{background-color:#222;color:var(--text-primary)}.func:hover{background-color:#333}.mode-toggle{text-align:center;margin-top:15px}.mode-btn{padding:8px 15px;background-color:#222;color:#0f0;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:monospace;font-weight:bold}.mode-btn:hover{background-color:#333}.mode-btn.active{background-color:var(--accent);color:#000}.easter-eggs{text-align:center;font-size:0.8rem;color:#666;margin-top:10px}footer{text-align:center;margin-top:auto;padding-top:20px;color:#666;font-size:0.9rem}button:focus,input:focus{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:500px){.keypad{grid-template-columns:repeat(4,1fr);gap:6px}.btn{padding:12px;font-size:1rem}.display{font-size:1.2rem}}