:root{color:#1a1a1a;background:#fafafa;font-family:system-ui,sans-serif}body{margin:0}main{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:32px 16px;display:flex}button{cursor:pointer;padding:8px 16px;font-size:1rem}.grid{border:2px solid #1a1a1a;width:fit-content;margin-top:24px;display:flex}.grid.small{border-width:1px;margin:0}.grid.small .cell{width:40px;height:40px}.grid.small .cell img{width:36px;height:36px}.grid.small .cell-text{font-size:.7rem}.status{color:#666;margin-top:16px}.column+.column{border-left:1px solid #1a1a1a}.header{text-align:center;background:#eee;border-bottom:1px solid #1a1a1a;padding:2px 0;font-size:.8rem}.cell{background:#fff;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.cell img{width:64px;height:64px}.cell-text{flex-direction:column;font-size:.9rem;line-height:1.2}.recap ol{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.recap li{text-align:left;border-radius:4px;align-items:center;gap:12px;padding:6px 10px;display:flex}.recap li.ok{background:#e3f5e6}.recap li.ko{background:#fdecea}.recap .first-answer{flex:1;font-size:.9rem}.answer{gap:8px;width:100%;max-width:480px;margin-top:16px;display:flex}.answer input{flex:1;padding:8px;font-size:1rem}.result{box-sizing:border-box;text-align:left;border-radius:4px;width:100%;max-width:480px;margin-top:12px;padding:8px 12px}.result.ok{background:#e3f5e6}.result.ko{background:#fdecea}.result .verdict{font-weight:600}.result .columns{margin:8px 0 0;padding:0;list-style:none}.result .columns li{padding:2px 0}.result .columns li.ok{color:#1b5e20}.result .columns li.ko{color:#8a1c1c}.result code{background:#fff;border:1px solid;border-radius:3px;margin-left:6px;padding:1px 6px}.column.ok .header{background:#c8e6c9}.column.ok .cell{background:#f1faf1}.column.ko .header{background:#f8c9c4}.column.ko .cell{background:#fff3f2}