body{font:1em Verdana,Geneva,sans-serif;color:#000;padding:0;margin:.25em;background-color:#010;}div{padding:0;margin:0;}button{cursor:pointer;}.hidden{display:none;}#app{position:absolute;top:0;bottom:0;left:0;right:0;margin:.25em;}#app button{border:1px solid #f5f5f5;border-radius:2px;padding:.25em .25em;margin:2px 0;color:#f5f5f5;background-color:#001;font:inherit;}#main{position:relative;padding:.3em;margin:0;background-color:#5c6bc0;box-shadow:0 4px 6px #444;}canvas{cursor:crosshair;background-color:#000;}#expression{margin:0 .25em .5em .25em;}#expression input{font-size:1.5em;width:100%;}#error{visibility:hidden;opacity:0;height:0;padding:0 .25em;color:#000;background-color:#f00;-moz-transition:all ease .2s;-o-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s;}#error.open{visibility:visible;height:auto;opacity:1;margin:.25em 0;padding:.25em;}#key-pads{padding:0 .25em;border-radius:4px;}#key-pads button{border:none;min-width:2em;height:2em;box-shadow:0 0 6px #444;background-color:#8c9eff;color:#111;font-weight:bold;}#key-pads button.not-visible{visibility:hidden;}#key-pads #quick-keys{padding-bottom:.25em;}#key-pads #quick-keys button{width:4em;margin-right:.25em;}#key-pads #quick-keys button.selected{background-color:#a0b2ff;}#key-pads #quick-keys button.get-result{background-color:#0a0;color:#ccc;width:2em;border-radius:50%;margin-right:.5em;}#key-pads>div.key-pad{visibility:hidden;opacity:0;height:0;margin:0 1em;padding:0;border:0;-moz-transition:all ease .2s;-o-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s;}#key-pads>div.key-pad.open{visibility:visible;height:auto;opacity:1;margin:.25em 1em .25em 3em;}#key-pads>div.key-pad button{font-weight:normal;background-color:#9dafff;margin:2px 0;width:auto;}#key-pads #function-pad button{width:4em;}#key-pads>div.info{max-width:40em;max-height:15em;overflow:auto;background-color:#8c9eff;padding:0 .5em;}#key-pads>div.info h2{font-size:1.2em;font-weight:bold;margin-bottom:0;}#key-pads>div.info h3{font-size:1em;font-weight:bold;margin-bottom:0;}#key-pads>div.info p{font-size:1em;margin-top:0;}#number-pad{width:12em;min-width:12em;text-align:center;}#userlib-pad>div{display:inline-block;background-color:rgba(255,255,255,.2);margin:0 .25em;padding-right:.25em;border-radius:4px;}#userlib-pad>div span.icon{display:inline-block;vertical-align:middle;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAD9SURBVEhLxZQBEYMwDEXjAQczMAMoQMEc4AAHs4AGJMzDLEwDFrr/m8L11n8cbMBy9yD9TWmbplgI4a9IkcBu4A6e4Kpi9kCLZjUnT34H2s+YvdCi77xWfXujRbMHqFTf3mgRC1D6EZSCFx8dnj0Z0rsCLMhYG0vALowDfWpzrNxUIUQxyrM/T5z8VUeTYsesPeT9sy7FbAGp3YNbrq0BxoUzG1xMJ2OkaPbKfF5JHsHmuoAxaw1ogcxcIUQxTQYbwfQ/YBbI6usJYz1xTKP6SSl4umLx/AqM2Vv8Vin4oM3n/S3+8F3HM4LFK5cHHYk/vFKnq3ba7okUzyPYG/+0PiXXT6FnAAAAAElFTkSuQmCC');background-color:rgba(255,255,255,.5);opacity:.6;width:16px;height:16px;border-radius:1px;}#userlib-pad>div span.icon.function{background-position:0 0;}#userlib-pad>div span.icon.variable{background-position:-16px 0;}#userlib-pad>div a.delete{text-decoration:none;color:#f00;}#history{display:block;min-height:4em;background-color:#fffaf0;padding-top:.5em;}#history>div{padding:0 .25em;border-left:3px solid transparent;line-height:1.3em;}#history>div.selected{border-left:3px solid #f00;background-color:#e3ffe3;}#history>div.expression{border-bottom:1px solid #808080;}#history>div.result{font-weight:bold;}#history>div.error{color:#f00;}#history>div.status{color:#00f;}#templates{display:none;}