body{margin:0;background-color:#666;font-family:Arial,Helvetica,sans-serif}#app{margin:0;padding:1em}#cube{margin:0;padding:0}#cube twisty-player{width:15em;height:15em}.controls{margin-left:.5em}.controls button{color:#fff;background-color:#333;border:1px solid silver;margin:.1em;padding:.5em 1em;font-weight:700;cursor:pointer;border-radius:1em}.info{display:grid;grid-template-columns:5em 15em;margin:1em 0}.info input{font-size:.5em;font-weight:700;color:#000;background-color:#eee;border:1px solid #333;margin:.5em;padding:.5em 1em;font-family:Arial,Helvetica,sans-serif;border-radius:1em}.info label{text-wrap:nowrap;font-size:.5em;color:#fff;text-align:right;margin:auto 0;padding:.5em;font-family:Arial,Helvetica,sans-serif}.info label:after{content:":"}#timer{position:absolute;font-size:2em;top:9em;left:.5em;width:8.3em;padding:1em;border:1px solid silver;border-radius:1em;background-color:#333;color:#fff;text-align:center;z-index:10;font-family:Courier New,Courier,monospace;font-weight:700;display:none}.help{color:#ffffff80;font-family:Arial,Helvetica,sans-serif;width:40rem;font-size:.8em;margin-top:.5em}.algo-day{border:1px solid #333;border-radius:10px;padding:0;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));cursor:pointer;color:#fbfafa}.algo-day:hover{border-color:#aaa}.algoday-icon{left:.1em;width:30%;height:40px;padding:0;object-fit:contain}.algoday-name{display:block;border:1px solid #333;border-radius:10px;--tw-border-opacity: 1;background-color:#0f172a;border-color:#334155;padding:1rem;font-weight:700;margin-top:.1rem;color:#fbfbf7;padding-left:10%;margin-left:22%;margin-right:20%;padding-bottom:1%;margin-bottom:.7rem;width:auto}.algoday-name:hover,.algo-steps:hover{border-color:#f908b1}.algoday-notation{font-size:13px;color:#aaa}.algoday-assocciation{display:block;border:1px solid #333;border-radius:10px;--tw-border-opacity: 1;background-color:#0f172a;border-color:#334155;font-weight:700;color:#fbfbf7;padding:0 0 0 1%;margin:3px 20% 3px 10%;width:auto}.algoday-text,.algo-steps{display:block;border:1px solid #333;border-radius:10px;--tw-border-opacity: 1;background-color:#0f172a;border-color:#334155;font-weight:700;padding:8px 8px 8px 2%;margin:3px 20% 3px 10%;width:auto}.algo-step{padding:4px 6px;border-radius:6px}.algo-step.active{background:#4caf50;color:#fff}.algo-error{background:#ff4d4f;color:#fff;border-radius:4px}#runtime-indicator{position:fixed;bottom:46px;right:12px;padding:6px 10px;border-radius:6px;font-family:sans-serif;font-size:14px;color:#fff;background:#444;opacity:.85;pointer-events:none}body[data-runtime-state=waiting-input] #runtime-indicator{display:block}#runtime-indicator-time{position:fixed;bottom:12px;right:12px;padding:6px 10px;border-radius:6px;font-family:sans-serif;font-size:14px;color:#fff;background:#444;opacity:.85;pointer-events:none}body[data-runtime-state=waiting-input] #runtime-indicator-time{display:block}#reason{background:#f2ebc1fb;align-items:center;justify-content:center;z-index:9999;display:block}body[data-runtime-state=waiting-input] #reason{color:orange}body[data-runtime-state=running] #reason{color:green}body[data-runtime-state=idle] #reason{color:gray}#progress-bar{position:fixed;bottom:0;left:0;height:6px;width:0;background:#3498db;transition:width 1s linear}body[data-runtime-state=finished] #progress-bar{width:0;height:20px}.algo-library{padding:12px}.algo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.algo-card{border:1px solid #333;border-radius:10px;padding:10px;background:#111;cursor:pointer}.algo-card:hover{border-color:#888}.algo-icon{width:100%;height:120px;object-fit:contain}.algo-name{font-weight:700;margin-top:6px;color:#aaa}.algo-notation{font-size:13px;color:#aaa}.algo-stats{margin-top:4px;font-size:12px;color:#6f6}