/* FISD practice graphing calculator */
.gc{position:fixed;right:24px;top:90px;z-index:70;width:372px;background:#1d1f24;color:#f2f2f2;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);font:13px Arial,sans-serif;outline:none;padding:0 12px 10px}
.gc[hidden]{display:none}
.gc-bar{display:flex;align-items:center;gap:10px;cursor:move;padding:9px 0 7px}
.gc-bar b{flex:1;font-size:13px;letter-spacing:.04em}
.gc-mode label{margin-left:6px;font-size:11px;cursor:pointer}
.gc-x{background:none;border:0;color:#fff;font-size:15px;cursor:pointer}
.gc-tabs{display:flex;gap:4px;margin-bottom:8px}
.gc-tabs button{flex:1;padding:6px;border:0;border-radius:6px 6px 0 0;background:#30343c;color:#cfd3da;font-weight:700;cursor:pointer}
.gc-tabs button.on{background:#f5b400;color:#1d1d24}
.gc-y{display:flex;align-items:center;gap:6px;margin:3px 0;font-weight:700}
.gc-y span{width:10px;height:10px;border-radius:2px;border:1px solid #fff}
.gc-y input{flex:1;padding:5px 7px;border-radius:5px;border:1px solid #555;background:#fff;color:#111;font:14px "Cambria Math","Times New Roman",serif}
.gc-y input.bad{outline:2px solid #e3262f}
.gc canvas{display:block;margin:8px auto 2px;border:2px solid #555;border-radius:4px;background:#fff;cursor:crosshair;width:344px;height:240px}
.gc-coord{font:12px Consolas,monospace;color:#cfd3da;min-height:16px;text-align:center}
.gc-win{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;align-items:flex-end}
.gc-win label{display:flex;flex-direction:column;font-size:10.5px;color:#cfd3da;flex:1;min-width:70px}
.gc-win input{padding:4px 5px;border-radius:4px;border:1px solid #555;background:#fff;color:#111;width:100%}
.gc-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:5px 0}
.gc button[data-a]{padding:6px 4px;border:0;border-radius:5px;background:#3d4350;color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.gc button[data-a="graph"],.gc button[data-a="calc"],.gc button[data-a="table"]{background:#4b2a86}
.gc button[data-a]:hover{filter:brightness(1.2)}
.gc-msg{min-height:18px;font-size:12.5px;color:#ffd666;margin-top:4px}
.gc-table{max-height:300px;overflow:auto}
.gc-table table{width:100%;border-collapse:collapse;background:#fff;color:#111;font:13px Consolas,monospace}
.gc-table th,.gc-table td{border:1px solid #bbb;padding:3px 6px;text-align:right}
.gc-hist{height:190px;overflow:auto;background:#fff;color:#111;border-radius:5px;padding:6px 8px;font:14px Consolas,monospace}
.gc-hist div{text-align:right;border-bottom:1px dotted #ddd;padding:2px 0}
.gc-calc{display:flex;gap:6px;margin:6px 0}
.gc-calc input{flex:1;padding:6px 8px;border-radius:5px;border:1px solid #555;font:14px Consolas,monospace}
.gc-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.gc-keys button{padding:6px 0;border:0;border-radius:4px;background:#edf0f4;color:#222;font-weight:700;cursor:pointer}
.gc-note{font-size:11px;color:#b9bec7;margin:6px 0 0}
.gc-foot{margin-top:8px;padding-top:6px;border-top:1px solid #3a3f49;font-size:11px;color:#b9bec7}
.gc-foot a{color:#f5b400}